/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Typography
2.1 Alignment
2.2 Accordion
2.3 Tabs
2.4 Separators
3. Header
4. Notice
5. Button
6. Blog Section
6.1 Pagination
6.2 Post Share Article
6.3 Post Author
6.4 Section Mask Hover
6.5 Blog Post page
6.6 Navigation
7. Gallery
8. Social Icons
9. Back to Top
10. Preloader
11. Spinner
12. Camera Slider
13. About Section
14. Parallax Section
15. Service Section
16. Vimeo Section
17. Twitter Section
18. Team Section
19. Newsletter Section
20. Pricing Section
21. Contact Section
22. Footer Section
23. Media Query
-------------------------------------------------------------------*/

/*--- 1. Body ---*/
body{font-family:Open Sans,sans-serif;background: #f6f6f6;}

/*--- 2. Typography ---*/
a{color:#2ba6cb}

a:hover{color:#222222}

a:link,a:visited,a:active{outline:0}

p{font-size:16px;line-height:25px;font-weight:100;color:#000}

h1,h2,h3,h4,h5,h6{
font-weight:100;
}

.video{position:relative; padding-bottom:56.25%;height:0;overflow:hidden; margin-bottom: 20px;}

.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}

.top-wrap{position:relative;left:0;right:0;top:0;z-index:9999;background: rgba(0, 0, 0, 0.3);border-top:4px solid rgba(0, 0, 0, 0.4);;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out; }

.flex-direction-nav li{
list-style: none;
}


table tbody tr:nth-child(even) {
background: #e3e3e3;
}

table tbody tr:nth-child(odd) {
background: #f6f6f6;
}

table tbody tr th{
padding: 8px 10px;
}

dt {
font-weight: bold;
text-decoration: underline;
}
dd {
margin: 0;
padding: 0 0 0.5em 0;
}

.top-nav li {
list-style: none;
}

ul li{
list-style: initial;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.commentlists li{
list-style: none;
}

/*--- 2.1 Alignment ---*/
		
.left-align{
text-align:left!important;
}

.right-align{
text-align:right!important;
}

.center-align{
text-align:center!important;
}

.alignleft {
float: left;
margin-right: 10px;
}

.alignright {
float: right;
margin-left: 10px;
}

.wp-caption-text {
margin-top: -5px;
font-style: italic;
padding: 0px 5px;
}

.wp-caption{}

.sticky{}

.gallery-caption{}

.bypostauthor{}

.alignright{
text-align: right;
}

.alignleft{
text-align: left;
}

.aligncenter{
text-align: center;
}

.top_section1 {
padding: 0px 0px 667px 0px!important;
}


iframe {
  border:none; 
}

.heading{
font-weight: 100;
font-size: 28px;
}

.heading i{margin-right:15px;position:relative;top:-0;font-size:20px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:2px solid #000;padding:10px}

.subheading{
margin-bottom: 10px;
margin-top: 10px;
font-size: 16px;
line-height: 25px;
font-weight: 100;
}

.page-section{
padding: 100px 0;
}

.light{
color: #ffffff;
}

.light-text{
color: #ffffff;
}

.light i{border:2px solid #ffffff;}

.dark{
color: #222222;
}

.dark-text{
color: #222222;
}

.dark i{border:2px solid #222222;}



iframe {
  border:none; 
}

.top_section{
padding: 0!important;
}

/*--- 2.2 Accordion ---*/
.accordion {
   dt, dd {
      padding: 10px;
      border: 1px solid black;
      border-bottom: 0; 
      &:last-of-type {
        border-bottom: 1px solid black; 
      }
      a {
        display: block;
        color: black;
        font-weight: bold;
      }
   }
  dd {
     border-top: 0; 
     font-size: 12px;
     &:last-of-type {
       border-top: 1px solid white;
       position: relative;
       top: -1px;
     }
  }
}

.accordion dt{
display: block;
font-size: 16px;
line-height: 25px;
font-weight: 100;
cursor: pointer;
background: #ededed;
margin-top: 1px;
text-decoration: none;
}

.accordion dt a{
	padding: 10px 15px;
	display: block;
	color: #00000!important;
	font-weight: 100;
}

.accordion dd{
	background: #ededed;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 25px;
	font-weight: 100;
}

/*--- 2.3 Tabs ---*/
ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	font-size: 16px;
	line-height: 25px;
	font-weight: 100;
	cursor: pointer;
}

ul.tabs li.current{
	background: #ededed;
	color: #000;
	border-top: 0!important;
}

.tab-content{
	display: none;
	background: #ededed;
	font-size: 16px;
	line-height: 25px;
	font-weight: 100;
	padding: 15px;
}

.tab-content.current{
	display: inherit;
	border-top: 0!important;
}
/*--- Tabs ---*/


/*--- 2.4 Separators ---*/
.no-padding{padding:0}

.space10{margin-bottom:10px}

.space15{margin-bottom:15px}

.space20{margin-bottom:20px}

.space25{margin-bottom:25px}

.space30{margin-bottom:30px}

.space35{margin-bottom:35px}

.space40{margin-bottom:40px}

.space50{margin-bottom:50px}

.space60{margin-bottom:60px}

.space70{margin-bottom:70px}

.space80{margin-bottom:80px}

.space90{margin-bottom:90px}
/*--- Typography ---*/

/*--- 3. Header & Logo ---*/
.header{
height: 76px;
}

.logo h1{
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
font-size:30px;
margin: 22px 0px 0px;
width: 300px;
}

.logo h1 a{
color:#ffffff;
font-weight: 100;
border: 1px solid #ffffff;
padding: 0px 5px;
}

.logo a span{font-weight:300}

.logo img{
margin-top: 16px;
}

.top-nav{
display:table;
float:right;
margin-bottom: 0;
}

.top-nav li{
float:left;
margin-bottom: -4px;
border-top:4px solid rgba(0, 0, 0, 0.5);
position:relative;
top:-4px;
padding: 27px 15px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}

.sub-menu li:nth-child(even) {
    display: none;
}

.top-nav li a{
color:#fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
}

.current,.top-nav li:hover{
border-top:4px solid rgba(247, 247, 247, 0.6)!important;
}

.select-menu{display:none;background:0;padding:none;border:0}

@media(max-width:767px){
	.top-nav{display:none;margin:0}
	
	.select-menu{display:block;background:#1abc9c;width:100px;padding:5px;font-size:12px;border:1px solid #fff;height:34px;margin:10px 0;position:fixed;top:15px;right:20px;color:#fff !important}
}

.sub-menu{
width: 0px;
margin-left: -15px;
display: none;
margin-top: 31px;
position: absolute;
}

.sub-menu li{
display: block;
float: none;
margin-top: 0px;
border-top: 0px!important;
margin-bottom: 0px;
background: rgba(0,0,0,0.9);
width: 150px;
padding: 0px!important;
}

.sub-menu li a{
display: block;
padding: 10px 18px!important;
}

.sub-menu li a:hover{
padding-left: 25px!important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: alll 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.sub-menu li:hover{
border-top: 0px!important;
background: rgba(0,0,0,1);
}

.sub-menu li+li{
border-top: 1px solid rgba(247, 247, 247, 0.8)!important;
}

.sub-menu li+li:hover{
border-top: 1px solid rgba(247, 247, 247, 0.8)!important;
}

.top-nav li:hover > .sub-menu{
display: block;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: alll 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}


/*--- 4. Notice ---*/
.top-info h3{
color:#fff;
font-weight:300;
font-size:45px;
text-shadow:0 1px 1px rgba(0,0,0,0.1);
margin-bottom:25px;
font-family:Open Sans Condensed,sans-serif;
text-transform:uppercase;
margin-top:90px;
}

.top-info h3 span{font-weight:700;
font-size:75px;
display:block;
}

.top-info p{color:#fff;font-size:18px;text-shadow:0 1px 1px rgba(0,0,0,0.1)}
/*--- Notice ---*/

/*--- 5. Button ---*/
.btn{background:#fff;padding:15px 20px;color:#1abc9c;display:table;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;font-size:16px;border-bottom:3px solid #14a78a;font-weight:100;width:220px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.btn:hover{border-bottom:3px solid #1abc9c;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.btn span{font-size:30px;width:45px;float:left;line-height:40px}

.btn em{display:block;font-style:normal;font-size:28px}

.xtra{font-size:13px;margin-top:14px;color:#fff}

.xtra a{font-size:13px;margin-top:14px;color:#fff;border-bottom:1px dotted #fff}

.older a {
display: inline-block;
margin: 20px 0;
font-weight: normal;
text-align: center;
float: left;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #ffffff !important;
background: #555555 !important;
text-transform: uppercase;
letter-spacing: 3px;
}

.surface-button:hover{
background: #222222 !important;
color: #ffffff !important;
}

.surface-button{
	display: inline-block;
	margin: 5px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color:#ffffff !important;
	background:#555555 !important;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.info-btn{
background:#485F75;
padding:15px 20px;
color:#fff;
margin: 0 auto;
display:table;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
font-size:16px;
border-bottom:0px solid #485F75;
font-weight:500;
width:200px;
text-align: center;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}


.info-btn:hover{
background-color: #ecf0f1;
 -webkit-transition:all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 transition:all .4s ease-in-out;
 color: #181818;
}

.older a:hover{
background: #222222 !important;
}

.newer a {
display: inline-block;
margin: 20px 0;
font-weight: normal;
text-align: center;
float: right;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #ffffff !important;
background: #222222 !important;
text-transform: uppercase;
letter-spacing: 3px;
}


.large{
padding: 10px 25px;
font-size: 16px;
margin-top: 10px;
}

.white{
background: #ffffff!important;
color: #222222!important;
}

.heading span{
font-weight: 700;
}
/* Buttons */

/*--- 6. Blog Section ---*/
  .list_carousel {
    width: 100%;
    height:auto;    
  }
  
  .list_carousel ul {
    margin: 0;
    padding: 0;
    height:100%;
    list-style: none;
    display: block;

  }
  
  
.sticky .inner-page-content{
background: #575757;
color: #fff;
}

.sticky .inner-page-content p{
color: #fff;
}

.sticky .inner-page-content a{
color: #222222!important;
background: #f6f6f6!important;
}

.sticky .inner-page-content a:hover{
color: #f6f6f6!important;
background: #000000!important;
}

.wp-caption{
max-width: 100%;
}
  
  
  .list_carousel ul li {
    background-color: #fff;
    width: 300px;
    height: 490px;
    padding: 0;
    margin: 20px 10px;
    display: inline-block;
    float: left;
    position: relative;
    z-index: 9;
  }
  
  .list_carousel ul li:hover {
        -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
  .list_carousel ul li h5 {
    text-transform: capitalize;
    color: #34495e;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        text-decoration:none;
  }
  .list_carousel ul li h5:hover{
    color: #1abc9c;
    text-decoration:none;
  }
  .blogContent a:hover {
    text-decoration:none;
  }
  .newsDetil span i {
    line-height: 18px;
  }
  
  .news_content h2 {
    border-bottom: 1px solid #CFCFCF;
    font-family: bebasneue;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.8;
    margin-bottom: 15px;
  }
  
  .newsDetil {
    margin: 10px auto 15px;
	display: inline-block;
    font-family:Open Sans, Times, serif;
    color:#a1a1a1;
  }
  .newsDetil > span {
      margin-right: 15px;
      color: #ecf0f1;
  }
  
  .newsDetil span a {
      font-size: 13px;
      font-weight: 100;
             -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
       -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
  }
  .newsDetil span a:hover {
    color: #1abc9c;

  }

  
  .list_carousel.responsive {
    width: auto;
    margin-left: 0;
  }

  /* 6.1 Pagination */

  #news-navigation {
    width:100%;
    margin:0 auto 30px;
  }
  .blogContent > p {
    line-height: 1.8;
  }
  #news-navigation > ul{
    position: relative;
    left: 46%;
  }
  
  
.page-break{
margin: 20px 0px;
}

.page-break ul a{
display: inline-block;
background: #555;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 2px;
}

.page-break ul li{
display: inline-block;
background: #000000;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 2px;
}

.page-break ul a li{
background: #808080;

}

.page-break ul a li:hover{
background: #000000;
}
  
  /* ==================================================
     6.2 Post Share Article
  ================================================== */
  .shares { background: #f7f7f7; list-style: none; overflow: hidden; margin: 0;}
  .shares li { float: left; display: inline-block; border-right: 1px solid #fff; }
  .shares li.shareslabel h3 {
    padding: 12px 20px; font-weight: 600; text-transform: uppercase; background: #eee;font-size: 18px;margin: 0;font-family: open sans;
  }
  .shares li a { display: block; width: 45px; height: 46px; background-repeat: no-repeat; background-position: 7px 5px; }
  .shares li a:hover { background-position: 7px -60px; background-color: #1abc9c; }
  .shares li a:active { background-color: #999; }
  .shares li a.twitter { background-image: url(../images/icons/social/twitter.png); }
  .shares li a.facebook { background-image: url(../images/icons/social/facebook.png); }
  .shares li a.gplus { background-image: url(../images/icons/social/gplus.png); }
  .shares li a.pinterest { background-image: url(../images/icons/social/pinterest.png); }
  .shares li a.yahoo { background-image: url(../images/icons/social/yahoo.png); }
  .shares li a.linkedin { background-image: url(../images/icons/social/linkedin.png); }

  /* ==================================================
     6.3 Post Author
  ================================================== */
  .post-author {
    margin-left:94px;
    position:relative;
    margin-top:15px;
  }
  .post-author .avatar {
    left:-47px;
    position:absolute;
  }
  .post-author h6 {
    font-family: lato;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: auto;
  }

/* ==================================================
  6.4 Section Mask Hover
================================================== */
.blogs img {    
 display: block;
 width: 100%;
 height:auto;    
}
  
.blogs .mask {
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
} 
  
.blogs:hover .mask {
 opacity:1;
}
.blogs {
  width:100%; 
  margin-top: 50px;	
  height: auto;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: left;     
}
.blogs img{
border-radius: 3px;
}
.blogs .mask {
 width: 100%;
 height:100%;
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0;
 background: rgba(0, 0, 0, 0.5);
}
  
.blogs a.icon {
height: 100%;
position: absolute;
width: 100%;
}
  
.blogContent {
background:transparent;
float:left;
padding:0px;
text-align: left;
}
  
.blogContent p{
text-align: left !important;
}
 
.blog-post-type{
width: 100%;
position: absolute;
top: 0;
}

.blog-post-type > .tileimage{
border: 5px solid #ecf0f1;
margin: 0 auto;
}
/* ==================================================
  6.5 Blog Post page
================================================== */
  .news_page {
    background-color:#fff;
    width:850px;
    height:100%;
    overflow:hidden;
  }

  .news_content{
    padding:30px;
  }

  .news_content p{
    line-height:1.8;
  }
  .news_content h4 {
    font-family: Open Sans;
    font-size: 30px;
    line-height: 1;
    margin: 15px auto;
    padding-bottom: 15px;
  }
  .news-details {
    width:100%;
    height:auto;
    margin-bottom:15px;
  }

  p.post-admin {
    background: url("../images/post-admin.png") no-repeat scroll left center transparent;
    font-size: 12px;
    margin-bottom: 15px;
    color:#ABABAB;
    padding-left:25px;
    float:left;
    font-family:open sans, sans-serif;
  }
  .black.mt.mb, .black.mb {
    font-family: 'Open Sans';
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px;
    text-transform: uppercase;
  }

  p.post-calendar {
    background: url("../images/post-calendar.png") no-repeat scroll left center transparent;
    font-size: 12px;
    margin-bottom: 15px;
    color:#ABABAB;
    margin-left: 25px;
    padding-left:25px;
    float:left;
    font-family:open sans, sans-serif;
  }
  p.post-tagss {
    background: url("../images/post-tag.png") no-repeat scroll left center transparent;
    font-size: 12px;
    margin-bottom: 15px;
    color:#ABABAB;
    margin-left: 25px;
    padding-left:25px;
    float:left;
    font-family:open sans, sans-serif;
  }

  p.post-commentss {
    background: url("../images/post-comment.png") no-repeat scroll left center transparent;
    font-size: 12px;
    margin-bottom: 15px;
    color:#ABABAB;
    margin-left: 25px;
    padding-left:25px;
    float:left;
    font-family:open sans, sans-serif;
  }
  p.post-admin:hover, p.post-commentss:hover, p.post-tagss:hover, p.post-calendar:hover{
    color:#34495e;
  }

  .news_comments {
    padding:40px;
    background-color:#ECECEC;
    border-top: #dddddd solid 1px;
  }

  .user_comment {
    background: url("../images/user.html") no-repeat;
    padding-left:60px;
    margin-top:40px;
  }

  .user_comment_reply {
    background: url("../images/user.html") no-repeat scroll 0 0 transparent;
    margin-top: 40px;
    padding-left: 60px;
  }

  .comment-date {
    font-style:italic;
    margin-bottom:10px;
    font-family:Georgia, "Times New Roman", Times, serif;
    color:#a1a1a1;
  }
  .comment-meta a:hover{
    color:34495e;
  }

  .comment-text {
    color:#555555;
  }

  a.reply {
    float:right;
    font-weight:bold;
    margin-top:10px;    
  }

  a.reply:hover {
    text-decoration:underline;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

.circle{  
color: #f7f7f7;
text-shadow: 0 0 1px #999;
position: absolute;
width: 220px!important;
height: 220px!important;
line-height: 220px;
text-align: center;
font-size: 100px;
top: 50%;
left: 50%;
margin: -110px 0 0 -110px;
box-shadow: inset 0 0 0 10px #f7f7f7;
border-radius: 50%;
}
.gallery-area{margin:15px;}

.gallery-para{
font-size: 14px!important;
line-height: 20px!important;
}

.service-area{
padding-top: 30px;
}

.portfolio-type{
margin: 40px 0px;
text-align: center;
position: relative;
}

.portfolio-type li{
padding: 10px;
display:inline;
}

.portfolio-type li a{
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}

.portfolio-type .currentitem{
font-weight: 600;
}

.video-title{
color: #fff;
text-align: center;
font-weight: 500;
margin: 20px 0px;
font-size: 25px;
}

.quoteicon{
font-size: 25px;
padding: 10px;
}

.deco blockquote, .sl-slide-inner blockquote p {
line-height: 1.5;
color: #f7f7f7;
}

.wrapper {
  position: relative;
  margin: 40px auto;
  background: white;
}

@mixin timer($item, $duration, $size, $color, $border, $hover: running) {
  #{$item}, #{$item} * { @include box-sizing(border-box); }

  #{$item} { 
    width: $size;
    height: $size;
  }

  #{$item} .pie {
    width: 50%;
    height: 100%;
    transform-origin: 100% 50%;
    position: absolute;
    background: $color;
    border: #{$border};
  }

  #{$item} .spinner {
    border-radius: 100% 0 0 100% / 50% 0 0 50%;
    z-index: 200;
    border-right: none;
    animation: rota $duration + s linear infinite;
  }

  #{$item}:hover .spinner,
  #{$item}:hover .filler, 
  #{$item}:hover .mask {
    animation-play-state: $hover;    
  }

  #{$item} .filler {
    border-radius: 0 100% 100% 0 / 0 50% 50% 0; 
    left: 50%;
    opacity: 0;
    z-index: 100;
    animation: opa $duration + s steps(1,end) infinite reverse;
    border-left: none;
  }

  #{$item} .mask {
    width: 50%;
    height: 100%;
    position: absolute;
    background: inherit;
    opacity: 1;
    z-index: 300;
    animation: opa $duration + s steps(1,end) infinite;
  }

  @keyframes rota {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  @keyframes opa {
    0% { opacity: 1; }
    50%, 100% { opacity: 0; }
  }
}

@include timer('.wrapper', 5, 250px, #08C, '5px solid rgba(0,0,0,0.5)');


.slogan{
font-weight: 100;
}

.portfolio-separator{
color: #f7f7f7;
font-size: 12px;
padding-right: 20px;
}

.blog-page{
padding-top: 100px;
padding-bottom: 100px;
background: #f6f6f6;
}

.blog-post{
margin-bottom: 50px;
}

.blog-post h3{
font-weight: 100;
}

.post-attr-box{
border-bottom: 6px solid #222222;
}

.post-type-icon{
background: #222222;
width: 50px;
float: right;
padding-top: 2px;
text-align: center;
}

.post-attr{
line-height: 44px;
text-transform: uppercase;
font-size: 12px;
color: #a3a3a3;
letter-spacing: 3px;
}

.link-attr-box{
background: #34495e;
}

.link-type-icon{
background: #000000;
width: 50px;
float: left;
padding-top: 2px;
text-align: center;
}

.link-attr{
line-height: 46px;
font-size: 18px;
color: #ffffff;
padding-left: 60px;
background: #222222;
}

.link-attr a{
color: #ffffff;
}

.link-attr a:hover{
color: #ffffff;
}

.inner-page-content{
background: #fff;
color: #191919;
padding: 10px 10px 10px 10px;
font-size: 16px;
font-weight: 100;
letter-spacing: 1px;
line-height: 22px;
}

.post-tags{
margin: 10px 0;
font-size: 15px;
font-weight: 100;
letter-spacing: 1px;
line-height: 22px;
font-style: italic;
}

.post-tags a{
border-radius: 2px;
border: 1px solid #ccc;
padding: 0px 5px 2px 5px;
margin-right: 5px;
margin-top: 7px;
display: inline-block;
}

.inner-page-content p{
font-size: 16px;
font-weight: 100;
letter-spacing: 1px;
}

/* 6.6 Navigation */
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
	background-color: #555;
padding: 8px 14px;
}

.navigation li a:hover,
.navigation li.active a {
background-color: #222;
padding: 8px 14px;
}

.blog-button {
width: auto;
background: #34495e;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 14px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 10px 20px 11px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
transition: background-color 0.15s ease-in-out;
}

.blog-button:hover{
background: #000000;
color: #ffffff;
}

.post-type-quote {
  background: #ffffff;
  border-left: 10px solid #34495e;
  margin: 2em 0px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.post-type-quote:before {
  color: #34495e;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.post-type-quote p {
  font-style: italic;
  display: inline;
}

.sidebar ul{

}

.sidebar li {
list-style: square;
font-weight: 100;
margin-left: 20px;
}

.sidebar li + li{
border-top: 1px solid #a3a3a3;
margin-top: 4px;
margin-bottom: 4px;
}

.sidebar li a, .sidebar a{
   color: #222222;
}

.sidebar li a:hover, .sidebar a:hover{
   color: #2ba6cb;
}

select{
height: 34px;
overflow: hidden;
background: #ddd;
border: 1px solid #ccc;
color: #222222;
padding: 0px 10px;
border-radius: 1px;
}

#wp-calendar caption{
margin: 0px 0px 10px 0px;
}

#wp-calendar{
width: 100%;
}

#searchform{
margin-bottom: 80px;
}

.sub-heading{
text-transform: uppercase;
margin-top: 50px;
font-size: 24px;
font-weight: 100;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    border: 1px solid #a3a3a3;
    padding: 6px 6px 6px 10px;
	font-size: 12px;
}
/* Blog Section */


/* 7. Gallery */
.gallery-album{
margin-top: 50px;
margin-bottom: 50px;
list-style: none;
}

.gallery-album li{
display: inline;
padding: 0;
margin: 0;
margin-left: 2px;
margin-right: 2px;
}

.gallery-album li a{}

.gallery-album li a img{
width: 150px;
padding: 10px;
background: #ffffff;
border-radius: 2px;
}
/* Gallery */

/* 8. Social Icons */
.social-pro{
list-style: none;
}

.social-pro li{
display: inline-block;
text-align: center;
}

.social-pro li +li{
margin-left: 10px;
}

.social-pro li a{
color: #000000;
width: 50px;
display: block;
height: 50px;
background: transparent;
border: 2px solid #000000;
line-height: 46px;
border-radius: 50%;
text-align: center;
transition: all 0.3s ease;
}

.social-pro li a:hover{
color:#ffffff;
background: #000000;
transition: all 0.3s ease;
}

.social-pro li:hover + .social-pro li a{
color: #ffffff;
}

.social-pro li a i{
border: 0;
font-size: 20px;
}
/* Social Icons */

/* 9. Back to Top */
.back-to-top{
width: 40px;
height: 35px;
color: #ffffff;
margin: 0 auto;
margin-top: -35px;
background: #000000;
line-height: 35px;
border-radius: 3px 3px 0px 0px;
cursor: pointer;
}
/* Back to Top */

/* 10. Preloader */
#page-preloader {
    background-color: #2980b9;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000000000;
    top: 0px;
}
#page-preloader>div {
    position: absolute;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    top: 50%;
    left: 50%;
}
#page-preloader>div>div {
    position: absolute;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    top: 50%;
    left: 50%;
}

/* 11. Spinner*/
#page-preloader .spinner.style9{
    -webkit-transform:scale(.6);
    -moz-transform:scale(.6);
    -ms-transform:scale(.6);
    -o-transform:scale(.6);
    transform:scale(.6);
}

#page-preloader .spinner.style9,
#page-preloader .spinner.style9:before,
#page-preloader .spinner.style9:after {
    border-radius: 50%;
}
#page-preloader .spinner.style9:before,
#page-preloader .spinner.style9:after {
    position: absolute;
    content: '';
}
#page-preloader .spinner.style9:before {
    width: 5.2em;
    height: 10.2em;
    background: #fff;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.1em;
    left: -0.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 5.2em 5.1em;
    -webkit-animation: spinnerNine 2s infinite ease 1.5s;
    animation: spinnerNine 2s infinite ease 1.5s;
}
#page-preloader .spinner.style9 {
    font-size: 11px;
    text-indent: -99999em;
    margin: 0 auto;
    position: relative;
    width: 10em;
    height: 10em;
	margin-left: -5em;
	margin-top: -5em;
    box-shadow: inset 0 0 0 0 #404040;
}
#page-preloader .spinner.style9:after {
    width: 5.2em;
    height: 10.2em;
    background: #fff;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.1em;
    left: 5.1em;
    -webkit-transform-origin: 0px 5.1em;
    transform-origin: 0px 5.1em;
    -webkit-animation: spinnerNine 2s infinite ease;
    animation: spinnerNine 2s infinite ease;
}

