/*
Theme Name: Developers
Version 04/08/2014
Theme URI: http://optimized360.com
3Author: Sean Fahimi
Author URI: http://optimized360.com/about-us
License: Copyright Optimized360 LLC - All Rights Reserved  © 2013-2014
*/

/*RESET*/
body,div,table,h1,h2,h3,h4,h5,h6,li,p,a{padding:0;border:0;margin:0;}
.hide-on-mobile{display:inline-block}
.hide-on-pc{display:none;}

/* DESIGN  */

/* ELEMENTS -------------------------------------------------------------------- */
body { font-size:18px; font-family:'AvenirNextLTPro-Regular';  color: #393939; }
.home h1  {color:#fff; }
h1 { display: block; font-size: 60px;  margin-bottom:28px; font-family:'AvenirNextLTPro-Cn'; color:#393939; font-weight:200; }
h2 { display: block; font-size: 50px;  margin-bottom:28px; font-family:'lato'; color:#393939; font-weight:300;  }
h3 { display: block; font-size: 40px;  margin-bottom:28px; font-family:'lato'; color:#393939;  font-weight:300;  }
h4 { display: block; font-size: 35px;  margin-bottom:28px;font-family:'AvenirNextLTPro-Cn'; color:#393939;  font-weight:300; }
h5 { display: block; font-size: 30px;  margin-bottom:28px;font-family:'AvenirNextLTPro-Cn'; color:#393939;  font-weight:300; }
h6 { display: block; font-size: 28px;  margin-bottom:28px; font-family:'AvenirNextLTPro-Cn'; color:#393939;  font-weight:300; }

p { line-height: 25px;  margin-bottom: 15px; }
a { color: #515151; text-decoration: none; transition: all 0.5s ease; }
a:hover { color: #1c536a; }
ul { list-style-type: disc; margin-left: 17px; padding-bottom: 15px; }
li { line-height: 22px;  }
img a { transition: all 0.3s ease }
section { text-align: center }
div { text-align: left }
b, strong {font-weight: bold}
i, em { font-style: italic }


.logo {position:relative; z-index:99; text-align: center; }

/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'AvenirNextLTPro-Regular';
	src: url('fonts/AvenirNextLTPro-Regular_gdi.eot');
	src: url('fonts/AvenirNextLTPro-Regular_gdid41d.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirNextLTPro-Regular_gdi.woff') format('woff'),
		url('fonts/AvenirNextLTPro-Regular_gdi.ttf') format('truetype'),
		url('fonts/AvenirNextLTPro-Regular_gdi.svg#AvenirNextLTPro-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0-10FFFF;
}


/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'AvenirNextLTPro-Cn';
	src: url('fonts/AvenirNextLTPro-Cn_gdi.eot');
	src: url('fonts/AvenirNextLTPro-Cn_gdid41d.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirNextLTPro-Cn_gdi.woff') format('woff'),
		url('fonts/AvenirNextLTPro-Cn_gdi.ttf') format('truetype'),
		url('fonts/AvenirNextLTPro-Cn_gdi.svg#AvenirNextLTPro-Cn') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0-10FFFF;
}

/* CLASSES */

#top:after, #menu:after, #footer:after, .about:after, .footer-form .align-right ul:after, .home-content-wrap:after, .blog:after {clear:both; display:block; content:""; }

/* TOP  -------------------------------------------------------------------- */

.overlay {
  background-color: rgba(0, 0, 0, 0);
  height: 162px;
  margin-top: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#top-100 {
background: rgba(0, 0, 0, 0);
position: absolute;
width: 100%;
z-index: 999;
}
.slider {position:relative; }
.home #content {
  min-height: 0;
  padding: 260px 0 150px;
  text-align: center;
  color:#fff; 
}
.appoint {
  position: fixed;
  left: 0;
  top: 20%;
  text-align:center; 
}
#top {padding: 5px 20px 3px; }
.menu, #top p {color: #fff; font-size: 17px; margin:17px 0px 0 20px; text-align: left; float:right; letter-spacing:-1; }
.dr_wrap {max-width:685px; float:left; margin-left:50px; }
.dr-outer {max-width:1440px; margin:0 auto 40px; }
.dr-outer:after {
  clear: both;
  display: block;
  content: "";
}
.smiling_outer {background:url(images/slider-bottom.html) no-repeat right top; }
#top p span {display:block; font-weight:600; }
.logo img {max-width:100%; }
.button:hover {
  color: #ffffff;
}
.featured-image {position:relative; }
.feature {width:100%; }
.button:before {
  background: #11356c;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 100% 50% 0;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: -1;
}

.button {
  backface-visibility: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  display: inline-block;
  position: relative;
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: color;
  vertical-align: middle;
}
 

.button:hover:before, .button:focus:before, .button:active:before {
  transform: scaleX(1);
  color:#fff; 
}
.appoint .button {
  font-size: 18px;
  line-height: normal;
  padding: 18px 16px;
  background:#6f7d86; 
  box-shadow:0 6px 4px -3px #000000; 
}
.button {font-size:14px; color:#fff; text-transform:capitalize; background:#a1bcd0; padding:6px 12px; letter-spacing:2px;  font-family:'AvenirNextLTPro-Regular'; }

.home .content-100 {background:url(images/mission.jpg) no-repeat center top; background-size:cover; margin-top:-200px;  background-attachment:fixed; background-size:cover; }
.service-section ul {margin:0; padding:0;}
.service-section ul li  {list-style:none; float:left; margin:0; padding:0; width:33.33%; margin-bottom:62px; }
.service-section ul li img {float:left; margin-right:16px; }
.service-section ul li span {color:#fff; font-size:30px; font-family:'AvenirNextLTPro-Cn';  line-height: 30px; margin-top: 23px; float:left; }

.Ldr {padding-left:0px; }
.dr-section:after {clear:both; display:block; content:"" ;  }
.Rdr  {padding-top:95px;  }
.Rdr a.button {background:#7f8080; letter-spacing:0px; border-radius:0px; float:right; }
.Rdr span {color:#fff; font-size:60px; margin-bottom:15px; float:left; margin-right:32px; font-family:'AvenirNextLTPro-Cn'; }
.Rdr p {color:#fff; font-size:18px;  clear:both; }
.faq { line-height: 85px; } 
.faq img { margin-right:12px;  backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; transform: translateZ(0px);    transition-duration: 0.3s; transition-property: transform; vertical-align: middle; } 
.faq img:hover, .faq img:focus, .faq img:active {transform: scale(1.1); }

.dr-section {background:url(images/dr-bg.jpg) no-repeat center top; background-size:cover; }

.service-section {background:url(images/service-bg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover; padding:96px 0 46px; }
.loyalty {background:url(images/loyal-bg.jpg) no-repeat right top; background-size:cover; padding:60px 0 50px; }
.smileL  ul li {list-style:none; line-height:30px; }
.smileL a {background: #7f8080;  float: right;font-weight: lighter; margin-top: 50px; padding: 12px; box-shadow:3px 3px 4px 1px #000000; }
.smileL span {font-size:60px; color:#393939; margin-bottom:18px; display:block; font-family:'AvenirNextLTPro-Cn'; }
#content { padding: 90px 0 80px; min-height:550px; }
.caption {
  left: 50%;
  margin-left: -285px;
  max-width: 610px;
  position: absolute;
  top: 30%;
}
.smile_content {padding-top:95px; }
.smile_content {padding-left:80px;  }

span.design_text {font-family:'DistantStroke-Regular'; color:#7e8890; font-size:80px; }
.office_tour { clear: both; }
.office_tour p {
  border-right: 4px solid #cfdbe4;
  font-size: 30px;
  font-weight: 200;
  line-height: 35px;
  margin: 190px -75px 0 0;
  padding-right: 12px;
  text-align: right;
}
.office-image {text-align:right; margin-top:-120px; margin-bottom:-164px; }
.testi span {font-size:60px; color:#fff; text-align:center; display:block; margin-bottom:35px; font-family:'AvenirNextLTPro-Cn'; }
.testi .star {margin:0 auto 65px; display:block; text-align:center; }
.testi .author {font-size:36px; color:#e1e1e1; margin-top:35px; float:right; display:block;  font-family:'AvenirNextLTPro-Regular'; }
.testimonial { padding:70px 0 82px; background:url(images/testimonial-bg.jpg) no-repeat center top; background-size:cover;  }
.smiling_outer .container {position: relative; z-index: 999; }
.testi {max-width:860px; margin:0 auto;  }
.testimonial .button {
	font-weight:lighter; padding:12px; 
  background: #7f8080;
  display: block;
  margin: 65px auto 0;
  text-align: center;
  width: 140px;
  color:#fff; 
  border-radius:0px; 
 
}
.testi p {color:#fff; padding:0 50px; }

.social .fa-flickr{ color:#FF48A3;} 

.social .fa-google-plus:before {color:#e04006; }
.social .fa-twitter:before {color:#00aced; }
.social .fa-facebook:before {color:#3b5999; }
.social .fa-pinterest-p:before {color:#BD2126; }
.social .fa-envelope-o:before {color:#003dff; }
#showRightPush {background:url(images/hamberger-menu.png) no-repeat center top; font-size:0px; padding:10px 22px; cursor:pointer; margin-top:4px; }
#close {background:url(images/close.png) no-repeat center top; font-size:0px; padding:15px 15px; cursor:pointer; position:absolute; top:82px; right:15px; }
.social > a { font-size: 25px; margin-right: 9px; }
.footer-add p { font-family:"AvenirNextLTPro-Cn"; margin:0; line-height:21px; }
.Ralign span.wpcf7-not-valid-tip {
  color: #ff0000;
  display: block;
  font-size: 18px;
}
.social.menu-social > a {
  border: 0 none;
  display: inline-block;
  font-size: 22px;
  padding: 5px;
  margin:0; 
  vertical-align:top; 
}
.social.menu-social > a:hover {background:none; }
.social.menu-social { text-align: center; background:#fff; padding:10px 0; }

/* == Menu == */
#menu {
  padding: 40px 0 0;
}

.mobile-menu {display:none; }
#menu ul {list-style:none; margin:0px; padding:0px; display:block; text-align:left; }
#menu ul li{ padding:0; margin:0px; display:inline-block; }
#menu ul li a {
letter-spacing:1px;
color: #fff;
display: block;
font-family: 'Quicksand', sans-serif;
font-size: 18px;
border-radius:0px; 
margin: 0;
padding:16px 24px;
text-decoration: none;
}
.home #content .button {
  background: #6f7d86;
  font-size: 18px;
  letter-spacing: 1px;
  margin-top: 50px;
  padding: 13px 22px; box-shadow:0 6px 4px -3px #000000;
}
#top-100.scroll {
transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; -webkit-transition:all 1s ease 0s;
background: #6F7D86;
position: fixed;
width: 100%;
z-index: 9999;
}
.cbp-spmenu-vertical {z-index:99999; }


.bar-logo img {max-width:100%; }
.bar-logo { float: left; max-width: 140px; display:none; }
.scroll .bar-logo  {display:block; }

/* ===== sub-menus ===== */ 
#menu ul ul li a { width: 100%;font-size:14px; letter-spacing: 1px; text-align:left; margin:0px; text-shadow:none;  border-radius:0px;  padding:16px 10px 16px 50px; }
#menu ul ul li {margin:0; }
/* ===== current item ===== */
#menu .current-menu-item .sub-menu a { color: #2679A3; background:#C1E3E5; }

/* ===== dropdown ===== */
#menu ul li { position:relative; vertical-align:top; width:100%; }
#menu ul li a:hover { position:relative; }


#footer ul li a:hover {color:#54768E; }
 


.faq-inner a:first-child { max-width: 100%; } 
.faq-inner a img { margin: 0;}
.faq-inner br {display:none; }
.faq-inner a {  display: inline-block;  vertical-align: top; }
.faq-inner {text-align:center;  clear:both; }
.faq-inner a { display: inline-block; max-width: 100%;  text-align: center;  vertical-align: middle;   margin:0 16px 20px; }
.faq-inner a img { height: auto ;  max-width: 150px ; filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); -webkit-filter:grayscale(100%); max-height:60px; width: auto; }

  
/*================================ FOOTER ================================*/

#footer-100 { padding:25px 0 8px; background:url(images/footer-bg.jpg) no-repeat left top #fff; background-size:cover;  } 
#footer-100 .Lalign {}
#footer ul li a  {color:#393939; font-size:11px; margin:0; }
#footer ul {margin:0; padding:0; text-align:left; }
#footer ul li {list-style:none; margin:0 0 0 ; padding:0; display:inline-block; }
#footer .menu {float:none; text-align:left;  }
.Ralign span {font-size:60px; text-align:center; margin-bottom:12px; display:block; font-family:'AvenirNextLTPro-Cn'; } 
.map iframe {max-width:100%; width:100%; }
.map { float: left; margin-right: 10px; width: 52%; position:relative; }
.footer-menu {clear:both; }
 
.inner-header {background:#8fa9bc; } 
 
 /*placeholder css*/
input[placeholder], [placeholder], *[placeholder] {
 color:#393939 !important;
 opacity: 1 !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
 color:#393939 !important;
 opacity: 1 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #393939 !important;
 opacity: 1 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:   #393939 !important;
 opacity: 1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #393939 !important;
 opacity: 1 !important;
}
*:-moz-placeholder {
 color: #393939 !important;
 opacity: 1 !important;
}

/* placeholder css*/


button, input, optgroup, select, textarea {max-width:100%; } 
input, textarea {
  background: #ffffff;
  border: 2px solid #393939;
  box-sizing: border-box;
  color: #393939;
  font-size: 18px;
  padding: 7px 10px;
}
.form {
  margin: 0 auto;
  max-width:780px;
}
.form .Lalign {width:50%; float:left; padding-right:15px; }
.form .Ralign {width:50%; float:right; }
.left, .left span {margin:0 0 9px; font-size:0px; }
.center input[type="submit"] {max-width:252px; margin:0 auto; width:100%; display:block;  color:#393939  font-size: 18px; }
.center {
  clear: both;
}
.right textarea {
  max-height: 147px;
}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #a1a0a0 !important;
}
.owl-theme .owl-controls .owl-page span {
    background: #fff !important;
}
.owl-pagination{ text-align:center}
.owl-buttons{ display:none}

/*============== NEW CSS ADD BY 28.08.2017 STARTS ==============*/
.modal-container {
  text-align:center !important;
} 
.modal-container > img, .modal-header > img {
  border-radius: 100% !important;
  height: 230px !important;
  width: 230px;
}
.modal-container h4 {
  font-size:28px;
  line-height:32px;
  font-weight:600;	
}
.modal.fade {
  background: #f5f5f5 !important;
}
.modal-dialog {
  margin: 0 auto !important;
  text-align: center !important;
  width: 100%;
}
.modal-backdrop {
  z-index:0;
  background-color: #f5f5f5;  	 
}
.cbp-spmenu, .cbp-spmenu-push {
  transition: all 0s ease 0s !important;
}
.modal-dialog .modal-header { 
  background:#6f7d86 !important;
}
.modal-dialog .modal-header h3 {
  color:#fff !important;
  font-size:28px;
  line-height:32px;
  font-weight:600;
  margin:10px 0 0 !important;
}
.modal-dialog .modal-body {
  display: inline-block;
  margin: 0 auto;
  text-align: justify !important;
  max-width: 920px;
}
.modal-dialog .modal-body p {
  color: #000 !important;
  font-size: 18px;
  line-height: 25px;
  padding: 0 2% !important;
}
.modal-dialog .modal-header .close {
  display:none;	
}
 .modal-dialog .modal-footer .btn {
  background-color: #6f7d86;
  color: #fff;
  padding: 9px 40px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}
@media screen and (min-device-width: 1980px) and (max-width: 2400px) { 

.home .content-100{ margin-top:-250px;}

}


 
 
@media screen and (max-width:1450px) {  
.dr-outer {width:100%; max-width:100%; }
.faq img {margin-right: 8px; }
.Rdr span {margin-right:20px; margin-bottom: 15px; font-size:55px; }
} 
 
 
@media screen and (max-width:1300px) { 

.Ldr img { max-width:100%;  }
.Rdr a {margin-top:40px; }
.Rdr span {margin-right:25px; }
.faq img { margin-right: 0; }
.dr_wrap {margin-left:0px; }
#footer ul {text-align:right; }
} 

@media screen and (max-width:1080px) { 
.Rdr span { font-size: 52px; }
.Rdr { padding-top: 55px; }
.top-caption .caption img {max-width:100%; }
.top-caption .caption { margin-left: -110px; max-width: 310px; }


}
 
@media screen and (max-width:991px) { 
.caption {
  left: 50%;
  margin-left: -210px;
  max-width: 500px;
  position: absolute;
  top: 30%;
}
.Ldr {width:100%; text-align:center; }
.Rdr { padding: 55px 0; width: 100%; }
.dr_wrap {padding:0 20px;  max-width:100%; }
.service-section ul li img {margin-right:5px; }
.service-section ul li span {font-size:24px; }
.faq img { margin-right: 10px; }
.smileL span {font-size:50px; }
.smileL ul {
  padding: 0;
}
.faq {
  clear: both;
  float: left;
}

} 
  

@media screen and (max-width:810px) { 
.Ralign span, #footer ul li a, .footer-add p {color:#fff; }
.footer-add a {color:#fff; }

}

@media screen and (max-width:767px) { 

.office-image {margin-top: -50px; }
.office_tour p {float: left; margin: 0; text-align: left; }
.Lalign {width:100%; }
.full-section .Lalign img {min-height:0; }
.green-office {max-width:100%; }
.Ralign {width:100%; }
.green-office { padding: 35px 20px 35px 25px; }
#footer .Lalign {text-align:center; }
#footer ul {text-align:center; }
.featured-image .logo {
  max-width: 200px;
}

.service-section ul li {width:50%; }

.appoint{ top:15%; }

}

@media screen and (max-width:640px) {
.testimonial .button {margin:80px auto 0; }
.caption {top:25%; }
.home #content {padding:260px 0 50px; }
.service-section ul li span {font-size:22px; }
.caption { margin-left: -138px;  max-width: 300px; top: 43%; }
.service-section ul li {margin:0 0 22px; }
.service-section {padding:46px 0 26px; }
#content {padding:30px 0; }
.top-caption .caption {top:60px; margin-left: -80px; max-width: 200px; }
.form iframe{ height: 500px !important}
#id_6 {
    padding-right: 0;
    position: relative;
    right: 0;
}
.form iframe{ height:200px !important;}

}

@media screen and (max-width:480px) {
.appoint {display:none; }
.caption {
  left: 50%;
  margin-left: -88px;
  max-width: 220px;
  position: absolute;
  'top: 43%;
}
.scroll #top p {
  clear: both;
  float: none;
  margin: 20px 0 0;
  text-align: center;
}
.scroll #showLeftPush {margin-top:11px;}
.menu, #top p {margin:17px 0 0 2px; }
/*.appoint {top:110px; }*/
.appoint .button {padding:12px 16px; }
.Ldr {padding:30px; }
.Rdr {
  padding: 0 0 25px;
 }
.service-section ul li a:after {
  clear: both;
  display: block;
  content: "";
}
.service-section ul li {width:100%; }
.service-section ul li a { display: block; margin: 0 auto; max-width: 250px; }
.map {
  float: none;
  margin-right: 0px;
  width: 100%;
}
.caption {
  left: 15px;
  margin: 15px auto 0;
  max-width: 80%;
  position: relative;
  text-align: center;
  top: 0;
}
.home #content {
  padding: 220px 0 50px;
}
.smileL span, .Rdr span {font-size:32px; }
.top-caption {padding:0 0 20px; background:#473425; }
.top-caption .caption {
    top: 10px;
    margin: 0 auto;
    max-width: 200px;
}

.form{ margin-bottom:25px;}
.form iframe { height: 160px !important;}


}



/* == Core == */
.alignnone{margin:5px 20px 20px 0;}.aligncenter, div.aligncenter{display:block;margin:5px auto 5px auto;}.alignright{float:right;margin:5px 0 20px 20px;}.alignleft{float:left;margin:5px 20px 20px 0;}.aligncenter{display:block;margin:5px auto 5px auto;}a img.alignright{float:right;margin:10px 0 35px 30px;}a img.alignnone{margin:5px 20px 20px 0;}a img.alignleft{float:left;margin:15px 75px 30px 0;}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{max-width:96%;padding:5px 3px 10px;text-align:center;}.wp-caption.alignnone{margin:5px 20px 20px 0;}.wp-caption.alignleft{margin:15px 35px 30px 0;}.wp-caption.alignright{margin:5px 0 20px 20px;}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}.wp-caption p.wp-caption-text{font-size:13px;color:#888;margin-left:15px;margin-top:-5px;margin-bottom:15px}#post_name{display:none}#wpadminbar{}
    


/* == Column == */
.col-5{width:5%}.col-10{width:10%}.col-15{width:15%}.col-20{width:20%}.col-25{width:25%; float: left; text-align: center}.col-30{width:30%}.col-35{width:35%}.col-40{width:40%}.col-45{width:45%}.col-50{width:50%; float: left}.col-55{width:55%}.col-60{width:60%}.col-65{width:65%}.col-70{width:70%}.col-75{width:75%}.col-80{width:80%}.col-85{width:85%}.col-90{width:90%}.col-95{width:95%}.col-100{width:100%}
.col-5,.col-10,.col-15,.col-20,.col-25,.col-30,.col-35,.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95,.col-100{float:left;}
    

    
/* == Media iPad ================================================== */
@media (max-width:441px){
.hide-on-mobile{display:none}
.hide-on-pc{display:inline-block;}
    
.col-5,.col-10,.col-15{width:0}
.col-20,.col-25,.col-30,.col-35{width:50%}.col-40,.col-45,.col-50,.col-55,.col-60,.col-65,.col-70,.col-75,.col-80,.col-85,.col-90,.col-95{width:100%; float: none}
img {max-width:100%;height:auto}
img.alignleft, img.alignright,a img.alignleft, a img.alignright{margin:5px 20px 20px 0;float:none} 

}

img.alignnone.size-medium.wp-image-4115 {
    max-height: 90px;
}
img.alignnone.size-medium.wp-image-4116 {
    max-width: 90px;
    max-height: 90px;
}