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

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Merienda');

/*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  */
* { box-sizing:border-box;}
/* ELEMENTS -------------------------------------------------------------------- */
body { font-size:18px; font-family: 'Lato', sans-serif; color: #515151; color:#fff;}
h1 { color: #fff; padding-bottom: 20px; font-size:35px;font-family: 'Architects Daughter', cursive;}
h2 { font-size: 25px;font-family: 'Merienda', cursive;font-weight:700; }
h3 { font-size:25px;}
h4 { font-size:22px;}
h5 { font-size:19px;}
h6 { font-size:15px; font-weight:bold; }
h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight:700; }
p { line-height: 25px;  margin-bottom: 15px; }
a { color:#fff; text-decoration: none; transition: all 0.5s ease; }
a:hover { color: #98cb0f; }
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 }
img{ max-width:100% !important;}


/* style-------------------------------------------------------------------- */
.header:after { clear:both; content:""; display:block; }
.header{ width:100%; padding:20px 15px; margin:0px auto; max-width:1390px; }
#google_translate_element{ float:right; width:40%; margin-right:20px; margin-top:20px;}
.goog-te-gadget{ float:right;}
.header .logo {
	float: left;
	margin-top: 35px;
	max-width: 425px;
	margin-left: 50px;
}


.btn-popup{    background: #9b2472;
    padding: 12px 20px;
    font-size: 17px;
    color: #fff;
    display: table;
    margin-bottom: 0;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;}



.header .logo img{ max-width:100%;}
.header .form{ box-sizing: border-box;
float: left;
margin-left: 30px;
padding: 0 2%;
width: 550px; }
.header .appointment{ color: #de6800;
float: right;
text-align:right;
font-family: "Lato",sans-serif;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
width: auto; 
}
.header .appointment a{color:#de6800; text-transform:uppercase; text-decoration:none;}
.header .appointment .address{font-size: 18px;font-weight: 400;}
.social {font-size:11pt;color:#333;}

/* CLASSES */
.active-width { width: 100%; max-width:1200px; margin: 0 auto }


/* TOP  -------------------------------------------------------------------- */
#top-100 { height: 170px; background: #efefef; }
#top { padding-top: 40px; }


/* MENU  -------------------------------------------------------------------- */
#menu-100:after { clear:both; content:""; display:block; }
#menu-100{background-color:#98cb0f; font-weight:bold;}
.menu{ }

/* == Menu == */
#menu ul { margin:0px; padding:0px;}
#menu ul li{ list-style:none;float:left;}
#menu ul li a{color: #fff; font-size:16px; text-decoration:none; padding:12px 18px; text-transform: uppercase; margin:0px;}
#menu ul li a:hover{color:#fff; background:#de6800;}

/* metaslider-----------------------------------------------------*/
.metaslider {position:relative; z-index:0; max-width:100% !important;}
.metaslider .caption-wrap {background: none !important;
font-size: 30px;
left: 18% !important;
opacity: 1 !important;
text-transform: uppercase;
width: auto !important;}
.metaslider .caption {
  font-size: 25px;
  letter-spacing: 1px; }
.middle-sec .right-sec .metaslider .slides img {max-width: 100% !important;}
.middle-sec .right-sec .flexslider .slides img {max-width: 100% !important; border-radius: 20px;}

/* Middle-------------------------------------------------------------*/
.middle_wrap:after {
  clear: both;
  content: "";
  display: block; }
.middle_wrap {
  margin: 0 auto;
  max-width: 1300px; }  
.middle-sec{ background:#1f88bf url(images/office-tour-img2.png); background-repeat:no-repeat; overflow:hidden; padding:60px 0px; background-repeat:no-repeat; background-attachment:fixed; background-position:center;}
.middle-sec .left-sec {float:left; width:48%;}
.middle-sec .left-sec h2 {
  color: #fff;
  font-size: 24px;}
.middle-sec .right-sec{ float: right;width:46%;position: relative;padding-right:40px;}


.middle-sec .left-sec a{ background:#9b2472; color:#fff;text-transform:uppercase; padding:10px 20px; border-radius:5px; font-weight:bold; display:inline-block; margin-top:20px; font-size:18px;}
.middle-sec .left-sec a:hover{color:#fff; background:#de6800;}
.middle-sec .right-sec a {background:#ef9647; position:absolute; bottom:0px; left:-70px; z-index:999; color:#fff; font-weight:bold; text-align:center;
padding:20px;line-height: 40px;font-size:16px; height:150px; width:150px; border-radius:100px;}
.middle-sec .right-sec a span{ border: 1px solid #ff881f;
border-radius: 100px;
display: block;
height: 130px;
padding: 10px;
width: 130px;
position: relative;
left: -10px;
top: -10px;}
.middle-sec .right-sec strong{ display: block;
font-size: 26px;
line-height: 28px;}

/* CONTENT  -------------------------------------------------------------*/
#content-100 { background:#1f88bf; min-height: 450px; }
.home #content-100 { display:none;}
#content { padding: 50px 20px 20px; }
#content span {color: #fff !important;}

.home #content-100 h1{ display:none;}
#content-100 .active-width .et_builder_outer_content .et_builder_inner_content .et_pb_section .et_pb_module img {
  border-radius: 18px;
}

body blockquote {
  background: rgba(0, 0, 0, 0) url("http://251.8ab.myftpupload.com/wp-content/uploads/2017/07/blockquote-bgnew06.jpg") no-repeat scroll center top / cover !important;
  border: 2px dashed #000 !important;
  border-radius: 18px !important;
  color: #000 !important;
}
blockquote p {
    padding: 20px 0 !important;
	font-weight:bold !important;
	font-size:17px !important;
}

/* SIDEBAR  -------------------------------------------------------------------- */
#sidebar {  }
.nivoSlider img {
  border-radius: 15px;
}

/* FOOTER  -------------------------------------------------------------------- */
#footer-100 {width: 100%;padding:20px 0px; overflow:hidden; text-align:center; background:url(images/footer.jpg); background-repeat:no-repeat; background-size:cover;}
#footer:after { clear:both; content:""; display:block; }
#footer {overflow: visible;
padding: 20px 0 30px; }
#footer-100 .testominial{  text-shadow: 0px 0px 5px #000;width:31%; float:left; background:url(images/what-our-client-parents-have-to-say-img1.jpg); background-repeat:no-repeat; position:relative;  min-height:350px; text-align:center; margin:1%; background-size:cover; border-radius:30px;}
#footer-100 .testominial a { background: #9b2472;
border-radius: 5px;
bottom: -28px;
color: #fff;
display: inline-block;
font-size: 17px;
font-weight: bold;
left: 50%;
margin-left: -140px;
max-width: 270px;
padding: 12px 20px;
position: absolute;
width: 100%; }
#footer-100 .testominial a:hover{color:#fff; background:#de6800;}
#footer-100 .testominial p {
  font-size: 16px;
line-height: 23px;
margin: 0;
padding: 20px 30px 10px;
text-align: left;
font-weight: bold; }
#footer-100 .testominial span{ font-size: 20px; padding: 0 0 0 30px; }
#footer-100 .footer-form{ width:31%; float:left; margin-right:5px; min-height:350px; margin-left:5px; background:#1f88bf; padding:0 20px; box-sizing: border-box; text-align:center; border-radius:30px; margin:1%}
#footer-100 .footer-form a{ background: #9b2472;padding: 12px 20px;font-size: 17px;color: #fff;display: inline-block;margin-top:0px;border-radius: 5px;font-weight: bold;bottom: -30px; position:relative;}
#footer-100 .footer-form a:hover{color:#fff; background:#de6800;}
#footer-100 .patient-form{ width:31%; float:left; margin-right:5px; margin-left:5px; text-align:center; border-radius:30px; min-height:420px; margin:1%;} 
#footer-100 .patient-form img{ border-radius:30px; min-height:350px; }
#footer-100 .patient-form a{background:#9b2472; padding:12px 20px; font-size:17px; color:#fff; display:inline-block; margin-bottom:0; border-radius:5px; font-weight:bold;top: -30px; position:relative;}
#footer-100 .patient-form a:hover{color:#fff; background:#de6800;}
#footer-100 .patient-form a.nocls{background:none; padding:0; font-size:inherit; color:inherit; display:initial; margin-bottom:0; border-radius: none; font-weight:bold;top:0; position:relative;}
#footer-100 .patient-form a.nocls:hover{color:#fff; background:none;}
#footer-200{ background:#75a936; padding:10px 0px;}
#footer-200 .active-width{ text-align:right;}





/* ===== sub-menus ===== */ 
#menu ul ul { width: 120px; background:#efefef;}
#menu ul ul li a { background: #fff;
color: #222;
font-size: 11px;
margin: 0;
padding: 5px 11px;
text-align: left;
width: 165px; }
#menu ul ul li>a:hover { background:#de6800; color: #fff }

/* ===== current item ===== */
#menu .current-menu-item a { color: #fff; background:#de6800; }
#menu .current-menu-item .sub-menu a { color: #222; }
#menu .current-menu-item .sub-menu a:hover { color: #fff; background-color: #0061a0; }

/* ===== dropdown ===== */
#menu ul li { position:relative; display: inline-block; }
#menu ul li a { display:block; }
#menu ul li a:hover { position:relative; }
#menu ul li:hover ul { display:block; position:absolute; left:0px; top:36px; width:auto; height:auto; margin:0; padding:0; z-index: 1000; }
#menu ul ul li:hover ul, #menu ul li:hover ul li:hover ul {display:block; top:0px; left: 100%;  }
#menu ul ul, #menu ul li:hover ul ul { position:absolute; display:none; }    





/* == Core == */
.alignnone {border-radius:18px;height:70% !important;margin:5px 20px 20px 0;max-width:50% !important;}.aligncenter, div.aligncenter{display:block;margin:5px auto 5px auto;border-radius: 18px;}.alignright{float:right;margin:5px 0 20px 20px;}.alignleft{float:left;margin:5px 20px 20px 0;border-radius:18px;}.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;}

.purple-circle-sec{ display:none;}   
.purple-circle{float:left; width:150px; height:150px; background: #9b2472; color: #000; border-radius: 50%; padding-top:60px; margin:0 3px}
.purple-circle a{font-size:16px; color:#ffffff;text-align:center;display:block;width:90%;line-height:18px;margin:auto;font-weight:bold}  

/*sample-page*/
.btn.button-purple {
  background: #9a2472;
  border-radius: 10px;
  padding:10px 30px;
  margin-bottom:10px;
  display:inline-block;
}
.btn.button-orange {
  background: #d8741c none repeat scroll 0 0;
  border: 5px solid #fff;
  border-radius: 100%;
  display: inline-block;
  padding: 30px 15px;
  margin-bottom:10px;
}
.btn.button-blue {
  background: #1cadd9;
  border: 5px solid #fff;
  border-radius: 100%;
  display: inline-block;
  padding: 30px 15px;
  margin-bottom:10px;
} 
/* == Media iPad ================================================== */

.page-id-17 #content ul { margin-left: 0;}
.btn-toggle { display:none; }

#footer .appoints.text-center {
	width: 31%;
	float: left;
}
.appoints div {
	width: 100%;
	text-align: center;
}
a.apnt, .appoints a {
	background: #9b2472;
	padding: 12px 20px;
	font-size: 17px;
	color: #fff !important;line-height: 1.3em;
	margin-bottom: 0;
	border-radius: 5px;
	font-weight: bold;
}
#footer .appoints a{
	background: #9b2472;
display: block;
width: 100%;
padding: 0px;
}
.appoints a:hover,#footer .appoints a:hover,a.apnt:hover{color:#fff; background:#de6800;}

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

.header { padding:20px 15px; }
.header .logo { width:26%; }	
.header .form { width:46%; padding:0px 2%; margin-left:0px; }
.header .appointment { font-size:24px; text-alignment: right }
.header .appointment .address { font-size:18px; }
.header { padding: 20px 15px; }	
.middle-sec .left-sec { padding-left:15px; padding-top:0px; }
.middle-sec .right-sec { padding-right:15px; }
.middle-sec .right-sec a { font-size:16px; }
.middle-sec .right-sec strong { font-size: 27px; line-height: 25px; }
#footer-100 .active-width { width:100%; }

}

