/*
Theme Name: Hugo, Ben (benhugo.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);
/*---- Do Not Remove ----*/

/*---- GENERAL ----*/
body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1{}
h2{}

a, a:visited, a:link {color:#1174a6; 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:#09557c; 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;}

/* START SITE STYLE */
body {font-family: 'Proxima Nova', sans-serif;}
body h1 {font-size: 36px;line-height: 52px;color: #06446c;text-transform: uppercase;font-weight: lighter;}
body p {line-height: 24px;color: #2a2a2a;}
.btn, .button {background: #06446c;color: #fff !important;padding: 15px;border: solid 2px #fff;outline: solid 2px #06446c !important;max-width: 340px;display: block;text-align: center;margin: 15px 0;}
.btn:hover, .button:hover {background: #042d47;outline: solid 2px #042d47;}
.social i {color: #fff;background: #54A232;padding: 10px;height: 15px;width: 15px;text-align: center;border-radius: 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;transition: all .5s ease-out;}
.social i:hover {background: #448429;}
header .grid-container{padding:30px 15px}
header .contact-info{text-align:right;color:#54A232;font-size:14px;line-height:18px}
header .contact-info .phone{color:#54A232;font-size:2em;padding:15px 0;display:block}
.fixed-nav {position: fixed; width: 100%; z-index: 999; top: 0;}
.stellarnav,.stellarnav ul li ul{background:#005788}
.stellarnav.mobile ul{z-index:999}
.stellarnav ul li a {color:#fff;}
.stellarnav.desktop ul li a{ /*padding:20px 10px;font-size:14px;*/transition: all 0.2s ease-out;}
.stellarnav.desktop ul li a:hover{background: #003e61}
.stellarnav > ul > li > a { text-transform: uppercase; padding-left: calc(-10px + 2.51113vw); padding-right: calc(-10px + 2.51113vw);}
.stellarnav .call-btn-mobile,.stellarnav .close-menu,.stellarnav .location-btn-mobile,.stellarnav .menu-toggle{color:#fff}
.stellarnav.mobile ul{background:#005788}
.stellarnav.mobile ul ul {background:rgba(18, 100, 147, 1)}
.stellarnav.mobile ul ul ul {background:rgba(41, 117, 161, 1)}
h1.patient-listing-title { padding-bottom:0px!important; font-size: 36px!important; line-height: 52px!important; color: #06446c!important; text-transform: uppercase; font-weight: lighter!important; }

#slider .slides li{float:none!important}
#slider .slides .slide1{background:url(images/main-banner.jpg) no-repeat center;background-size:cover}
#slider.internal .slides .slide1{background:url(images/main-banner-internal.jpg) no-repeat center;background-size:cover}
#slider.internal .slides .slide1 .grid-container{padding:45px 0 30px;}
#slider.internal .slides .slide1 .grid-container>div{float: none;width: 100%;text-align: center;}
#slider.internal .slides .slide1 .grid-container .consultation{display: block;margin: 15px auto;}
#slider .slides .slide1 .grid-container{padding:16vw 0}
#slider .slides .slide1 .grid-container .grid-60{float:right}
#slider .slides .slide1 .grid-container h1{font-weight:lighter;font-size:44px;padding-bottom:20px}
#slider .slides .slide1 .grid-container p{font-weight:lighter;font-size:24px;line-height:30px;color:#2d2d2d; padding-bottom: 30px;}
#slider .slides .slide1 .grid-container .consultation{background:#54A232;outline:solid 2px #54A232!important}
#slider .slides .slide1 .grid-container .consultation:hover{background:#448429;outline:solid 2px #448429!important}
#main {padding:80px 0;}
#main #content h1{padding-bottom:45px;line-height: 37px;}
#main #content h2, .h2-p{color: #0178c1;font-size:28px;line-height:30px;font-weight:lighter;padding-bottom:20px;}
.h2-p{padding-bottom:20px !important;}
#main #content h3{color: #0178c1;font-size:24px;line-height:30px;font-weight:lighter;padding-bottom:20px;}
.h3-h2{color: #0178c1;font-size:24px !important;line-height:30px;font-weight:lighter;padding-bottom:20px;}
#main #content h4{color: #0178c1;font-size:22px;line-height:30px;font-weight:lighter;padding-bottom:20px; text-transform: uppercase;}
 .h4-h3{color: #0178c1 !important;font-size:22px!important;line-height:30px!important;font-weight:lighter!important;padding-bottom:20px!important; text-transform: uppercase!important;}
#main #content h5{color: #56a43c;font-size:20px;line-height:24px;font-weight:lighter;padding-bottom:20px; text-transform: uppercase;}
#main #content p{padding-bottom:30px;}
#main #content .specialties{border:solid 6px #C1F7AA;padding:80px 40px;}
.proc .grid-container { padding: 45px 0 63px }

.proc .grid-container h1 {  padding-bottom: 45px }

.proc .grid-33 > div:first-child,
/*.proc .grid-100 a, */.proc .grid-100 > div:first-child {  position: relative; display: flex; align-items: center; border-radius: 100%; max-height: 270px; overflow: hidden; position: relative; max-width: 270px; margin: auto }

.proc .grid-33 > div:first-child h3,
.proc .grid-100 a h3, .proc .grid-100 > div:first-child h3 {
    position: absolute;
    font-size: 2em;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: lighter;
    text-transform: uppercase;
    text-shadow: 1px 2px rgba(0, 0, 0, .5)
}
.proc .grid-100 a h3 { top: auto !important; }

.proc .grid-33 > div:first-child img,
.proc .grid-100 a img, .proc .grid-100 > div:first-child img { filter: brightness(0.8) }

.proc .grid-33 .overlay,
.proc .grid-100 .overlay { position: absolute;  bottom: 0; left: 0;  right: 0; background-color: #56a43c; overflow: hidden; width: 100%; height: 0; opacity: .8; display: flex; align-items: center; transition: .5s ease }

.proc .grid-33 div:first-child:hover .overlay,
.proc .grid-100 a:hover .overlay, .proc .grid-100 div:first-child:hover .overlay { height: 100% }

.proc .grid-33 div:first-child:hover h3,
.proc .grid-100 a:hover h3, .proc .grid-100 div:first-child:hover h3 {  opacity: 0 }

.proc .grid-33 div:first-child:hover .overlay h3, .proc .grid-100 div:first-child:hover .overlay h3 { top: 20px; }

.proc .grid-33 div:first-child:hover .overlay h3,
.proc .grid-100 a:hover .overlay h3, .proc .grid-100 div:first-child:hover .overlay h3 { opacity: 1; }
.proc .grid-33 div.non-surgical:hover .overlay h3, .proc .grid-100 div.non-surgical:hover .overlay h3  { top: 45px; }
.proc .grid-33 .non-surgical:hover .overlay .text { padding-top: 80px; }

.proc .grid-33 > div:first-child .overlay .text, .proc .grid-100 > div:first-child .overlay .text {
    padding-top: 30px;
    line-height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}
.proc .grid-33 > div:first-child .overlay .text a, .proc .grid-100 > div:first-child .overlay .text a {
    color: #fff;
}

.proc .grid-33 > div:first-child .overlay .text a:hover, .proc .grid-100 > div:first-child .overlay .text a:hover {
    text-decoration: underline;
}

#sidebar .proc .grid-container{padding-bottom:0;}
#sidebar .proc .grid-100{margin-bottom:40px;}
#sidebar .sb-form{background: #00456D;padding:15px 0;}
#sidebar .sb-form h1{color:#fff; text-align: center;}
/*#sidebar .sb-form input, select, textarea{padding:15px;margin: 10px 0;width: 100%;box-sizing: border-box;font-size: 16px;}*/
/* #sidebar .sb-form input, select, textarea{[> padding:15px; *//* margin: 10px 0; *//* width: 100%; *//* box-sizing: border-box; *//* font-size: 16px; <]} */
.sb-form input[type=text],
.sb-form input[type=email],
.sb-form input[type=tel],
.sb-form input[type=url] {
 color:#000;
 background:#fff;
 font-family:open-sans,sans-serif;
 font-size:13px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 width:100%;
 margin:0 0 10px;
 padding:12px;
 border:1px solid #fff;
 outline:1px solid transparent
}
.sb-form input[type=text]:hover,
.sb-form input[type=text]:focus,
.sb-form input[type=email]:hover,
.sb-form input[type=email]:focus,
.sb-form input[type=tel]:hover,
.sb-form input[type=tel]:focus,
.sb-form input[type=url]:hover,
.sb-form input[type=url]:focus,
.sb-form textarea:hover,
.sb-form textarea:focus{
 background:rgba(224, 224, 224, 0.85);
 outline:1px solid #fff
}
.sb-form textarea {
    color: #000;
    background:#fff ;
    font-family: open-sans,sans-serif;
    font-size: 13px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 10px;
    padding: 12px;
    border: 1px solid #fff;
    outline: 1px solid transparent;
    margin-bottom: 5px;
    height: 130px;
    resize: vertical;
}
.wpcf7-form-control-wrap.agree { display: inline-block!important;}
#sidebar .agreement { font-weight: 400;  margin: 15px 0; color: #ffffff;}
#sidebar .sb-form .btn {width:100%;background:#54A232;outline:solid 2px #54A232!important;font-size: 1em;cursor: pointer;}
#sidebar .sb-form .btn:hover{background:#448429;outline:solid 2px #448429!important}
#sidebar .sb-bxa{margin-top:45px;}


.meet{background:#00456D}
.meet .grid-container{padding-top:63px}
.meet h1{padding-bottom:30px}
.meet p{padding-top:15px}
.meet h1,.meet p{font-weight:lighter;color:#fff}
.meet .btn, .testimonials .btn {background:#54A232;border:solid 1px #fff;outline:solid 2px #54A232!important;margin-top:30px}
.meet .btn:hover, .testimonials .btn:hover{background:#448429;outline:solid 2px #448429!important}
.testimonials .btn {margin: 20px auto}
.facial-rejuv{background:url(images/facial-rejuvenation-bg.jpg) no-repeat center;background-size:cover}
.facial-rejuv .grid-container{padding:45px 0}
.facial-rejuv p{line-height:30px;padding:15px 0}
.facial-rejuv .grid-60 p:nth-child(3){padding-bottom:30px}
.facial-rejuv h3{color:#0178c1;font-weight:lighter;font-size:24px}
.facial-rejuv .btn{margin-bottom:0}
.testimonials{background:#00456D}
.testimonials .grid-container{padding:45px 0 30px}
.testimonials h1{color:#fff}
.testimonials .block-quote--wrapper{position:relative;padding:30px}
.testimonials .block-quote--wrapper p{font-weight:lighter;line-height:30px}
.testimonials .block-quote--wrapper p,.testimonials .block-quote--wrapper cite{color:#fff}
.testimonials .block-quote--wrapper cite{padding-top:15px;display:block;font-weight:600}
.testimonials .block-quote--wrapper span{color:#033657;font-size:8em;position:absolute;top:0}
.testimonials .block-quote--wrapper span:first-of-type{left:-5px}
.testimonials .block-quote--wrapper span:last-of-type{right:-5px}
.flex-control-nav{position:inherit}
.flex-control-paging li a.flex-active{background:#fff}
.flex-control-paging li a{background:transparent;border:solid 1px #fff;transition:all .3s ease-out;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.flex-control-paging li a:hover{background:#033657}
.flex-control-paging li a.flex-active:hover{background:#fff}
.gallery{background:#F6F6F6}
.gallery .grid-container{padding:45px 0;display:flex;align-items:center}
.gallery .grid-container h1{padding:20px 0 30px}
.gallery .grid-container .btn{margin-top:45px}
.contact h1{color:#56a43c;padding:36px 0}
.contact .grid-container{position:relative}
.contact p{font-weight:lighter;padding-bottom:30px}
.contact p span{font-weight:600;color:#56a43c}
.contact .btn{margin:45px 0}
.contact .form-section{background:#00456D;height:100%;position:absolute;right:0}
.contact .form-section h1{color:#fff}
.contact-form .btn {background: #54A232 !important;border-radius: 0 !important;border: solid 1px #fff !important;outline: solid 2px #54A232 !important;display: block;max-width: 340px;width: 100% !important;height: auto !important;cursor: pointer;margin: 30px auto !important;font-size: 1em;}
.contact-form .btn:hover {background: #448429 !important;outline: solid 2px #448429 !important}
footer{background:#00456D;padding:105px 0 86px}
footer .grid-90{display:flex;flex-flow:row wrap;justify-content:space-between;font-size:14px}
footer p,footer a{color:#fff !important;}
/* END SITE STYLE */

/* 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;}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="url"], .contact-form textarea { width: 100%; border: 1px solid #CCC; background: #FFF; margin: 0 0 10px; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; box-sizing: border-box;}
.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="tel"]:focus, .contact-form textarea:focus {background:rgba(1,105,147,0.4); color:#fff;}
.contact-form input[type="submit"], .contact-form input[type="submit"][disabled] {width:100px; height:26px; background:#adadad; border:0px; color:#FFF; text-transform:uppercase; clear:both; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; outline:none;}.contact-form input[type="submit"]:hover, .contact-form input[type="submit"][disabled]:hover {background:#96bdda; border:2px solid #1174a6;}
.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;}
/*
 * .contact-form ::-webkit-input-placeholder { color: #444; } :-moz-placeholder { color: #444; } :-ms-input-placeholder { color: #444; }
 * .contact-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 .contact-form input[type="submit"] {font-size:0;display:block;line-height:0}
 * *+html .contact-form input[type="submit"] {font-size:0;display:block;line-height:0}
 */
.contact-form input.wpcf7-captchar { width: 135px; }
.ajax-loader {}
.contact-form select { background:rgb(255,255,255); border:1px solid #CCC; height:46px; margin:0 0 10px 0; width:100%; border-radius:0; font-size:inherit; color:#5c5959; padding: 0 10px }
/* desktop view bxa gallery */
.patient-single {width:50%}
.patient-single img {width:96%; height:auto;}
/* 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;}
#main #content .doc-c-img { float: left; margin: 0 24px 0 0; }
#main #content .i-doc-c { margin: 0 0 25px 0; padding: 26px 26px 44px 26px; width: 100%; background: #00456D; box-sizing: border-box;}
#main #content .i-doc-c h4 { color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 500;}
.h4-h3 { color: #fff !important; text-transform: uppercase !important; font-size: 20px !important; font-weight: 500!important;}
#main #content .i-doc-c p {color: #fff; line-height: }
#main #content .i-doc-c a.i-read1:after {content: 'Learn More';}

#main #content .readmore1 {display: block; margin: 15px auto; background: #54A232; outline: solid 2px #54A232 !important; color: #fff !important; padding: 15px; border: solid 2px #fff; text-align: center;max-width: 190px; float: right; width: 100% }
.readmore1:hover{background:#448429;outline:solid 2px #448429!important}
.butter-bg {border:solid 6px #C1F7AA; padding: 40px 60px; margin: 30px auto; text-align: center; font-size: 25px; line-height: 30px; text-transform: uppercase; }
.sb-form input[type="text"], .sb-form input[type="email"], .sb-form input[type="tel"], .sb-form input[type="url"], .sb-form textarea { font-family: inherit; font-size: 14px;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="url"], .contact-form textarea { font-family: inherit; font-size: 14px;}
#main #content ul, #main #content ol { margin: 0px 0px 28px 10px }
#main #content ul ul, #main #content ol ul, #main #content ul ol, #main #content ol ol { margin-bottom: 0; }
#main #content ul {position: relative;list-style-type: disc; list-style-position: outside;margin-bottom: 15px;padding-left: 10px;}
#main #content ul li { margin-bottom: 5px; line-height: 1.5rem;}
#main #content ul ul {list-style-type: circle; margin-left: 10px;padding: 0}
#main #content ul ul ul {list-style-type: none;padding: 0}
#main #content ul ul ul li:before {content: ':  ';}
#main #content ol {position: relative;list-style-type: decimal; list-style-position: inside;margin-bottom: 15px;padding-left: 10px;}
#main #content ol li {margin-bottom: 10px;}
#main #content ol ol {list-style-type: lower-latin;padding: 0}
/*--- GALLERY RESPONSIVE DESKTOP */
.patient-content,.patient-listing{width:48%!important;float:left;line-height: 27px;}
.patient-list-image{width:90%}
.patient-listing > div{width:50%;float:left; text-align: center;}
#main #content h3.patient-header { padding: 0 !important; display: inline-block }
.patient-entry { margin-bottom: 25px; }
.single-patient-navigation-bottom .nav-next {float: right; display: inline-block; background: #f2f3f3; padding: 5px 15px; border-radius: 15px; margin: 10px 0;}
.single-patient-navigation-bottom .nav-prev {display: inline-block; background: #f2f3f3; padding: 5px 15px; border-radius: 15px; margin: 10px 0;}
.single-patient-navigation-bottom .nav-next:hover, .single-patient-navigation-bottom .nav-prev:hover, .single-patient-navigation-bottom a:hover {background: #54A232; color: #fff;}
#main .list { margin:0 ; list-style:none!important }
#main #content .list {margin: 0 0 30px;}
#main .list ul { margin:0!important }
#main .list ul li:first-of-type a { border-top:1px solid #cccccc;}
#main .list ul li { font-size:.9375em; margin:0; padding:0!important; list-style:none }
#main .list ul li a { border-bottom:1px solid #cccccc; padding:10px 15px; display:block; -webkit-transition:all .25s ease-out; transition:all .25s ease-out }
#main .list ul li a:hover { color:#fff; background:#54A232 }
#main .list ul ul { margin-left:0 }
#main .list ul ul li a { padding-left:20px!important }
#main .list .headline { text-align:center; font-size:20px; font-weight:600; text-transform:uppercase; color:#30a7cd }
#main .list .page_item.page_item_has_children>a { font-weight:700 }
#main #content .bxa-page  h2 {padding-bottom: 43px;font-size: 48px;}
.resp-wrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
.resp-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.stack-div {margin-bottom: 15px;}
#main ul.content-points { margin: 0 0 30px 0 !important; padding: 0 !important; display: grid;}
#main ul.content-points li { font-size:.9375em; margin:0 !important; padding:0!important; list-style:none; position: relative; }
#main ul.content-points li a { border-bottom:1px solid #cccccc; padding:10px 15px; display:block; -webkit-transition:all .25s ease-out; transition:all .25s ease-out }
#main ul.content-points li a:hover { color:#fff; background:#54A232 }
#main ul.content-points ul { margin-left:0 }
#main ul.content-points ul li a { padding-left:20px!important }
#main ul.content-points li::before {
    position: absolute;
    top: 35%;
    left: 0;
    content: "";
    display: block;
    width: .4em;
    height: .4em;
    transform: rotate(45deg);
    border-right: .15em solid #4490c7;
    border-top: .15em solid #4490c7;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#main ul.content-points li:hover a{padding-left: 30px !important;}
#main ul.content-points li:hover::before {left: 10px;     border-right: .15em solid #ffffff; border-top: .15em solid #ffffff;}
#main #content .gdl-accordion{ margin:0px 0px 1.5rem !important; padding:0px; list-style-type:none !important; cursor:pointer}
#main #content .gdl-title{ display:block; background:#EFEFEF; color:#444; padding:5px 15px; border-bottom: 1px solid #fff; margin-bottom:0px; font-size:16px; font-weight: 400;}
#main #content .accordion-content{ padding:15px;line-height: 22px;color: #474747;}
#main #content .accordion-head-image{ width:15px; display:inline-block; text-align:center}
#main #content .accordion-head-image:before{content:"+"}
#main #content .open-accordion:before{content:"-"}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 2rem }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
a.cc-btn.cc-dismiss { background:#54A232; color:#ffffff; 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; }
a.cc-btn.cc-dismiss:hover {background: #428326}
.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);}
}
#main #content .bxa-left p { padding: 2rem 0;font-size: 30px; line-height: 38px;}
#main #content .bxa-right p { padding: 0}
.line { border-bottom: 1px solid #efe7e7; margin-bottom: 20px; }
.review-rating-stars { display: none; }
.testimonial-date, .testimonial-dash {display: none}
blockquote {
    opacity: .78;
    background: #00456D;
    color: #fff;
    padding: 20px;
        padding-left: 20px;
    padding-left: 50px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(34,34,34,.12);
    position: relative;
    overflow: hidden;
    min-height: 120px;
    margin-bottom: 20px;
    line-height: 26px;
}

blockquote::before {
    font-family: Georgia,serif;
    content: "“";
    position: absolute;
    top: 32px;
    left: 10px;
    font-size: 5em;
    color: rgba(238,238,238,.3);
    font-weight: 400;
    z-index: -1;
}

blockquote::after {
    font-family: Georgia,serif;
    content: "”";
    position: absolute;
    bottom: -90px;
    line-height: 96px;
    right: 0;
    font-size: 20em;
    color: rgba(238,238,238,.3);
    font-weight: 400;
    z-index: -1;
}
#content .row {margin-bottom: 20px}

/*gallery home and sitemap links*/
.options-for-men {  display: none; }
#procedure-group-4 #proc-11, #procedure-group-4 #proc-10 {display: none;}
#procedure-group-5 {display: none}/* breast */
#gallery-listing .brow-lift {display: none;}
#gallery-listing .facial-liposuction {display: none;}
#gallery-listing .liposuction {display: none;}
#gallery-listing .tummy-tuck {display: none;}
#gallery-listing .procedure-parent.breast {display: none;}
#gallery-listing .options-for-men-non-surgical, #gallery-listing .juvederm-voluma, #gallery-listing .skin-care{display: none;}
.gallerySitemap .cat-item-28 {display: none;}
.gallerySitemap .cat-item-14, /*options for men*/
.gallerySitemap .cat-item-25, /*non-surgical options for men*/
.gallerySitemap .cat-item-10, /*lipo*/
.gallerySitemap .cat-item-11, /*tummy tuck*/
.gallerySitemap .cat-item-7, /*facial lipo*/
.gallerySitemap .cat-item-8, /*browlift*/
.gallerySitemap .cat-item-22, /*Voluma*/
.gallerySitemap .cat-item-24 /*skin care*/
{display: none;}
/*---- START MEDIA QUERIES ----*/


@media only screen and (min-width: 768px) {
	.ptxt1 {display: none}
}
#sidebar .gallerySitemap strong { text-align: center; display: block; }
/* MOBILE */
@media only screen and (max-width: 500px) {
.left_imgs-l {margin: 0 auto 20px; width: 100%}
.proc .grid-100 .non-surgical:hover .overlay .text { padding-top: 30px; width: 75%;}
#main #content .i-doc-c .readmore1 {max-width: 110px; margin: 1px auto 5px;}

}

@media only screen and (max-width: 740px) {
	iframe{width:100%; height:280px;}
	.patient-single {width:100%!important;}
	.readmore1 {float: none;}
	.i-doc-c {padding: 25px;}
	#patient-listing .patient-content{width:100%!important}
	#patient-listing .patient-listing{width:100%!important}
	#patient-listing .patient-listing > div{width:50%}
	.patient-entry .patient-single{width:100%}
	#main #content .bxa-page h2 { padding-bottom: 5px; font-size: 38px; }	
	#main #content .bxa-left {padding: 0;}
	#main #content .bxa-left p { padding: 2rem 0; font-size: 25px; line-height: 29px; }
}

@media only screen and (max-width: 767px) {
    #logo{text-align:center}
    header .contact-info{padding-top:30px;text-align:center}
    #slider .slides .slide1 .grid-container{padding:200px 0 45px}
    #slider .slides .slide1 .grid-container h1{font-size:34px; line-height: 40px;}
    #slider .slides .slide1 .grid-container p{font-size:18px; line-height: 24px; padding-bottom: 15px;}
    #slider .slides .slide1 .grid-container .btn{margin: 30px auto 0}
    .proc .grid-container{padding:30px 0 45px}
    .proc .grid-container h1{padding-bottom:30px}
    .proc .grid-33{padding:10px 15px}
    .meet .grid-40 img{display:block;margin:0 auto;padding-bottom:30px}
    .meet h1{text-align:center}
    .meet .btn{margin:30px auto}
    .facial-rejuv{background:#F7F7F7}
    .facial-rejuv .grid-container{padding-top:0}
    .facial-rejuv h1{padding-top:30px;text-align:center}
    .facial-rejuv .btn{margin:15px auto 0}
    .gallery .grid-container{display:block}
    .gallery .grid-container h1{text-align:center}
    .gallery .grid-container .btn{margin:30px auto}
    .contact .grid-50:first-of-type{text-align:center}
    .contact .grid-50:first-of-type .btn{margin:45px auto}
    .contact .grid-50:nth-of-type(2){position:inherit}
	.ptxt {display: none}
}

@media only screen and (max-width: 1100px) {
    footer .grid-90{display:block;text-align:center}
    footer p{padding-bottom:15px}
}

@media only screen and (max-width: 1024px) {
    #sidebar{padding-top:80px}
    #sidebar .sb-form .btn,#sidebar .sb-bxa .btn{margin:30px auto 0;}
}

@media only screen and (max-width: 1230px) and (min-width: 960px) {
    .stellarnav ul li a{padding:1.8vw 0.8vw; font-size: 1.4vw;}
}

@media only screen and (max-width: 1182px) and (min-width: 768px) {
    .meet .grid-container,.facial-rejuv .grid-container{padding-top:4vw}
    .meet h1,.facial-rejuv h1,.contact h1{font-size:2.5vw;padding-bottom:.5vw}
    .meet p,.facial-rejuv p,.contact p{font-size:1.3vw;padding-top:1.5vw;line-height:2vw}
    .meet .btn,.facial-rejuv .btn,.contact .btn{padding:1.3vw;max-width:30vw;margin:2vw 0;font-size:1.3vw}
    .proc .grid-33 > div:first-child .overlay h3{font-size: 3vw;}
    .proc .grid-33 .face .overlay h3 {top: 2vw !important;}
    .proc .grid-33 .non-surgical .overlay h3 {
        font-size: 1.5vw !important;
        top: 4vw !important;
    }
    .proc .grid-33 .non-surgical .overlay .text {
        padding-top: 7vw !important;
    }
    .proc .grid-33 > div:first-child .overlay .text {
        font-size: 1.3vw;
        line-height: 2vw;
        padding-top: 3vw;
    }
    .contact .btn{margin:3vw 0}
    .facial-rejuv h3{font-size:2vw}
}
/*---- END MEDIA QUERIES ----*/