/* 
Theme Name: Shumakin, Helena (gentleaestheticsmedspa.com)
Author: NKP Development Team
Description: NKP Medical theme
Template: nkp
*/
@import url(/wp-content/themes/nkp/unsemantic/css/deepmenu.min.css);
@import url(/wp-content/themes/nkp/unsemantic/css/nkp.min.css);
@import url(css/global.css);
@font-face {
	font-family: 'Conv_Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.eot');
	src: local('☺'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Montserrat-Light';
	src: url('fonts/Montserrat-Light.eot');
	src: local('☺'), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype'), url('fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.mtst { font-family:'Conv_Montserrat-Light', Sans-Serif; }
.mtsr { font-family:'Conv_Montserrat-Regular', Sans-Serif; }
.gradient {
background: #dddddd;
background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 33%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 33%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 33%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.gradient-light { background: #f3f3f3; background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%); background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); }
body{ background: #FFF; font: 16px 'Conv_Montserrat-Light', sans; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5 ,h6 { color: #09181c; line-height: normal; font-family:'Conv_Montserrat-Light', Sans-Serif; text-transform: uppercase; font-weight: normal; }
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; }
.blue {color: #00c6ff;}
.header { padding: 40px 0 20px 0; }
.social { margin: 0 0 15px 0; }
.social a { background: #00c6ff; color: #FFF; border-radius: 50%; width: 35px; height: 35px; display: inline-block; font-size: 20px; text-align: center; margin: 0 0 0 7px; }
.social i { position: relative; top: 5px; }
.header .top-right { font-size: 20px; color: #222222; font-family:'Conv_Montserrat-Regular', Sans-Serif; text-align: right; }
.navigation.fixed { position: fixed; width: 100%; top: 0; z-index: 9999; }
.navigation ul { text-align: center; }
.navigation ul ul { text-align: left; }
nav { background: #09181c; }
nav .deepmenu li {
	float: none; display: inline-block;
   
}
nav .deepmenu ul { background: #09181c; }
#mobile_nav { background: #09181c; }

nav .deepmenu li a { color: #FFF; }
nav .deepmenu li a:hover { color: #CCC; }
nav .deepmenu li:hover { background: rgba(255, 255, 255, .1); }
nav .deepmenu > li > a { padding: 0 10px; font-family: 'Conv_Montserrat-Regular'; text-transform: uppercase; font-size: 15px; }
nav .deepmenu li li a { padding: 12px 15px; }
.welcome .qc { box-sizing: border-box; min-height: 450px; margin-bottom: 40px; }
.banner-mobile { display: none; }
.banner .wpcf7-form-control-wrap.name { float: left; width: 48%; }
.banner .wpcf7-form-control-wrap.email { float: right; width: 48%; }

.slider { position: relative; }
.slides h1 { font-size: 55px; line-height: 66px; font-family: 'Playfair Display', serif; ; color: #000; text-transform: none; }
.slides h2 {font-size: 25px;line-height: 35px;color: #000;text-transform: none;position: relative;padding-bottom: 15px;margin: 40px 0 25px 0;font-weight: 400;letter-spacing: 1px;display: inline-block;}
.slides .cursive { font-family: 'Allura', cursive; text-transform: none; font-size: 36px; color: #00c6ff; }
.slides hr {border-bottom: 2px solid #00c6ff;width: 75px; margin: 35px auto 0;}
.slide-wrap { margin-top: 120px; text-align: center; }

.slide-aging { background: url(images/slide-bg-aging.png) no-repeat center top; min-height: 630px; text-align: center; }
.slide-ultherapy { background: url(images/slide-bg-ultherapy.png) no-repeat center top; min-height: 630px; text-align: center; }
.slide-ultherapy h2 { width: 400px; }
.slide-coolsculpting { background: url(images/slide-bg-coolsculpting.png) no-repeat center top; min-height: 630px; text-align: center; }

.slider .flex-control-paging {position:absolute;z-index:1000; left: 0;right: 0;margin: 0 auto;bottom: 10px; text-align: center;}
.slider .flex-control-paging li {margin: 0 10px; display: inline-block; }
.slider .flex-control-paging li a {background:#85734f;width: 15px;height: 15px;border-radius: 40px;display:block;text-indent: -9999px;cursor:pointer;}
.slider .flex-control-paging li a.active {background:#00c6ff;}

.sb-form input[type="submit"] { display: inline-block; border: 1px solid #00c6ff; color: #00c6ff; padding: 7px 20px; text-transform: uppercase; font-size: 16px; font-family: 'Conv_Montserrat-Regular'; min-width: 150px; background: transparent; display: block; margin: 10px auto 0 auto; }
.welcome .grid-container { background: #f7f7f7; padding: 50px 30px; box-sizing: border-box; color: #09181c; border: 1px solid #dddddd; position: relative; }
.welcome .content { line-height: 30px; }
.welcome .content p { margin-bottom: 30px; }
/*.welcome h3 { font-size: 35px; margin: 0 0 45px; }*/
.welcome .side h3 { margin: 0 0 20px; font-size: 24px; }
.welcome h4 { font-size: 22px; font-family: 'Conv_Montserrat-Light', Sans-Serif; }
.welcome h4 span { font-size: 22px; color: #00c6ff; }
.welcome .card { margin: 25px 0 30px 0; display: block; }
.welcome .card img { box-shadow: 2px 2px 6px rgba(0, 0, 0, .4); border-radius: 10px; }
.welcome .sbItem {  margin: 25px 0 30px 0; display: block; }
.welcome a.btn { font-family: 'Conv_Montserrat-Light', Sans-Serif; }
.welcome .side { text-align: center; position: relative; margin-bottom: 30px; padding: 0 10px;}
/*.welcome .side:before { content: ''; position: absolute; left: -5px; top: -10px; width: 1px; display: block; border-left: 1px solid #ddd; min-height: 450px; }*/
h3.heading { font-size: 36px; color: #09181c; text-align: center; position: relative; padding-bottom: 15px; margin: 0 0 25px 0; font-weight: 400; }
.heading:after { content: ''; position: absolute; left: 0; bottom: 0; right: 0; margin: 0 auto; width: 40px; background: #00c6ff; height: 3px; }
a.btn { display: inline-block; border: 1px solid #00c6ff; color: #00c6ff; padding: 7px 20px; text-transform: uppercase; font-size: 16px; font-family: 'Conv_Montserrat-Regular'; min-width: 150px; }
a.btn:hover {background:#00C6FF; color: #ffffff;}
.border-left { border-left: 1px solid #ddd; }

.social a.btn { float:left; border-radius:0; height:auto; display: inline-block; border: 1px solid #00c6ff; color: #00c6ff; background:#fff; padding: 7px 15px; text-transform: uppercase; font-size: 16px; font-family: 'Conv_Montserrat-Regular'; min-width: 250px; }
.social a.btn:hover {background:#00C6FF; color: #ffffff;}


.procedures { padding: 50px 0; }
.sub .procedures {border-top: 1px solid #ddd;}
.procedures .proc { float: left; width: 23.6%; position: relative; z-index: 10; overflow: hidden; padding-bottom: 26.5%; }
.procedures .proc img { position: absolute; top: 0; left: 0; }
.procedures .proc .content { position: absolute; z-index: 50; background: rgba(255, 255, 255, 0.7); bottom: -150px; padding: 15px; box-sizing: border-box; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; font-size: 14px; min-height: 200px; }
.procedures .proc-long .content { bottom: -161px; }
.procedures .proc .content h4 { font-size: 17px; color: #09181c; font-family: 'Conv_Montserrat-Regular', Sans-Serif; display: block; text-align: center; margin-bottom: 15px; }
.procedures .proc .content a { text-transform: uppercase; color: #00c6ff; display: block; text-align: center; margin: 10px 0 0; }
.procedures .proc:hover .content { bottom: -10px; }
.testimonials { background: url(images/bg-testimonials.jpg) no-repeat center top; background-attachment: fixed; padding: 90px 0; color: #FFF; text-align: center; font-size: 15px; }
.testimonials .content { margin: 0 auto; max-width: 846px; line-height: 28px; }
.testimonials h3 { color: #FFF; }
.testimonials img { margin: 10px 0 30px; }
.testimonials p.author { margin-top: 20px; }
.testimonials a.btn { display: inline-block; border: 1px solid #00c6ff; color: #00c6ff; padding: 7px 20px; text-transform: uppercase; font-size: 16px; font-family: 'Conv_Montserrat-Regular'; min-width: 150px; margin-top: 50px; }
.testimonials a.btn:hover {color:#ffffff;}
.footer { padding: 40px 0; color: #09181c; font-size: 15px; line-height: 24px; }
.footer a { color: #09181c; }
.footer .social { margin-top: 0px; }
.footer .social a { margin: 0 7px 0 0; }
.footer .social a i { color: #FFF; }
.footer i { color: #00c6ff; }
.footer .ft-phone { color: #00c6ff; }
.footer .ft-1 i { float: left; height: 100px; margin: 3px 15px 0 0; }
.footer .ft-2 i.fa-envelope { margin-right: 10px; }
.footer .ft-3 { font-size: 12px; text-align: center; line-height: 30px; }
.footer .ft-3 .logo { margin: 0 0 30px; }
.sub .footer { border-top: 1px solid #ddd; }
.sub .qc { padding: 15px 20px; margin-bottom: 30px; }
.sub .welcome .side:before { display: none; }
/* SUBPAGE */
.banner-sub { height: 224px; }
.main .content { line-height: 24px; padding: 40px 0; }
.main .content p { margin: 0 0 25px; }
.main .content ul { margin: 0 0 15px 15px; padding-left: 20px; }
.main .content ul li { list-style: disc; }
.main .content h1 { margin: 0 0 4px; font-size: 30px; }
.main .content h2 { margin: 0 0 4px; font-size: 28px; text-transform: capitalize;}
.main .content h3 { margin: 0 0 4px; font-size: 22px; text-transform: capitalize;}
.main .content h4 { margin: 0 0 4px; font-size: 18px; text-transform: capitalize;}
.main .sidebar { padding: 40px 0; }
.main .sidebar .qc h3 { margin: 0 0 20px; font-size: 24px; }
/* SUBPAGE */
.captcha {position: relative;}
.contact-form .wpcf7-captchac.wpcf7-captcha-captcha-778 {position: absolute; top: 12px; right: 20px; z-index: 1;}
.sb-form .wpcf7-captchac.wpcf7-captcha-captcha-778 {position: absolute; top: 7px; right: 7px;z-index: 1;}
.contact-form select {
    background: rgb(255,255,255);
    border: 1px solid #CCC;
    height: 54px;
    margin-bottom: 10px;
    width: 100%
}
.contact-form input[type="submit"] {
    display: inline-block;
    border: 1px solid #00c6ff;
    color: #00c6ff;
    padding: 7px 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Conv_Montserrat-Regular';
    min-width: 150px;
    background: transparent;
    display: block;
    margin: 10px auto 0 auto;
}
.contact-form input[type="submit"][disabled], .contact-form input[type="submit"][disabled]:hover, .contact-form input[type="submit"][disabled]:hover  {border: 1px solid #cccccc;color: #cccccc;background: transparent;}
.sb-form input[type="submit"][disabled], .sb-form input[type="submit"][disabled]:hover, .sb-form input[type="submit"][disabled]:hover  {border: 1px solid #cccccc;color: #cccccc;background: transparent;}

.contact-form input[type="submit"][disabled]:hover, .sb-form input[type="submit"][disabled]:hover {cursor: not-allowed;}
.contact-form input[type="submit"]:hover, .sb-form input[type="submit"]:hover  {background:#00C6FF; color: #ffffff;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="url"], .contact-form textarea, .contact-form select { border-radius: 0px; outline: none; font-family: inherit; font-size: inherit;}
.sidebar .welcome .side {
    border: 1px solid #b8b8b8;
    padding: 0 20px 20px;
}
.patient-entry.internal {
    border-bottom: 1px dotted gray;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.footer-bg {padding: 80px; background: url(images/footer-bg.jpg) no-repeat center top;}
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-wrapper {max-width: 80%; margin: 0 auto;}
.testimonials .flex-control-nav { margin: 40px auto; padding: 0; display: table; }
.testimonials .flex-control-nav li { float: left; }
.testimonials .flex-control-nav li a { float: left; margin: 0 10px; padding: 0; display: block; width: 15px; height: 15px; border-radius: 50%; background: #c9c9c7; text-indent: -9999px; cursor: pointer; }
.testimonials .flex-control-nav li a.flex-active { background: #000; }
.line { margin-bottom: 20px; }
.feat-img { float:left; margin-right:10px; }
.single { max-width:40%; float:right; margin-left:10px; }

.published-on-line { margin-bottom:15px!important; font-style:italic; }
.published-on-line-single { margin-bottom:15px!important; font-style:italic; }


@media only screen and (max-width : 1190px) {
	nav .deepmenu > li > a { padding: 0 10px; }
	.welcome .side:before { left: -15px; }
	.welcome .side h3.heading { font-size: 28px; }
	.social a.btn { padding: 7px 10px;  font-size: 14px;  min-width: 195px; }
}
@media only screen and (max-width : 1100px) and (min-width : 1025px) {
	.procedures .proc .content {font-size: 12px;}
}
@media only screen and (max-width : 1024px) and (min-width : 769px) {
	.procedures .proc .content {font-size: 11px;}
}

@media only screen and (max-width : 1095px) {
	nav .deepmenu > li > a { padding: 0 8px; font-size: 13px; }
}

@media only screen and (max-width : 959px) {
	.navigation.fixed { position: relative; }
	.navigation ul { text-align: left; }
	nav .deepmenu { background: #09181c; }
	nav .deepmenu li { display: block; }
	nav .deepmenu > li > a { padding: 0 15px; }
	nav .deepmenu > li:first-child > a { padding: 0 15px; }
	.welcome .side h4, .welcome .side h4 span { font-size: 16px; }
	.footer { padding: 20px 0; }
	.footer .ft-3 { margin-top: 20px; }
	.footer .ft-3 .logo { margin-bottom: 15px; }
	.procedures .proc .content h4 { font-size: 13px; }
	.video-wrapper {max-width: 100%;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
	.navigation.fixed { position: relative; }
	.navigation ul { text-align: left; }
 
	nav .deepmenu ul { width: 100%; }
	nav .deepmenu ul ul { left: 0; }
	nav .deepmenu { background: #09181c; }
	nav .deepmenu li { display: block; }
	nav .deepmenu > li > a { padding: 0 15px; }
	nav .deepmenu > li:first-child > a { padding: 0 15px; }
	.welcome .side h4, .welcome .side h4 span { font-size: 16px; }
	.footer { padding: 20px 0; }
	.footer .ft-3 { margin-top: 20px; }
	.footer .ft-3 .logo { margin-bottom: 15px; }
	.procedures .proc .content h4 { font-size: 13px; }
	.testimonials {background-attachment: inherit;}
	.procedures .proc .content {font-size: 12px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.banner { display: none; }
	.banner-mobile { display: block; }
	.main { margin-bottom: 30px; }
	.main .content { margin-bottom: 30px; clear: both; }
	.procedures .proc { width: 40%; max-width: 275px; margin: 0 5% 5% 5%; padding-bottom: 43.8%; box-sizing: border-box; }
	.header { text-align: center; }
	.header { padding: 20px 0 0 0; }
	.header .social { float: left; }
	.header .social a { margin: 0 3px 0 0; }
	.header .top-right { text-align: center; margin-top: 15px; }
	.header .top-phone { float: right; margin-top: 7px; }
	.welcome .grid-container { padding: 25px 0; }
	h3.heading { font-size: 28px; }
	.welcome h4 { font-size: 18px; }
	.testimonials { padding: 30px 0; background-size: cover; }
	.csmod_brand-container{height:364px;}
	#gform_wrapper_2 .gform_wrapper .gfield{width:100%!important;float:none!important;padding-right:0!important}
	#gform_wrapper_2 .gform_button{position:static!important;width:100%!important;display:block}
	#gform_wrapper_2 .gform_wrapper .gf_captcha input{width: 96px!important;max-width:100px;margin-top:14px!important}
	body #gform_wrapper_2 .gf_captcha img.gfield_captcha{position:static!important;margin-left:0!important;height: 42px;}
}

@media only screen and (max-width : 825px) {

		.social a.btn { padding: 7px 10px;  font-size: 13px;  width:185px; }
		.social a { font-size: 14px; width:25px; height:25px; }
}

@media only screen and  (max-width : 480px) {
	.xs-grid-100 { clear: both; display: block; width: 100%; }
	.procedures .proc { width: 100%; float: none; clear: both; margin: 0 auto 20px auto; padding-bottom: 71.8%; }
	.banner-sub { height: 134px; }
	.header .social a { margin-right: 0; }
	.main .content h1{font-size: 22px;}
	.social a { width: 30px; height: 30px; margin-right: 0; }
	.social i { top: 7px; font-size: 16px; }
	.header .top-phone { font-size: 15px; }
	.csmod_brand-container{height:500px;}
	img.patient-list-image {width: 90%; }
	.patient-listing {width: 100%;}
	.patient-listing > div {  width: 50%;}
	.patient-content { width: 100% !important;clear: both;}
	.social { width:100%; margin-bottom:5px; }
	.social a.btn { width:100%;}
	.header .top-phone { text-align:center; float:none; }
	
}

@media only screen and (max-width : 320px) {
	.main .content h1 {font-size: 18px;}
	.main .content h3 {font-size: 18px;margin-bottom: 20px;}
}

@media (max-width: 1024px) and (min-width: 768px) {
.prefix-50 { margin-left:50%; }	
}


/*boostraup fix */ 
* {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.gfield input{padding-top:9px!important;padding-bottom:9px!important;margin-top:0!important;padding-left:15px!important;padding-right:15px!important}
.gform_wrapper li{
	margin-top:0px!important;
	line-height: 0;
}
.gform_wrapper .gf_city{float:left;width:71%;padding-right:5%}
.gform_wrapper .gf_state{float:left;width:14.5%;padding-right:5%;clear:none!important}
.gform_wrapper .gf_zip{float:left;width:14.5%;padding-right:0%;clear:none!important}
.gform_wrapper .gf_age{float:left;width:14.5%;padding-right:5%}
.gform_wrapper .gf_gender{float:left;width:16.5%;padding-right:5%;clear:none!important}
.gform_wrapper select{width:100%!important;height:44px}
.gform_wrapper .gf_zip{float:left;width:14.5%;padding-right:0%;clear:none!important}
.gform_wrapper .gf_duration{float:left;width:69%;padding-right:0%;clear:none!important}
.gform_wrapper .gf_agreement{float:left;width:31%;padding-right:5%}
#gform_wrapper_2 .gf_captcha{float:left;width:36%;padding-right:5%;clear:none!important}
#gform_wrapper_2 .gf_captcha input{width: 100%!important;margin-top:14px!important}
#gform_wrapper_2 .gf_captcha img.gfield_captcha{position:absolute;height:30px;width:auto;margin-top:25px!important;margin-left:100px!important;}
#gform_wrapper_2 .gform_button{
	border: 1px solid #00c6ff;
    color: #00c6ff;
    padding: 7px 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Conv_Montserrat-Regular';
    min-width: 150px;
    background: transparent;
    display: block;
    margin: 10px auto 0 auto;
    position:absolute;
    right:0;
    margin-top:-70px!important
}
.m-form .gform_footer{position:relative}
#gform_wrapper_1 .gfield_checkbox{
	text-align:center;
	font-weight:normal;
	letter-spacing:1px;
	width: 100%;
}
#gform_wrapper_1 li{padding-right:0}
#gform_wrapper_1 .gf_captcha{float:left;width:100%;padding-right:5%;clear:none!important;position:relative}
#gform_wrapper_1 .gf_captcha input{width: 100%!important;margin-top:14px!important}
#gform_wrapper_1 .gf_captcha img.gfield_captcha{position:absolute;height:30px;width:auto;margin-top:25px!important;right:30px!important;}
#gform_wrapper_1 .gform_button{
	border: 1px solid #00c6ff;
    color: #00c6ff;
    padding: 7px 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Conv_Montserrat-Regular';
    min-width: 150px;
    background: transparent;
    display: block;
    margin: 10px auto 0 auto;
}
.m-form .gform_footer{position:relative}