@media only screen and (max-width : 1240px) {
		
li#id_2 button.form-submit-button { padding:31px 5px; }
#footer-100 .testominial p { font-size: 20px;
    line-height: 30px; padding:50px 20px 15px; }
#footer-100 .footer-form { padding:0px 15px; }
.active-width { width:100%; padding:0px 15px; }
.header .form { width:52%; }
.header .appointment {
  font-size: 20px;
  width: 21%; }
.appointment > span { display: block; }  
.header .appointment .address { font-size: 15px; }

}


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

#menu ul li a {font-size:14px; padding:10px 10px; letter-spacing:1px; margin:0px;}	
.header .appointment{ font-size:20px;}
.metaslider .caption-wrap{ font-size:25px;}
.middle-sec .left-sec{ padding:15px; width:auto;}
.middle-sec .left-sec h2{ font-size:30px;}
.middle-sec .right-sec {
  clear: both;
  float: none;
  margin: 0 auto;
  max-width: 500px;
  padding: 0 15px;
  width: 100%; }
#footer-100 .testominial, #footer-100 .footer-form, #footer-100 .patient-form { width:100%; max-width:500px; margin:0px auto 25px; float:none; }
.header .logo {
  width: 100%;
  float: none;
  max-width: 300px;
  margin: 0px auto 15px; }
