/*
Theme Name: O, Sonny (drsonnyo.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/v6.5.2/css/all.css);
@import url(https://static.nkpmedical.com/stellarnav/stellarnav.min.css);
/*---- Do Not Remove ----*/

/*---- GENERAL ----*/
:root {
	--pink: #CC7078;
	--dark-blue: #3C466B;
	--secondary-blue: #6C7AAA;
	--green: #428099;
	--neutral-gray-dark: #606161;
	--neutral-gray-light: #DCDCDC;
}

#topbar.topbar{color:#000; background:#fff; font-size:16px; line-height:1.5rem; padding:20px 0; display:none; border-bottom:1px solid #505050;}
#topbar.topbar span{color:rgb(189, 0, 0); font-size:16px;}

body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#444d57; font-family: raleway, sans-serif; }
h1{font-size: 3rem; font-weight: 700; display: block; margin: 0 0 20px 0;}
h2{font-size: 2.5rem; font-weight: 700; display: block; margin: 0 0 20px 0;}
h3{font-size: 2rem; font-weight: 700; display: block; margin: 0 0 20px 0;}
h4{font-size: 1.5rem; font-weight: 700; display: block; margin: 0 0 20px 0;}
h5{font-size: 1.2rem; font-weight: 500; display: block; margin: 0 0 20px 0;}

a, a:visited, a:link {color:var(--green); font-weight: 700; 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;}

/* a.btn{color:#427aa1; border:2px solid #efefef; padding:20px 40px; display:inline-block;}
a.btn:hover{color:#fff; background:#1174a6; border-color:#1174a6;} */

