/*
Theme Name: Charles, Glenn (charlesmedicalgroup.com)
Author: NKP Development Team
Description: NKP Medical theme
Template: nkpv2
*/
@import url('css/bootstrap.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url("css/style.css");

#header .logo { position: relative; z-index: 1041; }

nav#nav { max-width: 844px; }

/* =NAV ========================================================================================*/
.navbar { border:0 none; padding:0; margin:0; /*width:100%;*/ min-height:1px; position:relative; z-index:9000; -webkit-border-radius: 0px; border-radius: 0px; /*background: #000;*/ }
.mainMenu{ }
#nav {list-style:none; width:100%; padding:0; margin:0; text-align:center;}
#nav>ul>li{ position:relative; float:left; text-align:center;}
#nav>ul>li:first-child {background-image:none;}
#nav>ul>li:first-child>a {padding-left:10px;}
#nav>ul>li:last-child>a {padding-right:10px;}
#nav>ul>li>a {display:block; position:relative; text-decoration:none; /*font-size:16px;*/ padding: 0 5px; /*color: #FFF;*/ }
#nav ul {list-style:none; padding:0; margin:0;}
#nav ul li {padding:0; float:left;}
#nav>ul>li.hover>a, #nav>ul>li>a.active, #nav>ul>li>a:focus {color:#77827c; background-color:transparent;}

#nav ul .current_page_item a, #nav ul .current-menu-item a, #nav ul > .current-menu-parent a, #nav ul ul, .navigation li.current-menu-ancestor a, #nav ul li a:hover, #sticky-nav ul .current_page_item a, #sticky-nav ul .current-menu-item a, #sticky-nav ul > .current-menu-parent a, #sticky-nav ul ul, #sticky-nav li.current-menu-ancestor a, .navigation li.current-menu-ancestor a, #sticky-nav ul li a:hover { color:#77827c; }
.nav>li>a:hover, .nav>li>a:focus {background: none}
#nav>ul ul { /*background: #000;*/ position:absolute; border:0 none; left:0; padding:0 0; margin:0; text-align:left; display:block; z-index:22;  visibility:hidden;
-webkit-border-radius: 0%; -webkit-box-shadow:none; box-shadow:none; border-radius: 0%; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in;  border-top: 3px solid #77827c;}
#nav>ul li.hover > ul {display:block;  visibility:visible;}
#nav>ul ul, .mobile #nav{opacity:0; display:block; z-index:-1;
-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in;
  -moz-transform: translateY(10px);-webkit-transform: translateY(10px);-o-transform: translateY(10px);-ms-transform: translateY(10px); transform: translateY(10px);}