.header .form {
  float: none;
  margin:0 auto 15px;
  max-width: 650px;
  padding: 0 2%;
  width: 100%; }  
.header .appointment { text-align:center; width:100%; }
.header .appointment .address { text-align:center; margin-bottom:15px; }
#google_translate_element {
  display: block;
  float: none;
  margin: 0 auto;
  width: 185px; }
#footer-200 .active-width { text-align: center; } 
#menu ul li:hover ul { left:0px; }
#footer-100 .testominial a { position:relative; left:auto; bottom:auto; font-size:18px; padding:12px 15px; margin:30px auto auto; }	
#footer-100 .footer-form a, #footer-100 .patient-form a { font-size:18px; padding:12px 15px; bottom:auto; }
}


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

#menu-100 > #menu > .menu-main-menu-container { display: none; }
#menu-100 { position:relative; }
#menu-100 { background:#98cb0f; }
.navbar-toggle { display:block; min-height:48px; padding:15px 14px; width: 100%; cursor:pointer; }
.navbar-toggle:after {
 color: #fff;
content: "Menu";
font-size: 20px;
font-weight: 600;
left: 14px;
position: absolute;
top: 11px; }
/* Mobile Menu Toggle Button Icons (Hamburger Menu) */
#menu-100 .navbar-toggle .icon-bar {
background-color: #fff;
clear: both; width:100%;
float: right; margin:4px auto;
height:3px; display:block; }
#toggle > span {
  position: absolute;
  right: 15px;
  top: 8px;
  width: 40px; }
