/*
Theme Name: Ulm, Jason (ulmplasticsurgery.com)
Author: NKP Development Team
Description: NKP Medical responsive theme
Template: nkpv2
*/
@import url(https://static.nkpmedical.com/stellarnav/stellarnav.min.css);
@import url(https://static.nkpmedical.com/unsemantic/css/nkp.min.css);
@import url("https://use.typekit.net/oun1gdq.css");
@import url(css/global.css);
body{ background: #FFF; font: 16px 'proxima-nova', sans; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5 ,h6 { color: #161616; line-height: normal; font-weight: 400; }
a { 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; }
a.btn { display: inline-block; text-align: center; padding: 14px; box-sizing: border-box; color: #03070b; background: #edd4c0; border: 2px solid #f3e2d4; min-width: 200px; text-transform: uppercase; }
a.btn:hover { background: #FFF; color: #333; }
a.btn-primary { background-color: #161616; color: #edd4c1; border-color: #000; }
a.btn-primary:hover { background-color: #edd4c0; color: #03070b; }

.grid-container.top-annc {
    border-bottom: 2px solid;
    padding: 30px 0 20px 0;
    margin: 0px 0 30px 0;
    width: 100% !important;
    max-width: none;
    text-transform: uppercase;
	color:#fff;
}

/* censor gate */
.censor-gate {position: relative;}
.censor-gate .bxa-img {filter: blur(20px);}
.censor-gate button.btn { display: inline-block; text-align: center; padding: 10px; box-sizing: border-box; color: #FFF; background:#66090a; border: 0; min-width: 260px; }
.censor-gate button.btn:hover { background: #e51417; }
.censor-gate .bxa-btn {position: absolute; font-size: 16px; cursor: pointer; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 60px; margin: auto;}

.tp { font-family: 'trajan-pro-3', serif; }
.grid-container.wide { max-width: 1465px; }
.header { padding: 0 0 40px 0; }
.logo { float: left; }
.top-right { float: right; }
.top-phone { font-size: 22px; display: block; font-weight: 300; color: #03070b; margin: 5px 0 8px 0; line-height: 22px; }
.social {  }
.social a { color: #000; font-size: 20px;  }
.stellarnav { background: #edd4c0; }
.stellarnav li a { color: #333333; }
.stellarnav ul ul { background: #edd4c0; }
.stellarnav > ul > li > a { padding: 20px 28px; color: #333333; font-size: 18px; }
.stellarnav > ul > li:hover > a { color: #333333; }
.stellarnav.desktop > ul > li:hover > a:before { content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 0; height: 0;  border-left: 17px solid transparent; border-right: 17px solid transparent; border-bottom: 12px solid black; }
.stellarnav > ul > li.has-sub:hover > a:before { border-bottom: 0; border-left: 17px solid transparent; border-right: 17px solid transparent; border-top: 12px solid #000; }
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { color: #333333; }
.stellarnav.mobile ul { background: transparent; }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.banner { overflow: hidden; height: 820px; color: #FFF; }
.banner .slide1 { background: url(images/slide1-rev011019.jpg) no-repeat left top; height: 820px; background-size:cover; }
.banner .slide1 .content {float:none;margin:270px auto 0;}
.banner .slide2 { background: url(images/slide2.jpg) no-repeat center top; height: 820px; }
.banner .slide3 { background: url(images/slide3.jpg) no-repeat center top; height: 820px; }

.banner .slide-bestof2021 { background: url(images/slide-best-plastic-surgeon.jpg) no-repeat center center; height: 820px; background-size:cover; }
.banner .slide-bestof2021 .content {
    float: left;
    margin: 260px auto 0;
    width: 100%;
}
.slide.slide-bestof2021 img {
    max-width: 300px;
}

.banner .slide-whatToExpect { background: url(images/slide-whatToExpect.jpg) no-repeat center center; height: 820px; background-size:cover; }

.banner .slide-whatToExpect .content { float:right; margin:100px auto 0; }

.banner .slide-breastAug { background: url(images/slide-breast-augmentation.jpg) no-repeat center center; height: 820px; background-size:cover; }

.banner .slide-breastAug .content { float:right; margin:100px auto 0; }

.banner .slide-testimonials { background: url(images/slide-testimonials.jpg) no-repeat center top; height: 820px; }

.banner .slide-schedule { background: url(images/slide-schedule.jpg) no-repeat center top; height: 820px; }

.banner .slide-fatTransfer { background: url(images/slide-fatTransfer.jpg) no-repeat center top; height: 820px; }

.banner .slide-fatTransfer .content { float:right; margin:100px auto 0; }

.banner .slide-liposuction { background: url(images/slide-liposuction.jpg) no-repeat center top; height: 820px; }

.banner .slide-liposuction .content { float:right; margin:100px auto 0; }

.banner-mobile { display: none; }
.banner .content { float: right; width: 50%; margin-top: 200px; text-align: center; }
.banner h3 { font-family: 'trajan-pro-3', serif; color: #FFF; font-size: 32px; padding: 25px 0; margin: 0 0 25px; position: relative; text-align: center; }
.banner h3:before, .banner h3:after { content: ''; position: absolute; left: 0; width: 100%; display: block; height: 2px; }
.banner h3:before { top: 0; background: url(images/banner-title-top.png) no-repeat right top; }
.banner h3:after { bottom: 0; background: url(images/banner-title-bottom.png) no-repeat left top; }

.banner .slide-breastAug h3, .banner .slide-whatToExpect h3, .banner .slide-testimonials h3, .banner .slide-schedule h3, .banner .slide-fatTransfer h3, .banner .slide-liposuction h3 { color: #000; }
.banner .slide-breastAug h3:before, .banner .slide-breastAug h3:after, .banner .slide-whatToExpect h3:before, .banner .slide-whatToExpect h3:after, .banner .slide-testimonials h3:before, .banner .slide-testimonials h3:after, .banner .slide-schedule h3:before, .banner .slide-schedule h3:after, .banner .slide-fatTransfer h3:before, .banner .slide-fatTransfer h3:after, .banner .slide-liposuction h3:before, .banner .slide-liposuction h3:after { content: ''; position: absolute; left: 0; width: 100%; display: block; height: 2px; background:#000;}

.banner .btn { margin: 35px 0 0; width: 100%; max-width: 565px;}
.banner .btn.btn-primary {border:none;}
.banner p { font-size: 16px; line-height: 35px; max-width: 600px; margin: 0 auto 25px auto;text-shadow: none; }
.banner .slide-breastAug p, .banner .slide-whatToExpect p, .banner .slide-testimonials p, .banner .slide-schedule p, .banner .slide-fatTransfer p, .banner .slide-liposuction p { color:#000; }
.banner .flex-control-nav { top: -85px; }
.banner .flex-control-nav li a { width: 20px; height: 20px; }
.services { padding: 70px 0 100px 0; background: #f7f7f7; }
.services h3 { font-family: 'trajan-pro-3', serif; font-size: 36px; color: #161616; font-weight: 400; text-align: center; margin: 0 0 45px 0; }
.services .proc { display: inline-block; width: 24.5%; text-align: center; position: relative; }
.services .proc h4 { font-size: 32px; color: #333333; font-weight: 300; margin: 10px 0 0; }
.services .proc img { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; filter: grayscale(0%); }
.services .proc img:hover { outline: 10px solid #ffcca4; outline-offset: -10px; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); background-blend-mode: multiply; filter: grayscale(50%); }
.services .proc .overlay { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; position: absolute; left: 0; top: 0; width: 90%; padding-bottom: 138.5%; background: rgba(228, 207, 191, .7); z-index: 0; opacity: 0; z-index: 10; }
.services .proc:hover .overlay { opacity: 1; }
.doctor { background: url(images/bg-doctor.jpg) no-repeat center bottom; color: #161616; }
.doctor p { line-height: 32px; }
.testimonials { background: url(images/bg-testimonials.jpg) no-repeat center top; color: #161616;background-color: #EFE5E3; }
.testimonials p { line-height: 32px; margin: 0 0 30px; }
.testimonials.section.testiPage {
    background-position: left;
}
.section { padding: 130px 0; }
.section h3 { font-size: 18px; font-weight: 300; color: #161616; letter-spacing: 9px; text-transform: uppercase; }
.section h4 { font-size: 36px; font-weight: 300; }
.section h4 span { font-weight: 400; }
.section p { margin: 15px 0 30px 0; }
.section .btn { width: 100%; max-width: 560px; margin: 15px 0 0; }
.testimonials.section h3 { margin-bottom: 35px; }
.doctor.section { padding: 100px; }
.contactus { background: #f7f7f7; padding: 60px 0; }
.contactus h3 { font-family: 'trajan-pro-3', serif; font-size: 36px; text-align: center; margin: 0 0 35px; }

.contactus .grid-container .qc { max-width: 890px; margin: 0 auto; }
.contactus .left {text-align:right;}
.contactus .left, .contactus .right {
    padding: 99px 10px 10px 10px;
}
.contactus .left img {
    max-width: 160px;
}
.contactus .left p, .contactus .right p {
    padding: 10px;
}
.contactus h4 {
font-family: 'trajan-pro-3', serif;
	}
.wpcf7-spinner {display:block !important;}
.footer { padding: 20px 0; font-weight: 300 }
.footer a { color: #000; }
.footer .ft-left { margin-top: 95px; font-size: 14px; }
.footer .ft-right { text-align: right; }
/* SUBPAGE */
.banner-sub { display: block; /*background: url(images/banner-sub.jpg) no-repeat center top;*/ background-color:#000; height: 250px; }

.banner-sub.face {background: url(images/banner-sub-face-v2.jpg) no-repeat center top;}
.banner-sub.breast {background: url(images/banner-sub-breast.jpg) no-repeat center top;}
.banner-sub.body {background: url(images/banner-sub-body.jpg) no-repeat center top;}
.banner-sub.botox {background: url(images/banner-sub-botox.jpg) no-repeat center top;}
.banner-sub.fillers {background: url(images/banner-sub-fillers.jpg) no-repeat center top;}

.banner-sub h3, .banner-sub .h3-div-banner { color: #FFF; font-size: 28px; position: relative; margin-top: 100px; font-weight: 300; font-family: 'trajan-pro-3', serif;  }
.main .content { padding: 40px 0; line-height: 30px; }
.main .content p { margin: 0 0 25px; }
.main .content ul { margin: 0 0 25px 15px; }
.main .content ul li { list-style: disc; }
.main .content h1 { margin: 0 0 15px; font-size: 30px; }
.main .content h2 { margin: 0 0 15px; font-size: 26px; font-family: 'trajan-pro-3', serif; color: #c19774; line-height: 20px;}
.main .content h3, .main .content .sub-div { margin: 0 0 15px; font-size: 22px; font-family: 'trajan-pro-3', serif; color: #c19774; line-height: 18px;}
.main .content h4 { margin: 0 0 15px; font-size: 18px; font-family: 'trajan-pro-3', serif; color: #c19774; }


.main .sidebar { padding: 40px 0; }
.main .sidebar .qc h3 { margin: 0 0 20px; font-size: 24px; }
.main .content a { color: #8c5c35; }
.sb-form input[type="submit"] { background: #edd4c0; color: #03070b; }
.stellarnav.desktop ul ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.stellarnav.desktop ul ul ul li { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); }
.stellarnav.desktop ul ul > li:hover > a {background: #fafafa; color: #333;}
.stellarnav.desktop ul ul li:last-child {border-bottom: none;}
.sidebar .qc { margin-bottom: 20px; }
.main .content ul.proc-list li {
    border-bottom: 1px solid #e9e9e9;
    display: block;
    background: url(images/proc-bullet.png) no-repeat 15px 22px;
    padding: 16px 30px 16px 39px !important;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
}
.main .content ul.proc-list li:hover a{padding-left: 10px !important;}
.main .content ul.proc-list li:hover {background: url(images/proc-bullet.png) no-repeat 25px 22px}
.main .content ul.proc-list li:last-child { border-bottom: none; }
.main .content hr {border-bottom: 1px solid #ccc; margin-bottom: 20px;}

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


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

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

@media only screen and (max-width: 500px) {
.procs-slide .controls-slide{display:none}
.procs-slide .section-header{padding-bottom:.5rem;}
.procs-slide #procs-slider li .grid-60:last-of-type{padding-top:.5rem}
.procs-slide #procs-slider .btn { margin:15px 0; }
}

/* SUBPAGE */
.wpcf7-form-control-wrap { margin-bottom: 15px; }
.procpic img { border: 1px solid #EDD4C080; }

@media only screen and (min-width:960px) and (max-width:1600px) {
	.banner .slide1 .content, .banner .slide-whatToExpect .content, .banner .slide-breastAug .content {float:right;}
}

@media only screen and (max-width : 1215px) {
	.stellarnav > ul > li > a { padding: 20px 18px; }
}

@media only screen and (max-width : 1140px) {
	.services .proc { width: 24.5%; }
	.services .proc h4 { font-size: 28px; }
  .doctor.section { padding: 80px 0; }
}

@media only screen and (max-width : 1060px) {
	.stellarnav > ul > li > a { padding: 20px 12px; font-size: 17px; }
}

@media only screen and (max-width : 959px) {
	.services .proc h4 { font-size: 24px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.contactus .left, .contactus .right {
    padding: 9px 10px 50px 10px;
    text-align: center;
}
	.contactus .center {
    padding-bottom: 50px;
}
	.top-right { display: none; }
	.header { text-align: center; padding: 15px 0; }
	.logo { float: none; }
	.banner { display: none; }
	.banner-mobile { display: block; }
	.main { margin-bottom: 30px; }
	.main .content { margin-bottom: 30px; clear: both; }
  .top-right { text-align: center; }
	.services .proc { width: 47.5%; margin-bottom: 25px; }
	.services { padding: 30px 0; }
	.services h3 { font-size: 28px; }
	.section { padding: 40px 0; }
	.section .content { background: rgba(255, 255, 255, .85); padding: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, .2) }
  .doctor { background-size: 300% auto; background-position: 36% bottom; }
  .doctor.section { padding: 25px 0 68% 0; }
  .footer { text-align: center; padding: 20px 0; }
	.footer .ft-left { margin-top: 0; }
	.footer .ft-right { text-align: center; margin-top: 15px; }
	.banner-sub { height: auto; background-size: 268% auto; }
	.banner-sub h3, .banner-sub .h3-div-banner { margin: 10% 0; max-width: 70%; font-size: 25px; }
	.procpic {text-align: center; margin-bottom: 15px;}
}

@media only screen and (max-width : 480px) {
	.xs-grid-100 { clear: both; display: block; width: 100%; }
	.logo { width: 75%; margin: 0 auto }
	.services .proc { width: 100%; }
	.section h3 { letter-spacing: 0; }
	.doctor.section h4 { font-size: 30px; }
	.banner-sub h3, .banner-sub .h3-div-banner { margin: 10% 0; max-width: 70%; font-size: 17px; }
	.content-pic {float: none; display: block; margin: 0 auto 15px; width: 100%;}
}