a.btn{color:#fff; background-color: var(--dark-blue); padding:20px 40px; display:inline-block; border-radius: 40px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; }
a.btn:hover{color:#fff; background:var(--green); }

.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;}

.mb25{margin-bottom:25px;}

header{width:100%; height:auto; min-height:175px; background:var(--dark-blue);}
header #logo{margin:30px 0 0 0;}
header #header_btn { height: 160px; display: flex; align-items: center; justify-content: center; }
header #header_btn .btn { background-color: var(--pink); }
header #header_btn .btn:hover { background-color: var(--neutral-gray-light); color: var(--neutral-gray-dark);}

/* header #header_btn{margin:50px 0 0 0;}
header #header_btn a{width:100%; padding:25px 0; color:#fff; background:#427aa1; display:inline-block; text-align: center;;}
header #header_btn a:hover{background:#215070;} */
header #info{text-align:right; margin:30px 0 0 0;}
header #info span.num{color: #fff; font-size:1.3125rem; font-weight:700; display:block; margin:0 0 5px 0;}
header #info span.add{color:#fff; font-size:1rem; display:block; margin:0 0 15px 0; line-height:1.5em;}
header #info ul.social{display:flex; justify-content: flex-end;}
header #info ul.social li{margin:0 0 0 15px;}
header #info ul.social li a{color:#fff;}
header #info ul.social li a:hover{color:var(--secondary-blue);}

nav{width:100%; height:auto; min-height:76px; background:var(--secondary-blue);}
nav .stellarnav > ul > li > a{padding: 28px 28px; color:#fff;}
nav .stellarnav > ul > li > a:hover{background:var(--dark-blue);}
nav .stellarnav ul ul{background:var(--secondary-blue);}
nav .stellarnav ul ul li a{color:#fff;}
nav .stellarnav ul ul li:hover{background:var(--dark-blue);}
nav .stellarnav {z-index: 1000 !important;}
#banner { height: 895px; position: relative; }
#banner .btn {margin-top: 4rem;background: #406a88;color: #fff;}
#banner .btn:hover { background: var(--secondary-blue);color: #fff;
	/* border: 2px solid #ccc; */
}

#banner .slide1{width:100%; height:auto; min-height:895px; background:url(/wp-content/uploads/2024/05/slide1_bg1.jpg) no-repeat top center; background-size:cover; position: relative;}
#banner .slide2{width:100%; height:auto; min-height:895px; background:url(/wp-content/uploads/2024/05/slide2_timeless.jpg) no-repeat top center; background-size:cover; position: relative;}
#banner .slide3{width:100%; height:auto; min-height:895px; background:url(images/slide3_timeless-lift.jpg) no-repeat top center; background-size:cover; position: relative;}
#banner .slide4{width:100%; height:auto; min-height:895px; background:url(/wp-content/uploads/2024/05/slide4_eyelid.jpg) no-repeat top center; background-size:cover; position: relative;}
#banner .slide5{width:100%; height:auto; min-height:895px; background:url(images/slide5_injectables.jpg) no-repeat top center; background-size:cover; position: relative;}
#banner .slide1 #text {text-align: center; position: absolute; bottom:300px; left: 0; right: 0;}
#banner .slide2 #text, #banner .slide3 #text, #banner .slide4 #text, #banner .slide5 #text{ position: absolute; bottom:400px; left: 200px; right: 0;}
#banner .slide1 #text span.tagline, #banner .slide2 #text span.tagline, #banner .slide3 #text span.tagline, #banner .slide4 #text span.tagline, #banner .slide5 #text span.tagline{color:#fff; font-size:4.1875rem; font-weight:700;text-shadow: #000 1px 0 20px;}
/* #banner .slide1 #text p, #banner .slide2 #text p, #banner .slide3 #text p, #banner .slide4 #text p, #banner .slide5 #text p{color:#fff; font-size:1.3125rem; font-weight:400; text-transform: uppercase;} */
/* #banner .slide1 #text p,
#banner .slide2 #text p,
#banner .slide3 #text p,
#banner .slide4 #text p,  */
#banner #text p {color:#fff; font-size:2rem; font-weight:400; text-transform:uppercase; text-shadow: #000 1px 0 20px;/*font-family: 'Mrs Saint Delafield', cursive;*/}



/* #banner .slide4 #text span.tagline {text-shadow: 0px 2px 4px rgba(0,0,0,0.65);} */
.flex-control-nav { margin:0; padding:0; position:absolute; bottom:95px; z-index:500; text-align:center; width:100%; bottom: 215px; }
.flex-control-nav li { margin:0 7px; padding:0; display:inline-block; cursor:pointer }
.flex-control-nav li a { display:inline-block; width:15px; height:15px; text-indent:-9999px; background:#fff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; border:0px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; opacity: .3 }
.flex-control-nav li a:hover { background:#ffffff; opacity: 7; }
.flex-control-nav li a.flex-active { background:#ffffff; opacity: 1; }

#banner.sub{background:url(/wp-content/uploads/2024/05/bg1.jpg) no-repeat top center; background-size:cover;height: 50vh;}
#banner.sub .grid-container{min-height:300px; position: relative;}
#banner.sub #text{text-align: center; position: absolute; bottom:80px; left: 0; right: 0; padding:20px; box-sizing: border-box; background:rgba(0,0,0,.5);}
#banner.sub #text span.tagline{color:#fff; font-size:4.1875rem; font-weight:700;}
#banner.sub #text p{color:#fff; font-size:1.3125rem; font-weight:400; text-transform: uppercase;}

main{margin:50px 0;}
main #content p{line-height:2em;margin-bottom: 20px;}
main #content nav {background-color:transparent;}
main #sidebar #sideform{margin:0 0 30px 0;}
main #sidebar #sideform span.title{font-size:2.5rem; font-weight:700; display:block;}
main #sidebar #sideform span.label{font-size:1.125rem; font-weight:400; text-transform: uppercase; display:block; margin:0 0 20px 0;}

main #sidebar #procedures #proc1{height:auto; min-height:250px; background:url(images/proc1_bg.jpg) no-repeat; background-size:cover; position: relative; text-align: center; margin:0 0 20px 0;}
main #sidebar #procedures #proc2{height:auto; min-height:250px; background:url(images/proc2_bg.jpg) no-repeat; background-size:cover; position: relative; text-align: center; margin:0 0 20px 0;}
main #sidebar #procedures #proc3{height:auto; min-height:250px; background:url(images/proc3_bg.jpg) no-repeat; background-size:cover; position: relative; text-align: center; margin:0 0 20px 0;}
main #sidebar #procedures #proc4{height:auto; min-height:250px; background:url(images/proc4_bg.jpg) no-repeat; background-size:cover; position: relative; text-align: center;}
main #sidebar #procedures #proc1::before, main #sidebar #procedures #proc2::before, main #sidebar #procedures #proc3::before, main #sidebar #procedures #proc4::before{content:''; opacity:0; transition: opacity .5s ease-in-out;}
main #sidebar #procedures #proc1:hover::before{width:100%; height:auto; min-height:250px; content:''; background:url(images/proc1_color_bg.jpg) no-repeat; background-size:cover; display:block; opacity:1;}
main #sidebar #procedures #proc2:hover::before{width:100%; height:auto; min-height:250px; content:''; background:url(images/proc2_color_bg.jpg) no-repeat; background-size:cover; display:block; opacity:1;}
main #sidebar #procedures #proc3:hover::before{width:100%; height:auto; min-height:250px; content:''; background:url(images/proc3_color_bg.jpg) no-repeat; background-size:cover; display:block; opacity:1;}
main #sidebar #procedures #proc4:hover::before{width:100%; height:auto; min-height:250px; content:''; background:url(images/proc4_color_bg.jpg) no-repeat; background-size:cover; display:block; opacity:1;}
main #sidebar #procedures #proc1 span.label, main #sidebar #procedures #proc2 span.label, main #sidebar #procedures #proc3 span.label, main #sidebar #procedures #proc4 span.label{color:#fff; font-size:1.75rem; width:100%; position: absolute; bottom:100px; left: 0; right: 0;}
div#popup-announcement {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

#about{width:100%; height:auto; padding:50px 0 100px 0;}
#about #text{text-align: center;}
#about #text span.title{font-size:4.1875rem; font-weight:700; display:block; margin:0 0 10px 0;}
#about #text span.subtitle{font-size:1.3125rem; font-weight:400; text-transform: uppercase; display:block; margin:0 0 20px 0;}
#about #text p{line-height:2em;}
#about #text a{margin:90px 0 0 0;}

#procedures{margin:0 0 100px 0;overflow: hidden}
#procedures .item {position: relative}
#procedures .item img{-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease; width: 100%;filter:grayscale(1)}
#procedures .item img:hover{filter:grayscale(0)}
#procedures .item span.label {color:#fff; font-size:1.75rem; width:100%; position: absolute; bottom:100px; left: 0; right: 0; text-align: center}
#procedures .item .flash:hover { opacity: 1;  -webkit-animation: flash 1s; animation: flash 1s; }
@-webkit-keyframes flash {
 0% { opacity: .8; }
 100% { opacity: 1; }
}
@keyframes flash {
 0% { opacity: .8; }
 100% { opacity: 1; }
}

#doctor{width:100%; background:url(images/doctor_bg.jpg) no-repeat top center; background-size:cover;overflow: hidden}
#doctor .grid-container{height:auto; min-height:700px; position: relative;}
#doctor #text{background:#fff; border-top:8px solid var(--pink); box-sizing: border-box; padding:80px 100px 50px 100px; position: absolute; bottom:0;  right: 0;}
#doctor #text span.title{font-size:4.1875rem; font-weight:700; display:block; margin:0 0 10px 0;}
#doctor #text span.label{font-size:1.3125rem; font-weight:400; text-transform: uppercase; display:block; margin:0 0 10px 0;}
#doctor #text p{line-height: 2em;}
#doctor #text a{margin:30px 0 0 0;}

#awards{width:100%; height:auto; margin:100px 0 0 0;}
#awards .wrap { display: flex; align-items: center; justify-content: center; flex-flow: row wrap; }
#awards .wrap img { margin: 0 40px; }

#testimonials .grid-container{padding:80px 0 0; margin:100px auto; background:url(https://www.drsonnyo.com/wp-content/uploads/2024/05/testimonial-background.jpg) no-repeat top right;}
#testimonials #text{height:auto; min-height:690px; background:#fff; border-left:8px solid var(--pink); box-sizing: border-box; padding:80px 100px 80px 150px;}
#testimonials #text span.rating i{color:#e0b50a; margin:0 10px 0 0;}
#testimonials #text span.title{font-size:4.1875rem; font-weight:700; display:block; margin:20px 0 5px 0;}
#testimonials #text span.label{font-size:1.3125rem; font-weight:400; letter-spacing: 0.125rem; text-transform: uppercase; display:block; margin:0 0 10px 0;}
#testimonials #text p{line-height:2em;}
#testimonials #text span.name{color:#000; font-weight:700; display:block; margin:20px 0 50px 0;}

#blog{width:100%; background:url(images/homepage_specials_bg.jpg) no-repeat top right; background-size:cover}
#blog .grid-container{height:auto; min-height:750px; position: relative;}
#blog #text{background:#fff; border-top:8px solid var(--pink); position: absolute; bottom:0; left: 0; padding:90px;}
#blog #text span.title{font-size:2.625rem; font-weight:700; display:block; margin:0;}
#blog #text #blog_post {margin-top: 30px; padding-top: 30px; border-top: 2px var(--pink) solid;}
#blog #text #blog_post #blog_info span.date, #blog #text #blog_post #blog_info span.post_title{font-size:1.3125rem; font-weight:400; letter-spacing: 0.125rem; text-transform: uppercase; display:block; margin:0 0 10px 0;}
#blog #text #blog_post p{font-size:1.75rem;line-height:2.5rem; margin:0 0 30px 0;}

.services { width: 100%; height: auto; background: #dedede; padding: 100px 0; overflow: hidden; }
.services ul {
    display: -webkit-box;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-right: 8px solid var(--pink);
}
.services li{ box-sizing: border-box; width:25%; display:-webkit-box; display:flex; -webkit-box-align:stretch; align-items:stretch; padding:0 20px; cursor:pointer; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; background-position:top center; background-size:cover; background-repeat:no-repeat; height:607px; }
.services li.service--injectables{background-image:url(images/service-injectables.jpg);background-color:#f4f2f3;background-position-x:25%}
.services li.service--bodytite{background-image:url(images/service-bodytite.jpg);background-color:#fffcf5;background-position-x:4%}
.services li.service--timeless{background-image:url(images/service-timeless-lift.jpg);background-color:#ececec;background-position-x:29%}
.services li.service--mommy{background-image:url(images/service-mommy-makeover.jpg);background-color:#fcfcfc;background-position-x:42%}
.services li.active,.services li.active:hover{width:100%;max-width:767px;cursor:default;-webkit-filter:grayscale(0%) !important;filter:grayscale(0%) !important}
.services li.active .section-content,.services li.active:hover .section-content{-webkit-box-flex:4;flex:4;opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);}
.services li.active .section-content>div,.services li.active:hover .section-content>div{opacity:1;visibility:visible}
.services li:hover{-webkit-filter:grayscale(50%);filter:grayscale(50%)}
.services .section-title { display:flex; -webkit-box-align:end; align-items:flex-end; justify-content: center; width:100%;margin:0 0 -2.5rem;padding:0;text-align:center;
	color:var(--neutral-gray-dark);
	-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}
.services .section-content .title-area h2 {
	/* color: var(--green); */
	font-size:2.75rem;line-height: 1;}
.services .section-content .title-area h4 { color: #464d53; font-weight: 400; text-transform: uppercase; font-size: 1.1rem; }
.services .section-content .title-area .btn { padding: 20px 35px; }
/* .services .section-content .title-area a.btn { background-color: #fff; } */
/* .services .section-content .title-area a.btn:hover { color: #fff; background: #1174a6; border-color: #1174a6; } */
.services .section-title h2{font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap;letter-spacing:0}
.services .section-content p { font-size: .9rem; line-height: 1.5; margin-bottom: 2rem; }
.services .section-content{-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;/* -webkit-box-align:center; *//* align-items:center; */margin:0;padding:0;opacity:0;-webkit-transition:all 0.25s 0.1s ease-out;transition:all 0.25s 0.1s ease-out;}
.services .section-content>div{width:200px;padding: 5.5rem 2rem 2rem;position:absolute;right:0;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}

#media{width:100%; height:auto; background:#fff; padding:0 0 200px 0;}
#media::after{content:''; height:auto; min-height:626px; background:var(--secondary-blue); display: block;}
#media .grid-container{max-width:1360px; height:auto; min-height:830px; position: absolute; right: 0; left: 0;}
/* #media span.label{color:#fff; font-size:1.3125rem; font-weight:400; letter-spacing: 0.125rem; text-transform: uppercase; display:block; margin:70px 0; text-align: center;} */
#media span.label {
    font-weight: 700;
    display: block;
    margin: 70px auto 35px;
    text-align: center;
    color: #fff;
    font-size: 2.625rem;
}
#media .embed-responsive iframe{max-height:574px;}

#con_loc{width:100%; height:auto; min-height:750px; background:url(https://www.drsonnyo.com/wp-content/uploads/2024/05/RainbowContactBG-scaled.jpeg) no-repeat top center; background-size:cover;overflow: hidden}
#con_loc #contact{margin:30px 0 0 0;}
#con_loc #contact .agreements, #con_loc #contact .agreements a{color:#fff;}
#con_loc #contact .contact-form input[type="submit"], #con_loc #contact .contact-form input[type="submit"][disabled]{background: var(--secondary-blue); color:#fff; border:2px solid var(--pink);}
#con_loc #contact .contact-form input[type="submit"]:hover, #con_loc #contact .contact-form input[type="submit"][disabled]:hover{background:#fff; color:var(--secondary-blue);}
#con_loc #contact, #con_loc #location{margin:100px 0 0 0;}
#con_loc #contact span.title{color:#fff; font-size:2.625rem; font-weight:700; display:block; text-align:center; margin: 0 0 30px 0;}
#con_loc #location span.title{color:#fff; font-size:2.625rem; font-weight:700; display:block; text-align:center;}
#con_loc #location img{margin:30px 0 0 0;}

footer{padding:50px 0; text-align: center;}
footer ul{display:flex; justify-content: center; margin:10px 0;}
footer ul.links li{margin:0 10px 0 0;}
footer ul.links li:last-of-type{margin:0;}
footer ul.links li a{color:#444d57;}
footer ul.links li a:hover{color:var(--secondary-blue);}
footer p a{color:#444d57;}
footer p a:hover{color:var(--secondary-blue);}

.google-business-reviews-rating .listing li { list-style: none; }
h2.gform_title {
    font-size: 30px;
    text-align: center;
}
.gform_wrapper li.hidden_label input{margin-top:0!important;}
.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="url"], .gform_wrapper textarea{margin:0!important;}
.gform_wrapper .gfield_consent_label{color:#fff;}
.gform_wrapper textarea{padding:15px!important;}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){padding:15px!important;}
.gform_wrapper ul.gform_fields li.gfield{padding-right:0!important;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"]{color:#fff; width:100%!important;}
.gform_wrapper .gfield_consent_label { color: #000; }


.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{ font-size: 1em; width: auto; margin: 0 16px 0 0; background: var(--secondary-blue); color: #fff !important; }
#gform_wrapper_1 label.gfield_consent_label {
    color: #fff !important;
}
#gform_wrapper_1 label.gfield_consent_label a {
    color: #fff !important;
    font-weight: 700;
}

/* 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-responsive{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom:20px }
.embed-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ccc; }
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 { font-size:0.875rem; font-weight:400; font-family: 'proxima-nova', sans-serif; width: 100%; border: 1px solid #CCC; background: #FFF; margin: 0 0 10px; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box;}
.contact-form input[type="submit"], .contact-form input[type="submit"][disabled] {font-size:1rem; font-weight:400; font-family: 'proxima-nova', sans-serif; width:100%; color:var(--secondary-blue); border:2px solid #f6f6f6; padding:20px 40px; display:inline-block; outline:none; background:none; margin:20px 0 0 0;}
.contact-form input[type="submit"]:hover, .contact-form input[type="submit"][disabled]:hover {color:#fff; background:var(--green); border-color:var(--green);}
.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; }

.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="url"], .gform_wrapper textarea { font-size:0.875rem; font-weight:400; font-family: 'proxima-nova', sans-serif; width: 100%; border: 1px solid #CCC; background: #FFF; margin: 0 0 10px; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box;}
.gform_wrapper input[type="submit"],
.gform_wrapper input[type="submit"][disabled] {
	font-size:1rem; font-weight:700; letter-spacing: 1px; font-family: 'proxima-nova', sans-serif; text-transform: uppercase; width:100%; color:var(--secondary-blue); border:2px solid #f6f6f6; padding:20px 40px; display:inline-block; outline:none; background:none; margin:20px 0 0 0;
	border-radius: 40px;
}
.gform_wrapper input[type="submit"]:hover, .gform_wrapper input[type="submit"][disabled]:hover {color:#fff; background:var(--green); border-color:var(--green);}
.gform_wrapper textarea { height: 120px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gform_wrapper ::-webkit-input-placeholder { color: #777; } :-moz-placeholder { color: #777; } :-ms-input-placeholder { color: #777; }
.gform_wrapper input.wpcf7-captchar { width: 135px; }
/* .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"] {
	color:var(--secondary-blue);
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
	color:#fff;
} */

input#gform_submit_button_1 {
	color:#fff; background-color: var(--dark-blue); border: 0; padding:20px 40px; display:inline-block; border-radius: 40px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;
}
input#gform_submit_button_1:hover{color:#fff; background: var(--green); }

/*
 * .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 {}

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

/* NKP GLOBAL STYLES */
main #content > ul, main #content > ol {padding-left: 20px;}
main #content ul {position: relative;list-style-type: disc; list-style-position: outside;margin-bottom: 20px;line-height: 2rem;}
main #content ul.chosen-choices{margin:0;}
main #content ul ul {list-style-type: circle; margin-left: 30px;}
main #content ul ul ul {list-style-type: square;}
main #content ol {position: relative;list-style-type: decimal; list-style-position: inside;margin-bottom: 20px;}
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;}
.feat-box { padding: 30px; border-left: 10px solid var(--pink); margin: 2rem 0; background: #f7f7f7; }
.reviews{margin:3rem 0;padding:3.125rem 15px;display:flex}
.reviews h2{float:left;margin:15px;font-size: 24px;font-weight: 400;}
.reviews .rating{color:#e3cb26; clear: both; display: block; margin: 0 auto; width: 130px;}
.reviews .rating>*{margin:2px}
.reviews q{margin:15px 0;display:block;line-height:1.5}
.reviews cite{display:block;font-style:normal;font-weight:600;font-size:0.975rem;color:#000;margin-top:20px}
.reviews .quote{width:108px;opacity:0.04;position:absolute}
.reviews .quote--flip{transform:scale(-1,-1);right:0;bottom:0}
.reviews .st0{fill:#393939}
.reviews.internal{background:#f9f9f9;/*margin-left: calc(46.318697% - 50vw );width: 100vw;*/}
.reviews.internal .relative {position: relative;}
.reviews .review-text {clear: both;}
main #content .bna { background:  var(--secondary-blue); padding: 15px 0px; color:  #fff; margin-bottom: 20px;}
main #content .bna img {border: 1px solid #397198}
main #content .bna .grid-40 p {margin-bottom: 2rem}
main #content .bna .grid-40 {text-align: center;}
main #content .bna .disclaimer {margin-left: 20px}
/*main #content .bna a.btn {background: #fff;}
main #content .bna a.btn:hover{background: var(--dark-blue)}*/
main #content .bna a.btn:hover{background:var(--green);}
main #content .grid-menu h3, main #content .menu-box h3 {font-size: 1.3rem;}
main #content .grid-menu p, main #content .menu-box p {line-height: 1.2}
main #content .grid-menu > div.grid-33, main #content .menu-box > div.grid-33 {position: relative; height: 100%; min-height: 440px;border: 5px solid #fff;margin-bottom: 20px;background: #f7f7f7;padding: 10px;box-sizing: border-box;}
main #content .grid-menu > div.grid-33 .content-btn, main #content .menu-box > div.grid-33 .content-btn {bottom: 10px; position: absolute;left: 15px;right: 15px; background: var(--secondary-blue); color: #fff;
	/* border: 1px solid #fff; */
 }
main #content .grid-menu > div.grid-33 .content-btn:hover, main #content .menu-box > div.grid-33 .content-btn:hover {background: var(--dark-blue)}
main #content .grid-menu > div.grid-50 .content-btn:hover, main #content .menu-box > div.grid-50 .content-btn:hover {background: var(--dark-blue)}
main #content .grid-menu > div.grid-50, main #content .menu-box > div.grid-50 {position: relative; height: 100%; min-height: 540px;border: 5px solid #fff;margin-bottom: 20px;background: #f7f7f7;padding: 10px;box-sizing: border-box;}
main #content .grid-menu > div.grid-50 .content-btn, main #content .menu-box > div.grid-50 .content-btn {bottom: 10px; position: absolute;left: 15px;right: 15px; background: var(--secondary-blue); color: #fff;
	/* border: 1px solid #fff; */
 }
.grid-menu img { margin-bottom: 1rem; }
main #content .list, main #sidebar .list{margin: 0 0 25px 0;list-style:none !important}
main #content .list ul{margin:0 !important}
main #content .list ul li, main #sidebar .list ul li{margin:0;padding:0 !important;list-style:none}
main #content .list ul li a, main #sidebar .list ul li a {color:#000;border-bottom:1px solid #eee;padding:1rem 1.5rem;display:block;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
main #content .list ul li a:hover, main #sidebar .list ul li a:hover{color:#fff;background:var(--secondary-blue);padding-left:1.8rem}
main #content .list ul ul, main #sidebar .list ul ul{margin-left:.5rem !important}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:20px }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
main #content .row {margin-bottom:20px}
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;}

@-webkit-keyframes example {
    from {background-color: red;}
    to {background-color: rgba(0, 0, 0, 0.80);}
}

@keyframes example {
    from {background-color: red;}
    to {background-color: rgba(0, 0, 0, 0.80);}
}
.patient-content,.patient-listing{width:48%!important;float:left}
.patient-list-image{width:90%}
.patient-listing > div{width:50%;float:left; text-align: center;}
span.nav-next { float: right; }

.single-patient-navigation-bottom a {max-width: 100%;width: 280px;padding: 10px;background: var(--secondary-blue);color: #ffffff;display: block;text-align: center;position: relative;border: 0;}
.single-patient-navigation-bottom a:hover{background: var(--dark-blue)}
.stellarnav.fixed { background: var(--secondary-blue); }
.testimonial-entry { padding: 30px; border-left: 10px solid var(--secondary-blue); margin: 2rem 0; background: #f7f7f7; }
#nkp-testimonials-company {display: none;}
.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;}
.blog .post-divider { border-bottom: 1px solid #ededed; margin-bottom: 10px;  padding-bottom: 10px; }
select { height: 49px; border: 1px solid #d2d2d2;  width: 100%; padding: 10px; }
 .gdl-accordion{ margin:0px !important; padding:0px; list-style-type:none !important; cursor:pointer;box-sizing: border-box;}
 .gdl-title{ display:block; background:var(--secondary-blue); color:#fff; padding:15px; border-bottom: 1px solid #fff; margin-bottom:0px; font-size:16px; font-weight: 400;}
 .accordion-content{ padding:15px;}
 .accordion-head-image{ width:15px; display:inline-block; text-align:center}
 .accordion-head-image:before{content:"+"}
 .open-accordion:before{content:"-"}
 .testimonial-date, .testimonial-dash {display: none;}

#corona-msg {position:relative;background:var(--secondary-blue);width:auto;max-width:500px;margin:20px auto;padding:25px;color:#FFF;}
#corona-msg p {margin-bottom:20px; line-height:20px;}
.mfp-close{top:unset !important; bottom:0 !important; color:#FFF !important;}

/*---- START MEDIA QUERIES ---- */
@media only screen and (max-width: 768px) {
header #logo {
	clear: both;
	margin: 15px 0 0;
}
header #header_btn {
	height: revert;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	    margin: 15px auto;
    width: 100%;
}
#banner.sub #text p{color:#fff; font-size:1.525rem; font-weight:400; text-transform: uppercase;}
#banner.sub #text span.tagline{color:#fff; font-size:3.1875rem; font-weight:700;}
#banner-mobile {width:100%; height:auto; min-height:400px; background:url(/wp-content/uploads/2024/05/banner-mobile2.jpg) no-repeat top center; background-size:cover; position: relative;}
#banner-mobile #text {text-align: center; position: absolute; bottom:100px; left: 0; right: 0;}
#banner-mobile #text span.tagline {color:#fff; font-size:2.9875rem; font-weight:700;text-shadow: #000 1px 0 20px;}
#banner-mobile #text p {color:#fff; font-size:1.3125rem; font-weight:400; text-transform: uppercase;text-shadow: #000 1px 0 20px;}
#awards .wrap { flex-direction: column; }
#awards .wrap img { margin: 0 40px 40px; }
}


@media only screen and (max-width: 580px) {
	#banner.sub #text p{color:#fff; font-size:1.125rem; font-weight:400; text-transform: uppercase;}
	#banner.sub #text span.tagline{color:#fff; font-size:2.1875rem; font-weight:700;}
	.blog .attachment-full { float: none; margin: 0 auto 8px; max-width: 100%;width: 100%;}
	#banner-mobile #text span.tagline {font-size: 2.2875rem;}
}

@media only screen and (max-width: 767px) {
	iframe{width:100%; height:280px;}
	.patient-single {width:100%!important;}
	header #header_btn a{margin:20px 0 0 0;}
	header #info{margin:20px 0;}
	header #info ul.social{justify-content: center;}
	nav{min-height:50px;}
	nav .grid-container{padding:0;}
	.stellarnav .call-btn-mobile, .stellarnav .close-menu, .stellarnav .location-btn-mobile, .stellarnav .menu-toggle{color:#fff;}
	.stellarnav.mobile ul{background:var(--secondary-blue);}
	#banner .slide1{min-height:500px;}
	#banner .slide1 #text{bottom:120px;}
	#banner .slide1 #text span.tagline{font-size:3rem;}
	#banner .slide1 #text p{font-size:1rem;}
	#about{padding:0 0 50px 0;}
	#about #text a{margin:40px 0 0 0;}
	#about #text span.title{font-size:3.5rem;}
	#procedures #proc1, #procedures #proc2, #procedures #proc3, #procedures #proc4{min-height:300px;}
	#doctor{background-size: 1250px auto; background-position: -220px 0;}
	#doctor .grid-container{min-height:1000px;}
	#doctor #text{padding:30px;}
	#doctor #text span.title{font-size:3rem;}
	#testimonials .grid-container{background-size:400px auto; margin:100px auto 0;}
	#testimonials #text{padding:30px; min-height: 750px; margin: 240px 0 0 0;}
	#testimonials #text span.title{font-size:3rem;}
  #blog{background-size: 900px auto; /*background-position: -630px 0; */}
	#blog .grid-container{padding:0;}
	#blog #text{padding:38px;}
	#media{height:300px;}
	footer ul.links{flex-direction: column;}
	footer ul.links li{margin:0 0 10px 0;}
	/*gallery*/
	#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%}
  .single-patient-navigation-bottom a {max-width: 100%;width: 160px;padding: 10px;background: var(--secondary-blue);color: #ffffff;display: block;text-align: center;position: relative;border: 0;}
	#banner { height: 500px;}
	.feat-box { padding: 30px 0;}
	main #content h2{font-size: 1.8rem; font-weight: 700; display: block; margin: 0 0 20px 0;line-height: 1.9rem;}
	main #content h3{font-size: 1.5rem; font-weight: 700; display: block; margin: 0 0 20px 0;line-height: 1.6rem;}
	main #content h4{font-size: 1.2rem; font-weight: 700; display: block; margin: 0 0 20px 0;line-height: 1.3rem;}



	/* .services ul{display:block}
	.services li{background: #fff !important;height: auto;background-position:center;width:100%;max-width:767px;cursor:default;-webkit-filter:grayscale(0%) !important;filter:grayscale(0%) !important;display: block}
	.services li.service--face{background-position-x:42% !important;}
	.services li.service--breast{background-position-x:38% !important}
	.services li.service--body{background-position-x:28% !important}
	.services li.service--men{background-position-x:29% !important}
	.services li.service--3d{background-position-x:31.5% !important}
	.services .section-title{display:none}
	.services .section-content{opacity:1;position:relative}
	.services .section-content>div{opacity:1;visibility:visible;width: 100%;box-sizing: border-box;bottom: 0;position: relative;} */
}/*MOBILE*/

@media only screen and (max-width: 960px) and (min-width: 768px) {
	nav{min-height:50px;}
	nav .grid-container{padding:0;}
	.stellarnav .call-btn-mobile, .stellarnav .close-menu, .stellarnav .location-btn-mobile, .stellarnav .menu-toggle{color:#fff;}
	.stellarnav.mobile ul{background:var(--secondary-blue);}
	#about #text a{margin:30px 0 0 0;}
	#banner .slide1{min-height:600px;}
	#banner { height: 600px; position: relative; }
	.flex-control-nav {  bottom: 140px; }
	#banner .slide1 #text span.tagline{font-size:3.5rem;}
	#procedures #proc1, #procedures #proc2, #procedures #proc3, #procedures #proc4{min-height: 400px;}
	#procedures #proc1, #procedures #proc2{margin:0 0 30px 0;}
	#doctor{background-position: -700px 0;}
	#doctor #text{padding:40px;}
	#testimonials #text{padding:40px;}
	#blog{background-position-x: 90%}
	#blog #text{padding:40px;}
	#con_loc{min-height:620px;}
	/* .services li { width: 10%;} */
}/*TABLET*/
@media only screen and (max-width: 1024px)  {
	#procedures .item {margin-bottom: 2rem}
	.services ul{display:block}
	.services li{background: #fff !important;height: auto;background-position:center;width:100%;max-width:767px;cursor:default;-webkit-filter:grayscale(0%) !important;filter:grayscale(0%) !important;display: block; margin: 0 auto;}
	.services li.service--face{background-position-x:42% !important;}
	.services li.service--breast{background-position-x:38% !important}
	.services li.service--body{background-position-x:28% !important}
	.services li.service--men{background-position-x:29% !important}
	.services li.service--3d{background-position-x:31.5% !important}
	.services .section-title{display:none}
	.services .section-content{opacity:1;position:relative}
	.services .section-content>div{opacity:1;visibility:visible;width: 100%;box-sizing: border-box;bottom: 0;position: relative;}
}/*960 DESKTOP*/

@media only screen and (max-width: 1024px) and (min-width: 960px) {
	nav .stellarnav > ul > li > a{padding: 28px 14px;color:#fff;}
}/*960 DESKTOP*/
@media only screen and (max-width: 1220px) and (min-width: 1025px) {
.stellarnav>ul>li>a { padding-left:calc(-84px + 9.1666666667vw) !important;padding-right:calc(-84px + 9.1666666667vw);font-size:calc(11px + 0.4166666667vw) !important}
}

@media only screen and (max-width: 1300px) and (min-width: 961px) {
  #blog{background-position-x: 90%}
}