/* ######## 1 - Reset #########  */ 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
footer, header, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
    text-rendering: optimizeLegibility;
 	font-weight:400;
	font-family: 'PT Sans', sans-serif;
	 
}
.bg-container { 	background:url(../img/body.png) repeat; }
p { font-family: 'Source Sans Pro', sans-serif; }
ol, ul {
	list-style: none;
}

a { color:#85cbbf; text-decoration:none; }
a:focus { color:#fff; outline:0; text-decoration:none; }
a:hover { color:#fff; text-decoration:none; }

input { font-family: 'Source Sans Pro', sans-serif; }
input:focus { border:0; outline:0; }
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #555555;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px ; }
input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #555555;border-color:rgba(255,255,255,0.46);box-shadow: 0px 0px 0px; }

.loading { max-height:100%; height: 850px; background: url('../img/loader.gif') no-repeat center 35% #3f464d !important; display:block;}
 

/* ######## 2 - General #########  */ 
.wrapper { width:940px; margin:0 auto; }
.clear { clear:both; }
.fixi2 { padding:80px 0 0px!important; }
.stick { position:fixed; top:0px; left:0; right:0; z-index:999;	margin:0 auto; }

/* ######## 3 - Header #########  */ 
.header { 
    height:80px; 
    display:block; 
    background-color: #333;
}
.logo { float:left; }

.navi { float:right; font-family: 'PT Sans', sans-serif; margin:30px 0 0; }
.navi ul li { float:left; width:80px; text-align:center; font-weight: bold;  }
.navi ul li a {  color:#fff; font-size:14px;  }
.navi ul li a:hover {  color:#85cbbf;  }
.navig  li.current a {  color:#85cbbf; }

.navi ul li.s1 a, .navi ul li.s2 a { font-weight:600; color:#fff; text-transform:uppercase; font-size:13px; }
.navi ul li.s1 { margin:0 0 0 60px; }
.navi ul li.s2 { background:url(../img/navi-div.png) repeat-y; }

/* ######## 4 - Intro Text #########  */
.intro-text { padding:70px 0 0px; height:200px; }
.intro-text p { font-size: 61px; line-height: 62px; font-weight: 300; margin-bottom:6px;}
.intro-text h6 { font-size: 21px; line-height: 25px; margin: 20px 0 0 0; color: #B6B6B6; }
.salmon-color { color: #85cbbf; }

/* pages main titles */
.main-title-pages { margin: 0 0 60px 0; text-align: center; font-weight: 300; }
.main-title-pages p { margin: 20px 0; color: #85cbbf; font-size: 36px; }
.main-title-pages .main-title-pages-p { line-height: 32px; font-size: 22px; color: #9D9C9C; }

/* ######## 5 - About #########  */
 
.about {   display:block; padding:95px 0 0;  }
.title { width:100%; } 
p.title-spc { float:left; width:20%; color:#85cbbf; font-family: 'Source Sans Pro', sans-serif; font-size:24px; text-align:center; font-weight: 300; text-transform: uppercase; }
.divi1 { margin:8px 0 0; display:block; height:13px; width:40%; float:left; background:url(../img/div1.png) repeat-x;  }
.divi2 { margin:8px 0 0; display:block; height:13px; width:100%;  background:url(../img/div1.png) repeat-x;  }

.title h3 { margin:30px 0; color:#707173; font-weight:400; font-size:30px; text-align:center; }
.title h3 strong { font-weight:600; }

.about-img { width:50%; float:left;  margin:60px 0 0;}
.about-txt { width:50%; height:360px; diaply:block; float:left; margin:60px 0 0; background:url(../img/about/txt-bg.png) no-repeat; }
.about-txt-bg { filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc000000', endColorstr='#cc000000'); /* IE */  background-color:rgba(66,73,80,0.97); width:100%; height:100%; display:block;}

.about-txt-wrap {  padding:45px 30px ; }
.about-txt h6 { float:left; text-transform:uppercase; font-weight:600; color:#ffffff; font-size:20px; }
.about-txt-div { margin:14px 0 0; float:right; width:65%;  background:url(../img/about/about-div.png)  repeat-x; height:1px; display:block;  }
.about-txt-div2 { margin:40px 0 0; float:right; width:75%;  background:url(../img/about/about-div.png)  repeat-x; height:1px; display:block;  }
.about-txt p  { color:#b8babd; font-weight:300; font-size:15px; margin:15px 0 0; line-height:2; }
.about-txt p.about-subtitle { color:#d7d9da; font-weight:300; font-size:18px; margin:30px 0 0; }
.about-txt a  {float:left; width:60px;  border-radius:5px; font-weight:300; font-size:14px; color:#c8cacc; margin:20px 0 0; line-height:2; padding:5px 25px 5px 0px; height:40px; display:block; background:url(../img/about/about-arrow.png) no-repeat 90% 12px ; }

/* ######## 6 - Services #########  */

.services { padding:70px 0 0px; height:600px; background: url(../img/site-bg.png) repeat; }
.icon {   display:block; clear:both; height:64px; width:64px; margin:0 auto;   }
.featu { width:28%; float:left; margin:70px 0 70px; height:230px; display:block; }
.featu-div  { margin:100px 0 0; width:8%; height:100px; float:left; display:block;   }
.featu img { margin: 0 auto; display: block; }

.featu:hover {  }
.featu  h6 { margin:0; font-size:18px; text-align:center; font-weight:600; color:#424950; }
.featu  p { margin:25px 10px 0; line-height:2; font-size:15px; text-align:center; font-weight:400; color:#8e8e8e; }

/* ######## 7 - Top Big Image #########  */
.top-image {   display:block;  background-attachment:fixed; background-image:url(../img/bg-top.jpg);  }
.top-image1 {  height:160px; width:5px; display:block;  margin:0 auto;  }
.top-image2 {  height:160px; width:5px; display:block;  margin:0 auto;  }
.top-image-txt { height:auto; display:block; margin:50px 0; padding: 30px 0;  }
.divi3 { margin:20px auto 20px; display:block; height:1px; width:100px; background-color:#ffffff; }

/* ######## 8 - Team #########  */
.about { padding:70px 0 70px; background: url(../img/site-bg2.png) repeat;  }
.abouti { margin:90px 0 70px; }
.icon3 { width:100%; height:258px; position:relative; }
img.a { position: absolute; left: 0;	top: 0;  z-index: 10; border:3px solid #fff; border-radius:80%;	}
.b {  width:300px; height:260px;	position: absolute;	left: 0; top: 0; z-index: 12;	}
.about ul { margin:40px 0 0px; min-height:360px; height:150px; padding-bottom:20px; }
.about li { position:relative;  min-height:150px; max-width:100%; }	
.about li img.a {    width:100%;  }
.about li div.b { max-width:100%;  max-height:100%;  }
 
.about ul.about h6 { width:120px;  clear:both; text-align:center; font-size:18px; text-transform:uppercase; font-weight:500; margin:30px auto 0; border-bottom:1px solid #e0e4e5; padding:0 0  15px; color:#424950;}
.about ul.about p { margin:10px 0 0; line-height:2; font-size:15px; text-align:center; font-weight:400; color:#8e8e8e; }
.about-s span { margin:10px auto 0 auto; line-height:2; font-size:12px; text-align:center; font-weight:400; color:#8e8e8e; display: block; }
.about-s span a { 
    margin:10px 10px; 
    line-height:2; 
    font-size:12px; 
    text-align:center; 
    font-weight:400; 
    color:#8e8e8e; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.about-s span a:hover { 
    color:#FF6B59; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
  
/* ######## 9 - Clients #########  */
.team {   display:block; background:url(../img/site-bg.png) repeat; background-attachment:fixed; padding: 70px 0 0px; }
.testi-img { width:90px; margin:0 auto; }
.testi { padding:90px 0; }
.testi p { margin:20px 0; font-size:24px; font-style:italic; color:#ffffff; text-align:center; padding:0 140px;  line-height:2.2; font-style:italic;}  
.testi p.testio { font-size:15px; color:#222424; font-style:normal; color:#8b8e91; }  
.testi-container { position:relative; }
.testi flexslider { margin: 0 auto; display: block; }
.testi p.testio strong {   color:#FF6B59; } 

/* ######## 10 - Gallery #########  */
.gallery { padding:70px 0 40px; display:block; background: url(../img/site-bg2.png) repeat; }
.gallery-wrap { padding:20px 0 0; height:auto; }

/* ######## 11 - Contact #########  */
.contact { background: url(../img/site-bg.png) repeat; height:600px; display:block; padding:70px 0 0;}
.divix1 { margin:8px 0 0; display:block; height:13px; width:40%; float:left; background:url(../img/div2.png) repeat-x;  }
.divix2 { margin:8px 0 0; display:block; height:13px; width:100%;  background:url(../img/div2.png) repeat-x;  }
.title h3.dark { color:#707173; }

.message { color:#787d82!important; }
.form-contact  { float:left; width:100%; margin:30px 0 0; }
.form-contact input, .form-contact textarea { 
    box-shadow:0px 0px 0px rgba(0, 0, 0, 0) ; 
    color:#787d82!important; 
    border-radius:5px;  
    background-color:#f2f2f2;  
    border: 1px solid #dedede!important;  
}
.form-contact textarea:hover { 
    border: 1px solid #cccccc!important;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
    box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
}
.form-contact textarea:focus { 
    border: 1px solid #b7b7b7!important;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
    box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
}
.form-contact input:focus , .form-contact textarea:focus {  
    border: 1px solid #484e55;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
    box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
  }
.form-contact input { width:44%; height:40px; padding:5px 20px; }
.input-name:hover {  
    border: 1px solid #cccccc!important;     
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
    box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
}
.input-name:focus {  
    border: 1px solid #b7b7b7!important;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
    box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;             
}
.input-email {  margin:0 0 0 20px;   }
.input-email:hover {  
    border: 1px solid #cccccc!important;    
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
    box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
}
.input-email:focus {  
    border: 1px solid #b7b7b7!important;     
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
    box-shadow: inset 0px 0px 2px 0px rgba(50, 50, 50, 0.2)!important;
}
.form-contact textarea {  font-family: 'Source Sans Pro', sans-serif; font-weight:400; float:left; max-width:95%; min-width:95%; width:95%; height:200px; padding:20px 20px; margin:20px 0 30px 0; }
.form-contact input.input-submit {  
    border:0!important; 
    text-transform:uppercase; 
    font-weight:600; 
    color:#ffffff!important; 
    box-shadow:1px 1px 2px rgba(0,0,0,0.2); 
    font-size:20px;  
    margin:30px auto 0 auto; 
    height:60px; 
    width:200px; 
    border: 1px solid #e85442!important; 
    display: block;
}

.form-contact input { border:0;    color:#fff; box-shadow:    0px 0px 0px rgba(0, 0, 0, 0) ;  }
.form-contact input:focus { border:0; outline:0; }
.form-contact input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {  color: #ffffff;border-color:#484e55;box-shadow:    0px 0px 0px rgba(0, 0, 0, 0) ; }
.form-contact input:focus:valid:focus, textarea:focus:valid:focus, select:focus:valid:focus {  color: #ffffff;border-color:#484e55;box-shadow:    0px 0px 0px rgba(0, 0, 0, 0) ; }

#success { float:none; clear:both; color:#fea369; margin:0px 0; height:40px; display:block; }

.form-social { margin:40px 0 0; width:95px; float:right; }
.form-social li { width:40px; float:left; }
.form-social li.facebook { margin:0 0 0 15px;  }

.form-contact input.input-submit {  
    background-color:#FF6B59;  
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.form-contact input.input-submit:hover {  
    background-color:#e85442;  
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}



/* ######## 13 - Footer #########  */
.footer { background: url(../img/site-bg.png) repeat; padding:70px 0 0; }
.copy { height:150px; padding:20px 0 15px;   background-color:#282828; display:block; border-top: 2px solid #85cbbf; }
.copy img { margin: 0 auto; display: block; }
.logo2 { margin:0 auto; width:120px; }
.divix3 {   margin:0px auto 0; display:block; height:13px; width:30%;   background:url(../img/div2.png) repeat-x;  }

.data { height:100px; padding:40px 0 70px; }
.iconfi {  height:40px; width:45px; margin:0 auto; display:block; }
.data-txt { text-align:center; font-size:18px; color:#8b8e91; padding:13px 40px; line-height:1.9; }
.copy p { font-size:14px; text-align:center; color:#74787c;}
.copy p strong { font-weight:600;}

/* ######## 13 - Mobile Navigation #########  */
#mobi-menu.on { display:block; z-index:200; position:relative; background-color:#FFF; padding:15px 0; }
#mobi-menu.on ul li { width:100%; text-align:center; height:10px; background-color:#FFF;  border:1px solid #EDECEA; padding:15px 0 20px; margin:10px 0; }
#mobi-menu a { color: #333; }
#mobi-menu a:hover { color: #85CBBF; }
#mobi-menu.off { display:none; }
#mobile { width:51px; height:51px; display:block; background: url("../img/mobile.png") no-repeat scroll 0 0 transparent;  }
.navi2 { display:none; float:right; margin:15px 0 0;}

/* ######## 15 - Responsive  #########  */
 /* ######## max-width 979px #########  */
@media(min-width: 768px) and (max-width: 979px) {   
.wrapper { width:725px; margin:0 auto; }
.navi ul li {  width:70px; }
.flex-caption, .flex-caption2 { width:420px; top:25%;  }
.flex-caption h3, .flex-caption2 h3 { font-size:18px; }
.flex-caption p.subtitle, .flex-caption2 p.subtitle { font-size:14px; }
.slide-form input.email { width:320px; }
.title h3 { font-size:22px; }
.about-txt-div { width:45%; }
.about-txt-wrap { padding: 25px 30px; } 
.about-txt { height:278px; }
.about-txt p.about-subtitle { display:none; }
#overlay_form iframe { width:600px; height:350px; }
#overlay_form  { width:600px; }
.icon3 { height:168px; }
.team { padding:70px 0 0px; }
.testi p { font-size:22px; padding:0 100px;  }
.gallery { height:auto; }
.gallery li { min-height:160px; } 
.form-contact input { width:42%; padding:5px 23px; }
.data-txt { font-size:13px; }
}

 /* ######## max-width 767px #########  */
@media(min-width: 480px) and (max-width: 767px) { 
.wrapper { width:460px; margin:0 auto; }
.navi { display:none; }
.navi2 { display:block; }
.flex-next , .flex-prev { top:40%; }
.flex-caption, .flex-caption2 { width:320px; top:10%;  }
.flex-caption h3, .flex-caption2 h3 { font-size:16px; }
.flex-caption p.subtitle, .flex-caption2 p.subtitle { font-size:11px; }
.flex-caption a  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }
.flex-caption a.fc1  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }
.flex-caption2 a.fc1  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }
.flex-caption a.fc2  { width:80px; height:30px; padding: 8px 50px 10px 15px; font-size:16px; }
.slide-form input.email { height:30px; width:240px; }
.slide-form input.button { width:40px; height:40px; background-position:50% 1px;}
.flex-prev, .flex-next { background-size:60px; width:60px; height:60px; }
p.title-spc { font-size:14px; margin:5px 0 0;  }
.title h3 { font-size:26px; line-height:2; }
.about-img { clear:both; width:100%; }
.about-img img {  width:100%; }
.about-txt {  clear:both; width:100%; margin:0 ; height:360px; }
.featu { width:100%; margin:0px 0 40px; }
.featu-div { display:none; }
.services {  height:1180px; }
.services .title { padding:0 0 60px; }
#overlay_form iframe { width:420px; height:250px; }
#overlay_form  { width:420px; }
.gallery li { min-height:100px; } 
li.team-s { width:290px!important; margin:0 auto 60px!important; }
.team { height:1700px; }
.gallery { height:auto; }
.form-contact input { padding: 5px 20px;  width: 38%; }
.form-contact textarea {  max-width: 91%;  min-width: 91%;   width: 91%; }
.contact { height:680px; }
.data { height:460px; }
.data .span4 { height:180px; }

.intro-text { padding:70px 0 0px; height:200px;  }
.intro-text p { font-size: 38px; line-height: 40px; font-weight: 300; }
.intro-text h6 { font-size: 16px; line-height: 18px; margin: 35px 0 0 0; color: #B6B6B6; }
.salmon-color { color: #85CBBF; }
 }

 /* ######## max-width 480px #########  */
@media(max-width:480px) {  
.wrapper { width:300px; margin:0 auto; }
.flex-caption, .flex-caption2 {  width:250px; top:20%; left:12%; right:12%;  }
.navi { display:none; }
.navi2 { display:block; }
.gallery li { min-height:80px; color: #85CBBF;} 

.flex-caption p.subtitle, .flex-caption2 p.subtitle { display:none; }
.flex-caption h3, .flex-caption2 h3 { background-color:#383E44; font-size:12px; }
.flex-prev, .flex-next { background-size:30px; width:30px; height:30px; }
.flex-caption a  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }
.flex-caption a.fc1  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }
.flex-caption2 a.fc1  { width:70px; height:20px; padding: 8px 50px 15px 15px; font-size:14px; }
.flex-caption a.fc2  {  display:none; }
.slide-form input.email { height:30px; width:120px; }
.slide-form input.button { width:40px; height:40px; background-position:50% 1px;}
p.title-spc { font-size:14px; margin:5px 0 0;  }
.title h3 { font-size:22px; line-height:2; }
.about-img { clear:both; width:100%; }
.about-img img {  width:100%; }
.about-txt {  clear:both; width:100%; margin:0 ; height:500px; }
.about-txt-div2 { width:45%; }
.about-txt-div { width:35%; }
.featu { width:100%; margin:0px 0 40px; }
.featu-div { display:none; }
.services {  height:1300px; }
.services .title { padding:0 0 60px; }

li.team-s { width:290px!important; margin:0 auto 60px!important; }
.team { height:1900px; }
#overlay_form iframe { width:280px; height:250px; }
#overlay_form  { width:280px; }
.testi p { font-size:17px; padding: 0 60px; }
.gallery { height:auto; }
.form-contact input { padding: 5px 20px;  width: 32%; }
.form-contact textarea {  max-width: 86%;  min-width: 86%;   width: 86%; }
.contact { height:680px; }
.form-contact input.input-submit { width:160px; }
.data { height:460px; }
.data .span4 { height:180px; }

.intro-text { padding:70px 0 0px; height:200px;  }
.intro-text p { font-size: 38px; line-height: 40px; font-weight: 300; }
.intro-text h6 { font-size: 16px; line-height: 18px; margin: 35px 0 0 0; color: #B6B6B6; }
.salmon-color { color: #85CBBF; }
 }