/*
Theme Name: Howard, Barbara (howardplasticsurgery.com)
Author: NKP Development Team
Description: NKP Medical responsive theme
Template: nkpv2
*/

/*---- Do Not Remove ----*/
@import url(https://static.nkpmedical.com/unsemantic/css/nkp.min.css);
@import url(https://use.fontawesome.com/releases/v5.9.0/css/all.css);
@import url(https://static.nkpmedical.com/stellarnav/stellarnav.min.css);
@import url('https://fonts.googleapis.com/css?family=Parisienne&display=swap');
@import url('css/homepage-about-slider.css');
/*---- Do Not Remove ----*/

/*---- GENERAL ----*/
html{box-sizing:border-box}
body{background:#F1F1F1;color:#737373;width:100%;overflow-x:hidden;font-size:17px; font-family:Proxima Nova,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:'Proxima Nova Thin',sans-serif;color:#000;font-weight:200;text-transform:uppercase}
p{line-height:1.5}
.sub{font-weight:700;font-family:'Proxima Nova',sans-serif;letter-spacing:6px}
a,a:visited,a:link{color:#000;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:#C73B48;text-decoration:none;outline:none}

/*ul,ol{clear:both}*/
.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}

header .grid-container{padding:30px 15px 15px}
header #logo{text-align:center}
header .grid-50:last-of-type{text-align:center}
header .social{margin:1rem 0}
header .social a{color:#363636;margin:0 .25rem}
header .social a:hover,header .phone:hover{color:#C73B48}
header .contact-info p{color:#363636;padding:5px 0}
header .phone{color:#363636}

.stellarnav{border-top:solid 1px rgba(0,0,0,.1)}
.stellarnav ul li a{color:#000}
.stellarnav > ul > li > a{padding:16px 20px; border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.stellarnav > ul > li > a:hover {  border-top: 8px solid #C73B48}

.stellarnav.desktop > ul > li > a:hover
.stellarnav.mobile .menu-toggle{color:#363636}
.stellarnav.mobile ul{background:#F1F1F1}
.stellarnav ul ul{background:#F1F1F1}
.stellarnav ul li a:hover{color:#C73B48}
.stellarnav.mobile ul ul{background: #e4e4e4;}
.stellarnav.mobile ul ul ul {background: #d4d4d4;}
.stellarnav.mobile > ul > li > a{border-top: 0;border-bottom: 0;}
.stellarnav.mobile > ul > li > a:hover {  border-top: 0;}

#slider .slide1{background:url(images/banner.jpg) no-repeat center;background-size:cover}
#slider .slide1 .grid-container{display:flex;align-items:center;justify-content:center;height:60vw}
#slider.internal .slide1 .grid-container{height:45vw}
#slider .slide1 h1{color:#fff;font-size:5.5vw}
#slider div.banner-form {position:absolute;top:50px;right:50px;width:300px;min-height:300px;background:rgba(255,255,255,0.8);border-bottom:6px #000080 solid;}
#slider div.banner-form h3 {font-family:"Proxima Nova",sans-serif; font-size:24px; font-weight:500; letter-spacing:1.5px; margin:15px 0;}

#main{padding:4rem 0}
#main #content{color:#222}
#main #content h1{font-family:'Proxima Nova',sans-serif;font-weight:700;color:#222;text-transform:none;padding-bottom:1rem}
#main #content h2,#main #content h3,#main #content h4,#main #content h5,#main #content h6 {font-family:'Proxima Nova',sans-serif;font-weight:500;color:#222;text-transform:none;padding-bottom:1rem}
#main #content h1{font-size:1.8rem}
#main #content h2{font-size:1.5rem}
#main #content h3{font-size:1.3rem}
#main #content h4{font-size:1.1rem}
#main #content h5{font-size:1.0rem}
#main #content p{font-size:16px;line-height:2rem;padding-bottom:15px}
.procs{position:relative; overflow: hidden;}
.procs::after{content:'';display:block;position:absolute;top:-180px;right:-180px;background:#fff;border-radius:50%;height:400px;width:400px;z-index:-1}
.procs .grid-container{padding:4rem 15px;max-width:1456px}
.procs h1{font-size:1.9rem}
.procs .procs-row{margin-top:4rem}
.procs .grid-25{margin-bottom:4rem}
.procs img{width:100%;
    /* z-index:-1; */
    -moz-transition:all .3s ease-out;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.procs h3.sub{text-align:center;color:#000;font-size:.9rem;line-height:1.25rem;padding:1rem 0}
.procs h2{text-align:center;color:#000;font-size:2rem;padding-bottom:1.5rem}
.procs .text{background:#fff;color:#737373;padding:60px 30px;overflow:hidden}
.procs .content{display:block;overflow:hidden;box-shadow:0 19px 38px rgba(0,0,0,0.2),0 15px 12px rgba(0,0,0,0.1); min-height: 545px;background: #fff;}
.procs .content:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);filter:brightness(.9)}
.procs .grid-25:nth-child(1) {border-bottom:solid 15px #213F9A}
.procs .grid-25:nth-child(2) {border-bottom:solid 15px #EABC4B}
.procs .grid-25:nth-child(3) {border-bottom:solid 15px #C73B48}
.procs .grid-25:nth-child(4) {border-bottom:solid 15px #BAB544}

.about{margin-bottom:6rem;position:relative; overflow: hidden; padding-top: 26rem;}
.about::before{content:'';display:block;position:absolute;bottom:-450px;left:-515px;background:#fff;border-radius:50%;height:800px;width:800px;z-index:-1}
.about h1{font-size:1.6rem;text-align:center;position:relative}
.about h1::before{content:'';width:5rem;height:2px;background:rgba(0,0,0,.1);display:block;position:absolute;left:0;right:0;margin:auto;bottom:-1rem}
.about .sub{text-align:center;font-size:.9rem;line-height:1.25rem;padding:3rem 0 2rem}
.about .circles{display:none}
.about .grid-80 img{margin-top:4rem;position:relative;box-shadow:2rem -2rem #fff}
.about .grid-80 .content::after{display:none}
.about .grid-container:last-child{position:relative}
.about .grid-container:last-child p{display:none}
.about a {text-decoration: underline;}

.testimonials{background:#C73B48}
.testimonials .grid-container{padding:4rem 0;max-width:1456px}
.testimonials .grid-25{display:none}
.testimonials .grid-50 img{width:100%}
.testimonials h1{color:#fff;font-size:2rem}
.testimonials .sub{color:#fff;padding:2rem 0 4rem}
.testimonials .stars{color:#EABD4C;text-align:center;font-size:1.4rem}
.testimonials .text{background:#fff;padding:45px 30px;border-bottom:solid 15px #C73B48}
.testimonials .text h2{text-align:center;padding:2rem 0;font-size:1.4rem}
.testimonials .text p,.testimonials .text blockquote{text-align:center}
.testimonials p{margin-top:2rem}

.gallery{padding:2rem 0 6rem; overflow: hidden;}
.gallery h1{font-size:2rem;position:relative;text-align:center}
.gallery h1::before{content:'';width:5rem;height:2px;background:rgba(0,0,0,.1);display:block;position:absolute;left:0;right:0;margin:auto;bottom:-1rem}
.gallery .grid-container > img{position:absolute;z-index:-1;left:0;right:0;margin:auto;width:100%;padding:15px}
.gallery .sub{padding:3rem 0 1.5rem;text-align:center}
.gallery .grid-55 img{width:100%;margin:4rem 0 2rem}
.gallery a{text-decoration:underline}
.gallery .circles{display:none}
#case-frame {
    padding-top: 100px;
}

.blog{position:relative}
.blog .grid-container{background:#fff;max-width:1456px}
.blog .grid-55{background:#fff;padding:4rem 15px}
.blog h1{font-size:2.5rem;text-align:center}
.blog .sub{text-align:center;padding:1.5rem 0}
.blog .post{margin-top:2rem}
.blog .hide-on-desktop{height:60vw;background:url(images/blog-bg.jpg) no-repeat center;background-size:cover}

.insta .grid-container{padding:4rem 15px}
.insta .grid-container i{font-size:3rem;color:#000;margin:0 .5rem}
.insta .sub{font-size:3.2vw;line-height:5vw;padding:1.5rem 0}

#contact{background:url(images/contact-bg.jpg) no-repeat;background-size:cover;min-height:700px;background-position-x:-62rem}
#contact .grid-container{padding:6rem 15px}
#contact .sub{text-align:center;padding-bottom:1rem}

footer{background:#fff}
footer .grid-container{padding:6rem 15px;text-align:center}
footer .social a{margin:0 .25rem}
footer .contact-info{padding:1.5rem 0;line-height:1.75}
footer p:last-of-type{margin-top:1.5rem}

/* 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;}
.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{box-sizing:border-box;font-size:1rem;font-family:'Proxima Nova',sans-serif;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}
input[type='text'],input[type='email'],input[type='tel'],input[type='url'],textarea{width:100%;border:none;border-bottom:solid 1px #777;background:none;margin:0 0 10px;padding:45px 15px 15px 0;box-sizing:border-box}
input[type='submit'],input[type='submit'][disabled]{border:0;cursor:pointer;color:#253c98;text-decoration:underline;background:none;clear:both;outline:none;margin:3rem auto 0;display:block}
input[type='submit']:hover,input[type='submit'][disabled]:hover{color:#C73B48}

.contact-form textarea { height: 120px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.contact-form ::-webkit-input-placeholder { color: #777; } :-moz-placeholder { color: #777; } :-ms-input-placeholder { color: #777; }
.contact-form input.wpcf7-captchar { width: 135px; }

/*.wpcf7-form-control-wrap{width:100%; display:block!important;}
.wpcf7-form-control-wrap.agree{display:inline-block!important;}*/
span.wpcf7-list-item { margin: 0!important; }
.contact-form input.wpcf7-captchar{width:135px}
.patient-single {width:50%}
.patient-single img {width:96%; height:auto;}

.banner-form input[type='text'],.banner-form input[type='email'],.banner-form input[type='tel'],.banner-form textarea{width:100%;border:none;border-bottom:solid 1px #777;background:none;margin:0;padding:15px 15px 10px 0;box-sizing:border-box;font-size:0.875rem;}
.banner-form textarea{height:100px;}
.banner-form input[type='submit'],.banner-form input[type='submit'][disabled]{border:0;cursor:pointer;color:#253c98;text-decoration:underline;background:none;clear:both;outline:none;margin:1.25rem auto 0;display:block}
.banner-form .agreement, .banner-form .newsletter {font-size:0.875rem;}
.banner-form input[type='submit']:hover,.banner-form input[type='submit'][disabled]:hover{color:#C73B48}

/* NKP GLOBAL STYLES */

/* FLEXNAV */
.flexnav li a{padding:.96em;color:#fff;font-family:sans-serif;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.4);background:#000}
.flexnav li ul li a{background:#1a1a1a}
.flexnav ul li ul li a{background:#333}
.flexnav ul li ul li ul li a{background:#4d4d4d}
.flexnav .touch-button{background:#acaca1;background:rgba(255,255,255,.1)}
.flexnav .touch-button .navicon{font-size:16px;color:#fff}
.menu-button{background:#000;color:#fff}
.menu-button .navicon{font-size:1.5em;color:#fff}
.menu-button .touch-button .navicon.fa.fa-plus{font-size:16px;color:#fff}
.mobile-nav{background:#000}
.mobile-nav .call,.mobile-nav .map{color:#fff;background:#000}
.menu-button:hover,.mobile-nav .call:hover,.mobile-nav .map:hover{background:#333}
.mobile-nav .call i,.mobile-nav .map i{font-size:1.5em;color:#fff}
.oldie .flexnav li{background-color:#a6a6a2}
.oldie .flexnav li>ul{background:#acaca1}
/* FLEXNAV */
#nav{background-color: #000; height: 50px;}

.reviews.internal{margin:3rem 0;padding:3.125rem 15px;display:flex}
.reviews.internal h2{float:left;margin:0}
.reviews.internal .rating{color:#e3cb26;float:left;margin-left:25px}
.reviews.internal .rating>*{margin:2px}
.reviews.internal q{margin:15px 0;display:block;line-height:2}
.reviews.internal cite{display:block;font-style:normal;font-weight:700;font-size:1.375rem;color:#000;margin-top:20px}
.reviews.internal .quote{width:108px;opacity:0.04;position:absolute}
.reviews.internal .quote--flip{transform:scale(-1,-1);right:0;bottom:0}
.reviews.internal .st0{fill:#393939}
.reviews.internal{background:#fdfdfd;margin-left: calc(46.318697% - 50vw);
width: 100vw;}
.reviews.internal .relative {position: relative;}
.reviews .review-text {  clear: both; }
#main #content > ul, #main #content > ol {padding-left: 20px;}
#main #content ul {position: relative;list-style-type: disc; list-style-position: outside;margin-bottom: 15px;}
#main #content ul li { margin-bottom: 10px; }
#main #content ul ul {list-style-type: circle; margin-left: 30px;}
#main #content ul ul ul {list-style-type: square;}
/*#main #content ul ul ul li:before {content: ':  ';}*/
#main #content ol {position: relative;list-style-type: decimal; list-style-position: inside;margin-bottom: 35px;}
#main #content ol li {margin-bottom: 10px;}
#main #content ol ol {list-style-type: lower-latin;}
#main #content ol ol ol {list-style-type: lower-roman;}
.blog .attachment-full {max-width: 100%; height: auto;}
/* custom gallery */
#patient-listing .patient-entry { float: left; clear: none; width: 45%; border: 2px solid #fff; padding-top: 12px; min-height: 230px; background: #ececec; padding: 10px; margin: 10px 2px; border-top: 2px solid #C7A189; position: relative;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out }
#patient-listing .patient-listing { width: 100% !important; float: left; }
#patient-listing a.patientLink { width: 50%; display: inline-block; text-align: center; }
#patient-listing .patientPic { width: 100%; height: 160px; overflow: hidden; }
#patient-listing .patient-entry:hover {background: #fcfaf0 !important; }
#patient-listing .patient-entry:hover img {opacity: 0.5;}
.bigimage.border.odd, .bigimage.border.even { width: 48%; padding: 0px;}
.bigimage.border.odd::after { content: "Before";}
.bigimage.border.even::after { content: "After";}
.beforeCap, .afterCap{text-transform: uppercase;font-size: 1em;letter-spacing: 10px;font-weight: 700;margin: 0px auto 30px;}
.beforeCap {width: 45%; text-align: center; float: left;}
.afterCap {width: 45%; text-align: center; float: right;}
span.prev-arrow a, span.next-arrow a{background: transparent; color: #505d32 !important; padding: 0.8em 0.5em; margin: 15px auto; height: auto; width: 100%; max-width: 210px; font-size: 18px; font-family: "futura-pt",sans-serif; font-weight: 400; font-style: normal; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; border: 2px solid #505d32; position: relative; z-index: 9999;}
span.prev-arrow a:hover, span.next-arrow a:hover, span.prev-arrow a:focus, span.next-arrow a:focus{background: #48312b; color: #fff !important;}
span.prev-arrow a { float: left}
span.next-arrow a { float: right}
span.prev-arrow a svg, span.next-arrow a svg{fill:#000;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;width: 30px; display: block;margin: 15px auto 0}
span.next-arrow a svg{-webkit-transform: scale(-1,1);transform: scale(-1,1)}
span.prev-arrow a:hover, span.next-arrow a:hover,span.prev-arrow a:focus, span.next-arrow a:focus{color: #cf9e77}
span.prev-arrow a:hover svg, span.next-arrow a:hover svg,span.prev-arrow a:focus svg, span.next-arrow a:focus svg{fill:#cf9e77}
.results-disclaimer {text-transform: uppercase;letter-spacing: 2px;font-size: 22px;text-align: center; margin: 50px auto}
.patient-set.selected {color: #cf9e77}
.patient-set {float: left;font-size: 0.85em;font-weight: bold;margin-bottom: 10px;text-align: center;text-transform: uppercase;}
.single-patient-navigation { margin-bottom: 30px; text-align: center; position: relative;}
.patients-case-number{text-transform: uppercase;letter-spacing: 5px;font-size: 20px;position: absolute;left: 0;right: 0;margin-top: 30px;}
#slider h1.gallery-title{text-align: left;font-size: 100px;line-height: 100px;letter-spacing: 20px;color: #000;margin: 160px auto;border: 0;}
.patient-header{font-size: 40px;line-height: 40px;text-align: center;letter-spacing: 10px;color: #000;font-weight: 500;margin: 0 auto 40px;}
.patient_image_large{background: #FFF8F4; margin: 0 0 50px 0; padding: 30px 10px 0 10px; }
.patient_image_large.threeRowSingle img { display: inline-block !important;}
.patient_image_large.threeRowSingle .bigimage.border.odd, .patient_image_large.threeRowSingle .bigimage.border.even { width: 30%; padding: 15px; float: left; }
#main #content h1.patient-listing-title { font-size: 30px; font-weight: bold; margin-bottom: 0px; }
#main #content img.patient-list-image { margin: 3px; max-width: 100%; }
#main #content .procedure-parent { margin: 0 0 50px 0;padding: 10px;}
#main #content .procedure-parent .list ul li a:hover{ padding-left:15px}
#main #content .procedure-parent .list ul {list-style-type: none;}
.patient-entry .enlargeBtn {  padding:7px 20px!important; background:#BBB746; color:#fff!important; border-radius:3em; margin:0!important; position:absolute; left:41%; top:42%; display:none; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;  -webkit-box-shadow: 0px 1px 10px #3c3c3c; box-shadow: 0px 1px 10px #3c3c3c;  }
.enlargeBtn {  padding:7px 20px!important; color:#fff!important; border-radius:3em; display:inline-block; margin:0!important; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out; }
.patient-entry:hover .enlargeBtn {  display:block!important }
/*end custom gallery */

.rating-value-item {  font-family: 'Proxima Nova Thin',sans-serif;  text-transform: uppercase; font-weight: 200; text-align: center;  display: block; }
.rating-value-item-txt { display: block;  text-align: center; }
.testimonial-date, .testimonial-dash, #nkp-testimonials-company {display: none;}
.bna { clear: both; padding-top: 4rem; display: block;
overflow: hidden; }
.bna .grid-60 {  display: block; clear: both; margin: 0 auto; float: none; }
.bna .grid-40 {  display: block; clear: both; margin: 0 auto; float: none; text-align: center; width: 60%;}
.testimonial-entry { padding: 30px 0; }
/*.testimonial-entry:nth-of-type(odd){border-bottom:solid 15px #213F9A; border-top: solid 15px #C73B48}*/
.testimonial-entry:nth-of-type(odd) {  background: #fdfdfd; margin-left: calc(50% - 50vw); width: 100vw;padding: 30px;box-sizing: border-box;}
.testimonial-content{ position: relative;max-width: 1140px;margin-left: auto; margin-right: auto; }
.facility-slideshow{text-align: center; max-width: 840px; margin: 0 auto; position: relative;}
#main #content .facility-slideshow li {padding: 0px; list-style: none;}
.facility-slideshow .flex-direction-nav { text-align:right;position: unset !important; right:20px; }
.facility-slideshow{position:relative;z-index:0}
.facility-slideshow h2{font-size:3.5rem;text-align:center}
.facility-slideshow .flex-prev,.facility-slideshow .flex-next{position:absolute;top:0;background:rgba(255, 255, 255, 0.84);color:#47302A;padding:20px;width:20px;height:20px;font-size:2rem;bottom:0;display:flex;z-index:2;margin:auto;align-items:center;justify-content:center}
.facility-slideshow .flex-prev:hover,.facility-slideshow .flex-next:hover{opacity:.8}
.facility-slideshow .flex-prev{content:'\f053';font-weight:900;font-family:'Font Awesome 5 Free';left:-28px}
.facility-slideshow .flex-next{right:-28px;content:'\f054';font-weight:900;font-family:'Font Awesome 5 Free'}
.facility-slideshow .flex-direction-nav a { text-decoration: none; overflow: hidden; opacity: .2; cursor: pointer; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.facility-slideshow .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }
.facility-slideshow .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.facility-slideshow .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }
.facility-slideshow .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.facility-slideshow .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.fwrrow > div {position: relative;}
.fwrrow.face-proc .proc-wrap {border-bottom: 15px solid #213F9A}
.fwrrow.breast-proc .proc-wrap {border-bottom: 15px solid #EABC4B}
.fwrrow.body-proc .proc-wrap {border-bottom: 15px solid #C73B48}
.fwrrow.nonsurgical-proc .proc-wrap {border-bottom: 15px solid #BAB544}
.fwrrow > div a h2.pname {  /*position: absolute;*/  bottom: 0px; width: 100%; left: 0px; font-size: 20px !important; letter-spacing: 0.5px; z-index: 99; margin: 0; padding: 30px !important; background: #fff;box-sizing: border-box;text-transform: uppercase !important;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out; text-align: center; }
.fwrrow > div {position: relative; outline: none; border: none; margin-bottom: 20px;}
.fwrrow > div a:hover h2.pname {padding-top: 30px !important;padding-bottom: 30px !important;background:rgba(227, 227, 227, 0.4);}
.proc-wrap { position: relative; box-shadow: 0 5px 10px rgba(0,0,0,0.2),0 10px 12px rgba(0,0,0,0.1);}
.feat-box {background: #828282;margin-left: calc(50% - 50vw); width: 100vw;padding: 3rem 0;margin-top: 2rem;}
.feat-box p, #main #content .feat-box h3, #main #content .feat-box h2, #main #content .feat-box a, #main #content .feat-box ul {color: #fff}
#main #content a.btn { background: transparent; color: #505d32; padding: 0.8em 0.5em; margin: 15px auto; height: auto; width: 100%; max-width: 310px; font-size: 18px; font-family: "futura-pt",sans-serif; font-weight: 400; font-style: normal; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; border: 2px solid #505d32; position: relative; z-index: 9999; display: inline-block; }
#main #content a.btn:hover {background: #949494; color: #ffffff;}
#main #content .reviews a.btn {background:#ffffff;}
#main #content .reviews a.btn:hover {background: #ffffff; color: #949494;}
.gall-wrap{box-shadow: 0 5px 10px rgba(0,0,0,0.2),0 10px 12px rgba(0,0,0,0.1);min-height: 630px;}
#main #content .aoright {width: 100%; position: relative;padding: 20px;box-sizing: border-box;}
#main #content .proc-pic img{ max-width: 100%; height: auto; width: 100%; }
#gallery-listing .breast-procedures .gall-wrap {border-bottom: solid 15px #EABC4B;}
#gallery-listing .face-procedures .gall-wrap {border-bottom: solid 15px #213F9A;}
#gallery-listing .non-surgical-procedures .gall-wrap {border-bottom: solid 15px #BAB544;}
#gallery-listing .body-procedures .gall-wrap {border-bottom: solid 15px #C73B48;}
#main #content #gallery-listing .gall-wrap .list {padding-bottom: 0px;}
#main #content #gallery-listing .gall-wrap .list ul {margin-bottom: 0px;}
.related-list { margin-top: 3rem; }
#main #content .related-list{related-list-style:none !important;padding-bottom: 40px;}
#main #content .related-list ul{list-style-type: none;}
#main #content .related-list ul li{font-size:0.9375em;margin:0;padding:0 !important;related-list-style:none}
#main #content .related-list ul li a{border-bottom:1px solid #dddddd;padding:10px 15px;display:block;transition:all 0.25s ease-out; color: #222222;}
#main #content .related-list ul li a::after{background:none}
#main #content .related-list ul li a:hover{color:#fff;background:#C73B49;padding-left:30px}
#main #content .related-list ul ul{margin-left:20px !important}
#main #content .list{related-list-style:none !important;padding-bottom: 40px;}
#main #content .list ul{list-style-type: none;}
#main #content .list ul li{font-size:0.9375em;margin:0;padding:0 !important;related-list-style:none}
#main #content .list ul li a{border-bottom:1px solid #dddddd;padding:10px 15px;display:block;transition:all 0.25s ease-out; color: #222222;}
#main #content .list ul li a::after{background:none}
#main #content .list ul li a:hover{color:#fff;background:#C73B49;padding-left:30px}
#main #content .list ul ul{margin-left:20px !important}
hr.special { overflow: visible; height: 30px; border-style: solid; border-color: #828282; border-width: 1px 0 0 0; border-radius: 20px; }
hr.special:before { display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #828282; border-width: 0 0 1px 0; border-radius: 20px; }
.testimonials .text a {text-decoration: underline;}
a.cc-btn.cc-dismiss { background:#f1d600; color:#000; padding:5px 10px; border-radius:5px; transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out; -webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out; cursor:pointer;display: block; max-width: 195px; margin: 10px auto 0; }
.cc-window { box-sizing: border-box; padding: 9px !important;background-color: rgba(0, 0, 0, 0.80) !important;  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc45484d',endColorstr='#cc000000',GradientType=0 ); color:#fff;  -webkit-animation-name: example; -webkit-animation-duration: 4s; animation-name: example; animation-duration: 4s;}
.cc-window{ text-align: center !important; width: 100%; z-index: 9999 !important;opacity:1;transition:opacity 1s ease; left: 0; right: 0; bottom: 0; position: fixed;}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-message { text-align: center !important;color: #ffffff; }
.cc-compliance { padding: 7px !important; display: block !important; margin: 0 auto !important; }
.cc-link {font-weight: 700 !important;}
.cc-btn, .cc-close, .cc-link, .cc-revoke {cursor: pointer;}
@keyframes example {
    from {background-color: red;}
    to {background-color: rgba(0, 0, 0, 0.80);}
}
.blog .attachment-thumbnail {float: left; margin: 0 8px 4px 0;}
.blog .attachment-full {float: right; margin: 0 0 4px 8px; max-width: 300px; height: auto;}
.blog .pagination .inactive {padding: 0 4px; }
.blog .pagination .inactive:hover { background: #0B7492; color: #ffffff;}
.blog .pagination .current {padding: 0 5px; background: #0B7492; color: #ffffff;}
.post-divider { padding: 20px 0; border-bottom: 1px solid  #ccc; }
 .gdl-accordion{ margin:0px; padding:0px; list-style-type:none !important; cursor:pointer}
 .gdl-title{ display:block; background:none; color:#000; padding:15px; border-bottom: 1px solid #4d4d4d; margin-bottom:0px; font-size:16px; font-weight: 400;}
 .accordion-content{ padding:15px;}
 .accordion-head-image{ width:15px; display:inline-block; text-align:center;left: -10px;position: relative;}
 .accordion-head-image:before{content:"\f138"; Font-family: "FontAwesome"; color: #C73B49}
 .open-accordion:before{content:"\f13a"; Font-family: "FontAwesome";}
 #main #content ul.gdl-accordion h2.accordion-head {margin:0;-webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; transition:all .5s ease-out;font-size: 1.3rem;}
 #main #content ul.gdl-accordion h2.accordion-head:hover {background: transparent; color: #C73B49;}
 #main #content ul.gdl-accordion {margin-bottom: 25px;} 
 #main #content li.gdl-divider { /*border-bottom: 1px solid #000;*/ margin: 0; }
 .contact-form select {  background: transparent; border-bottom: 1px solid #777; height: 80px; margin-bottom: 10px; width: 100%; border-radius: 0; font-size: inherit; color: #5c5959; border-top: 0;  border-left: 0; }
 .video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 25px;  }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
 #slider .slide1 h1{/*background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 29%,rgba(0, 0, 0, 0.6) 30%,rgba(0, 0, 0, 0.7) 50%,rgba(0, 0, 0, 0.6) 70%,rgba(0,0,0,0) 100%);*/ font-family: 'Parisienne', cursive; font-size:3.7rem; padding:20px 70px; -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out; text-transform: capitalize;
    font-weight: 400;
    font-style: normal;}

 /*---- MEDIA QUERIES ----*/
 @media only screen and (max-width: 580px) {
    #contact .contact-form .grid-container {padding: 0}
    #contact .contact-form .grid-container>div {padding: 0}
    #contact{background:url(images/mobile-contact-bg.jpg) no-repeat;background-size:cover;min-height:700px;background-position-x: -28rem;}
    #slider .slide1 h1 {font-size: 1.7rem!important;}
}
@media only screen and (max-width: 740px) {
	.about{ padding-top: 5rem;}
    iframe{width:100%;height:280px}
    .patient-single{width:100%!important}
    .blog .attachment-full { float: none; margin: 0 auto; max-width: 100%;  height: auto; }
    .gall-wrap{ min-height: 430px;}
    .patients-case-number {  margin: -20px; }
    span.prev-arrow a, span.next-arrow a {max-width: 160px;}
    .stack-div {margin-bottom: 25px;}
    .reviews .review-text { padding: 20px; }
    .reviews.internal .relative {  padding: 0 20px; }
    .gal-photo {  margin: 0 auto 15px; }    
    #patient-listing .patient-entry {width: 100%; box-sizing: border-box;}
}
 @media only screen and (max-width: 767px) {
    #slider .slide1{background:url(images/mobile-banner.jpg) no-repeat center;background-size:cover}
	 #slider .slide1 h1 {font-size: 2.1rem!important; padding:20px 0px; margin-top:120px!important;}
}
@media only screen and (min-width: 576px) {
    .procs h3{font-size:2rem;line-height:3rem}
    .testimonials .grid-container{padding-left:15px;padding-right:15px}
    .insta .sub{font-size:1.2rem;line-height:1.5rem}
}


@media only screen and (min-width: 576px) and (max-width: 767px) {
    #contact h1,.about h1,.blog h1,.gallery h1,.procs h1,.testimonials h1{font-size:3rem}
}

@media only screen and (min-width: 768px) {
    header .grid-container{display:flex;align-items:center}
    header #logo{text-align:left}
    header .grid-50:last-of-type{text-align:right}
    header .social{margin:5px 0}
    #slider.internal .slide1 .grid-container{height:352px}
    #main #content h1{font-size:3.2rem}
    #main #content h2{font-size:2.2rem}
    #main #content h3{font-size:1.8rem}
    #main #content h4{font-size:1.4rem}
    #main #content h5{font-size:1.2rem}
    #main #content h6{font-size:1.0rem}
    .procs .grid-container{padding:6rem 15px}
    .procs h1{font-size:3.9rem}
    .procs h3{font-size:1.2rem;line-height:1.5rem}
    .about h1{text-align:left}
    .about h1::before{top:50%;width:30%;left:-35%;margin:0}
    .about .sub{text-align:left;font-size:1.2rem;line-height:1.5rem}
    .about .grid-container:last-child p{text-transform:uppercase;display:block;transform:rotate(-90deg);position:absolute;bottom:30%;left:-10%;color:#d3d3d3;letter-spacing:6px;font-size:1.2rem;text-align:right}
    .about .grid-80 img{box-shadow:none}
    .about .grid-80 .content::after{content:'';display:block;position:absolute;top:-3.4rem;background:#fff;width:44.2rem;height:80%;right:-7rem;z-index:-1}
    .about .circles{position:absolute;display:block;z-index:-1;top:-3.3rem;left:-6.8rem}
    .testimonials{position:relative;min-height:730px}
    .testimonials .grid-container{position:absolute;left:0;right:0}
    .testimonials h1{font-size:3.9rem}
    .testimonials .sub{padding-bottom:4rem}
    .testimonials .grid-50 .content{height:700px;display:flex;flex-direction:column}
    .testimonials .grid-50 .content .text{flex:1}
    .testimonials .grid-25{height:685px;display:block}
    .testimonials .grid-25:nth-of-type(1){background:url(images/model1.jpg) no-repeat center;background-size:cover}
    .testimonials .grid-25:last-of-type{background:url(images/model2.jpg) no-repeat center;background-size:cover}
    .testimonials .text h2{font-size:1.7rem}
    .gallery{padding-bottom:10rem}
    .gallery .grid-container{position:relative}
    .gallery .grid-container > img{width:auto;top:0;bottom:0;left:0;margin-left:0}
    .gallery h1,.gallery .sub{text-align:left}
    .gallery h1::before{top:50%;width:30%;left:-35%;margin:0}
    .gallery img.circles{display:block;position:absolute;width:auto;margin:auto;top:3rem;right:-7rem;z-index:-1}
    .blog{padding:4rem 0}
    .blog .grid-container{background:none;position:relative}
    .blog h1{font-size:3.9rem;text-align:left;position:relative}
    .blog h1::before{content:'';height:2px;background:rgba(0,0,0,.1);display:block;position:absolute;top:50%;width:30%;left:-35%;z-index:1}
    .blog .sub{text-align:left;padding:1.5rem 0}
    .blog .bg-extend{background:url(images/blog-bg.jpg) no-repeat center;background-size:cover;height:592px;width:45%;top:0;position:absolute;z-index:1}
    .blog .grid-55{background:#fff;padding-top:6rem;padding-bottom:12rem;position:relative}
    .blog .content::before{content:'';background:#fff;height:100%;width:35%;display:block;position:absolute;left:-25%;top:0;z-index:-1}
    #contact{background-position-x:center}
    #contact .sub{text-align:left;padding-left:15px}
    input[type='submit'],input[type='submit'][disabled]{margin-left:0}
    footer .social,footer .contact-info{display:inline-block}
    footer .social{position:relative;padding-right:.5rem}
    footer .contact-info{padding-left:.25rem}
    footer .social::after{content:'';height:100%;width:2px;background:#000;display:block;position:absolute;top:0;right:0}
}

@media only screen and (min-width: 960px) {
    header nav{position:absolute;width:100%;background:#f1f1f1;z-index:999}
    header nav.sticky{position:fixed;top:0;box-shadow:0 0 15px rgba(0,0,0,.2)}
    #slider{margin-top:60px}
    #slider .slide1 .grid-container{height:800px}
    #slider.internal .slide1{background:url(images/banner-internal.jpg) no-repeat center;background-size:cover}
    #slider.internal .slide1.banner-body{background:url(images/banner-body.jpg) no-repeat center;background-size:cover}
    #slider.internal .slide1.banner-breast{background:url(images/banner-breast.jpg) no-repeat center;background-size:cover}
    #slider.internal .slide1.banner-nonsurgical{background:url(images/banner-nonsurgical.jpg) no-repeat center;background-size:cover}
    #slider.internal .slide1 .grid-container{justify-content:flex-start}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
    #slider .slide1 h1{font-size:3.0rem}

}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .blog .bg-extend{background-position-x:-28rem}
}

@media only screen and (max-width: 1469px) and (min-width: 768px) {
    .procs .grid-25{width:50%}
    .procs .text{min-height:192px}
}


@media only screen and (min-width: 768px) and (max-width: 1136px) {
    .about h1,.gallery h1{font-size:5.25vw}
    #slider .slide1 h1{font-size:3.0rem}
} 

@media only screen and (min-width: 1137px) {
    .about h1,.gallery h1{font-size:3.9rem}
} 

@media only screen and (min-width: 1470px) {
    .procs .text{min-height:200px}
    .blog .grid-55{padding-left:6rem;padding-right:8rem}
}