#menu ul li { display:block; float:none; width:100%; }
.mobile-menu { margin: 0px -15px; background:#75a936; }
#menu .mobile-menu ul ul.sub-menu {
  background:#98cb0f; top:auto;
  left: 0; display:block;
  position:relative;
  width: 100%; }
#menu ul ul li a { width:100%; color:#fff; background:#98cb0f; font-size:13px; }
#menu ul ul li a:hover { background:#de6800; }
.middle-sec .right-sec a { left:10px;} 
#footer-100 .testominial, #footer-100 .footer-form, #footer-100 .patient-form { min-height:0px; } 
.header .form{ display:none !important;}
.purple-circle-sec{ display: block; margin:0 auto 20px; max-width:470px; text-align:center;} 
.home .metaslider .slides .caption > div {
  display: none;
}
.home .metaslider .caption{ text-align:center;}
.home .metaslider .caption-wrap {
  left:0 !important;
  width:100% !important;
}
.purple-circle-sec:after {
  clear: both;
  content: "";
  display: block;
}
.middle-sec{ padding-top:30px;}
}


@media only screen and (max-width : 480px) {
.metaslider .caption-wrap {
 display:none }	
.middle-sec .left-sec h2 {
  font-size: 23px; }
.middle-sec .left-sec p { font-size:16px; line-height:25px; }
.purple-circle {
  display: inline-block;
  float: none;
  margin: 0 3px 10px;
  height: 145px;
  padding-top: 55px;
  vertical-align: top;
  width: 145px;
}
}


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

}



@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} 

}

blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #98cb0f;
  border-right: 2px solid #98cb0f;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

.callouts {
  list-style-type: none;
}



/* BASE STYLES FOR EACH */
.callouts li {
  display: inline-block;
  /* Real styles */
  position: relative;
	width: 15%;
	height: 62px;
  padding: 15px;
	background-color: #fe9e52;
  border: 1px solid #fe9e52;
	border-radius: 4px;
	
}

/* TOP */
.callouts--top:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 23px;
	top: -42px;
  border: 10px solid transparent;
  border-bottom: 32px solid rgb(193,193,193); /* IE8 Fallback */
  border-bottom: 32px solid rgba(193,193,193,0.5);
  z-index: 2;
}
.callouts--top:after {
  content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 25px;
	top: -32px;
  border: 8px solid transparent;
  border-bottom: 25px solid #fff;
  z-index: 3;
}

/* BOTTOM */
.callouts--bottom:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 23px;
	bottom: -42px;
  border: 10px solid transparent;
  border-top: 32px solid rgb(193,193,193); /* IE8 Fallback */
  border-top: 32px solid rgba(193,193,193,0.5);
  z-index: 2;
}
.callouts--bottom:after {
  content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 25px;
	bottom: -31px;
  border: 8px solid transparent;
  border-top: 24px solid #fff;
  z-index: 3;
}

/* LEFT */
.callouts--left:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -42px;
	top: 17px;
  border: 10px solid transparent;
  border-right: 32px solid rgb(193,193,193); /* IE8 Fallback */
  border-right: 32px solid rgba(193,193,193,0.5);
  z-index: 2;
}
.callouts--left:after {
  content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -31px;
	top: 20px;
  border: 8px solid transparent;
  border-right: 24px solid #fff;
  z-index: 3;
}

/* RIGHT */
.callouts--right:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: -42px;
	top: 17px;
  border: 10px solid transparent;
  border-left: 32px solid rgb(193,193,193); /* IE8 Fallback */
  border-left: 32px solid rgba(193,193,193,0.5);
  z-index: 2;
}

.callouts--right:after {
  content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: -31px;
	top: 20px;
  border: 8px solid transparent;
  border-left: 24px solid #fff;
  z-index: 3;
}

.modal-content {

    background: rgb(167,72,154);
    background: linear-gradient(180deg, rgba(167,72,154,1) 0%, rgba(253,220,5,1) 47%, rgba(247,159,0,1) 100%);
}