#nav > ul .hover > ul, .mobile #nav.subOpen { opacity:1; display:block; z-index:22;  -moz-transform: translateY(0px);-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px); transform: translateY(0px);}
#nav>ul ul li { border-bottom:0; position:relative; width:100%;}
#nav>ul ul li a {display:block; padding:7px 10px; text-transform:none; font-size:14px; color:#fff; text-decoration:none; }
#nav>ul ul li a:hover, #header #nav>ul ul li a.active {color:#fff; background-color:#413e3e;}
/*#nav>ul ul li a:after {content:''; display:block; position:absolute; left:35px; top:19px; width:5px; height:5px; background-color:#98a091; -webkit-border-radius: 50%; border-radius: 50%; }*/
#nav>ul ul ul {top:0; left:100%;}
#mobileMainNav {z-index:999;}
#mobileMainNav, #mobileMainNav ul { padding:0; margin:0; list-style:none;}
#mobileMainNav li {width:100%; position:relative; padding:0;}
#mobileMainNav li a {color:#fff; display:block;padding: 10px 20px; }
#mobileMainNav li li a {padding-left:25px;}
#mobileMainNav li li li a {padding-left:35px;}
#mobileMainNav ul {display:none; background-color:rgba(255,255,255,0.15);}
.openSub {position:absolute; right:0; top:0; width:40px; height:40px; background-color:rgba(0,0,0,0.2); line-height:40px; text-align:center; color:rgba(255,255,255,0.5); z-index:2; cursor:pointer;}
.openMobileMenu { display: none; vertical-align:middle; /*color:#fff;*/ padding:0 20px; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; text-align:right; font-size:16px; text-transform:uppercase; line-height:50px; position: relative; top: 15px; }
.openMobileMenu i {position:relative; margin-top:-10px; margin-right:5px; vertical-align:text-bottom; height:18px;}
.openMobileMenu:hover, .openMobileMenu.navopen, .openMobileMenu:focus { color:#77827c}
.mobileNav.open {display:block;}
.mobileNav{display:none; background-color:#333; width:100%; top: 79px; left:0; position:absolute; z-index:999;}
.mobileNav li {border-top:1px solid rgba(0,0,0,0.2);}
.caret { display: none; }
/* =NAV ========================================================================================*/



#nav  { position: relative; }
#nav .menu-item.search { text-indent: -9999px; font-size: 0; padding-right: 0 !important; }
#nav .menu-item.search a { font-size: 14px; font-family: IcoMoon; cursor: pointer; display: block; }
#nav .menu-item.search a:after { text-indent: 0; position: absolute; top: -2px; right: 0; display: block; border-radius: 50% 50% 50% 50%; padding: 5px; content: '\f002'; color: #333333; }
#nav .search-form { display: none; position: absolute; right: 0; top: 87px; z-index: 500; padding: 20px; background: #edecec; border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; border: 8px none #000000; }





/* NKP STYLES */

.homeaboutsec .avada-row .imageframe-align-center {width: 307px; height: 441px; position: relative; }
.homeaboutsec .avada-row .imageframe-align-center span{position: absolute; bottom: -91px; right: 40px; width: 307px; height: auto; }
.homeaboutsec blockquote {background: #f9f9f9; line-height: 100%; }
.homeaboutsec blockquote:before {color: #ccc; content: open-quote; font-size: 7em; position: absolute; top: 37px; left: 17px; }
.homeaboutsec blockquote p:first-child {text-indent:2em; }
.homeaboutsec .bigheading strong {color:#545454;font-size: 24px;margin-bottom: 5px;display: block;}
.homeaboutsec .bigheading .last p {font-size: 20px;line-height: 120%;color: #545454;font-weight: bold;margin: 10px 0;}

.form {padding: 15px; background-color: #d8e7fe; box-sizing: border-box;}
.form span {font-weight:bold;color:#000;}
.form .agreement {font-size: 14px; }
.form .sb-form {margin-top:10px;}

.sb-form { position: relative; z-index: 1000; }
.sb-form input[type="text"], .sb-form input[type="email"], .sb-form input[type="tel"], .sb-form input[type="url"], .sb-form textarea { border: 0; background: #fff; margin: 0 0 10px; height: 34px; font-size: 15px; max-width: 450px; }
.sb-form textarea { height: 65px; }
.sb-form input[type="submit"] { background: #ff5335; border: none; color: #FFF; clear: both; }
.schduelconsultpopupcont-child .sb-form input[type="submit"] { background: #4d5552; border: none; color: #FFF; clear: both; font-size: 21px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: bold; width: 100%; padding: 8px; }
.sb-form ::-webkit-input-placeholder { color: #777; } :-moz-placeholder { color: #777; } :-ms-input-placeholder { color: #777; }
.sb-form input.wpcf7-captchar { width: 135px; }
.sb-form .agreement { font-size: 14px; margin-bottom: 10px; }
.sb-form .ajax-loader { display: none; }
.sb-form span.wpcf7-list-item {margin:0;}
.sb-form input[type=checkbox] {margin: 0; }
.sb-form input.wpcf7-not-valid, .main-form input.wpcf7-not-valid { background: #FFDCD6; }
.sb-form .wpcf7-not-valid-tip, .main-form .wpcf7-not-valid-tip { display: none; }

.subscribe-form { position: relative; z-index: 1000; width:320px; }
.subscribe-form input[type="text"], .subscribe-form input[type="email"], .subscribe-form input[type="tel"], .subscribe-form input[type="url"], .subscribe-form textarea { border: 0; background: #cdd7d7; margin: 0 0 10px; height: 24px; font-size: 12px; max-width: 320px; }
.subscribe-form textarea { height: 35px; }

.subscribe-form input[type="submit"] { background: #ff5335; border: none; color: #FFF; clear: both; float:right; }
.schduelconsultpopupcont-child .subscribe-form input[type="submit"] { background: #4d5552; border: none; color: #FFF; clear: both; font-size: 16px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: bold; width: 100%; padding: 4px; }

.subscribe-form ::-webkit-input-placeholder { color: #777; } :-moz-placeholder { color: #777; } :-ms-input-placeholder { color: #777; }

.subscribe-form input.wpcf7-captchar { width: 135px; }

.subscribe-form .agreement { margin-bottom: 5px; }
.subscribe-form .ajax-loader { display: none; }

.subscribe-form-text-mobile { display: none; }


#subscrbFrom .invalid input[type=email] { background-color: #FFCFCF !important; }

#schedule-consult-btn {
	display: block;
	position: fixed;
	top: 321px;
	right: 0;
	z-index: 99999;
	overflow: hidden;
	width: 440px;
	height: 60px;
	padding: 20px;
	margin: 0px -190px 0px 0px;
	border: none;
	background: #ff5235;
	color: #fff;
	font-size: 24px;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-weight: 400;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -sand-transform: rotate(-90deg);
}

.vctab { float:left; display:inline-block ;margin-right:10px; }
.vctab:nth-of-type(3) { margin-right:0; }

/* ==== LIGHTBOX FORM ==== */
.lightbox-form { position: relative; z-index: 9999; }
.lightbox-form div.name, .lightbox-form div.email,  .lightbox-form div.phone { display:block; width:520px; }
.lightbox-form input[type="text"], .lightbox-form input[type="email"], .lightbox-form input[type="tel"] { border: 0; background: #cdd7d7; margin: 0 0 10px; height: 44px; font-size: 16px; width:500px; }
.lightbox-form textarea { border: 0; background: #cdd7d7; margin: 0 0 10px; height: 65px; font-size: 16px; width:500px; float:left; }
.lightbox-form input[type="submit"] { background: #ff5335; border: none; color: #FFF; clear: both; font-size: 18px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: bold; padding: 8px; }

.lightbox-form span.wpcf7-form-control-wrap { display:inline-block !important; }

.lightbox-form ::-webkit-input-placeholder { color: #777; } :-moz-placeholder { color: #777; } :-ms-input-placeholder { color: #777; }
.lightbox-form input.wpcf7-captchar { width: 135px; }
.lightbox-form .agreement { display:inline-block; float:left; margin-bottom: 10px; }
.lightbox-form .ajax-loader { display: none; }

.lightbox-form span.wpcf7-not-valid-tip {  }
.lightbox-form input.wpcf7-not-valid, .lightbox-form textarea.wpcf7-not-valid { background: #FFDCD6; }
.wpcf7-validation-errors { display: none !important; }

#ob_content { width:550px !important; height:410px !important; }
#ob_inline { overflow: inherit !important; }

/* ==== HOMEPAGE CONTACT FORM ==== */
.schedconsult span { font-size:23px; text-transform:uppercase; }
.hp-form { position: relative; z-index: 9999; }
.hp-form div.name, .hp-form div.email { display:inline-block; float:left; width:32%; margin-right:21px; }
.hp-form div.phone-number { display:inline-block; float:left; width:32%; margin-right:0; }
.hp-form input[type="text"], .hp-form input[type="email"], .hp-form input[type="tel"] { border: 0; background: #cdd7d7; margin: 0; height: 44px; font-size: 16px; max-width: 100%; }
.hp-form div.questions-comments { float:left; width:100%; }
.hp-form div.name span.wpcf7-form-control-wrap, .hp-form div.email span.wpcf7-form-control-wrap, .hp-form div.phone-number span.wpcf7-form-control-wrap, .hp-form div.questions-comments span.wpcf7-form-control-wrap { display:block !important; }
.hp-form textarea { border: 0; background: #cdd7d7; font-size:16px; height: 125px; max-width:100%; margin:20px 0; }
.hp-form input[type="submit"] { background: #ff5335; border: none; color: #FFF; clear: both; font-size: 21px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: bold; width: 35%; padding: 8px; height:50px; }
.hp-form ::-webkit-input-placeholder { color: #777; } :-moz-placeholder { color: #777; } :-ms-input-placeholder { color: #777; }
.hp-form input.wpcf7-captchar { width: 135px; }
.hp-form .agreement { clear:both; padding: 10px 0; font-size:18px; }
.hp-form .ajax-loader { display: none; }


.fusion-tabs .tab-links { padding: 0; }
.fusion-tabs .nav-tabs li { display: table-cell; width: 1%; }
.fusion-tabs .nav-tabs li a.tab-link { display: block; position: relative; margin: 0; padding: 8px 0; text-decoration: none; }
.fusion-tabs.fusion-tabs-1 .nav-tabs li.ui-tabs-active a { background: #78837d; color: #FFF; border-top: 3px solid #77827c; }

.form-control { display: inline-block !important; }
.main-form input.wcf7-submit { background: #4D5552; border: none; }

/*
.sb-form ::-webkit-input-placeholder { color: #444; } :-moz-placeholder { color: #444; } :-ms-input-placeholder { color: #444; }
.sb-form input[type="submit"] { width: 165px; height: 38px; background: url(images/btn-submit.png); border: none; outline: none; text-indent: -9999px; cursor: pointer; display: block; clear: both; }
html .sb-form input[type="submit"] {font-size:0;display:block;line-height:0}
*+html .sb-form input[type="submit"] {font-size:0;display:block;line-height:0}
*/
.sb-form input.wpcf7-captchar { width: 135px; }
.ajax-loader {  }
.main-form input[type="text"], .main-form input[type="email"], .main-form input[type="tel"], .main-form input[type="url"], .main-form textarea { margin-bottom: 15px; }

/*   NEW VIRTUAL CONSULTATION FORM  */
#new-vc-form h3 { font-size:21px !important; }
#new-vc-form input[type="text"], #new-vc-form input[type="email"], #new-vc-form input[type="tel"], #new-vc-form input[type="url"], #new-vc-form textarea { margin-bottom: 15px; }
#new-vc-form #hair-loss-pattern { float:left; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item { display:inline-block; margin-bottom:15px; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(1) { padding:65px 45px 0 0; background:url(images/vc/2.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(2) { padding:65px 45px 0 0; background:url(images/vc/2a.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(3) { padding:65px 45px 0 0; background:url(images/vc/3.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(4) { padding:65px 25px 0 0; background:url(images/vc/3a.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(5) { padding:65px 0 0 0; background:url(images/vc/3v.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(6) { padding:65px 45px 0 0; background:url(images/vc/4.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(7) { padding:65px 45px 0 0; background:url(images/vc/4a.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(8) { padding:65px 45px 0 0; background:url(images/vc/5.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(9) { padding:65px 25px 0 0; background:url(images/vc/5a.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(10) { padding:65px 0 0 0; background:url(images/vc/6.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(11) { padding:75px 45px 0 0; background:url(images/vc/ludwig1.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(12) { padding:75px 45px 0 0; background:url(images/vc/ludwig2.jpg) no-repeat left top; }
#new-vc-form #hair-loss-pattern .wpcf7-list-item:nth-of-type(13) { padding:75px 45px 0 0; background:url(images/vc/ludwig3.jpg) no-repeat left top; }
#new-vc-form .clr { clear:both; height:15px; }
#new-vc-form #therapies-tried .wpcf7-list-item, #new-vc-form #goals .wpcf7-list-item { display:inline-block; margin:0 35px 15px 0; }
#new-vc-form .pull-right { width:100%; }
#new-vc-form input[type="submit"] { margin-top:20px; }
#new-vc-form div.row:last-of-type { margin-top:25px; }

.mobile-only { display:none; }

#myElement_logo {display:none !important;}
.jw-tab-focus:focus {outline: none !important;}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* NKP STYLES */
.mfp-wrap { z-index: 9999 !important; }
.popupform { background: #FFF; margin: 0 auto; max-width: 550px; padding: 25px; box-sizing: border-box; }
.white-popup { position: relative; padding: 30px; width:auto; max-width: 620px; margin: 20px auto; }
.mfp-close { color: #FFF !important; }
@media (max-width: 800px) {
	.hp-form div.name, .hp-form div.email, .hp-form div.phone-number, .hp-form div.questions-comments { display:block; margin: 12px 0; width: 97%; }
	.hp-form textarea { margin: 7px 0; }
	.hp-form input[type="submit"] { width: 80%; }
	.desktop-only { display:none; }
	.mobile-only { display:block; }
	#new-vc-form input[type="submit"] { width: 100%; margin-top:25px; }

  .homeaboutsec .avada-row .imageframe-align-center{ width: auto;}
  .homeaboutsec .avada-row .imageframe-align-center span {bottom: 0;left: 0;right: 0; margin: auto; }
  img.drchaleshome {margin: auto;}

	.get-credit-form { position: relative; z-index: 1000; padding:20px 0;}
	.get-credit-form p:first-of-type { font-weight:bold; font-size:24px; line-height:30px; text-align:center; }
	.get-credit-form input[type="text"], .get-credit-form input[type="email"], .get-credit-form input[type="tel"], .get-credit-form input[type="url"], .get-credit-form textarea { border: 0; background: #cdd7d7; margin: 0 0 10px; height: 44px; font-size: 16px; max-width: 100%; }
	.get-credit-form input[type="submit"] { background: #4d5552; border: none; color: #FFF; clear: both; font-size:18px; height:42px; width:60%; display:block; margin:0 auto;}
	.get-credit-form ::-webkit-input-placeholder { color: #777; } :-moz-placeholder { color: #777; } :-ms-input-placeholder { color: #777; }
	.get-credit-form .ajax-loader { display: none; }
	.get-credit-form span.wpcf7-form-control-wrap { position: relative; width: 100%; }
	.get-credit-form input.wpcf7-not-valid { background: #FFDCD6; }
	.get-credit-form .wpcf7-not-valid-tip { display: none; }
  .fusion-tabs .nav-tabs li .tab-link { font-size: 16px; }
}

@media (min-width: 768px) and (max-width: 991px) {
	#schedule-consult-btn { top:243px; width:315px; height:75px; margin:0 -150px 0 0; padding:10px 20px; font-size:20px; line-height:28px; }
}

@media only screen and (max-width: 1100px){
	.openMobileMenu {display:block;}
	#nav {display:none;}
	#nav > ul > li > a, #footerMenu > li > a {padding:0 49px;}
	.scheduleconsultformcont { display: none; }
	.hp-form div.questions-comments { width: 97%; }
}

@media only screen and (min-width: 1100px){
	.openMobileMenu { display:none; }
  #nav {display:block;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hp-form div.name, .hp-form div.email, .hp-form div.phone-number  { margin: 0 11px; max-width: 31%; }
	.hp-form div.questions-comments { margin-left:11px; }
	#schedule-consult-btn { top:285px; width:406px; height:82px; font-size:24px; line-height:6px; }
}

@media only screen and (max-width: 960px) {
	.subscribe-form-text-mobile { display:block; }

}

@media only screen and (max-width: 400px) {
	.bs-font-banner { font-size:24px!important; }
  .openMobileMenu { top: 0; }
  .mobileNav { top: 71px; }
  .header-v3 .header-social .alignleft { margin-bottom: 0 !important; }
  .header-v3 #header { padding: 12px 0; }
  .get-credit-form p:first-of-type { font-size: 19px; line-height: 24px; }
  .get-credit-form { padding: 0; }
  .hp-form input[type="submit"] { font-size: 18px; }
  .fullwidthpaddingtop { padding-top: 0px!important; }
  .fusion-tabs .nav-tabs li { display: block; width: 100%; }
  #main .last { padding: 10px; }
  .newsletter { width: 100%; }
  .homevidoecontainer iframe { height: 270px; }
  .post-content .avada-row h1 { font-size: 25px; line-height: 34px; }
  #header .avada-row .logo { float: left !important; margin-left: 10px !important; }
}