/*
Theme Name: Medical, NKP (template-unsemantic.com)
Author: NKP Development Team
Description: NKP Medical theme
Template: nkp
*/

/*---- Do Not Remove ----*/
@import url(/wp-content/themes/nkp/unsemantic/css/nkp.min.css);
/*---- Do Not Remove ----*/

/*---- GENERAL ----*/
body{ font-family: "proxima-nova", sans-serif; font-size: 16px; color: #514c4b; font-weight: 300; line-height: 30px; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1{ font-size: 40px; line-height: 45px; font-weight: 300; color: #221e1f; margin: 10px 0;}
h2{ font-size: 24px; line-height: 30px; font-weight: 300; color: #561d23; margin: 10px 0;}
h3{ font-size: 22px; line-height: 30px; font-weight: 300; color: #70262e; margin: 10px 0;}
h4{ font-size: 20px; line-height: 28px; font-weight: 400; color: #514c4b; margin: 10px 0;}
p { padding: 10px 0;}

a, a:visited, a:link {color:#561d23; font-weight: 500; text-decoration:none; outline:none; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out;}
a:hover {color:#8a2f38; text-decoration:none; outline:none;}
ul, ol {clear:both;}

h1.patient-listing-title {font-size: 40px!important; line-height: 45px!important; font-weight: 300!important; color: #221e1f!important; margin: 10px 0!important;}

.relative { position: relative;}

.fl {float:left;} .fr {float:right;} .fn {float:none; display:inline-block;}
.tal {text-align:left;} .tar {text-align:right;} .tac {text-align:center;}
.clr-l {clear:left;} .clr-r {clear:right;} .clr, .clear {clear:both;}
.nodisp {display:none;}

.navigation { z-index: 999; width: 100%;}
nav:not(.nav-links) {min-height:84px; height:auto; z-index: 400; position:absolute; margin: 0;	background: rgba(8, 3, 2, 0.75);}

#ez-toc-container nav { position:relative; background:#fff; }
#ez-toc-container{	border-left:none !important;	border-right:none !important;	border-radius: 0px !important;}
/* FLEXNAV */
.flexnav {
	text-align: justify;
}
.flexnav:after {
  content: '';
  width: 100%;
  display: inline-block;
}
.flexnav li { display: inline-block; float: none; position: relative; }
.flexnav li a {
	background: none;
	border: 0;
	padding: 1.7em 1.7em;
	font-family: "proxima-nova", sans-serif !important;
  text-decoration:none;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.flexnav li a:after { content: "";}
.flexnav li a:hover { background: #000000;}
.flexnav li>ul{ min-width: 250px;}
.flexnav li ul li { display: block;}
.flexnav li ul li a{
	color: #d8d8d8;
	background-color: #1e1e1e;
  border-bottom: 1px solid rgba(255,255,255,0.1);
	text-align: left;
	font-size: 14px;
	float: none;
	padding: .5em 1.7em;
}
.flexnav li ul li a:hover {}
.flexnav ul li ul li a { background-color: #141414; text-align: left; margin: 0;}
.flexnav ul li ul li ul li a{
	background:#292929;
}
.flexnav ul li ul li ul li ul li a{
	background:#3d3d3d;
}
.flexnav .touch-button{
	background:none;
	height: 60px;
}
.flexnav .touch-button .navicon{
	font-size:.8em;
	color:#fff;
	top:1.25em;
}
.flexnav .touch-button .navicon:hover{
	color: #fff;
}
.flexnav li.item-with-ul ul li .touch-button .navicon {top:14px!important; }
.menu-button{
	background:none;;
	color:#ce9b6d;
	width: 60px;
	height: 84px;
}
.menu-button .navicon{
	font-size:1.625em;
	color: #fff;
	padding-top: 15px;
}
.menu-button .navicon:hover, .menu-button .touch-button:hover {
	color:#fff !important;
}
.menu-button .touch-button .navicon.fa.fa-plus {
	font-size:.8em;
	color:#ce9b6d;
}
.mobile-nav{ background: none; }
.mobile-nav .call,.mobile-nav .map,.mobile-nav .social{
  color:#ce9b6d;
  background: none;
}
.menu-button:hover,.mobile-nav .call:hover,.mobile-nav .map:hover, .mobile-nav .social:hover {
  color: #fff;
	background:#3d1616;
}
.mobile-nav .call, .mobile-nav .map, .mobile-nav .social {
  height: 84px;
}
.mobile-nav .call i,.mobile-nav .map i, .mobile-nav .social i{
	background: 0 0;
	position: absolute;
	z-index: 999;
	right: 0;
	width: 60px;
	font-size:1.625em;
  color: #FFF;
  padding-top: 15px;
	display: inline-block;
	text-align: center;
	top: .5em;
}
.mobile-nav .call i:hover,.mobile-nav .map i:hover, .mobile-nav .social i:hover {
  color:#fff;
}
.menu-button, .mobile-nav .call, .mobile-nav .map, .mobile-nav .social {
    transition: background .5s ease;
}
.mobile-nav .call, .mobile-nav .map, .mobile-nav .social {
    position: relative;
    width: 60px;
		color: #fff;
    display: inline-block;
}
/* END FLEXNAV */

/* NKP GLOBAL STYLES */

img {border:0px;}
.img-resp, .img-responsive {max-width:100%; height:auto;}
img.left, img.alignleft, .img-l {float:left; margin:10px 15px 0px 0px;}
img.right, img.alignright, .img-r {float:right; margin:10px 0px 0px 15px;}

iframe{width:100%; height:500px;}

.embed {position:relative; display:block; height:0px; padding:0px; overflow:hidden;}
.embed-responsive.embed-responsive-4x3 {padding-bottom:75%;}
.embed-responsive.embed-responsive-16x9 {padding-bottom:56.25%;}
/* .embed-responsive .embed-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {position:absolute; top:0px; bottom:0px; left:0px; width:100%; height:100%; border:0px none;}*/
input, select, textarea {-webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out;}

.sb-form input[type="text"], .sb-form input[type="email"], .sb-form input[type="tel"], .sb-form input[type="url"], .sb-form textarea {
  color:#212121; width: 100%; background: #e8e8e8; margin: 0 0 10px; padding:10px; border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:14px; font-family: "proxima-nova", sans-serif !important; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="url"], .contact-form textarea {
  color:#212121; width: 100%; background: #f2f2f2; margin: 0 0 10px; padding: 10px; border:1px #e8e8e8 solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:14px; font-family: "proxima-nova", sans-serif !important;}

.sb-form input[type="text"]:focus, .sb-form input[type="email"]:focus, .sb-form input[type="tel"]:focus, .sb-form textarea:focus { background:#ffffff; color:#212121; border:0; outline:none; }
.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="tel"]:focus, .contact-form textarea:focus, .contact-form select:focus { background:#ffffff; color:#212121; border:1px #e8e8e8 solid; outline:none;}
.sb-form select {background: #f7f7f7; color:#727272; border: 1px #cccccc solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 50px;width: 100%;font-size:15px; margin-bottom: 10px; }
.contact-form select { background: #f2f2f2; color:#4d4d4d; border:1px #e8e8e8 solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 37px;width: 100%;font-size:14px; margin-bottom: 10px; }

.sb-form textarea {margin-bottom: 0;}
.sb-form textarea, .contact-form textarea { height: 130px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize: vertical;}
.sb-form ::-webkit-input-placeholder { color: #212121; } :-moz-placeholder { color: #212121; } :-ms-input-placeholder { color: #212121; }
.contact-form ::-webkit-input-placeholder { color: #212121; } :-moz-placeholder { color: #212121; } :-ms-input-placeholder { color: #212121; }
.sb-form input.wpcf7-captchar, .contact-form input.wpcf7-captchar { width: 100%; }

.sb-form input[type="submit"] {	color: #221e1f !important; background: #af9884; border: 0; padding: 13px 0; display:block; font-size:16px; font-family:"proxima-nova", sans-serif; font-weight:400; font-style:normal; text-align:center; width:210px; height:auto; margin:5px auto; cursor:pointer; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; clear:both; border-radius: 5px;}
.sb-form input[type="submit"]:hover {	color: #000 !important; background:#dfcaa2 !important; cursor: pointer;}

.contact-form input[type="submit"] {	color: #fff !important; background: #561d23; border: 0; padding: 13px 0; display:block; font-size:16px; font-family:"proxima-nova", sans-serif; font-weight:400; font-style:normal; text-align:center; width:210px; height:auto; margin:10px auto; cursor:pointer; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out; clear:both; border-radius:5px;}
.contact-form input[type="submit"]:hover { color: #fff !important; background:#47181d !important; cursor: pointer;}

.sb-form input[type="submit"][disabled], .sb-form input[type="submit"][disabled]:hover, .contact-form input[type="submit"][disabled], .contact-form input[type="submit"][disabled]:hover { opacity:0.7; cursor:not-allowed;}

.wpcf7-form-control-wrap{ display:block!important;}
.wpcf7-form-control-wrap.agree{display:inline-block!important; width: 30px; }
.agreement { font-size: 13px; margin:5px 0 10px; color: #fff;}
.sb-form .agreement a { color: #dfcaa2;}
.captcha {position: relative; }
.sb-form .captcha img {position: absolute; top: 5px; right: 20px; z-index: 999; mix-blend-mode: multiply;}
.contact-form .captcha img {position: absolute; top: 5px; right: 20px; z-index: 999; mix-blend-mode: multiply;}
.wpcf7-not-valid-tip { font-size: 10px !important; margin: -7px 0 10px 5px;}
.wpcf7-validation-errors { border: 0 !important; text-align: center; font-size: 11px; color: #f00;}
.ajax-loader { position: absolute; margin-top: -40px;}
.charLimit { margin-top: -40px; padding: 0px; font-size: 12px;}

/* desktop view bxa gallery */
.patient-single {width:50%}
.patient-single img {width:96%; height:auto;}

header { overflow: hidden; padding: 10px 0;}

#logo { image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;}
#logo img { float: left; margin: 0 15px 0 0;}
#logo h1 { font-size: 2.5vw; line-height: 50px; color: #561d23; font-family: "trajan-pro-3",sans-serif; font-style: normal; font-weight: 400;}
#logo p { font-size: 22px; line-height: 30px; color: #221e1f; font-style: italic; padding: 0;}

header .info { margin: 0 0 0 0;}
header .social { float: left;}
header .social a { font-size: 22px; color: #af9884;}
header .social li { display: inline-block; margin: 0 5px;}
header .telephone { float: right;}
header .telephone a { font-size: 24px; font-weight: 200; color: #444;}
header .btn { width: 100%; margin: 10px 0;}

.btn {
	background: #561d23;
	padding: 10px 0;
	width: 210px;
	text-align: center;
	margin: auto;
	font-size: 16px;
	font-weight: 400;
	border-radius: 5px;
	display: inline-block;
	clear: both;
	color: #fff !important;
	border: 0;
	-webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out;
}
.btn:hover { background:#47181d !important;}

.proc-bxa { margin-bottom:25px; }

#slider { position: relative; overflow: hidden;}
#slider .slide1, #slider .banner .slide1 { background: url(images/slide1-blonde.jpg) no-repeat top center; background-size: cover; height: 924px;}
#slider .slide2, #slider .banner .slide2 { background: url(images/slide2-dark-hair.jpg) no-repeat top center; background-size: cover; height: 924px;}
#slider .slide3, #slider .banner .slide3 { background: url(images/slide3-brunette.jpg) no-repeat top center; background-size: cover; height: 924px;}
#slider .slide, .banner .slide { background: url(images/slide-min.jpg) no-repeat top center; background-size: cover; height: 300px;}
#slider .skinInt, .banner .skinInt { background: url(images/slide-int-cactus.jpg) no-repeat top center; background-size: cover; height: 300px;}
#slider .content, .banner .content { margin: 230px 0 0 0; padding: 50px 0;}
#slider.min .content, .banner.min .content { margin: 100px 0 0 0; padding: 30px 0;}
#slider hr, .banner hr { background: rgba(255,255,255,0.25); height: 2px; max-width: 330px; margin: 10px 0;}
#slider h1, .banner h1 { font-size: 40px; color: #fff; font-weight: 200; padding-top: 10px;}
#slider.min h1, .banner.min h1 { font-size: 35px; color: #fff; font-weight: 200; padding-top: 5px;}
#slider img, .banner img { padding-top: 30px;}
#slider.min img, .banner.min img { padding-top: 0;}
#slider .controls {font-size: 28px; width: 300px; padding: 15px; margin:640px auto 0;}
#slider .controls a {color: #f1eee9; cursor: pointer; text-decoration: none;}
#slider .controls a.flex-active { color: #af9884;}
#slider .controls ol.flex-control-nav {position: relative; z-index: 21; bottom: 0; display: inline-block; padding: 0; margin: 0; width: auto;}
#slider .controls ol.flex-control-nav li {float: left; margin: 0 20px;}

.newsletter { background: rgba(0,0,0,0.5); position: absolute; bottom:0; padding: 45px 0; z-index: 50;}
.newsletter .grid-container { padding: 0;}
.newsletter span { font-size: 30px; color: #ffffff; display: block; padding-top: 10px;}
.newsletter i { position: absolute; margin: 18px 0 0 20px; color: rgba(255,255,255,0.5); font-size: 18px;}
.newsletter input { width: 100%; background: rgba(255, 255, 255, 0.1); border: 0; font-size: 18px; font-weight: 400; color: #dbdee3; outline: 0; padding: 14px 15px 15px 50px;}

.newsletter  ::-webkit-input-placeholder { /* WebKit browsers */
color: #fff !important;
opacity: 1;
}

.newsletter  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff !important;
opacity: 1;
}
.newsletter ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff !important;
opacity: 1;
}
.newsletter :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff !important;
opacity: 1;
}
.newsletter .btn { width: 100%; height: 100%; background: #070404; border-radius: 0;}
.newsletter .border { border: 1px #fff solid; overflow: hidden; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out;}
.newsletter .border:hover { border: 1px #f9e9ce solid;}

.gallery { padding: 45px 0; text-align: center; background: #f6f6f6;}
.gallery h1 { color: #772e36; font-size: 36px; font-family: "trajan-pro-3",sans-serif; font-style: normal; font-weight: 400; margin: 0px 0 20px;}
.gallery li a { color: #fff; padding: 292px 0 27px 0;}
.gallery li a:hover { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);}
.gallery .btn { border-radius: 0;}
.gallery .rhinoplasty, .gallery .facelift, .gallery .blepharoplasty, .gallery .browlift { height: 100%; background-size: cover !important; display: block;}
.gallery .rhinoplasty { background: url(images/proc-rhinoplasty.jpg) no-repeat 0 0;}
.gallery .facelift { background: url(images/proc-facelift.jpg) no-repeat 0 0;}
.gallery .blepharoplasty { background: url(images/proc-blepharoplasty.jpg) no-repeat 0 0;}
.gallery .browlift { background: url(images/proc-browlift.jpg) no-repeat 0 0;}

.doctor { background: url(images/doctor-bg-2.jpg) no-repeat top center; background-size: cover; padding: 90px 0;}
.doctor p { margin: 20px 0;}
.doctor .btn { float: right; margin: 10px 0;}

.carecredit { background: url(images/allergan-bg.jpg) no-repeat top center; padding: 93px 0; color: #fff; text-align: center;}
.carecredit p { font-size: 35px; line-height: 45px; font-weight: 200; padding:0 0 30px 0;}
.carecredit span { font-weight: 300;}

.awards { padding: 50px 0; text-align: center;}
.awards li { display: inline-block; width: 15%; margin: 0 5px;}

/* Featured Procedure */
.procs-slide { padding-top:80px; }
.procs-slide .grid-container{position:relative}
.procs-slide .section-header{padding-bottom:2rem;font-size:1.8rem}
.procs-slide img{width:100%}
.procs-slide #procs-slider{position:relative}
.procs-slide #procs-slider li .grid-60:last-of-type{padding-top:3rem}
.procs-slide #procs-slider .btn{ float:right; color:#fff!important; font-size:16px; }
.procs-slide .flex-prev,.procs-slide .flex-next{position:absolute;cursor:pointer;top:-50px;bottom:0;margin:auto;background:rgba(0,0,0,.6);color:#fff;height:60px;width:65px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'Font Awesome 5 Free';font-weight:900;font-size:2rem;z-index:10}
.procs-slide #procs-slider:hover .flex-prev{left:15px}
.procs-slide #procs-slider:hover .flex-next{right:15px}
.procs-slide .flex-prev{left:-10rem}
.procs-slide .flex-next{right:-10rem}
.procs-slide .flex-prev::before{content:''!important;text-align:center}
.procs-slide .flex-next::before{content:''!important;text-align:center}
.procs-slide .flex-prev::after{content:'\f053';text-align:center}
.procs-slide .flex-next::after{content:'\f054';text-align:center}

/* Photo Gallery - Home Page */
.procs .section-header { color: #fff; margin-bottom: 25px; }
.procs {background: url(images/photo-gallery-bg.jpg) no-repeat top center; background-size: cover; padding: 65px 0; color: #fff; }
.procs a { color: #fff;}
.procs .custom-controls-container li a {border: 1px #ffffff solid;border-radius: 30px;padding: 10px;margin-bottom: 20px;font-size: 18px;font-weight: 400;display: block;/* min-width: 338px; *//* box-sizing: border-box; */}
.procs li:last-child { margin-bottom: 0;}
.procs .more { display: inline-block; font-size: 26px; background: #561d23; border-radius: 30px; padding: 5px 22px; margin: 0 10px 0 0;}
.procs li a:hover .more { background: #47181d; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out;}
.procs .bxa-nav .flex-active .fa-plus-circle:before{ content: "\f056";}
.procs li span { margin-top: 5px}
.procs .bxa { text-align: center; max-width: 330px; margin: 0 auto;}
.procs .bxa h1 { font-size: 30px; color: #d8cfc0; line-height: 30px}
.procs .bxa h1 span { display: block; font-size: 24px; line-height: 22px; font-weight: 300;}
.procs .bxa span { font-size: 14px; font-weight: 400;}
.procs .bxa img, .bxa-sidebar img { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); display: block; margin: auto;}
.procs .bxa .btn { margin: 20px auto;}

.flex {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 530px;
}

@media ( max-width: 767px ) {
	.procs.lazy { background: none; }
	.procs {
		padding: 65px 0 40px;
		background: url(images/photo-gallery-bg-sm.jpg) center top no-repeat #1a1614;
		background-size: cover;
		padding: 380px 0 65px;
	}
	.flex {
		height: initial;
		flex-direction: column; 
	}
	.procs .bxa {
		margin-top:0;
	}
	.bxa-nav li.flex-active::before {
		display: none;
	}			
}
@media ( max-width: 1025px ) {
	.bxa-nav li.flex-active::before {
		display: none;
	}
}

@media ( min-width: 768px) and ( max-width: 1024px ) {
	.bxa-nav li.flex-active::before {
		display: none;
	}
	.bxa-nav li {
		max-width: 272px;
	}	
}

.bxa-nav li {
    position: relative;
}
 .bxa-nav li:nth-of-type(1).flex-active::before {
    content: "";
    position: absolute;
    top: -9px;
    left: 100%;
    background: url(images/indicator-facelift.svg) no-repeat left center;
    height: 83px;
    width: 37vw;
    background-size: contain;
}
 .bxa-nav li:nth-of-type(2).flex-active::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 100%;
    background: url(images/indicator-rhinoplasty.svg) no-repeat left top;
    height: 64px;
    background-size: contain;
    width: 37vw;
}
 .bxa-nav li:nth-of-type(3).flex-active::before {
    content: "";
    position: absolute;
    top: -125px;
    left: 100%;
    background: url(images/indicator-blepharoplasty.svg) no-repeat left center;
    width: 458px;
    height: 155px;
}
 .bxa-nav li:nth-of-type(4).flex-active::before {
    content: "";
    position: absolute;
    top: -17px;
    left: 100%;
    background: url(images/indicator-chin-implants.svg) no-repeat left center;
    height: 99px;
    background-size: contain;
    width: 36vw;
}


@media only screen and (min-width: 768px) {
    .procs-slide .flex-direction-nav{display:none}
    .procs-slide .controls-slide {display:block;margin:6rem 0}
    .procs-slide .controls-slide ul{display:flex;justify-content:space-evenly;position:relative}
    .procs-slide .controls-slide ul::before{content:'';background:#561d23;position:absolute;display:block;top:25px;height:2px;width:100%;z-index:-1}
    .procs-slide .controls-slide li{font-family:"playfair-display",serif;font-weight:700;font-size:1.25rem;color:#B4B4B4;cursor:pointer;text-align:center;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
    .procs-slide .controls-slide li::before{content:'';background:#561d23;width:20px;height:20px; border-radius: 50%;display:block;margin:1rem auto;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
    .procs-slide .controls-slide li.flex-active{color:#514c4b;}
    .procs-slide .controls-slide li.flex-active::before{background:#514c4b;}
}

@media only screen and (min-width: 960px) {
    .procs-slide .section-header{font-size:3.2rem}
}

@media only screen and (max-width: 500px) {
.procs-slide .controls-slide{display:none}
}

.testimonials { background: url(images/testimonials-bg.jpg) no-repeat top center; background-size: cover; padding: 100px 0;}
.testimonials .content { background: rgba(18, 13, 10, 0.85); text-align: center; padding: 70px 0; position: relative; z-index: 10;}
.testimonials .quote { background: url(images/quote.png) no-repeat 0 0;  width: 233px; height: 141px; position: absolute; margin: -30px 0 0 100px; z-index: 1;}
.testimonials h1 { font-size: 32px; color: #d8cfc0;}
.testimonials p { font-size: 16px; color: #fff; font-weight: 400;}
.testimonials .patient { text-align: right; color: #d8cfc0; font-weight: 500;}
.testimonials a { color: #ffedc8;}
.testimonials img { position: absolute; left: 0; right: 0; top:220px; margin-left: auto; margin-right: auto; border-radius: 50%; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.75);}

.blog-hp { padding: 50px 0; color: #282423;}
.blog-hp .post { margin: 15px 0;}
.blog-hp .date { background: #1a1614; color: #fff; font-size: 30px; text-align: center; padding: 25px 15px; font-weight: 400; text-transform: uppercase;}
.blog-hp h2 { font-size: 26px; line-height: 30px; padding: 10px 0 0; font-weight: 400;}
.blog-hp h2 a { font-weight: 400;}
.blog-hp .image { max-height: 350px;}
.blog-hp .image img { max-width: 100%; height: auto; max-height: 350px;}
.blog-hp .comment { font-weight: 500;}
.blog-hp .comment i { font-size: 26px; padding: 0 10px 0 0;}
.blog-hp .comment span { position: absolute;}
.blog-hp p, .blog-hp p a { font-size: 14px; line-height: 26px; font-weight: 400; color: #282423;}
.blog-hp .tac { padding-top:20px;}

.blog-hp.sidebar { padding: 20px 0; margin: auto; max-width: 330px;}
.blog-hp.sidebar h2 { font-size: 18px; line-height: 20px; padding:10px 0; font-weight: 400;}

#main { padding: 40px 0;}
#main #content { position: relative;}
#main #content .feat-img { float:left; margin: 15px; max-width: 100%; height: auto;}
#main #content .single { float:left;}
#main #content .pagination a { margin: 10px; font-size: 14px;}

#main #content li { padding: 5px;}
#main #content ul { margin:15px 0 15px 20px; list-style:disc;}
#main #content ol { margin:0 0 20px 20px; list-style:decimal;}

#main .list li{ border-bottom: 1px #e5e5e5 solid; font-size: 14px; margin: 0; }
#main .list li:last-of-type { border-bottom: 0;}
#main .list li a { padding: 5px 15px;}
#main #content .list li a { padding: 5px 15px;}
#main .list li a { color: #514c4b; display: block; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; transition:all .25s ease-out;}
#main .list li a:hover { color: #fff; background: #561d23;}
#main .list .cat-item-3, #main .list .cat-item-7, #main .list .cat-item-11 { font-size: 20px; font-weight: 500;}
#patient-listing-sidebar ul { margin: 0 !important;}
#patient-listing-sidebar ul li ul { margin: 0 !important;}

#main #content .clientlogo { clear:both; padding-top: 20px; text-align: center;}
#main #content .clientlogo h2 { text-align: left;}
#main #content .clientlogo img { display: block; margin: auto;}
#main #content .line { margin: 10px 0;}

#main #sidebar h3 { text-align: center; margin: 10px 0;}
#main #sidebar .archives { margin-bottom: 20px;}

.bxa-sidebar { text-align: center;}
.bxa-sidebar .btn { width: 100%; max-width: 330px; margin: 15px auto; display: block;}

.publishedouter { padding: 15px 15px 25px 25px; background: #561d23; color: #fff;}
.publishedouter h2 { color: #ded0be;}
.publishedouter hr { margin: 10px auto; height: 1px; width: 100%; background: rgb(134,50,59);
background: -moz-linear-gradient(left,  rgba(134,50,59,1) 0%, rgba(86,29,35,1) 100%);
background: -webkit-linear-gradient(left,  rgba(134,50,59,1) 0%,rgba(86,29,35,1) 100%);
background: linear-gradient(to right,  rgba(134,50,59,1) 0%,rgba(86,29,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86323b', endColorstr='#561d23',GradientType=1 );
}

.connect { background: url(images/map.jpg) no-repeat top center; padding: 20px 0 40px;}
.connect .logo-social { padding: 10px 0; margin-bottom: 10px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#cc000000',GradientType=1 );
}
.connect #logo h1 { color: #a8a8a8;}
.connect #logo p { color: #fff;}
.connect .social { text-align: center; margin-top: 60px;}
.connect .social a { font-size: 26px; color: #fff;}
.connect .social li { display: inline-block; margin: 0 7px;}
.connect .contact-us { background: rgba(28,28,28,0.8); padding-bottom: 20px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);}
.connect .contact-us h2 { color: #ffffff; text-align: center; padding: 40px 0; font-size: 30px;}
.connect .contact-info { position: absolute; bottom: 0; right: 0;}
.connect .contact-info .container { background:#561d23; color: #fff; font-size: 18px; font-weight: 400; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); padding: 20px 0 10px;}
.connect .contact-info h2 { color: #ded0be; font-size: 26px; margin: 5px 0 20px 10px;}
.connect .contact-info a { color: #fff;}
.connect .contact-info i {margin: 10px 20px 15px 10px; float: left;}
.connect .contact-info span { color: #b24652; font-size: 14px; line-height: 14px; text-transform: uppercase; display: block;}
.connect .contact-info .info { line-height: 20px;}
.connect .contact-info li { margin: 15px 0;}
.connect .contact-info hr { margin: 10px auto; height: 1px; width: 100%; background: rgb(134,50,59);
background: -moz-linear-gradient(left,  rgba(134,50,59,1) 0%, rgba(86,29,35,1) 100%);
background: -webkit-linear-gradient(left,  rgba(134,50,59,1) 0%,rgba(86,29,35,1) 100%);
background: linear-gradient(to right,  rgba(134,50,59,1) 0%,rgba(86,29,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86323b', endColorstr='#561d23',GradientType=1 );
}

footer { color: #282423; font-size: 13px; padding: 40px 0; font-weight: 400; }
.testimonial-date {display: block;}
.testimonial-dash {display: none;}

/* GALLERY RESPONSIVE DESKTOP */


.patient-content, .patient-listing {width: 48% !important;}
.patient-list-image { width: 90%;}
.patient-listing > div {width: 50%;}

/* RESPONSIVE VIDEO */

.embed-responsive{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.embed-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*---- START MEDIA QUERIES ----*/
@media only screen and (max-width: 740px) {
	ul.flex-direction-nav {
		display: none;
	}
	/* GALLERY RESPONSIVE NON-DESKTOP */
	#patient-listing .patient-content, #patient-listing .patient-listing {width: 100% !important;}
	#patient-listing .patient-listing > div {width: 50%;}
	.patient-entry .patient-single {width: 100%;}

	iframe{width:100%; height:280px;}

	header .grid-container { padding: 0 10px;}
	.flexnav:after { content: ''; display: inherit;}
	.navigation { position: relative !important;}
	#logo h1 { font-size:5.5vw; line-height: 30px;}
	#logo p { font-size:3.5vw; line-height: 20px;}
	header .info { margin: 15px 0 0 0;}
	header .social { text-align: center;}
	.connect #logo { padding: 0 10px;}
	.flexnav { display: inherit; }
	.flexnav li { display: block; background: #0d0d0d;}
	.flexnav li a { padding: 1em 1.7em;}
	#slider .slide1, #slider .banner .slide1 { background: url(images/slide1-sm.jpg) no-repeat top center; background-size: cover; height: 778px;}
	#slider .content, .banner .content, #slider.min .content { margin: 220px 0 0 0; background: rgba(86,29,35,0.8); padding-left: 15px; padding-right: 15px;}
	#slider.min .content, .banner.min .content  { background: none; margin-top: 100px; padding-left: 15px; padding-right: 15px;}
	#slider .grid-container, .banner .grid-container { padding: 0;}
	#slider h1, .banner h1 { font-size: 26px; line-height: 30px; font-weight: 300;}
	#main .grid-container { padding: 0;}
	.newsletter { text-align: center; padding: 35px 0;}
	.newsletter span { font-size: 25px; display: inherit; padding: 0 0 15px 0;}
	.newsletter input { font-size: 14px; padding: 16px 15px 17px 30px;}
	.newsletter i { font-size: 14px; margin: 18px 0 0 10px;}
	.gallery.lazy .rhinoplasty { background: none;}
	.gallery.lazy .facelift { background: none;}
	.gallery.lazy .blepharoplasty { background: none;}
	.gallery.lazy .browlift { background: none}
	.gallery li { margin: 15px 0;}
	.gallery li:last-child { margin-bottom: 0;}
	.doctor.lazy { background:none; }
	.doctor { padding: 35px 0 620px; text-align: center; background: url(images/doctor-bg-sm1.jpg) #ffffff no-repeat bottom center; background-size: cover; position: relative; }
	.doctor .content { padding: 0;}
	.doctor h1 { font-size: 30px; line-height: 30px;}
	.doctor h2 { font-size: 20px;}
	.doctor .btn { float: none; margin-bottom: 30px; position: absolute; bottom: 0; right: 0; left: 0; margin-right: auto; margin-left: auto; }
	.carecredit.lazy { background: none; }
	.carecredit { background: url(images/carecredit-bg-sm.jpg) #af9884 no-repeat 90% bottom; background-size: cover; padding: 40px 0 300px;}
	.procs.lazy { background: none; }
	.procs {padding: 65px 0 40px; background: url(images/photo-gallery-bg-sm.jpg) top center no-repeat #1a1614; background-size: cover;}
	.procs .bxa { margin-top: 100px;}
	.testimonials.lazy { background: none; }
	.testimonials { padding: 300px 0 15px; background: url(images/testimonials-bg-sm.jpg) top center no-repeat; background-size: cover;}
	.testimonials .content { padding: 30px 0 10px;}
	.testimonials .quote { margin: auto; left:0; right:0;}
	.testimonials .patient { text-align: center;}
	.testimonials img { position: relative; margin:10px auto; top:auto;}
    #main #content #reviews img {max-width:50%;}
	.blog-hp .post { padding: 0;}
	.blog-hp .date { padding: 25px 0; font-size: 25px;}
	.connect.lazy { background: none; }
	.connect { background: url(images/map-sm.jpg) no-repeat top center #0b0b0a; padding: 15px 0;}
	.connect .contact-us { margin-top: 250px;}
	#sidebar { margin-top: 30px; padding: 0;}
	footer { text-align: center; padding: 30px 0;}
	footer .tac, footer .tar { text-align: center;}
}/*MOBILE*/
@media only screen and (max-width: 800px) and (min-width: 740px) {
.connect .social li { margin: 0 5px;}
}
@media only screen and (max-width: 960px) and (min-width: 740px) {
	.flexnav { display: inherit; }
	.flexnav li { display: block; background: #0d0d0d;}
	.flexnav li a { padding: 1em 1.7em;}
	.flexnav:after { content: ''; display: inherit;}
	header #logo { margin-top: 20px;}
	header .info { margin: 18px 0 0 0;}
	header .social { float: none; text-align: center; }
	header .telephone { float: none; text-align: center;}
	.navigation { position: relative !important;}
	.newsletter { text-align: center; padding: 35px 0;}
	.newsletter span { display: inherit; padding: 0 0 15px 0;}
	#slider .slide1, #slider .banner .slide1 { background-position: 60% 0;}
	.gallery li { margin: 15px 0;}
	.doctor { padding: 30px 0; background-position:44% top;}
	.doctor .content { padding: 0;}
	.doctor p { margin: 10px 0;}
	.doctor h1 { font-size: 30px; line-height: 30px;}
	.testimonials { padding: 300px 0 15px; background: url(images/testimonials-bg-sm.jpg) top center no-repeat; background-size: cover;}
	.testimonials .content { padding: 30px 0 10px;}
	.testimonials .quote { margin: auto; left:0; right:0;}
	.testimonials .patient { text-align: center;}
	.testimonials img { position: relative; margin:10px auto; top:auto;}
	.carecredit-ad { padding: 0 10px 0 0;}
	.blog-hp .post { padding: 0;}
	.blog-hp.sidebar { padding: 0;}
	.blog-hp.sidebar .post { margin: 0;}
	.blog-hp.sidebar .date { font-size: 20px; padding: 25px 0;}
	.bxa-sidebar { padding: 0 0 0 10px;}
	footer { text-align: center; padding: 30px 0;}
	footer .tac, footer .tar { text-align: center;}
}/*TABLET*/

@media only screen and (max-width: 1024px) and (min-width: 960px) {
	header .info { margin: 18px 0 0 0;}
	header .social { float: none; text-align: center; }
	header .telephone { float: none; text-align: center;}
	.newsletter { text-align: center;}
	.newsletter span { display: inherit; padding: 0 0 15px 0;}
	.gallery li { margin: 15px 0;}
	.doctor { padding: 30px 0;}
	.carecredit-ad { padding: 0 10px 0 0;}
	.blog-hp .post { padding: 0;}
	.blog-hp.sidebar { padding: 0;}
	.blog-hp.sidebar .post { margin: 0;}
	.blog-hp.sidebar .date { font-size: 26px; padding: 25px 0;}
	footer { text-align: center; padding: 30px 0;}
	footer .tac, footer .tar { text-align: center;}
}/*960 DESKTOP*/
@media only screen and (max-width: 1080px) and (min-width: 1024px) {
	.newsletter span { font-size: 28px;}
}
@media only screen and (max-width: 1170px) and (min-width: 1024px) {
header .info { margin: 18px 0 0 0;}
header .social { float: none; text-align: center; }
header .telephone { float: none; text-align: center;}
}
@media only screen and (max-width: 480px) {
		.doctor { padding: 35px 0 780px; }
}
/*---- END MEDIA QUERIES ----*/
.wpcf7-response-output{
	color:#fff;
}

.sb-form iframe {  height: 80px !important;  }