@-webkit-keyframes spinnerNine {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinnerNine {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*--- Preloader ---*/

/* 12. Camera Slider */
.fluid_container {
	bottom: 0;
	left: 0;
	position: relative;
	right: 0;
	top: 0;
	z-index: 0;
}
#camera_wrap_4 {
	bottom: 0;
	height: 100%;
	left: 0;
	margin-bottom: 0!important;
	position: relative;
	right: 0;
	top: 0;
}
.camera_bar {
	z-index: 2;
}
.camera_thumbs {
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.camera_thumbs_cont {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.camera_overlayer {
	opacity: 0.8;
}

.style-one{
text-align: center;
}

.style-two{
text-align: left;
}

.style-three{
text-align: right;
}

.slider_content h1{
text-transform: uppercase;
color: #f7f7f7;
}

.slider_content h2{
text-transform: uppercase;
color: #f7f7f7;
font-weight: 200;
}

.slider_content p{
text-transform: uppercase;
color: #f7f7f7;
}

.slider_content a{
color: #fff;
font-size: 16px !important;
margin: 20px 0px!important;
text-transform: uppercase;
padding: 8px 14px !important;
text-shadow: none;
border-radius: 42px;
border: 2px solid #fff !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
-ms-transition: all .4s ease-in;
transition: all .4s ease-in;
}

.slider_content a:hover{
background: #fff !important;
color: #555;
text-shadow: none;
border: 2px solid #fff !important;
box-shadow: none !important;
}

.slider_content{
margin-top: 22%;
min-height: 250px;
}
/* Camera Slider */


/* 13. About Section */
.center{
	text-align: center;
}

.headingtext{
	color: #34495e;
	font-weight: bold;
}

.abouticon{
padding-top: 50px;
}

.tile-image{
width: 30%;
}

.tile-title{
font-weight: 100;
font-size: 28px;
margin: 0 0 20px;
text-align: center;
}

.buton{
background:#34495e;
padding:15px 20px;
color:#fff;
margin: 0 auto;
display:table;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
font-size:16px;
font-weight:100;
width:200px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.buton:hover{
background-color: #485F75;
 -webkit-transition:all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 transition:all .4s ease-in-out;
 color: #fff;
}

.tileimage{
border-radius: 50%;
width: 80px;
background-color: #222222;
height: 80px;
margin: 0 auto;
margin-bottom: 20px;
}

.tileimage span{
padding: 10px;
line-height: 80px;
font-size: 30px;
margin: auto auto;
color: #fff;
}

#about h3{
font-weight: 100;
}
.demo-1{
height:650px;
top:0;
}
.deco{
top: 100px;
}

.tile {
padding: 20px 0px;
}
.tile  p{
text-align: center;
}
/* About Section */

/* 14. Parallax Section */
.sf-para{
background-size: cover;
display: inline-block;
padding-top: 200px;
width: 100%;
text-align: center;
background: rgba(0,0,0,0.6);
}

.sf-para h1{
color: #fff;
}

.sf-para h2{
color: #fff;
text-transform: uppercase;
font-size: 30px;
letter-spacing: 3px;
}

.sf-para p{
color: #fff;
}

.sf-para1{
background-size: cover;
display: inline-block;
padding-top: 200px;
width: 100%;
text-align: center;
background: rgba(0,0,0,0.6);
}

.sf-para1 h1{
color: #fff;
}

.sf-para1 h2{
color: #fff;
text-transform: uppercase;
font-size: 30px;
letter-spacing: 3px;
}

.sf-para1 p{
color: #fff;
}

.scroll-link{
position: absolute;
left: 50%;
}

.mouse-icon {
display: block;
width: 30px;
height: 44px;
border: 2px solid #fff;
border-radius: 15px;
cursor: pointer;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ie-transform: translateX(-50%);
}

.mouse-icon .wheel {
width: 6px;
height: 9px;
border-radius: 50%;
margin-top: 4px;
background: #fff;
margin-left: auto;
margin-right: auto;
-webkit-animation-name: myfirst;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-name: myfirst;
animation-duration: 1s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-play-state: running;
}

.para-bg{
background-size: cover!important;
}
/* Parallax Section */

/*--- 15. Service Section ---*/
.features-content{margin-bottom:20px}

.features-content .ico{font-size:40px;width:50px;height:50px;float:left;margin-top:5px}

.features-content h4{font-size:20px;font-weight:600;margin-top:0;font-family:Open sans,sans-serif;letter-spacing:-1px}

.features-content p{color:#777;font-size:16px;line-height:23px}

.features-info{margin-left:70px}
/* Service Section*/

/* 16. Vimeo Section */
#okplayer {
width: 100% !important;
height: 120% !important;
top: -10px !important;
}
/* Vimeo Section*/

/* 17. Twitter Section */
.tweet-slider{
margin-top: 10px!important;
margin-bottom: 10px!important;
}

.twitter-text{
color: #ffffff;
font-size: 20px;
font-weight: 100;
text-align: center;
}

.twitter-text a{
font-weight: 600;
color: #ffffff;
}

.tweet-time a{
color: #222222;
font-size: 14px;
}


.twitter-text{
opacity:1;
}

.tws-nav{
margin-left: 0;
list-style: none;
padding-top: 120px;
}

.tws-nav li{
display: inline-block;
padding: 5px;
}

.tws-nav li a{
width: 11px;
height: 11px;
display: block;
background: #f7f7f7;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}


.tws-icon{
margin-right: 0;
position: relative;
top: -0;
font-size: 20px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #fff;
padding: 10px;
}
/* Twitter Section*/

/* 18. Team Section */
.team-content img{border-radius: 50%;width:100%;height:100%;}

.team-img{display:block; width:215px;height:215px;margin:0 auto;overflow:hidden; border-radius: 500px; border: 3px solid #f7f7f7;}

.team-img img{
-webkit-transition: all .4s ;
-moz-transition: all .4s;
-o-transition: all .4s ;
-ms-transition: all .4s ;
transition: all .4s ;

}

.team-img img:hover{
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}

.team-content h4{
font-weight:300;
font-size:23px;
margin-bottom:0;
color: #ffffff;
text-align:center;
}

.team-content h5{
text-transform:uppercase;
font-size:15px;
font-weight:100;
margin:6px 0 0;
text-align:center;
color: #ffffff;
font-family:'Open Sans Condensed',sans-serif;
}

.team-social{display:table;margin:20px auto 0}

.team-social li{
float:left;
margin:0 5px;
font-size:20px
}

.social{}

.team-soc {
display: block;
width: 37px;
height: 37px;
padding: 1px 6.5px;
border-radius: 50%;
color: #B42C2C;
border: 2px solid #f7f7f7;
line-height: 32px;
}

.team-soc:hover{
background: #f7f7f7;
border: 2px solid #fff;
-webkit-animation: spinAround 9s linear infinite;
-moz-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
.team-soc a i{
color: #fff;
}

.team-soc:hover a i{
color: #08B350;
}

/* Team Section */

/* 19. Newsletter Section */
.newsletter input[type="submit"],.newsletter input[type="button"]{
color:#fff;
background:#181818;
}

.newsletter input[type="text"],.newsletter input[type="email"]{
padding-left: 30px;
text-transform: none;
}

.newsletter .inner i {
left: 11px;
border: 0;
}

.newsletter input[type="submit"]:hover,.newsletter input[type="submit"]:active,.newsletter input[type="button"]:hover,.newsletter input[type="button"]:active{
cursor:pointer;
background:#f7f7f7;
color:#222222;
border:0;
 -webkit-transition:all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 transition:all .4s ease-in-out;
}
/* Newsletter Section */

/* 20. Pricing Section */
.pricing_detail {
	border:1px solid #333333;
	padding:30px 20px;
	margin-top: 100px;
	text-align:center;
	-webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
}

.pricing_detail:hover h3,.pricing_detail:hover ul li {
	color:#fff!important;
}

.pricing_detail:hover header {
	border-color:#ededed;
}

.pricing_detail:hover {
	background: #222222;
}

.pricing_detail header {
	border-bottom:1px solid #e3e3e3;
}

.pricing_detail header h3 {
font-size: 26px!important;
margin-top: 30px!important;
padding: 0;
letter-spacing: 3px;
display: block;
overflow: hidden;
font-weight: 100!important;
}

.pricing_info {
	display:block;
}

.pricing_info ul {
	padding-left:0;
}

.pricing_info ul li {
	list-style:none;
	padding: 10px 0;
}

.pricing_info ul li + li{
	border-top: 1px solid #e3e3e3;
}

.pricing_boxes {
	padding:80px 0;
	display:block;
	overflow:hidden;
	position:relative;
}

.pricing_detail:hover .surface-button{
	color:#222222 !important;
	background:#ffffff !important;
}

.pricing_detail .priceamount {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	color: #FFFFFF;
	background: #222222;
	display: block;
	border: 10px solid #ffffff;
	font-size: 20px;
	height: 120px;
	margin: 0 auto;
	text-align: center;
	width: 120px;
	position: relative;
	margin-top: -90px;
	left: 0;
	right: 0;
	padding-top: 0px;
	line-height: 100px;
	text-transform: capitalize;
	font-weight: 100;
}
/* Pricing Section */

/* 21. Contact Section */
.googlemap{
padding: 0 15px;
}

.gmap{
border: 1px solid #d5d5d5;
margin: 30px 0px;
}

.contact-info{margin-top:8px}

.contact-info li{
color: #222222;
font-size:15px;
font-weight:100;
list-style: none;
margin-bottom:27px;}

.contact-info li em{
background: #fff;
color: #222222;
border: 1px solid #727272;
padding: 12px 15px 8px;
margin-right: 15px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.social-info li{float:left;margin-right:10px;width:40px;height:40px;line-height:40px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;opacity:.7;filter:alpha(opacity = 70)}

.social-info li a{width:40px;height:40px;line-height:40px;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;opacity:.7;padding:10px 12px 8px;filter:alpha(opacity = 70)}

.social-info li a:hover{opacity:1;filter:alpha(opacity = 100)}

.inner{position:relative}

.inner i{color:#999;position:absolute;top:12px;left:11px}

#contactForm{width:100%;height:auto;padding:0}

.statusMessage,.successmessage,.errormessage{display:none;margin:auto;width:100%;height:auto;left:0;right:0;top:0;background:#fff;margin:0 auto 25px auto}

.statusMessage p{margin:0;padding:20px;color:#000}

.successmessage p{margin:0;padding:20px;color:#000}

.success-ico{color:#00b034;font-size:25px;float:left;padding-right:7px;margin-top:5px}

.error-ico{color:red;font-size:25px;float:left;padding-right:7px;margin-top:5px}

.errormessage p{margin:0;padding:20px;color:#000}

#contactForm ul{list-style:none;margin:0;padding:0}

#contactForm ul li{margin:.9em 0 0 0;padding:0}

#contactForm *:focus{
border:1px solid #34495e;
outline:0;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

input[type="submit"],input[type="button"]{
float:right;
margin:0;
width:100%;
padding:9px 0;
color:#fff;
background:#34495e;
font-size:14px;
line-height:1em;
-webkit-appearance:none;
-moz-transition:opacity .5s;
-webkit-transition:opacity .5s;
-o-transition:opacity .5s;
transition:opacity .5s;
text-transform:uppercase;
border:0;
font-weight:100;
font-family:open sans,Sans-serif;
font-weight:600;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}

input[type="submit"]:hover,input[type="submit"]:active,input[type="button"]:hover,input[type="button"]:active{
cursor:pointer;
background:#000;
color:#fff;
border:0;
 -webkit-transition:all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 transition:all .4s ease-in-out;
}

input[type="submit"]:active,input[type="button"]:active{color:#333;background:#2a2a2a}
input[type="button"]{background:red
}

#contactForm input[type="text"], #contactForm input[type="password"], #contactForm input[type="date"], #contactForm input[type="datetime"], #contactForm input[type="email"], #contactForm input[type="number"], #contactForm input[type="search"], #contactForm input[type="tel"], #contactForm input[type="time"], #contactForm input[type="url"], #contactForm textarea {
padding: 10px 6px 10px 30px;
border: 1px solid #727272;
}

.nloader, .nmessage, .cloader, .cmessage{
text-align: center;
display: none;
}
/* Contact Section */

/* 22. Footer Section */
.footer{background: #000000;}

.footer-inner p{margin:18px 0; color:#fff; text-align:center}

.footer-inner a{
color:#c3c3c3;
}
/* Footer Section */

/*--- 23. Media Query ---*/
@media only screen and (min-width:768px) and (max-width:959px){#top{padding:25px 0 55px}
.top-nav li{font-size:13px}
.top-info h3{font-size:40px;margin-bottom:15px;margin-top:65px}
.top-info h3 span{font-size:50px}
.top-info p{font-size:15px;line-height:21px}
.features-content h4{font-size:18px;font-weight:600;margin-top:0;font-family:Open sans,sans-serif;letter-spacing:-1px}
.features-content p{color:#777;font-size:14px;line-height:20px}
.team-content img{width:170px;height:189px}
.team-img{width:170px;margin:0 auto}
.team-img span{background:url(../images/team-bg-small.png) no-repeat;width:170px;height:189px;top:0}
.contact-info li{font-size:13px}
}
@media only screen and (max-width:767px){
	.top-wrap{
	height:75px
	}
	
	.logo-top h1{
	margin:7px 0 0 0 !important
	}
		
	#top{
	padding:20px 0 55px
	}
	
	#main-slider img{
	width:100%
	}
	
	.top-info h3{
	font-size:30px;
	margin-bottom:15px;
	margin-top:45px;
	text-align:center
	}
	
	.top-info h3 span{
	font-weight:700;
	font-size:44px}
	
	.top-info p{
	font-size:15px;
	text-align:center;
	line-height:21px}
	
	.btn{margin:0 auto}
	
	.xtra{
	font-size:13px;
	margin-top:14px;
	color:#fff;
	text-align:center}
	
	#about h3 i,#services h3 i,#portfolio h3 i,#blog h3 i,#media h3 i,#team h3 i,#quote h3 i,#contact h3 i{
	position:relative;
	top:0;-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	border:3px solid #181818;
	padding:15px;
	text-align:center;
	display:block;
	font-size:21px;
	width:60px;
	height:60px;
	margin:0 auto 10px}
	
	#about h3 i,#portfolio h3 i,#media h3 i,#team h3 i,#quote h3 i{border:3px solid #f7f7f7}
	
	.team-content{margin-bottom:30px}
	
	#team{padding:100px 0 70px}
	
	.flexslider li p{font-size:16px !important}
	
	.contact-info{margin-top:40px}
}

@media only screen and (max-width:479px){
	.contact-info li{
	font-size:15px;
	font-weight:100;
	margin-bottom:16px;
	height:47px
	}
	
	.contact-info li em{
	width:19%;float:left
	}
	
	.social-info li{
	margin-right:3px
	}
}

@media only screen and (min-width:480px) and (max-width:767px){
	.top-info h3{
	font-size:45px
	}
	
	.top-info h3 span{
	font-size:56px
	}
}
/* Media Query */