/**
Theme Name: Sultan, Babar (sultanfacialplastics.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.8.2/css/all.css);
@import url(https://static.nkpmedical.com/stellarnav/stellarnav.min.css);
/*---- Do Not Remove ----*/

img {border:0px;}
.img-r {float:right; padding: 0px 0px 10px 15px;}
.img-l {float:left; padding: 0px 15px 10px 0px;}
.img-resp, .img-responsive {max-width:100%; height:auto;}
.tac {text-align:center;}


p, ul, li, a{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	/*margin-bottom: 24px!important;*/
	font-weight: 300;
}
p {
	margin-bottom: 24px!important;
}
ul, ol {
	margin: 0 0 20px 22px!important;
}
ul#sitemap ul, ul.gallerySitemap ul {
	margin: 0 0 0 22px!important;
}
li {
	line-height: 28px;
}
ul, li {
	list-style-type: square!important;
}
a, a:visited, a:focus {outline: none; text-decoration: none;}
a:hover {
	color: #987298;
}
h1, h2, h3, h4, h5, h6 {
	color: #987298;
	font-family: "pt-serif", Georgia, Times, serif;
	font-weight: 300;
	margin-bottom: 15px;
}
h1 {
	font-size: 64px;
}
h2 {
	font-size: 58px;
}
h3 {
	font-size: 54px;
}
h4 {
	font-size: 48px;
}
h5 {
	font-size: 44px;
}
h6 {
	font-size: 38px;
}
.tac {
	text-align: center;
}
.tal {
	text-align: left;
}
.tar {
	text-align: right;
}
/*---- GENERAL ----*/



.main-form {/*float:left;*/ width:49%; padding:46px 30px 20px; /*margin:20px 0px 30px;*/ color:#000; font-size:15px; font-family:"Roboto", sans-serif; font-weight:400; font-style:normal;}
.main-form a {color:#987298; text-decoration:none;}
.main-form a:hover {color:#000; text-decoration:none;}
.main-form input[type="text"], .main-form input[type="email"], .main-form input[type="tel"], .main-form input[type="url"], .main-form textarea {background:#ededed; width:100%; height:65px; margin:0 0 10px; padding:0px; outline:none; box-sizing:border-box; color:#020202; font-size:15px; font-family:"Roboto", sans-serif; font-weight:400; font-style:normal; border:0; border-radius:0; text-transfomr:uppercase; text-indent:10px; transition:all .5s ease-out; }
.main-form textarea {font-family:inherit; padding:10px 0 0 0; height:190px;}
.main-form select{background:#ededed; width:100%; height:65px; padding:0px; margin:0px 0px 10px; color:#020202; font-size:15px; font-family:"Roboto", sans-serif; font-weight:400; font-style:normal; border:0; border-radius:0px; text-indent:4px; transition:all .5s ease-out;}
.main-form input[type="submit"] {background:#EFEFF0; color:#666; float:none; display:block; font-size:18px; font-family:"Roboto", sans-serif; font-weight:400; line-height:56px; text-align:center; width:100%; height:auto; letter-spacing:0px; border:0; border-radius:0; margin:11px auto 20px; padding:0; cursor:pointer; text-transform:none; transition:all .5s ease-out;}
.main-form input[type="submit"]:hover {background:#987298; color:#fff;}
.main-form input[type="submit"][disabled], .main-form input[type="submit"][disabled]:hover {background:#EFEFF0; color:#666; opacity:0.5; border:0; cursor:default;}
.main-form .agreement {margin:21px 0px 6px; font-weight:400; text-align:left;}
.main-form .captcha {margin:0px auto 8px;}
.main-form input:focus, .main-form textarea:focus, .main-form select:focus, .main-form input:hover, .main-form textarea:hover, .main-form select:hover {background:rgba(152, 114, 152, 0.4);}
.wpcf7-response-output.wpcf7-display-none {display:none!important;}
.testimonial-dash, .testimonial-date, .review-rating-stars {display: none;}
.testimonial-entry { border-top: 10px solid #a5dbf7; background: #f8fdff; padding: 10px 30px; margin: 10px 0px; border-bottom: 1px solid #a5dbf7; }

.wpcf7-form-control-wrap{width:100%; display:block!important;}
.wpcf7-form-control-wrap.name, .wpcf7-form-control-wrap.email, .wpcf7-form-control-wrap.phone{display:inline!important;}
.wpcf7-form-control-wrap.agree{width:auto; display:inline-block!important;}



/* DEFAULT RESET */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
	box-sizing: border-box;
}
.clearfix{ /* 	pointer-events: none; */}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	/* 	pointer-events: none; */
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

html, body{
	background: white;
	min-width: 100%;
	position: relative;
	display: block;
	margin: 0;
	margin-top: 0px !important;
	padding: 0;
}

body{
	padding: 45px 0px;
	min-height: 100vh;

}
.body-bg{
	background: url('images/bg-marble.jpg') repeat top left;
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	max-width: none;
	height: 200%;
	pointer-events: none;
	z-index: 1;
}
header, #main-content, footer{
	z-index: 2;
	position: relative;
}
@media screen and (max-width: 1280px){
	body{padding: 0px;}
}

#loader{
	background: #fff;
	z-index: 9999;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	display: block;
	opacity: 1;
	pointer-events: none;
	transition: opacity .5s ease-in-out;
}
.pace-done #loader{opacity: 0;}
#loader div{
	max-width: 448px;
	width: 75%;
	max-width: 448px;
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#loader svg *{fill: #999;}

/* HEADER */
header{
	/* 	max-width: 1920px; */
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	/* 	padding: 0px 120px; */
	/* 	padding: 0px calc((100% - 1920px) / 2 + 120px); */
	height: 150px;
	background: rgba(255, 255, 255, 0);
	z-index: 3000;
	transition: background .25s ease-in-out, height .25s ease-in-out;
}
#header-wrap{
	display: block;
	position: relative;
	background: white;
	padding: 0px 0px;
	width: 1680px;
	height: 150px;
	margin: 0 auto;
	z-index: 3000;
	transition: height .125s ease-in-out, background .25s ease-in-out;
}
#header-wrap > *{
	top: 50%;
	transform: translateY(-50%);
}
#header-wrap.stuck{
	top: 0;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
}
#header-wrap.passed-main-content{
	height: 70px;
	background: rgba(63, 63, 63, 0.95);
}
.menu-item-home{display: none;}
.passed-main-content #logo-desktop {width: 180px;}
.passed-main-content #logo-desktop-link span:first-child{width: 100%;}
.passed-main-content #logo-desktop-link span:last-child,
.passed-main-content #logo-desktop-link span:last-child svg{
	width: 0px !important;
	overflow: hidden;
	padding: 0px;
}
#logo-desktop{
	width: 465px;
	height: auto;
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding-left: 45px;
	max-width: 480px;
}
#logo-desktop-link{
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
}
#logo-desktop-link span{
	vertical-align: middle;
	display: inline-block;
	position: relative;
	width: auto;
}
#logo-desktop-link span:first-child{float:left;}
#logo-desktop-link span svg .logo-stroke{
	opacity: 0;
	transition: opacity .25s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#logo-desktop-link span:last-child{float:left; padding-left: 20px;}
#logo-desktop svg{
	width: 250px;
	height: 55px;
	position: relative;
	display: block;
}
#logo-desktop svg *{
	fill: #666;
	transition: fill .25s ease;
}
#logo-desktop-link span:last-child svg{width: 150px;}
.passed-main-content #logo-desktop svg{
	width: 162px;
	height: 35px;
}
.passed-main-content #logo-desktop svg *{fill: #fff;}
#logo-desktop:hover svg *{fill: #987298;}






header nav{
	display: inline-block;
	/* 		width: calc(100% / 7 * 4); */
	vertical-align: middle;
	padding-left: 70px;
	position: relative;

}
header nav ul{
	width: 100%;
	display: block;
	position: relative;
	/*overflow: hidden;*/
	opacity: 1;
	white-space: nowrap;
	margin: 0!important;
}
header nav ul li{
	display: inline-block;
	position: relative;
	margin-right: 35px!important;
	height: 50px;
	vertical-align: top!important;
	transition-duration: 0.5s;
}

header nav ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 1rem;
	left: 0;
	display: none;
}
header nav ul li:hover > ul, header nav ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
}
header nav ul li ul li {
	clear: both;
	width: 100%;
}


header nav ul li:last-child{margin-right: 0px;}
header nav ul li a{
	text-decoration: none!important;
	color: #888!important;
	font-family: "Roboto", Helvetica, Arial, sans-serif!important;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px!important;
	line-height: 50px;
	height: 50px;
	display: inline-block;
	padding: 0!important;
	border-top: 2px solid rgba(240, 240, 240, 0);
	border-bottom: 2px solid rgba(239, 239, 239, 0);
	box-sizing: border-box;
	transition: border .25s ease-in-out, color .25s ease-in-out!important;
}
header nav ul li ul li a {
	background: #987298;
	color: #fff!important;
	border-top: 0!important;
	border-bottom: 0!important;
	width: 100%;
	height: auto;
	padding: 0 0 0 14px!important;
}
header nav ul li ul li a:hover {
	background: #fff;
	color: #777!important;
}
.stellarnav ul ul {background:#987298; width: 270px;}
header #header-wrap.passed-main-content nav ul li ul li a {
	background: rgba(63, 63, 63, 0.95);
	color: #777!important;
}
header #header-wrap.passed-main-content nav ul li ul li a:hover {
	background: #fff;
}
header nav ul .current-menu-item a,
body.page-id-45 header nav ul #menu-item-52 a,
body.page-id-46 header nav ul #menu-item-54 a,
body.page-id-47 header nav ul #menu-item-53 a,
body.page-id-577 header nav ul #menu-item-579 a,
body.post-type-archive-patients header nav ul #menu-item-368 a,
body.page-id-48 header nav ul #menu-item-51 a,
body.tax-procedure header nav ul #menu-item-368 a,
body.patients-template-default header nav ul #menu-item-368 a{
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
}
header nav ul .current-menu-item:hover ul a,
header nav ul .current-menu-item a:hover,
body.page-id-45 header nav ul #menu-item-52 a:hover,
body.page-id-46 header nav ul #menu-item-54 a:hover,
body.page-id-47 header nav ul #menu-item-53 a:hover,
body.page-id-577 header nav ul #menu-item-579 a:hover,
body.post-type-archive-patients header nav ul #menu-item-368 a:hover,
body.page-id-48 header nav ul #menu-item-51 a:hover,
body.tax-procedure header nav ul #menu-item-368 a:hover,
body.patients-template-default header nav ul #menu-item-368 a:hover{
	border-top: 2px solid #987298;
	border-bottom: 2px solid #987298;
}
body.page-id-45 header #header-wrap.passed-main-content nav ul #menu-item-52 a,
body.page-id-46 header #header-wrap.passed-main-content nav ul #menu-item-54 a,
body.page-id-47 header #header-wrap.passed-main-content nav ul #menu-item-53 a,
body.page-id-577 header #header-wrap.passed-main-content nav ul #menu-item-579 a,
body.post-type-archive-patients header #header-wrap.passed-main-content nav ul #menu-item-368 a,
body.page-id-48 header #header-wrap.passed-main-content nav ul #menu-item-51 a,
body.tax-procedure header #header-wrap.passed-main-content nav ul #menu-item-368 a,
body.patients-template-default header #header-wrap.passed-main-content nav ul #menu-item-368 a{
	color: #fff;
}
nav ul li a:hover{color: #987298;}
#nav-trigger{
	width: 50px;
	overflow: hidden;
	vertical-align: middle;
	display: none;
}
#nav-trigger a{
	height: 50px;
	background: #fafafa;
	display: block;
	position: relative;
	cursor: pointer;
	padding: 18px 0px 0px;
}
#nav-trigger a span{
	width: 20px;
	height: 3px;
	background: #999;
	display: block;
	position: relative;
	margin: 0 auto 3px;
	z-index: 3;
}
#nav-trigger a div{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0;
	right: 100%;
	background: #efe3cf;
	display: block;
	z-index: 2;
	transition: right .25s ease-in-out, background .25s ease-in-out;
}
#nav-trigger a:hover div{
	right: 0;
	background: #fff7e5;
}
#header-phone-link{
	width: calc(100% / 7);
	vertical-align: middle;
	display: inline-block;
	float: right;
	overflow: hidden;
	position: relative;
}
#header-phone-link a{
	/* 			width: 100%; */
	height: 50px;
	background: #fafafa;
	color: #888;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid #efe3cf;
	text-decoration: none;
	line-height: 50px;
	position: relative;
	padding-right: 45px;
	overflow: hidden;
	float: right;
	transition: background .25s ease-in-out, color .25s ease-in-out, border .25s ease-in-out;
}
#header-phone-link a:hover{border-right: 2px solid #fff7e5;}
#header-wrap.passed-main-content #header-phone-link a{
	background: rgba(250, 250, 250, 0);
	color: #ccc;
	border-right: 0px solid rgba(255, 255, 255, 0);
}
#header-wrap.passed-main-content #header-phone-link a:hover{color: #fff;}
#header-phone-link a em{
	float:right;
	font-style: normal;
	position: relative;
	display: inline-block;
	z-index: 4;
	white-space: nowrap;
	width: calc(100% - 45px);
}
#header-phone-link a span{
	background: #efe3cf;
	right: 0;
	left: 100%;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 3;
	transition: left .25s ease-in-out, background .35s ease-in-out;

}
#header-wrap.passed-main-content #header-phone-link a span{background: rgba(153, 115, 153, 0);}
#header-phone-link a:hover span{
	left: 0%;
	background: #fff7e5;
}
#header-wrap.passed-main-content #header-phone-link a:hover span{background: rgba(153, 115, 153, 1);}
#header-phone-link a > div{
	display: block;
	width: 100%;
	position: relative;
}
#header-phone-link a > div div{
	display: inline-block;
	text-align: center;
	width: 45px;
	vertical-align: middle;
}
#header-phone-link a > div div svg{
	height: 16px;
	width: auto;
	margin: 0 auto;
	z-index: 4;
	position: relative;
	display: block;
}
#header-phone-link a > div div svg *{
	fill: #888 !important;
	transition: fill .25s ease;
}
#header-wrap.passed-main-content #header-phone-link a > div div svg *{fill: #ccc !important;}
#header-wrap.passed-main-content #header-phone-link a:hover > div div svg *{fill: #fff !important;}
#mobile-nav{
	display: none;
	position: relative;
}

.interior-back-to-photos{
	display: none;
	width: calc(100% - 240px);
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	/* 		padding-left: calc((100% - 1680px) / 2); */
	pointer-events: none;
	z-index: 2000;
}
.tax-procedure .interior-back-to-photos,
.patients-template-default .interior-back-to-photos{
	display: block;
	height: 70px;
	top: 70px;
}
.interior-back-to-photos a{
	height: 0px;
	width: calc((100% - 120px) / 3 + 40px);
	background: red;
	position: relative;
	display: block;
	line-height: 70px;
	color: #666;
	background: rgba(242, 242, 242, 0.9);
	text-decoration: none;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding-left: 90px;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	transition: background .25s ease-in-out, color .25s ease-in-out, opacity .75s ease-in-out, height .25s ease-in-out;
}
.interior-back-to-photos a.stuck{
	opacity: 1;
	pointer-events: all;
	height: 70px;
}
.interior-back-to-photos a:hover{
	background: rgba(153, 115, 153, 0.9);
	color: white;
}
.interior-back-to-photos a svg{
	transform: translateY(-50%) rotate(90deg);
	height: 16px;
	width: 16px;
	position: absolute;
	left: 45px;
	top: 50%;
}
.interior-back-to-photos a svg *{
	fill: #666;
	transition: fill .25s ease;
}
.interior-back-to-photos a:hover svg *{fill: #fff;}

@media screen and (max-width: 1935px){
	header{padding: 0px;}
	#header-wrap{width: calc(100% - 240px);}

	/*
		header .sticky-wrapper{
			padding: 0px 120px;
		}
*/
	#interior-subnavigation.stuck{width: calc(100% - 240px) !important;}
}

@media screen and (min-width: 1920px){
	.interior-back-to-photos{width: 1680px;}
}
@media screen and (min-width: 1680px) and (max-width: 1920px){
	header nav {padding-left: 50px;}
	header nav ul li {margin-right: 22px!important;}
	#header-phone-link{width: calc(78% / 7);}
}
@media screen and (max-width: 1680px){
	#logo-desktop{
		/* 			width: calc(100% / 7 * 2); */
		/* 			width: auto; */
		width: 340px;
		padding-left: 15px;
	}
	#logo-desktop svg{width: 180px;}
	#logo-desktop-link span:last-child svg{width: 115px;}
	header{padding: 0px;}
	header nav{
		padding-left: 15px;
		/* 			width: calc(100% / 7 * 3.75); */
		/* 			width: calc(100% / 7 * 3.75 - 35px); */
	}
	header nav ul li{margin-right: calc(30px / 2)!important;}
	header nav ul li a{
		font-size: 11px!important;
		/*
				border-top: 2px solid white;
				border-bottom: 2px solid white;
*/
	}
	#header-phone-link{width: calc(70% / 7 * 1.25);}
}

@media screen and (max-width: 1440px){
	header{padding: 0px 45px;}
	#header-wrap{width: 100%;}
	#header-wrap.stuck{width: calc(100% - 90px);}
	#logo-desktop-link span svg .logo-stroke{opacity: 1;}
	header nav {padding-left: 40px;}
	#header-phone-link {width: calc(90% / 7 * 1.25);}
	#header-phone-link a {padding-right: 35px;}
	.interior-back-to-photos{width: calc(100% - 90px);}
	.main-form {width:52%;}
}

@media screen and (max-width: 1380px){
	#logo-desktop{width: 300px;}
	#logo-desktop svg{width: 130px;}
	#logo-desktop-link span:last-child svg {width: 100px;}
	.main-form {width:52%;}
	#header-phone-link {width: calc(74% / 7 * 1.25);}
	#header-phone-link a {padding-right: 18px;}
}

@media screen and (max-width: 1280px){
	header{padding: 0;}
	#header-wrap.stuck{width: 100%;}
	#header-phone-link{width: 46px;}
	#header-phone-link a em{width: 0;}
	#header-phone-link a{padding-right: 0px;}
	.interior-back-to-photos{width: 100%;}
	.main-form {width:54%;}
}

@media screen and (max-width: 1080px){
	header{height: auto;}
	#header-wrap{padding: 0px;}
	header nav ul li {margin-right: 20px!important;}
	header nav ul li:last-child{margin-right: 0!important;}
	header nav ul{white-space: nowrap;}
	#logo-desktop {width: 165px;}
	#logo-desktop span:first-child{min-width: 145px;}
	#logo-desktop span:last-child{
		width: 0%;
		overflow: hidden;
		display: none;
	}
	#logo-desktop span:last-child svg{width: 0%;}
	#logo-desktop span:first-child{width: 100%;}
	#logo-desktop span:first-child svg{}
	.main-form {width:54%;}
}

@media screen and (max-width: 1024px){
	header{height: auto;}
	.main-form {width:54%;}
}

@media screen and (min-width: 981px){
	#mobile-nav{display: none !important;}
}

@media screen and (max-width: 980px){
	.stellarnav.mobile ul {display: block!important;}
	.stellarnav.mobile ul li ul {display:none!important; height:0;
		transition: all .3s ease-out;}
	.stellarnav.mobile ul li.open ul {display:block!important; height:auto;}

	.stellarnav .dd-toggle .fa-plus {font-family: "Font Awesome 5 Free"!important;}
	.stellarnav .dd-toggle i {top: 32%!important;}
	.stellarnav .dd-toggle .fa-plus::before {content: '\f107'!important;}

	.stellarnav{padding:20px;box-sizing:border-box;z-index:5;}
	.stellarnav #menu-main-navigation{display:block !important;}
	.stellarnav .menu-toggle{display:none !important;visibility:hidden;color:#fff !important;background:rgba(17,17,17,0.2);width:auto;}
	.stellarnav .close-menu{width:100%;}
	.stellarnav .dd-toggle{padding:15px !important;border-bottom:0 !important;height:44px;}

	.stellarnav li.open>a.dd-toggle i{transform:rotate(0deg);}
	.stellarnav li.no-link:hover>a{color:#363636;}
	.stellarnav li.no-link>.dd-toggle{width:100%;text-align:right;}
	.stellarnav li.no-link>.dd-toggle .fa-plus{padding-right:19px;}
	.stellarnav ul{font-size:16px;border-top:0 !important;}
	.stellarnav ul li.open>a,.stellarnav ul li .current-menu-item>a{color:#363636;}
	.stellarnav ul li a{ border:0 !important;padding:12px 0 12px 15px !important;text-transform:uppercase;}
	.stellarnav ul li a:hover,.stellarnav ul li a:focus{color:#363636;}
	.stellarnav ul li ul{font-size:15px;}
	.stellarnav ul li ul .dd-toggle{height:42px;}
	.stellarnav ul li ul li a{border-bottom:0px solid rgba(0,0,0,0.15)!important; margin-left:15px!important; text-transform:capitalize;}
	.stellarnav ul li ul ul li a{margin-left:0 !important; padding:12px 0 12px 25px !important;}
	.stellarnav ul li ul ul ul li a{margin-left:0 !important; padding:12px 0 12px 35px !important;}

	header nav{display: none;}
	header nav ul{
		width: 0px;
		opacity: 0;
	}
	#header-wrap{
		height: 70px;
		display: block;
		width: 100%;
	}
	#logo-desktop{
		width: 1px;
		float: left;
		display: inline-block;
	}
	#logo-desktop svg{
		height: 35px;
		width: 162px;
	}
	#header-phone-link{
		width: 50px;
		height: 100%;
		float: right;
		display: block;
	}
	#header-phone-link a{
		margin-right: -1px;
		border-right: 1px solid #efe3cf;
		top: 50%;
		transform: translateY(-50%);
	}
	#header-phone-link a em{display: none;}
	#header-wrap.stuck {position: relative;}
	#header-wrap.passed-main-content {background: #fff;}
	#nav-trigger{
		/* display: table-cell; */
		display: block;
		/* height: 100%; */
		float: right;
		height: 50px;
		/* top: 50%; */
		width: 50px;
		position: relative;
	}
	#nav-trigger a{
		border-left: 1px solid #efe3cf;
		top: 50%;
		transform: translateY(-50%);
	}
	#header-wrap.passed-main-content #nav-trigger a{
		background: rgba(250, 250, 250, 0);
		color: #ccc;
		border-left: 0px solid rgba(255, 255, 255, 0);
	}
	#header-wrap.passed-main-content #nav-trigger a span{background: #ccc;}
	#header-wrap.passed-main-content #nav-trigger div {background: rgba(153, 115, 153, 1);}
	#mobile-nav{
		background: white;
		top: 0;
		display: none;
		position: relative;
		height: auto;
		overflow: 0px;
		padding: 0 0 calc(35px / 2) 0;
		z-index: 9999;
		width: 100%;
		transition: top .125s ease-in-out, background .25s ease-in-out
	}
	#mobile-nav.passed-main-content{
		top: 0;
		background: rgba(63, 63, 63, 0.95);
	}
	#mobile-nav ul {
		margin: 0!important;
	}
	#mobile-nav li.menu-item {
		list-style-type: none!important;
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		margin-bottom: 0!important;
		font-weight: inherit;
	}
	#mobile-nav li.menu-item a {
		height: 45px;
		/*line-height: 45px;*/
		width: 95%;
		display: inline-block;
		/*position: relative;*/
		color: #666;
		font-family: "Roboto", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		font-size: 13px;
		letter-spacing: 2px;
		text-decoration: none;
		padding: 0px 0px 0px 45px;
		transition: color .25s ease-in-out;
	}
	#mobile-nav li.menu-item a:hover, #mobile-nav li.menu-item a:focus, #mobile-nav li.menu-item a.dd-toggle:hover { color:#98729A;}
	#mobile-nav li.menu-item a.dd-toggle {
		width: 5%;
		font-size: 20px;
		position: absolute;
	}
	#mobile-nav.passed-main-content a{color: #999;}
	#mobile-nav, #mobile-nav.passed-main-content{
		background: #fff;
	}
	#mobile-nav a:hover{color: #987298;}
	#mobile-nav.passed-main-content a:hover{color: #fff;}
	.interior-back-to-photos a{width: 100%;}
	.main-form {width:100%; padding:0px 30px 20px;}
}

@media screen and (max-width: 768px){
	#logo-desktop svg {
		height: 35px;
		width: 125px;
	}
	#header-wrap.stuck {position: fixed;}
	#header-wrap.passed-main-content {background: #fff;}
	#header-wrap.passed-main-content #header-phone-link a > div div svg * {fill: #888 !important;}
	#header-wrap.passed-main-content #nav-trigger a span {background:#999 !important;}
	#header-wrap.passed-main-content #logo-desktop svg {width:125px;}
	#header-wrap.passed-main-content #logo-desktop svg * {fill:#666;}
	#header-phone-link a{margin-right: 0px;}
	#nav-trigger{width: 45px;}
	#mobile-nav, #mobile-nav.passed-main-content{position:fixed;top:70px;background: #fff;}
}

/* FOOTER */
footer{
	height: 100px;
	max-width: 1920px;
	width: 100%;
	margin: 0 auto;
	display: block;
	position: relative;
	padding: 0px 120px;
	transition: padding .75s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#footer-wrap{
	background: #404040;
	width: 100%;
	display: table;
	position: relative;
	height: 100%;
}
#footer-wrap > section{
	display: table-cell;
	position: relative;
	vertical-align: middle;
	transition: width .75s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#footer-social-icons{
	width: calc(100% / 7);
	background: #393939;
}
#footer-phone-number{
	/* 		width: calc(100% / 7); */
	padding: 0px 35px;
}
#footer-titles{
	width: calc(100% / 7 * 3);
	padding: 0px 35px;
}
#footer-copyright{
	/* 		width: calc(100% / 7 * 2); */
	padding: 0px 35px;
}
#footer-copyright a{
	text-decoration: none;
	color: #aaa;
	transition: color .25s ease-in-out;
}
#footer-copyright a:hover p{color: #ccc;}
footer #icon-container{
	display: table;
	margin: 0 auto;
	position: relative;
	width: calc(100% - 90px);
	height: 100%;
	margin: 0px 35px 0px 45px;
}
footer #icon-container li{
	min-width: 16px;
	min-height: 16px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	height: 100%;
}
#footer #icon-container .mobile-only{
	min-width: 0;
	opacity: 0;
	transition: all .75s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#footer #icon-container .mobile-only a{
	width: 0;
	transition: all .75s cubic-bezier(0.39, 0.575, 0.565, 1);
}
footer #icon-container li:last-child{width: 16px;}
footer #icon-container li a{
	height: 30px;
	width: 26px;
	position: relative;
	display: block;
	text-align: center;
}
footer #icon-container li.divider a{
	border-right: 2px solid #444;
	width: 40px;
}
footer #icon-container li:first-child a{
	padding-left: 0px;
	width: 16px;
}
footer #icon-container li a span{
	width: 0%;
	border-bottom: 2px solid rgba(153, 115, 153, 0);
	position: absolute;
	display: block;
	bottom: 0;
	transition: border .25s ease-in-out, width .25s ease-in-out;
}
footer #icon-container li a:hover span{
	width: 16px;
	border-bottom: 2px solid rgba(153,  115,  153, 1);
}
footer #icon-container li a svg, footer #icon-container li a img{
	position: absolute;
	top: 50%;
	height: 16px;
	width: 16px;
	display: block;
	transform: translateY(-50%);
}
footer #icon-container li a img{
	height: 20px;
	width: auto;
	margin: 0 auto;
	text-align: center;
}
footer #icon-container li a svg *{
	fill: #888;
	transition: fill .25s ease;
}
footer #icon-container:hover li a svg *{fill: #666;}
footer #icon-container li a:hover svg *{fill: #fff;}

#footer-phone-number a{
	color: #888;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	display: block;
	transition: color .25s ease-in-out;
	padding: 0px 35px 0px 0px;
}
#footer-phone-number a:hover{color: #aaa;}
#footer-phone-number p{
	color: #aaa;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	display: none;
	width: 100%;
	height: 0px;
	/* 			opacity: 0; */
	transition: height .25s ease-in-out, opacity .25s ease-in-out;

}
#footer-titles ul{
	display: flex;
	width: 100%;
	height: 100px;
	position: relative;
	justify-content: space-between;
	justify-items: center;
	align-items: center;
	margin: 0!important;
}
#footer-titles ul li{
	width: auto;
	text-align: center;
	display: inline-block;
	position: relative;
	height: auto;
	padding: 0 10px;
}
#footer-titles ul li a svg{
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0 auto;

	/*
				-webkit-transform: scale(1.25);
				-moz-transform: scale(1.25);
				-ms-transform: scale(1.25);
				-o-transform: scale(1.25);
				transform: scale(1.25);
*/
	transition: transform .75s cubic-bezier(0.6, -0.28, 0.735, 0.045);

}
#footer-titles ul li a:hover svg{
	/*
				-webkit-transform: scale(1.075);
				-moz-transform: scale(1.075);
				-ms-transform: scale(1.075);
				-o-transform: scale(1.075);
				transform: scale(1.075);
*/
}
#footer-titles ul li a svg *{
	fill: #888;
	transition: fill .25s ease;
}
#footer-titles ul li a:hover svg *{fill: #aaa;}
#footer-copyright p{
	color: #888;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 18px;
	font-size: 12px;
	display: block;
	clear: both;
	white-space: nowrap;
	margin-bottom: 0!important;
}
#footer-copyright p em{
	font-style: normal;
	opacity: 1;
	transition: all .75s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.foot-links {
	background: #252525;
}
.foot-links ul {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	justify-content: center;
	justify-items: center;
	align-items: center;
	text-align: center;
	margin: 0!important;
	padding: 10px 0;
}
.foot-links ul li {
	width: auto;
	text-align: center;
	display: inline-block;
	position: relative;
	height: auto;
	padding: 0 10px;
}
.foot-links ul li a {
	color: #888;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	display: block;
	transition: color .25s ease-in-out;
	/*padding: 0px 35px 0px 0px;*/
}
.foot-links ul li a:hover{color: #aaa;}

@media screen and (max-width: 1680px){
	footer{padding: 0px 120px;}
}

@media screen and (max-width: 1440px){
	footer{padding: 0px 45px;}
	#footer-wrap > div{width: 25%;}
}

@media screen and (max-width: 1400px){
	#footer-phone-number, #footer-titles{padding-right: 0px;}
}

@media screen and (max-width: 1280px){
	footer{padding: 0px; height: auto;}
}

@media screen and (max-width: 1200px){
	/*#footer-titles ul li{width: 100px;}*/
	#footer-phone-number a{padding-right: 0px;}
}

@media screen and (max-width: 1080px){
	/*
		#footer-social-icons{
			width: calc(100% / 2);
		}
*/

	#footer-titles{
		width: 100%;
		padding: 0;
	}
	#footer-titles ul{
		margin: 0 auto;
		padding-left: 35px;
	}
	#footer-phone-number{
		width: 0px;
		padding: 0px;
	}
	#footer-phone-number a{
		width: 0px;
		padding: 0px;
	}
	#footer-copyright{width: 0px;}
	#footer-copyright p em{
		font-size: 0;
		opacity: 0;
	}
	#footer-copyright p:first-child{
		font-size: 0;
		opacity: 0;
		line-height: 0;
	}
}

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

	/*
		footer{

			height: auto;

		}

		#footer-wrap{
			display: block;
			padding: 35px;
		}

		#footer-wrap > section{
			display: block;
			margin: 0 auto;
			padding: 0;
			width: 80%;
		}

		#footer-phone-number, #footer-phone-number p{
			height: auto;
			width: auto;
			text-align: center;
			display: block;
		}

			#footer-phone-number a{
				margin-top: 15px;
				display: inline-block;
			}

		#footer-copyright{
			text-align: center;
			margin-bottom: 50px !important;
		}

		#footer-copyright p:first-child{

			display: none;

		}

		#footer-social-icons{
			position: absolute !important;
			bottom: 0;
			left: 50%;
			background: none;

			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
		}

			#icon-container{
				max-width: 250px;
			}

				footer #icon-container li a{
					padding-left: 0px;
				}

				footer #icon-container li:first-child a{
					width: 26px;
				}

		#footer-titles ul{
			display: table;
			margin: 0 auto;
		}
*/

}

@media screen and (max-width: 980px){
	#footer{padding: 0px;}
	/*#footer-titles ul li {width: 150px;}*/
	#footer #icon-container .mobile-only{
		min-width: 26px;
		opacity: 1;
	}
	#footer #icon-container .mobile-only a{
		width: 100%;
		opacity: 1;
		/* 			padding-left: 10px; */
		margin-right: 15px;
	}
	#footer #icon-container li:nth-child(3){padding-left: 10px;}
}

@media screen and (max-width: 768px){
	#footer-wrap{display: block;}
	#footer-wrap > section{
		display: block;
		width: 100%;
	}
	footer #icon-container{
		width: auto;
		height: 75px;
		margin: 0 auto !important;
	}
	#footer-phone-number{display: none !important;}
	#footer-copyright{padding-bottom: 15px;}
	#footer-copyright p{text-align: center;}
	#footer-copyright p em {
		font-size: 12;
		opacity: 1;
	}
	#footer-titles ul {
		text-align: center;
		padding: 0;
		margin: 0 auto!important;
		justify-content: space-evenly;
	}
}

/* Footer Testimonials Carousel */
.footer-testimonials{position:relative; max-width: 1920px; background:#FFF; width: 100%; margin: 0 auto; display: block; position: relative; padding: 35px 0;}
.footer-testimonials img {display:block; margin:10px auto; text-align:center; float:none;}
.footer-testimonials .carousel .flickity-viewport {width: 100%;}
.footer-testimonials .carousel-cell{width:50%;height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.footer-testimonials .carousel-cell>div{display:block;max-width:100%;max-height:100%;opacity:0.7;transform:scale(0.85);-webkit-filter:blur(1px);filter:blur(1px);transition:opacity 0.3s,transform 0.3s,-webkit-filter 0.3s;transition:opacity 0.3s,transform 0.3s,filter 0.3s;transition:opacity 0.3s,transform 0.3s,filter 0.3s,-webkit-filter 0.3s}
.footer-testimonials .carousel-cell.is-selected>div{opacity:1;transform:scale(1);-webkit-filter:none;filter:none}
.footer-testimonials .carousel-cell .quote { padding: 20px 50px; font-family:"Roboto",Helvetica,Arial,sans-serif; font-size:14px; line-height:18px; border-left:1px #dcdcdc solid;}
.footer-testimonials .flickity-prev-next-button{width:65px;height:65px}
.footer-testimonials h2.title {display: inline-flex; text-align:center; font-size:36px;}
.footer-testimonials q{padding:10px 0;line-height:25px}
.footer-testimonials q::before{content:'"';margin-left:-3px}
.footer-testimonials q::after{content:'"'}
.footer-testimonials .name{padding:10px 0;text-align:center;font-weight:700;}
.footer-testimonials .link{font-weight:700;margin-top:30px}
.footer-testimonials .quote-flip{align-self:flex-end}
.footer-testimonials .quote-flip img{transform:scale(-1,-1)}

/*MOBILE */
@media screen and(max-width:767px) {
    .footer-testimonials {display:none;}
}
@media only screen and (max-width:960px) and (min-width:768px){
  .footer-testimonials .carousel-cell{width:80%}
}


@media screen and (max-width: 480px){
	/*#footer-titles ul li{width: 75px;}*/
}

/* MAIN CONTENT */
/* MISC OBJECTS */
svg#link-arrow{
	height: 28px;
	width: 28px;
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	transition: right .25s ease-in-out;
}
svg#link-arrow *{
	fill: #987298;
	transition: fill .25s ease;
}
a:hover #link-arrow{right: 15px;}
a:hover #link-arrow *{fill: #fff7e5;}


/* HOMEPAGE*/
.home #main-content{
	max-width: 1920px;
	width: 100%;
	padding: 0px 120px 0px 0px;
	margin: 0 auto;
	display: block;
	position: relative;
	transition: padding .75s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.home #main-content-wrap{
	background: #fff;
	height: calc(100vh - 340px)!important;
	min-height: 675px;
	display: block!important;
	position: relative!important;
}
#homepage-slideshow{
	float:left;
	display: inline-block;
	position: relative;
	height: 100%;
	width: calc(100% / 7 * 5);
	transition: width .25s cubic-bezier(0.86, 0, 0.07, 1);
}

.cycle-slideshow{
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
}
#homepage-slideshow .slide{
	height: 100%;
	width: 100%;
}
#homepage-pager-container{
	float:left;
	display: inline-block;
	height: 100%;
	width: calc(100% / 7 * 2);
	position: relative;
	transition: width .25s cubic-bezier(0.86, 0, 0.07, 1);
	vertical-align: top;

}
#homepage-pager-container > div{
	height: 100%;
	width: 100%;
	display: table;
	position: relative;

}
#homepage-pager-container > div > div{
	display: table-cell;
	position: relative;
	vertical-align: bottom;
}
.homepage-cycle-overlay{
	padding-right: 35px;
	/* 	top: 50%; */
	position: relative;
	display: block;
	/* 	transform: translateY(-50%); */
}
.homepage-cycle-overlay h2{
	padding: 0px 0px 0px 35px;
	color: #987298;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 15px;
	display: inline-block;
}
.homepage-cycle-overlay h2 span{
	display: block;
	color: #987298;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 16px;
}
.homepage-cycle-overlay p{
	padding: 0px 0px 0px 35px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #666;
	line-height: 36px;
	font-weight: 200;

}
.homepage-cycle-overlay a{
	padding-left: 35px;
	padding-right: 60px;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 16px;
	color: #987298;
	background: #fff7e5;
	text-decoration: none;
	font-style: italic;
	height: 45px;
	position: relative;
	line-height: 45px;
	display: inline-block;
	margin-top: calc(70px / 4 * 3);
}
.homepage-cycle-overlay a span{
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: 0;
	bottom: 0;
	line-height: 45px;
	background: #987298;
	color: white;
	white-space: nowrap;
	left: 0;
	transition: width .5s cubic-bezier(0.86, 0, 0.07, 1);
}
.homepage-cycle-overlay a span em{margin-left: 35px;}
.homepage-cycle-overlay a:hover span{width: 100%;}

#latest-announcement{
	margin: 35px 0px;
	width: calc(100% - 35px);
	background: #fafafa;
	padding: 35px;

}
#latest-announcement .cycle-slideshow{
	display: block;
	position: relative;
	height: auto;
	top: initial;
	bottom: initial;
}
.slide-2{
	top: 50% !important;
	transform: translateY(-50%);
	width: 100% !important;
}
#latest-announcement h3{
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 20px;
	margin-bottom: 10px;
	color: #987298;
	font-weight: 700;
}
#latest-announcement p{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #999;
	line-height: 24px;
	font-weight: 300;
}
#latest-announcement a{
	padding: 0px 70px 0px 35px;
	background: #efefef;
	color: #666;
	font-family: "pt-serif", Georgia, Times, serif;
	font-style: italic;
	font-weight: 500;
	text-decoration: none;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	margin-top: calc(35px / 2);
	margin-left: -35px;
	position: relative;
	transition: color .5s cubic-bezier(0.86, 0, 0.07, 1);
}
#latest-announcement a:hover{color: #fff;}
#latest-announcement a strong{
	position: relative;
	font-weight: 500;
	z-index: 3;
}
#latest-announcement a svg{
	z-index: 3;
	position: absolute;
}
#latest-announcement a span{
	position: absolute;
	left: 0;
	right: 100%;
	top: 0;
	bottom: 0;
	display: block;
	z-index: 2;
	background: #987298;
	transition: right .5s cubic-bezier(0.86, 0, 0.07, 1);
}
#latest-announcement a:hover span{right: 0;}
#latest-announcement a.more-link {display: none;}

.home #footer-wrap{background: white;}
.home #footer-social-icons{background: none;}
.home footer #icon-container li a svg *{fill: #999;}
.home footer #icon-container li a:hover svg *{fill: #987298;}

@media screen and (max-width: 1680px){
	.home #main-content{padding: 0px 120px 0px 0px;}
}

@media screen and (max-width: 1440px){
	.home #main-content{padding: 0px 45px 0px 0px;}
	#homepage-slideshow{width: calc(100% / 7 * 4);}
	#homepage-pager-container{width: calc(100% / 7 * 3);}
}

@media screen and (max-width: 1280px){
	.home #main-content{padding: 0px;}
	.home #main-content-wrap {height: calc(100vh - 225px);}
}

@media screen and (max-width: 1140px){
	.home #main-content{padding: 0px;}
}

@media screen and (max-width: 1080px){
	/*
	.home #main-content-wrap{
		height: calc(100vh - 200px);
	}
*/
}

@media screen and (max-width: 980px){
	.home #main-content-wrap{height: auto;}
	.home #homepage-slideshow{
		display: block;
		position: relative;
		width: 100%;
		height: 50vh;
	}
	.home #homepage-pager-container{
		height: auto;
		display: block;
		width: 100%;
		position: relative;
	}
	.homepage-cycle-overlay{
		top: initial;
		position: relative;
		padding: 70px 35px 35px 0px;
		transform: translateY(0%);
	}
	.homepage-cycle-overlay h2{padding-left: 45px;}
	.homepage-cycle-overlay p{background: #fff; padding-left: 45px; padding-bottom: 60px;}
	.homepage-cycle-overlay a{padding-left: 45px;}
}

@media screen and (max-width: 768px){
	.home #homepage-slideshow{height: 50vw;}
	.home #homepage-slideshow .slide{background-position-y: 0%;}
	/*.home #footer-wrap{background: #f6f6f6;}*/
}

/* PAGE STRUCTURE*/
.page-template-template-surgical #main-content,
.page-template-template-non-surgical #main-content,
.page-template-template-about #main-content,
.post-type-archive-patients #main-content,
.tax-procedure #main-content,
.page-template #main-content,
.page-template-default #main-content,
.patients-template-default #main-content,
.page-template-template-contact #main-content,
.page-template-template-blog #main-content,
.single-post #main-content,
.error404 #main-content,
.page-template-page-thank-you #main-content{
	max-width: 1920px;
	width: 100%;
	padding: 0px 120px 0px 0px;
	margin: 0 auto;
	display: block;
	position: relative;
}

.page-template-template-surgical #main-content-wrap,
.page-template-template-non-surgical #main-content-wrap,
.page-template-template-about #main-content-wrap,
.post-type-archive-patients #main-content-wrap,
.tax-procedure #main-content-wrap,
.page-template #main-content-wrap,
.page-template-default #main-content-wrap,
.patients-template-default #main-content-wrap,
.page-template-template-contact #main-content-wrap,
.page-template-template-blog #main-content-wrap,
.single-post #main-content-wrap,
.error404 #main-content-wrap,
.page-template-page-thank-you #main-content-wrap{
	height: auto;
	display: block;
	position: relative;
	width: 100%;
}
.page-template-template-surgical #main-content-wrap > section,
.page-template-template-non-surgical #main-content-wrap > section {
	padding: 0!important;
}
.page-template-template-surgical #main-content-wrap > section,
.page-template-template-non-surgical #main-content-wrap > section,
.page-template-template-about #main-content-wrap > section,
.post-type-archive-patients #main-content-wrap > section,
.tax-procedure #main-content-wrap > section,
.page-template #main-content-wrap > section,
.page-template-default #main-content-wrap > section,
.patients-template-default #main-content-wrap > section,
.page-template-template-contact #main-content-wrap > section,
.page-template-template-blog #main-content-wrap > section,
.single-post #main-content-wrap > section,
.error404 #main-content > section,
.page-template-page-thank-you #main-content >section{
	background: #fff;
}
#interior-opening-block{
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 336px;
	max-height: 560px;
	height: 50vh;
}
#interior-content-wrap {padding: 40px 45px;}
#interior-content-wrap p{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-bottom: 24px;
	font-weight: 300;
}
.page-template-template-about #interior-opening-block{
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	min-height: 336px;
	height: calc(100vh - 340px);
	max-height: 100%;
}
#interior-opening-image,
#interior-opening-content{
	width: 50%;
	display: table-cell;
	position: relative;
	vertical-align: middle;
}
.page-template-template-surgical #interior-opening-image{ /* opacity: .7; */}
#interior-opening-content{padding: 90px 35px 90px 0px}
.interior-opening-content-contain{
	display: block;
	height: auto;
	width: 100%;
}
.interior-opening-content-contain h1{
	padding: 0px 0px 0px 35px;
	color: #987298;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 64px;
	font-weight: 300;
	margin-bottom: 15px;
	display: inline-block;
	margin-left: -37px;
	background: white;
	height: 90px;
	line-height: 90px;
	border-left: 2px solid #efe3cf;
	border-bottom: 0;
}
.interior-opening-content-contain h1 span{
	display: block;
	position: absolute;
	font-size: 13px;
	text-transform: uppercase;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 13px;
	left: 35px;
	transform: translateY(-13px);
}
.interior-opening-content-contain h2 {
	padding: 5px 35px 5px 10px;
	margin-top: calc(35px / 2);
    margin-left: calc(35px / 2);
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #666;
	display: inline-block;
	line-height: 36px;
	font-weight: 200;
	margin-bottom: calc(70px / 4 * 3);
	background: #fff7e5;
	border-right: 2px solid #efe3cf;
}
.interior-opening-content-contain h2 p {
	margin: 0!important;
	padding: 0;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 22px;
	color: #666;
	display: inline-block;
	line-height: 36px;
	font-weight: 200;
}
  .interior-opening-content-contain p{
	padding: 0px 90px 0px 35px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-bottom: 24px;
	font-weight: 300;
}
.page-template-template-about .interior-opening-content-contain p{padding: 0px 0px 0px 35px;}
.interior-opening-content-contain a.scoot-down,
.interior-opening-content-contain a.scoot-back{
	padding-left: 35px;
	padding-right: 70px;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 18px;
	color: #987298;
	background: #fff7e5;
	text-decoration: none;
	font-style: italic;
	height: 60px;
	position: relative;
	line-height: 60px;
	display: inline-block;
	cursor: pointer;
	transition: color .25s ease-in-out;
}
.interior-opening-content-contain a.scoot-down:hover,
.interior-opening-content-contain a.scoot-back:hover{color: #fff;}

.interior-opening-content-contain a.scoot-down span,
.interior-opening-content-contain a.scoot-back span{
	overflow: hidden;
	width: 100%;
	position: absolute;
	bottom: 100%;
	top: 0;
	line-height: 45px;
	background: #987298;
	color: white;
	white-space: nowrap;
	left: 0;
	z-index: 1;
	transition: bottom .5s cubic-bezier(0.86, 0, 0.07, 1);
}
.interior-opening-content-contain a.scoot-back span{
	bottom: 0;
	width: auto;
	right: 0;
	left: 100%;
	transition: left .5s cubic-bezier(0.86, 0, 0.07, 1);
}
.interior-opening-content-contain a.scoot-down em,
.interior-opening-content-contain a.scoot-back em{
	position: relative;
	z-index: 2;
}
.interior-opening-content-contain a.scoot-down:hover span{bottom: 0%;}
.interior-opening-content-contain a.scoot-back:hover span{left: 0%;}
.interior-opening-content-contain a.scoot-down svg,
.interior-opening-content-contain a.scoot-back svg{
	position: absolute;
	z-index: 3;
	width: 16px;
	top: 50%;
	right: 35px;
	transform: translateY(-50%);
}
.interior-opening-content-contain a.scoot-down:hover svg{
	-webkit-animation-name: downbounce;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: .5s;
}
.interior-opening-content-contain a.scoot-down svg *,
.interior-opening-content-contain a.scoot-back svg *{
	fill: #987298;
	transition: fill .25s ease-in-out;
}
.interior-opening-content-contain a.scoot-down:hover svg *,
.interior-opening-content-contain a.scoot-back:hover svg *{
	fill: #fff7e5;
}
.page-template-template-about .interior-opening-content-contain a{
	height: 45px;
	padding: 0px 75px 0px 35px;
	font-family: "pt-serif", Georgia, Times, serif;
	color: #666;
	background: #fafafa;
	line-height: 45px;
	font-size: 16px;
	font-style: oblique;
	display: inline-block;
	position: relative;
	text-decoration: none;
	transition: color .25s ease-in-out;
}
.page-template-template-about .interior-opening-content-contain a:hover{color: #fff;}
.page-template-template-about .interior-opening-content-contain a strong{
	font-weight: 500;
	position: relative;
	z-index: 3;
}
.page-template-template-about .interior-opening-content-contain a span{
	position: absolute;
	display: block;
	left: 0;
	right: 100%;
	top: 0;
	bottom: 0;
	background: #987298;
	transition: right .5s cubic-bezier(0.86, 0, 0.07, 1);
}
.page-template-template-about .interior-opening-content-contain a:hover span{right: 0;}

#interior-subnavigation-container{
	width: calc(100% - 120px);
	max-width: 1920px;
	margin-left: 120px;
	position: relative;
	display: block;
	padding: 0px 0px 70px;
	height: 336px;
}
.page-template-template-non-surgical #interior-subnavigation-container {height: 224px;}

#interior-subnavigation{
	position: absolute;
	width: 100%;
	padding-top: 70px;
	left: 0;
	display: block;
}
#interior-subnavigation.stuck{
	position: fixed;
	z-index: 2000;
	width: 1680px;
	top: 0;
	background: white;
	opacity: .9;
	left: 50%;
	transform: translateX(-50%);
}

/* Internal Blog */
#interior-opening-block.blog h1 {
	margin-left: 0;
	border-left: 0;
}
#interior-opening-block.blog h2 {
	color: #987298;
	margin-bottom: calc(30px / 4 * 3);
	padding: 0px 90px 0px 15px;
	font-weight: 300;
	background: none;
	border-right: 0;
	display: block;
}
#interior-opening-block.blog #interior-opening-content {
	width: 65%;
	padding: 30px 35px 90px 0px;
	vertical-align: top;
}
#interior-opening-block.blog #interior-opening-sidebar {
	background: #fff;
	width: 35%;
	display: table-cell;
	position: relative;
	padding: 3rem;
	vertical-align: top;
}
@media screen and (max-width: 980px){
	#interior-opening-block.blog {
		display: -ms-flex !important;
		display: flex !important;
		flex-direction: column;
	}
	#interior-opening-block.blog #interior-opening-content {
		order: 1;
		width: 100%;
		padding: 30px;
	}
	#interior-opening-block.blog #interior-opening-sidebar {
		order: 2;
		width: 100%;
	}
}

#interior-opening-block.blog #interior-opening-sidebar li::marker {
	color: transparent;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none
}


#interior-opening-block.blog .interior-opening-content-contain h6 {
	padding-left: calc(35px / 2);
	margin-left: 35px;
}

.blog-image {
	/*max-height: 490px;*/
    margin-left: 35px;
}
.blog-image img {
	/*height: 490px*/
    width: 100%;
}

.blog ul.blog {margin-left:70px!important;}
@media screen and (max-width:767px) {
  .blog ul.blog {margin-left:20px!important;}  
}

#sidebar ul {
	margin: 0 !important
}

#sidebar h3 {
	font-size: 26px;
	border-bottom: 5px solid #987298;
	text-align: right;
	padding-bottom: .5rem;
  margin-bottom: 1rem;
	margin-top: 1rem;
}
#sidebar #search-wrap {
	border-bottom: 5px solid #987298;
}

#sidebar #search-wrap input[type="text" i] {
	font-size: 16px;
	font-family: "pt-serif", Georgia, Times, serif;
	border: 0;
	padding: 10px;
	text-align: right;
}
#sidebar #search-wrap input[type="text" i]:focus {
	outline: 2px solid #987298
}
#sidebar #search-wrap input[type="submit" i] {
	font-family: "FontAwesome";
	color: #000;
	border: 0;
	padding: 5px;
	background: transparent
}

.newsletter input[type="email"] {
	background: #ededed;
	border: 0;
	padding: 15px;
	text-align: right;
	margin: 10px 0
}

.newsletter input[type="submit"] {
	background: #fff7e5;
	color: #987298;
	font-style: italic;
	font-size: 16px;
	font-family: "pt-serif", Georgia, Times, serif;
	padding: 15px;
	border: 0;
	transition: all .3s ease-out
}
.newsletter input[type="submit"]:hover {
	background: #987298;
	color: #fff7e5;
}

.newsletter div.wpcf7 .ajax-loader {
	float: left;
}

#sidebar .archives {
	text-align: right;
}
#sidebar .archives li {
	line-height: 2.5;
}
#sidebar .archives li:after{
    content:"";
	width:100%;
    height:180px;
    display:block;
    margin-bottom:30px;
}

#sidebar .archives li.scoutGuide:after{
    background:url(/wp-content/uploads/2021/02/scout-guide.jpg) no-repeat center right;
    background-size:contain;
}
#sidebar .archives li.saggySkin:after{
    background:url(/wp-content/uploads/2021/01/saggySkin.jpg) no-repeat center right;
    background-size:contain;
}
#sidebar .archives li.hereComes:after{
    background:url(/wp-content/uploads/2020/02/here-comes-the-sun.jpg) no-repeat center right;
    background-size:contain;
}
#sidebar .archives li.embraceRF:after{
    background:url(/wp-content/uploads/2021/01/EmbraceRF-Mar11.jpg) no-repeat center right;
    background-size:contain;
}
#sidebar .archives li.whatsNew:after{
    background:url(/wp-content/uploads/2020/01/whatsNew2021.jpg) no-repeat center right;
    background-size:contain;
}
#sidebar .archives li.meeting:after{
    background:url(/wp-content/uploads/2016/05/blog-national-meeting.jpg) no-repeat center right;
    background-size:contain;
}


#sidebar .newsletter {
	text-align: right;
}
#sidebar .newsletter h4 {
	font-size: 16px;
	color: #000;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.sidebar-testimonials .carousel .flickity-viewport {width: 100%;}
.sidebar-testimonials .carousel-cell{width:90%;height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.sidebar-testimonials .carousel-cell>div{display:block;max-width:100%;max-height:100%;opacity:0.7;transform:scale(0.85);-webkit-filter:blur(1px);filter:blur(1px);transition:opacity 0.3s,transform 0.3s,-webkit-filter 0.3s;transition:opacity 0.3s,transform 0.3s,filter 0.3s;transition:opacity 0.3s,transform 0.3s,filter 0.3s,-webkit-filter 0.3s}
.sidebar-testimonials .carousel-cell.is-selected>div{opacity:1;transform:scale(1);-webkit-filter:none;filter:none}
.sidebar-testimonials .carousel-cell .quote { line-height: 1.75 !important; padding: 20px 50px; font-family:"Roboto",Helvetica,Arial,sans-serif; font-size:14px; line-height:18px; /*border-left:1px #dcdcdc solid;*/}

.sidebar-links {
  margin: 40px 0; }

.sidebar-links li {
	text-align: center; }

.sidebar-links a {
	position: relative;
	display: inline-block;
	margin: 15px auto;
	color: #fff;
	overflow: hidden; }

.sidebar-links a:hover span, .sidebar-links a:focus span {
  background: rgba(152, 114, 152, 0.9);
  box-shadow: 0px 5px 20px 3px rgba(0, 0, 0, 0.20);
  transform: translateY(-100%); }

.sidebar-links a::before {
  background: none !important; }

.sidebar-links span {
	background: rgba(152, 114, 152, 0.8);
	text-align: center;
	font-size: 1.7em;
	font-family: "pt-serif", Georgia, Times, serif;
	padding: 15px 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	transition: 0.5s all cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#sidebar #sidebar-social-icons #icon-container {
	display: flex;
  justify-content: flex-end;
}
#sidebar #sidebar-social-icons #icon-container li {
	margin: 1rem
}

#sidebar #sidebar-social-icons svg {
	width: 25px;
	transition: fill .3s ease-out;
}
#sidebar #sidebar-social-icons svg:hover {
	fill: #987298;
}

#subnav-breadcrumbs{
	width: calc((100% - 90px) / 7 * 3 + 35px);
	height: 70px;
	position: relative;
	display: block;

}
#subnav-breadcrumb-title{
	display: inline-block;
	position: relative;
	height: 100%;
	vertical-align: middle;
	color: #666;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding-left: 45px;
	/* 					border-left: 2px solid #efe3cf; */
	background: #fafafa;
	width: calc(100% / 3);
	line-height: 70px;
	cursor: pointer;
	transition: background .25s ease-in-out, color .25s ease-in-out;
}
#subnav-breadcrumb-title:hover{
	background: #efefef;
	color: #333;
}
.stuck.open #subnav-breadcrumb-title{
	background: #987298;
	color: #fff;
}
#subnav-breadcrumb-title em{
	font-style: normal;
	font-weight: 500;
}
.stuck.open #subnav-breadcrumb-title em{}
#subnav-breadcrumb-location{
	color: #666;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 18px;
	display: inline-block; !important;
	font-weight: 300;
	vertical-align: middle;
	line-height: 70px;
	padding-left: 45px;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: calc((100% / 3 * 2) - 45px);
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-animation-play-state: -transition;
	transition: opacity .5s ease-in-out;
}
.stuck #subnav-breadcrumb-location{
	opacity: 1;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-animation-play-state: -transition;
	transition: opacity .5s ease-in-out;

}
#subnav-breadcrumb-title svg{
	width: 16px;
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%);
	transition: transform .25s ease-in-out;
	transform-origin: 50% 50%;
}
.stuck.open #subnav-breadcrumb-title svg{
	margin-top: -2px;
	transform: scaleY(-1) translateY(50%);
}
#subnav-breadcrumb-title svg *{fill: #ccc;}
#subnav-listing{
	padding: 0px;
	display: block;
	position: relative;
}
#subnav-listing ul{
	display: block;
	position: relative;
	width: 100%;
	margin: 0!important;
}
#subnav-listing ul li{
	display: block;
	float: left;
	position: relative;
	margin-right: 2px;
	width: calc(100% / 7 - 2px);
	font-size: 0px;
	margin-top: 2px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.page-template-template-non-surgical #subnav-listing ul li{width: calc(100% / 7 - 2px);}
#subnav-listing ul li a{
	font-size: 13px;
	line-height: 60px;
	height: 60px;
	color: #999;
	display: block;
	background: #fafafa;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0px 5px;
	text-align: center;
	cursor: pointer;
	transition: background .25s ease-in-out, color .25s ease-in-out;
	text-decoration: none;
}
.stuck #subnav-listing ul li a.selected{color: #987298;}
#subnav-listing ul li a span{
	position: absolute;
	display: block;
	background: #efe3cf;
}
#subnav-listing ul li a:hover span{background: #efe3cf;}
#subnav-listing ul li a .btn-l-to-r{
	left: 0;
	right: 100%;
	top: calc(100% - 2px);
	bottom: 0px;
	transition: right .5s cubic-bezier(0.075, 0.82, 0.165, 1), top .25s cubic-bezier(0.075, 0.82, 0.165, 1), background .5s ease-in-out;

}
.stuck #subnav-listing ul li a.selected .btn-l-to-r{background: #987298; right: 0px;}
#subnav-listing ul li a:hover .btn-l-to-r{right: 0px;}
#subnav-listing ul li a:hover{background: #fff;}

.page-template-template-surgical #interior-content,
.page-template-template-non-surgical #interior-content{
	width: calc(100% - 120px);
	max-width: 1920px;
	margin-left: 120px;
	position: relative;
	display: block;
	padding-bottom: 70px;
}
.persistent-msg{
	display: none;
	overflow: hidden;
}
.page-template-template-surgical .persistent-msg,
.page-template-template-non-surgical .persistent-msg{
	display: block;
	position: fixed;
	bottom: 0;
	width: calc(1680px / 2);
	right: calc((100% - 1680px) / 2);
	height: 60px;
	z-index: 3000;
	pointer-events: none;
}
.persistent-msg > div{
	height: 100%;
	position: relative;
	display: table;
	width: 100%;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	pointer-events: all;
}
.persistent-msg > div.exited{
	opacity: 0;
	pointer-events: none;
}
.persistent-msg > div a{
	height: 100%;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 100;
	color: #666;
	text-decoration: none;
	transition: background .25s ease-in-out;
}
.persistent-msg > div a:first-child:hover{background: #fff;}
.persistent-msg > div a em{
	text-decoration: underline;
	font-style: normal;
	color: #987298;
}
.persistent-msg > div a strong{
	font-weight: normal;
	font-weight: 300;
}
.persistent-msg > div #exit-persistent-msg{
	width: 60px;
	cursor: pointer;
	background: rgba(250, 250, 250, 0.85);
	transition: background .25s ease-in-out;
}
.persistent-msg > div #exit-persistent-msg:hover{background: #987298;}
.persistent-msg > div #exit-persistent-msg svg{
	height: 16px;
	width: 16px;
	position: relative;
	display: block;
	margin: 0 auto;
}
.persistent-msg > div #exit-persistent-msg svg *{
	fill: #987298;
	transition: fill .25s ease;
}
.persistent-msg > div #exit-persistent-msg:hover svg *{fill: #fff;}
.persistent-msg > div a:first-child{
	width: calc(100% - 60px);
	padding: 0px 30px;
	background: rgba(250, 250, 250, 0.85);
}

.procedure-waypoint{
	position: absolute;
	display: block;
	height: 0px;
	width: 100%;
}
.procedure {
	display: block;
	width: 100%;
	padding: 90px 0px;
	position: relative;
	height: 100vh;
	min-height: 800px;
}
.procedure:first-of-type{
	height: auto;
	min-height: initial;
}
.procedure:last-of-type{
	padding-bottom: 0px;
	height: auto;
}
.procedure-wrap{
	position: absolute;
	display: block;
	/* top: 50%; */
	width: 100%; /* testing */
	/* transform: translateY(-50%); */
}
.procedure:first-of-type .procedure-wrap{
	position: relative;
	top: initial;
	transform: none;
}
.procedure-container{
	display: table;
	position: relative;
	width: 100%;
}
.procedure-container > div{
	display: table-cell;
	position: relative;
	vertical-align: middle;
}
.procedure-image{
	/* 				width: calc(100% / 6 * 2.5); */
	width: 42%;
	cursor: pointer;
	/* 				height: 50vh; */
}
.procedure-content{
	/* 				width: calc(100% / 6 * 3.5); */
	width: 58%;
	padding: 70px 90px 70px 35px;
}
.procedure:nth-child(even) .procedure-content{
	float:left;
	/*
				left: 0;
				top: 0;
				bottom: 0;
*/
	display: inline-block;
	padding: 70px 35px 70px 90px;
}

.procedure:nth-child(even) .procedure-image{
	position: absolute;
	display: block;
	/* 				left: calc(100% / 6 * 3.5); */
	left: 58%;
	top: 0;
	height: auto;
	bottom: 0;
}
.procedure-content .title-h2{
	color: #987298;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 48px !important;
	font-weight: 300;
	padding-left: 35px;
	display: block;
	position: relative;
	width: calc(100% - 35px);
	background-color: transparent !important;
	border: none !important;
}
.procedure-content h2{
/* 	color: #987298;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 36px;
	font-weight: 300;
	padding-left: 35px;
	display: block;
	position: relative;
	width: calc(100% - 35px); */
		padding: calc(35px / 2) 240px calc(35px / 2) 35px;
	width: calc(100% + 210px);
	background: rgba(255, 247, 226, 0.75);
	color: #666;
	border-left: 2px solid #efe3cf;
	margin: calc(35px / 4 * 3) 0px 35px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 42px;
	font-weight: 200;
		
}
.procedure-content h2 a, .procedure-content h2 a:visited, .procedure-content h2 a:focus {
	color: #987298;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 36px;
	font-weight: 300;
	text-decoration: none;
}
.procedure-content h3{
	padding: calc(35px / 2) 240px calc(35px / 2) 35px;
	width: calc(100% + 210px);
	background: rgba(255, 247, 226, 0.75);
	color: #666;
	border-left: 2px solid #efe3cf;
	margin: calc(35px / 4 * 3) 0px 35px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 42px;
	font-weight: 200;
}
.procedure:nth-child(even) .procedure-content h2{
	padding: calc(35px / 2) 35px calc(35px / 2) 245px;
	margin: calc(35px / 4 * 3) 0px 35px -210px;
	margin-right: 0px;
/* 	border-right: 2px solid #efe3cf; */
	border-left: 0;
}
.procedure:nth-child(even) .procedure-content h3{
	padding: calc(35px / 2) 35px calc(35px / 2) 245px;
	margin: calc(35px / 4 * 3) 0px 35px -210px;
	margin-right: 0px;
	border-right: 2px solid #efe3cf;
	border-left: 0;
}
.procedure-content p{
	width: calc(100% - 35px);
	position: relative;
	display: block;
	padding-left: 35px;
	margin: 0px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
	color: #666;
}
.procedure-content p:first-of-type, .procedure-content p:last-child{display: none;}
#procedure-links{
	display: table;
	position: relative;
	width: 100%;
	z-index:2;
}
#procedure-botox .associated-gallery,
#procedure-chemical-peels .associated-gallery,
#procedure-laser-skin-resurfacing .associated-gallery,
#procedure-kybella .associated-gallery{
	display: none !important;
}
#procedure-links div{
	display: inline-block;
	position: relative;
	width: 50%;
	padding: 70px 0px 35px 45px;
	vertical-align: top;
}
#procedure-links div:last-child{
	text-align: right;
	padding: 70px 45px 35px 0px;
}
#procedure-links div a{
	height: 90px;
	width: calc(100% / 6 * 3);
	background: #fafafa;
	color: #987298;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: 400;
	display: inline-block;
	position: relative;
	padding: 0px 35px 0px 75px;
	transition: color .25s ease-in-out;
}
#procedure-links div:last-child a{
	font-family: "pt-serif", Georgia, Times, serif;
	font-style: italic;
	color: #999;
	padding: 0px 35px;
}
#procedure-links div.links:last-child a{
	color: #987298;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-style: normal;
}
#procedure-links div:last-child a strong{font-weight: normal;}
#procedure-links div.links:last-child a strong{font-weight: 700;}
#procedure-links div a:hover, #procedure-links div a:hover strong em{color: #fff !important;}
#procedure-links div a strong{
	top: 50%;
	transform: translateY(-50%);
	display: block;
	position: relative;
	width: 100%;
	text-align: left;
}
#procedure-links div.links:first-child a strong{
	text-align: right;
}
#procedure-links div a strong em{
	color: #999;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 16px;
	margin-bottom: 5px;
	font-style: italic;
	font-weight: normal;
	display: block;
	position: relative;
	transition: color .25s ease-in-out;
}
#procedure-links div a svg{
	position: absolute;
	right: 35px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
}
#procedure-links div:last-child a svg{
	right: 45px;
	width: 28px;
	height: 28px;
	transition: right .25s .25s ease-in-out;
}

#procedure-links div.links:first-child a svg{
	top: 36%;
	left: 45px;
	width: 28px;
	height: 28px;
	transition: left .25s .25s ease-in-out;
	transform: scale(-1, 1);
}
#procedure-links div.links:last-child a svg{
	right: 45px;
	width: 28px;
	height: 28px;
	transition: right .25s .25s ease-in-out;
}

@-webkit-keyframes downbounce {
	0% { -webkit-transform: translateY(-50%); }
	20% { -webkit-transform: translateY(50%); }
	40% { -webkit-transform: translateY(-50%); }
	60% { -webkit-transform: translateY(25%); }
	100% { -webkit-transform: translateY(-50%); }
}
#procedure-links div:first-child a:hover svg{
	-webkit-animation-name: downbounce;
	-webkit-animation-duration: 500ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: .25s;
}
#procedure-links div.links:first-child a:hover svg{
	-webkit-animation-name: inherit;
	-webkit-animation-duration: inherit;
	-webkit-animation-iteration-count: inherit;
	-webkit-animation-timing-function: inherit;
	-webkit-animation-delay: inherit;
}
#procedure-links div:last-child a:hover svg{right: 35px;}
#procedure-links div.links:first-child a:hover svg{left: 35px;}
#procedure-links div.links:last-child a:hover svg{right: 35px;}
#procedure-links div a svg *{
	fill: #987298;
	transition: fill .25s ease;
}
#procedure-links div a:hover svg *{fill: #fff;}
#procedure-links div a span{
	bottom: 100%;
	top: 0%;
	width: 100%;
	position: absolute;
	background: #987298;
	left: 0;
	right: 0;
	transition: bottom .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#procedure-links div a:hover span{bottom: 0%;}
#procedure-links div.links:first-child a span, #procedure-links div:last-child a span{
	left: 0;
	right: 100%;
	top: 0;
	bottom: 0;
	width: auto;
	transition: right .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#procedure-links div a:hover span{top: 0%;}
#procedure-links div.links:first-child a:hover span{right: 0%;}
#procedure-links div:last-child a:hover span{right: 0%;}
.procedure:last-child #procedure-links div:first-child a{display: none !important;}
.page-template-template-surgical .procedure:last-child #procedure-links div:first-child a,
.page-template-template-non-surgical .procedure:last-child #procedure-links div:first-child a{display: inherit !important;}

@media screen and (max-width: 1940px){
	.page-template-template-surgical .persistent-msg,
	.page-template-template-non-surgical .persistent-msg{
		width: calc((100% - 240px) / 3 * 2);
		right: 120px;
	}
}

@media screen and (max-width: 1920px){
	.interior-opening-content-contain h1{font-size: 56px;}
	#subnav-breadcrumbs{width: calc((100% - 90px) / 7 * 4 + 50px);}
	#subnav-breadcrumb-title{width: 50%;}
	#subnav-breadcrumb-location{width: calc((100% / 2) - 45px)}
}

@media screen and (max-width: 1680px){
	.interior-opening-content-contain h1{font-size: 48px;}
	#procedure-links div {width: calc(100% / 6 * 2.5);}
	#procedure-links div:first-child a{width: 100%;}
	#procedure-links div:last-child{width: calc(100% / 6 * 3.5);}
}

@media screen and (max-width: 1440px){
	.page-template-template-surgical .persistent-msg, .page-template-template-non-surgical .persistent-msg{right: 45px;}
	.page-template-template-surgical #main-content, .page-template-template-non-surgical #main-content, .page-template-template-about #main-content, .post-type-archive-patients #main-content, .tax-procedure #main-content, .page-template-default #main-content, .page-template #main-content, .patients-template-default #main-content, .page-template-template-contact #main-content, .page-template-template-blog #main-content, .single-post #main-content, .error404 #main-content, .page-template-page-thank-you #main-content{padding: 0px 45px 0px 0px;}
	.page-template-template-surgical #main-content-wrap > section, .page-template-template-non-surgical #main-content-wrap > section, .page-template-template-about #main-content-wrap > section, .page-template-template-blog #main-content-wrap > section, .single-post #main-content-wrap > section, .error404 #main-content-wrap > section, .page-template-page-thank-you #main-content-wrap > section{
		margin-left: 45px;
		padding-left: 0!important;
		width: calc(100% - 45px);
	}
	.interior-opening-content-contain h1{font-size: 40px;}
	#interior-subnavigation.stuck{width: calc(100% - 90px) !important;}
	.page-template-template-surgical #main-content-wrap #interior-subnavigation-container{margin-left: 45px;}
	.procedure-content{padding: 70px 45px 70px 35px;}
	.procedure-content h1, .procedure-content h1 a{
		width: 100%;
		font-size: 36px;
	}
	.procedure-content h2 {
		padding: calc(35px / 2) 120px calc(35px / 2) 35px;
		width: calc(100% + 90px);
		font-size: 24px;
		line-height: 36px;
	}
	.procedure:nth-child(even) .procedure-content{padding: 70px 35px 70px 45px;}
	.procedure:nth-child(even) .procedure-content h1{padding-left: 0px;}
	.procedure:nth-child(even) .procedure-content h2 {
		padding: calc(35px / 2) 35px calc(35px / 2) 135px;
		margin: calc(35px / 4 * 3) 0px 35px -135px;
		width: calc(100% + 135px);
	}
	.procedure-content p{
		width: 100%;
		font-size: 14px;
	}
	.procedure:nth-child(even) .procedure-content p{
		padding-left: 0px;
		padding-right: 45px;
	}
}

@media screen and (max-width: 1280px){
	.page-template-template-surgical #main-content, .page-template-template-non-surgical #main-content, .page-template-template-about #main-content, .post-type-archive-patients #main-content, .tax-procedure #main-content, .page-template-default #main-content, .page-template #main-content, .patients-template-default #main-content, .page-template-template-contact #main-content, .page-template-template-blog #main-content, .single-post #main-content, .error404 #main-content, .page-template-page-thank-you #main-content{padding: 0px;}
	.error404 #main-content, .page-template-page-thank-you #main-content{padding: 0px;}
	.error404 #interior-opening-block, .page-template-page-thank-you #interior-opening-block{margin-left: 0px !important;}
	.error404 #interior-opening-content, .page-template-page-thank-you #interior-opening-content{background: #fff;}
	.page-template-template-surgical #main-content-wrap > section, .page-template-template-non-surgical #main-content-wrap > section, .page-template-template-about #main-content-wrap > section, .page-template-template-blog #main-content-wrap > section, .single-post #main-content-wrap > section, .error404 #main-content > section{
		margin-left: 0px;
		width: 100%;
	}
	.page-template-template-surgical #main-content-wrap #interior-subnavigation-container{margin-left: 0px;}
	.procedure-content h2{width: calc(100% + 45px);}
	#interior-subnavigation.stuck {width: 100% !important;}
	.page-template-template-surgical .persistent-msg,
	.page-template-template-non-surgical .persistent-msg{
		width: 100%;
		right: 0px;
	}
	.persistent-msg > div{display: block;}
	.persistent-msg > div a:first-child{
		text-align: center;
		display: block;
		width: 100%;
		position: relative;
		line-height: 60px;
	}
	.persistent-msg > div #exit-persistent-msg{
		position: absolute;
		right: 0px;
		height: 60px;
		top: 0px;
		display: block;
	}
	.persistent-msg > div #exit-persistent-msg svg{height: 60px;}
}

@media screen and (max-width: 1152px){
	.error404 #main-content-wrap > section, .page-template-page-thank-you #main-content-wrap > section {
		margin-left: 0px;
		width: 100%;
	}
}

@media screen and (max-width: 1140px){
	.procedure-wrap{
		top: initial;
		transform: none;
		position: relative;
	}
	.procedure{
		height: auto;
		min-height: 100vh;
		max-height: 100%;
	}
	.procedure-container{display: block;}
	.procedure-container > div{
		display: block;
		position: relative;
	}
	.procedure-image{
		display: block;
		height: 50vw;
		width: 100%;
		position: relative;
	}
	.procedure:nth-child(even) .procedure-image{
		position: relative;
		left: 0;
		top: 0;
		height: 50vw;
		bottom: initial;
	}
	
	.procedure-content{
		width: 100%;
		padding: 70px 45px;
	}
	.procedure:nth-child(even) .procedure-content h2, .procedure:nth-child(odd) .procedure-content h2{
		padding: calc(35px / 2) 45px calc(35px / 2);
		margin: calc(35px / 4 * 3) 0px 35px -45px;
		width: calc(100% + 45px);
		border-right: 2px solid #efe3cf;
		border-left: 0px solid #efe3cf;
	}
		.procedure:nth-child(even) .procedure-content h3, .procedure:nth-child(odd) .procedure-content h3{
		padding: calc(35px / 2) 45px calc(35px / 2);
		margin: calc(35px / 4 * 3) 0px 35px -45px;
		width: calc(100% + 45px);
		border-right: 2px solid #efe3cf;
		border-left: 0px solid #efe3cf;
	}
	.procedure-content h2{padding: 0px;}
	.procedure-content p{padding: 0px;}
}

@media screen and (max-width: 980px){
	#interior-subnavigation-container{display: none !important;}
	#interior-subnavigation.stuck{opacity: 1;}
	.page-template-template-surgical #main-content-wrap #interior-opening-block,
	.page-template-template-non-surgical #main-content-wrap #interior-opening-block,
	.page-template-template-about #main-content-wrap #interior-opening-block,
	.page-template-template-contact #main-content-wrap #interior-opening-block,
	.tax-procedure #main-content-wrap #interior-opening-block,
	.page-template #main-content-wrap #interior-opening-block,
	.page-template-default #main-content-wrap #interior-opening-block,
	.patients-template-default #main-content-wrap #interior-opening-block,
	.page-template-template-blog #main-content-wrap #interior-opening-block,
	.single-post #main-content-wrap #interior-opening-block,
	.error404 #main-content-wrap #interior-opening-block,
	.page-template-page-thank-you #main-content-wrap #interior-opening-block{
		display: block;
	}
	#interior-opening-block{
		height: auto;
		max-height: 100%;
	}
	#interior-opening-image, #interior-opening-content{
		display: block;
		position: relative;
		width: 100%;
		padding: 70px 45px;
	}
	#interior-opening-image{
		height: 100vw;
		max-height: 500px;
	}
	.page-template-template-about #interior-opening-image{background-position-y: 10% !important;}
	.interior-opening-content-contain h1{
		margin-left: 0px;
		padding-left: 0px;
		border: 0px solid transparent;
		line-height: 48px;
		height: auto;
		font-size: 30px;
	}
	.interior-opening-content-contain h1 span{left: 45px;}
	.interior-opening-content-contain h2{
		padding-left: 35px;
		font-size: 18px;
		line-height: 30px;
		margin-top: 0px;
		margin-bottom: 35px;
	}
	.interior-opening-content-contain a.scoot-down{
		margin-left: -45px;
		padding: 0px 90px 0px 45px;
	}
	.interior-opening-content-contain p{padding: 0px;}
	.page-template-template-about .interior-opening-content-contain p{padding: 0px;}
	.procedure{padding: 0px 0px 90px;}
	#procedure-links div{padding: 0px;}
	#procedure-links div:last-child{padding: 0px;}
	#procedure-links div a{padding: 0px 35px 0px 45px;}
	#procedure-links div:last-child a{
		 padding: 0px 90px 0px 35px;
		 width: auto;
	 }
	#procedure-links div.links:last-child a{
		padding: 0px 45px 0px 35px;
		width: 100%;
	}
	.page-template-template-about #interior-opening-block{height: auto;}
}

@media screen and (max-width: 768px){
	.page-template-template-surgical .persistent-msg, .page-template-template-non-surgical .persistent-msg{display: none;}
	.procedure{min-height: initial;}
	.procedure-content h2, .procedure-content h2 a{font-size: 24px; line-height: 48px;}
	h2.title-h2{margin-bottom:-30px !important;}
	.procedure-content h2{font-size: 20px; line-height: 28px;}
	#procedure-links div a, #procedure-links div a strong em{font-size: 14px;}
	#procedure-links {display: block;}
	#procedure-links div, #procedure-links div:last-child{display: block; width: 100%;}
	#procedure-links div:last-child a{width: 100%; padding-left: 45px;}
	#procedure-links div:last-child a svg {right: 30px;}
	#procedure-links div:last-child a:hover svg {right: 20px;}
	.page-template-template-about .interior-opening-content-contain a{width: 100%; height: 70px; line-height: 70px;}
	.interior-opening-content-contain h1 {font-size: 24px; line-height: 28px;}
	#interior-content h2, #interior-content h3 {font-size: 20px;}
	.before-after-content > div div h2 a {font-size: 24px!important;}
	.interior-opening-content-contain h2{font-size: 14px; line-height: 24px; background: none; border: none; padding: 0;}
	.interior-opening-content-contain h2 p{font-size: 14px; line-height: 24px;}
	.interior-opening-content-contain a.scoot-down{font-size: 14px; width: calc(100% + 45px);}
}

/* BEFORE/AFTER GALLERY HOME */
#photo-gallery{
	padding-left: 120px;
	width: 100%;
	background: none !important;
	display: block;
	position: relative;
}
#gallery-listing{
	width: 100%;
	position: relative;
	display: block;
	background: white;
	padding: 70px 45px;
}
#gallery-listing h1{
	color: #987298;
	font-family: "roboto", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 300;
	display: block;
}
#gallery-listing ul{
	display: block;
	position: relative;
	margin: 45px 0px!important;
	height: auto;
	width: 100%;
}
.gallery-item{
	display: inline-block;
	height: 25vw;
	width: calc(25% - 20px);
	margin-right: calc(45px / 2);
	margin-bottom: calc(45px / 2);
	max-height: 420px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.gallery-item:nth-child(4n){margin-right: 0px;}
.gallery-item > div{
	position: absolute;
	display: block;
	top: 0;
	cursor: pointer;
	width: 100%;
	bottom: 0;
	/*

	-webkit-background-position-x: 50%;
	-moz-background-position-x: 50%;
	-ms-background-position-x: 50%;
	-o-background-position-x: 50%;
	background-position-x: 50%;
*/


	/*
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-ms-transform: scale(1.025);
	-o-transform: scale(1.025);
	transform: scale(1.025);
*/
	/*

	-webkit-transition: -webkit-transform .45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-background-position-x .45s cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: -moz-transform .45s cubic-bezier(0.23, 1, 0.32, 1), -moz-background-position-x .45s cubic-bezier(0.23, 1, 0.32, 1);
	-ms-transition: -ms-transform .45s cubic-bezier(0.23, 1, 0.32, 1), -ms-background-position-x .45s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: -o-transform .45s cubic-bezier(0.23, 1, 0.32, 1), -o-background-position-x .45s cubic-bezier(0.23, 1, 0.32, 1);
	transition: transform .45s cubic-bezier(0.23, 1, 0.32, 1), background-position-x .45s cubic-bezier(0.23, 1, 0.32, 1);
*/
}
.gallery-item:hover > div{

	/*
		-webkit-background-position-x: 52.5% !important;
		-moz-background-position-x: 52.5% !important;
		-ms-background-position-x: 52.5% !important;
		-o-background-position-x: 52.5% !important;
		background-position-x: 52.5% !important;
*/

	/*
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);

*/
}
.gallery-item a{
	position: absolute;
	padding: 35px 0px 35px 35px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	background: rgba(240, 240, 240, 0.65);
	text-decoration: none;
	cursor: pointer;
	transition: background .25s ease-in-out;
}
.gallery-item a:hover{background: rgba(153, 115, 153, 0.8);}
.gallery-item a > span{
	display: block;
	position: relative;
	height: 100%;
	cursor: pointer;
	pointer-events: none;
}
.gallery-item a > span strong{
	color: #666;
	font-family: "Roboto", Georgia, Times, serif;
	font-size: 20px;
	display: block;
	font-weight: normal;
	font-weight: 500;
	position: relative;
	padding-bottom: 5px;
	transition: color .25s ease-in-out;
}
.gallery-item a:hover > span strong{color: #fff;}
.gallery-item a > span .subtext{
	font-size: 12px;
	margin-top: 8px;
	color: rgba(255, 255, 255, 0);
	text-transform: uppercase;
	letter-spacing: 3px;
	position: relative;
	display: block;
	font-weight: 600;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	transition: color .5s ease-in-out;
}
.gallery-item a:hover > span .subtext{color: #fff;}
.gallery-item a > span .l-to-r{
	height: 2px;
	width: calc(100% - 35px);
	display: block;
	position: relative;
}
.gallery-item a > span .l-to-r span{
	display: block;
	height: 100%;
	width: 0%;
	background: #efe3cf;
	transition: width .25s cubic-bezier(0.86, 0, 0.07, 1);
}
.gallery-item a:hover > span .l-to-r span{width: 100%;}
.gallery-item a > span em{
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	font-family: "roboto", helvetica, arial, sans-serif;
	color: rgba(102, 102, 102, 0);
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	padding-right: 35px;
	padding-left: calc(35px / 2);
	height: 35px;
	line-height: 35px;
	transition: color .25s ease-in-out;
}
.gallery-item a > span em span{
	height: 100%;
	position: absolute;
	right: 0;
	left: 100%;
	top: 0;
	bottom: 0;
	background: #efe3cf;
	z-index: 2;
	transition: left .25s cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-item a > span em b{
	position: relative;
	z-index: 3;
}
.gallery-item a:hover > span em{color: #987298;}
.gallery-item a:hover > span em span{left: 0;}
.procedure-parent {margin:0!important;}
@media screen and (max-width: 1440px){
	#photo-gallery{padding-left: 45px;}
}

@media screen and (max-width: 1400px){
	.gallery-item{width: calc(50% - 14px);}
	.gallery-item:nth-child(4n){margin-right: calc(45px / 2);}
	.gallery-item:nth-child(2n){margin-right: 0px !important;}
}

@media screen and (max-width: 1280px){
	#photo-gallery{padding-left: 0px;}
}

@media screen and (max-width: 980px){
	.gallery-item a > span strong{font-size: 16px;}
	.gallery-item a > span .subtext{font-size: 10px;}
}

@media screen and (max-width: 768px){
	.gallery-item{
		width: 100%;
		margin-right: 0px !important;
		height: 50vh;
	}
}

/* BEFORE/AFTER GALLERY SINGLE PROCEDURE */
.tax-procedure .interior-opening-content-contain h2,
.patients-template-default .interior-opening-content-contain h2 {margin-bottom: 35px;}

.tax-procedure #interior-content,
.page-template #interior-content,
.page-template-default #interior-content,
.patients-template-default #interior-content{
	background: none !important;
	padding-left: 120px;
	display: block;
	position: relative;
}
.before-after-block{
	display: block;
	position: relative;
	width: 100%;
	background: white;
	padding: 90px 0px;
}
.before-after-wrap{
	display: block;
	position: relative;
	width: 100%;
}
.page-links {
	background: #fff;
	padding: 0 45px 30px;
}
.page-links .current {
	background: #987298;
	color: #fff;
	font-size: 20px;
	font-family: "pt-serif", Georgia, Times, serif;
	font-style: italic;
	line-height: 60px;
	width: auto;
	height: 60px;
	padding: 0px calc(60px / 2);
	margin-right: 10px;
	display: inline-block;
	text-decoration: none; transition:all .5s ease-out;
}
.page-links a.page-numbers {
	background: #fafafa;
	color: #987298;
	font-size: 20px;
	font-family: "pt-serif", Georgia, Times, serif;
	font-style: italic;
	line-height: 60px;
	width: auto;
	height: 60px;
	padding: 0px calc(60px / 2);
	margin-right: 10px;
	display: inline-block;
	text-decoration: none; transition:all .5s ease-out;
}
.page-links a.page-numbers:hover {
	background: #987298;
	color: #fff;
}
.before-after-images, .before-after-content{
	display: block;
	width: 50%;
	position: relative;
}
body.patients-template-default .before-after-images, body.patients-template-default .before-after-content{
	display: block;
	width: 100%;
	position: relative;
}
.before-after-content{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	display: block;
}
.before-after-images{
	float: right;
}
.before-after-content > div{
	display: block;
	height: auto;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	padding-right: 70px;
}
.before-after-content .procedure-summary{
	margin-bottom: 90px;
	display: block;
	position: relative;
}
.before-after-content > div div h2{
	color: #987298;
	font-family: "roboto", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 300;
	display: block;
	margin-bottom: 35px;
	padding-left: 45px;
	margin-left: 45px;
	height: 70px;
	line-height: 70px;
	background: #FFFBF3;
	border-left: 2px solid #efe3cf;
	box-sizing: border-box;
	white-space: nowrap;
}
.before-after-content > div div p{
	font-family: "roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #999;
	font-weight: 300;
	padding-left: 90px;
	margin-bottom: 45px;
}
.before-after-content > div div h2 a {
	color: #987298;
	font-family: "roboto", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: 300;
	text-decoration: none;
}
.before-after-content > div div p a {
	color: #987298;
	font-family: "roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	text-decoration: none;
}
.before-after-content > div .procedure-summary a.link{
	height: 90px;
	width: calc(100% / 6 * 3.5);
	background: #fafafa;
	color: #987298;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: 700;
	display: inline-block;
	position: relative;
	padding: 0px 35px 0px 90px;
	transition: color .25s ease-in-out;
}
.before-after-content > div .procedure-summary a.link svg{z-index: 3;}
.before-after-content > div .procedure-summary a.link strong{
	top: 50%;
	transform: translateY(-50%);
	display: block;
	position: relative;
	width: 100%;
	text-align: left;
	z-index: 2;
	transition: color .25s ease-in-out;
}
.before-after-content > div .procedure-summary a.link em{
	color: #999;
	font-family: "pt-serif", Georgia, Times, serif;
	font-size: 16px;
	margin-bottom: 5px;
	font-style: italic;
	font-weight: normal;
	display: block;
	position: relative;
	transition: color .25s ease-in-out;
}
.before-after-content > div .procedure-summary a.link span{
	bottom: 0%;
	top: 0%;
	position: absolute;
	background: #987298;
	left: 0;
	right: 100%;
	z-index: 1;
	transition: right .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.before-after-content > div .procedure-summary a.link:hover span{right: 0;}
.before-after-content > div .procedure-summary a.link:hover strong, .before-after-content > div .procedure-summary a.link:hover em{color: #fff;}
.before-after-content .related-procedures #related-links-contain{
	width: 100%;
	display: block;
	position: relative;
	padding-left: 90px;
}
.before-after-content .related-procedures a{
	display: inline-block;
	position: relative;
	margin-right: calc(35px / 2);
	padding: calc(35px / 2);
	color: #987298;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: #fafafa;
	text-decoration: none;
	margin-bottom: calc(35px / 2);
	transition: color .25s ease-in-out;
}
.before-after-content .related-procedures a:hover{color: #fff;}
.before-after-content .related-procedures a strong{
	font-style: normal;
	font-weight: normal;
	position: relative;
	z-index: 3;
}
.before-after-content .related-procedures a span{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #987298;
	opacity: 0;
	z-index: 2;
	transform: scale(0.5);
	transition: opacity .125s ease-in-out;
}
.before-after-content .related-procedures a:hover span{
	opacity: 1;
	transform: scale(1);
}
.before-after-content .related-procedures a:first-of-type{ /* margin-left: 90px; */}

.client-slideshow{
	height: 100vh;
	max-height: 980px;
	min-height: 680px;
	position: relative;
}
body.patients-template-default .client-slideshow{
	height: auto;
	max-height: 980px;
	min-height: 560px;
}
.client-photo-pager{
	height: 70px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3000;
	padding-left: 45px;
}
.client-photo-pager p{
	height: 45px;
	line-height: 45px;
	display: inline-block;
	background: #efefef;
	color: #999;
	font-family: "roboto", Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 0px calc(35px / 2);
	font-weight: 400;
	cursor: pointer;
	position: relative;
	margin-right: calc(35px / 2);
}
.client-photo-pager p strong{
	position: relative;
	z-index: 3;
	font-weight: normal;
	font-weight: 300;
}
.client-photo-pager p span{
	position: absolute;
	display: block;
	left: 0;
	right: 100%;
	top: 43px;
	bottom: 0px;
	background: rgba(153, 115, 153, 1);
	z-index: 2;
	-webkit-transition: background .25s ease-in-out, right .25s cubic-bezier(0.23, 1, 0.32, 1), top .25s cubic-bezier(0.23, 1, 0.32, 1), color .25s ease-in-out;
}
.client-photo-pager p:hover span{
	right: 0;
	background: rgba(153, 115, 153, 1);
}
.client-photo-pager p.cycle-pager-active{color: #fff;}
.client-photo-pager p.cycle-pager-active span{
	top: 0;
	right: 0;
	background: rgba(153, 115, 153, 1);
}

.image-set{
	height: calc(100% - 70px);
	width: 100%;
	padding-right: 45px;
	padding-left: 45px;
	padding-top: 70px;
	z-index: 3000;
	bottom: 0;
	/* 				top: initial !important; */
	position: absolute !important;
}
.image-set.cycle-sentinel{position: static !important;}

.procedure-before, .procedure-after{
	height: calc(50% - (45px / 2));
	width: 100%;
	display: block;
	position: relative;
	background-color: #efefef !important;
	background-size: auto 100% !important;
}
body.patients-template-default .procedure-before, body.patients-template-default .procedure-after{
	width: 48%;
	height: calc(100% - (45px / 2));
	display: inline-block;
}
body.patients-template-default .procedure-before:nth-child(odd) {
	float: left;
}
body.patients-template-default .procedure-before:nth-child(even) {
	float: right;
}
.procedure-before{
	margin-bottom: 45px;
}
.related-procedures{
	position: relative;
	display: block;
}
.procedure-before span, .procedure-after span{
	height: 35px;
	width: auto;
	display: inline-block;
	position: absolute;
	bottom: calc(35px / 2);
	left: calc(35px / 2);
	background: #987298;
	color: white;
	line-height: 35px;
	font-family: "pt-serif", Georgia, Times, serif;
	font-style: italic;
	padding: 0px calc(35px / 2);
}

@media screen and (max-width: 1680px){
	.before-after-content > div .procedure-summary a.link{width: calc(100% / 6 * 4);}
}

@media screen and (max-width: 1440px){
	.tax-procedure #interior-content,
	.patients-template-default #interior-content {padding-left: 45px;}
}

@media screen and (max-width: 1280px){
	.tax-procedure #interior-content,
	.patients-template-default #interior-content {padding-left: 0px;}
	.before-after-content > div{padding-right: 0px;}
}

@media screen and (max-width: 980px){
	.before-after-block{padding: 45px 0px 45px;}
	.before-after-wrap{
		display: block;
		height: auto;
		position: relative;

	}
	.before-after-images{
		height: 75vw;
		min-height: 336px;
		float: none;
		width: 100%;
		display: block;
		position: relative;
	}
	.before-after-images .cycle-slideshow{
		height: 100%;
		min-height: 0px;
		max-height: 100%;
	}
	body.patients-template-default .client-slideshow {
		height: 100%;
	}
	.image-set{height: 100%;}
	.procedure-before, .procedure-after{
		display: inline-block;
		position: relative;
		width: 48%;
		vertical-align: top;
		height: 100%;
	}
	.procedure-before:nth-child(2) {
		float: right;
	}
	body.patients-template-default .procedure-before, body.patients-template-default .procedure-after{
		width: 100%;
	}
	.before-after-content{
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		top: 30px;
		bottom: initial;
	}
	.before-after-content .procedure-summary, .related-procedures{padding: 0px 45px;}
	.before-after-content > div div h2{font-size: 24px; margin-left: 0px; padding-left: 25px;}
	.before-after-content > div div p{padding-left: 45px;}
	.before-after-content > div .procedure-summary a.link{padding-left: 45px;}
	.before-after-content .related-procedures #related-links-contain{padding-left: 45px;}
	.before-after-content > div{
		top: initial;
		transform: translate(0%);
		position: relative;
	}
}

@media screen and (max-width: 768px){
	.before-after-content{
		top: 0;
	}
	.before-after-content .related-procedures a{
		display: block;
		margin-bottom: 10px;
		width: calc(100% - 90px);
		margin-left: 45px;
	}
	.before-after-content .related-procedures #related-links-contain{padding-left: 0px !important;}
	.before-after-images{height: 336px;}
	.image-set{padding: 0px 45px 70px;}
	.before-after-content > div div h2{font-size: 20px;}
	.before-after-content > div div p{font-size: 14px;}
	.before-after-content > div .procedure-summary a.link, .before-after-content > div .procedure-summary a.link em{font-size: 14px;}
	.before-after-content .related-procedures a{
		font-size: 14px;
		margin: 0px 0px 10px;
		width: 100%;
	}
	.before-after-content .related-procedures #related-links-contain{padding-left: 45px !important;}
}

@media screen and (max-width: 540px){
	.image-set{padding: 0px 0px 70px;}
	.client-photo-pager{
		top: initial;
		bottom: 0px;
		padding-top: 10px;
		padding-left: 0px;
		text-align: center;
	}
	.client-photo-pager p:last-child{margin-right: 0px;}
	.procedure-before span, .procedure-after span{
		bottom: initial;
		top: 0;
		left: 0;
	}
	.before-after-content .procedure-summary, .related-procedures{padding: 0px 0px;}
	.before-after-content .related-procedures #related-links-contain{padding-left: 0px !important;}
	.before-after-content .related-procedures a{
		padding: 0px 35px;
		height: 45px;
		line-height: 45px;
	}
	.before-after-content > div .procedure-summary a.link, .before-after-content > div .procedure-summary a.link em{width: 100%;}
}

/* CONTACT PAGE */
.page-template-template-contact #main-content-wrap{min-height: calc(100vh - 340px);}
.page-template-template-contact #interior-opening-block{
	height: auto;
	max-height: 100%;
}
.page-template-template-contact .interior-opening-content-contain h1{margin-bottom: 35px;}
.page-template-template-contact .interior-opening-content-contain h2{
	padding: 45px 0 calc(35px/2) 45px;
	margin: 0 0 0 45px;
	display: none;
	width: calc(100% - 45px);
}
.page-template-template-contact .interior-opening-content-contain #link-icon-container{
	display: block;
	position: relative;
	width: 100%;
	padding-left: 45px;
}
.page-template-template-contact .interior-opening-content-contain .link-icon{
	display: table;
	position: relative;
	width: 100%;
	margin-bottom: calc(35px / 2);
}
.page-template-template-contact .interior-opening-content-contain .link-icon div{
	display: table-cell;
	vertical-align: middle;
}
.page-template-template-contact .interior-opening-content-contain .link-icon div:nth-child(1){width: 24px;}
.page-template-template-contact .interior-opening-content-contain .link-icon div:nth-child(2){
	width: calc(100% - 24px);
	padding-left: 24px;
}
.link-icon a{
	text-decoration: none;
	color: #666;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 100;
	line-height: 36px;
	border-bottom: 1px solid rgba(240, 240, 240, 0);
	transition: color .25s ease-in-out, border .25s ease-in-out;
}
.link-icon:hover a{
	color: #987298;
	border-bottom: 1px solid #efefef;
}
.page-template-template-contact .interior-opening-content-contain .link-icon div svg{
	height: 24px;
	width: 24px;
}
.page-template-template-contact .interior-opening-content-contain .link-icon div svg *{
	fill: #ccc;
	transition: fill .25s ease;
}
.page-template-template-contact .interior-opening-content-contain .link-icon:hover div svg *{fill: #987298;}
#contact-social-links{
	width: 100%;
	display: block;
	position: relative;
	margin-top: 35px;
}
#contact-social-links h6, #contact-partner-links h6{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	padding-left: 45px;
	padding-right: calc(35px / 2);
	display: inline-block;
	background: #fafafa;
	color: #999;
	height: 35px;
	line-height: 35px;
	margin-bottom: calc(45px / 2);
}
#contact-partner-links a{
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	color: #666;
	font-weight: 300;
	text-decoration: none;
	margin-left: 45px;
	line-height: 35px;
	height: 35px;
	border-bottom: 1px solid rgba(204, 204, 204, 0);
	transition: border .25s ease-in-out, color .25s ease-in-out;
}
#contact-partner-links a:hover{color: #987298; border-bottom: 1px solid #efefef;}
#contact-social-links ul{
	display: table;
	position: relative;
	height: 48px;
	margin-left: 45px;
}
#contact-social-links ul li{
	display: table-cell;
	width: 48px;
	position: relative;
}
#contact-social-links ul li a svg{width: 24px;}
#contact-social-links ul li a svg *{
	fill: #666;
	transition: fill .25s ease;
}
#contact-social-links ul li a:hover svg *{fill: #987298;}
.page-template #main-content-wrap #interior-content,
.page-template-default #main-content-wrap #interior-content,
.page-template-template-contact #main-content-wrap #interior-content{
	background: none;
	padding-left: 120px;
	display: block;
	position: relative;
}
.page-template #main-content-wrap #interior-content > div,
.page-template-default #main-content-wrap #interior-content > div,
.page-template-template-contact #main-content-wrap #interior-content > div{background: #fff;}

.page-template-template-contact #main-content-wrap #interior-content > div:last-child{
	width: calc(50% - 45px);
	position: absolute;
	right: 0;
	top: 45px;
	bottom: 45px;
	height: auto;
	display: block;
}
.form-textarea{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 16px;
	max-width: 100%;
}
.form-captcha:hover{border: 0;}
.form-line{padding: 10px 0px 20px;}
.page-template-template-contact .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input{
	box-sizing: border-box;
	outline: none !important;
}
.form-textbox{
	background: #efefef;
	border: 0px;
	height: 45px;
	line-height: 45px;
	padding: 0px calc(35px / 2);
}

@media screen and (max-width: 1440px){
	.page-template #main-content-wrap #interior-content,
	.page-template-default #main-content-wrap #interior-content,
	.page-template-template-contact #main-content-wrap #interior-content{padding-left: 45px;}
}

@media screen and (max-width: 1280px){
	.page-template #main-content-wrap #interior-content,
	.page-template-default #main-content-wrap #interior-content,
	.page-template-template-contact #main-content-wrap #interior-content{padding-left: 0px;}
}

@media screen and (max-width: 980px){
	.page-template-template-contact .interior-opening-content-contain #link-icon-container{padding-left: 0px;}
	.page-template-template-contact #interior-opening-image, #interior-opening-content{padding-bottom: 45px;}
	.page-template-template-contact #main-content-wrap #interior-content > div:last-child{
		display: block;
		position: relative;
		width: 100%;
		right: initial;
		left: initial;
		top: initial;
		bottom: initial;
		height: 50vw;
		min-height: 420px;
	}
	.page-template-template-contact .link-icon a{font-size: 20px; font-weight: 300;}
	#contact-social-links, #contact-partner-links{margin-left: -45px;}
}

@media screen and (max-width: 768px){
	.page-template-template-contact #interior-opening-image{min-height: 75vw;}
	#interior-opening-content{padding: 45px;}
}

/* ANNOUNCEMENTS/BLOG HOME */
.page-template-template-blog #main-content-wrap > #interior-content{
	padding-left: 120px;
	background: rgba(255, 255, 255, 0);
}

#announcements{
	background: white;
	padding: 70px 45px;
	position: relative;
	display: flex;

}
.announcement-item{
	/* 	display: block; */
	/* 	float: left; */
	/* 	width: calc(50% - (35px / 2)); */
	position: relative;
	background: #fafafa;
	margin-right: calc(35px / 2);
	flex: 0 1 33.333%;
	padding: 35px;
}
.announcement-item:nth-child(4n){margin-right: 0px;}
.announcement-item h3{
	font-family: "pt-serif", Georgia, Times, serif;
	color: #987298;
	font-size: 22px;
	font-weight: 700;
	line-height: 24px;
	display: block;
	margin-bottom: 5px;
	width: 100%;
	position: relative;
}
.announcement-item h6{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 18px;
	color: #999;
	letter-spacing: 2px;
	margin-bottom: 10px;
	display: block;
	position: relative;
}
.announcement-item p{
	display: block;
	font-family: "Roboto", Helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	line-height: 24px;
}
.announcement-item a{
	display: inline-block;
	padding: 0px 75px 0px calc(35px / 2);
	background: #efefef;
	color: #666;
	font-family: "pt-serif", Georgia, Times, serif;
	position: relative;
	font-size: 16px;
	font-style: oblique;
	text-decoration: none;
	margin-top: calc(35px / 2);
	position: relative;
	height: 45px;
	line-height: 45px;
	transition: color .5s cubic-bezier(0.86, 0, 0.07, 1);
}
.announcement-item a:hover{color: #fff;}
.announcement-item a span{
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	right: 100%;
	background: #987298;
	z-index: 2;
	transition: right .5s cubic-bezier(0.86, 0, 0.07, 1);
}
.announcement-item a:hover span{right: 0;}
.announcement-item a strong{
	z-index: 3;
	position: relative;
	font-style: oblique;
	font-weight: 500;
}
.announcement-item a svg{position: absolute; z-index: 3;}
.announcement-item a.more-link {display: none;}

@media screen and (max-width: 1440px){
	.page-template-template-blog #main-content-wrap > #interior-content {padding-left: 0px;}
}

@media screen and (max-width: 980px){
	.page-template-template-blog #interior-opening-content {
		display: block;
		position: relative;
		min-height: initial;
		padding-bottom: 0px;
	}
	#announcements{
		display: block;
		position: relative;
	}
	.announcement-item{
		display: block;
		position: relative;
		width: 100%;
		margin-bottom: calc(35px / 2);
		margin-right: 0px !important;
	}
}

@media screen and (max-width: 768px){
	.announcement-item a{width: 100%;}
}

/* SINGLE ANNOUNCEMENT/SINGLE BLOG POST */
.single-post #main-content-wrap > section{background: rgba(255, 255, 255, 0);}
.single-post #interior-opening-content{background: white;}
.single-post #main-content-wrap #interior-opening-block{min-height: calc(100vh - 340px);}
.single-post .interior-opening-content-contain h1{margin-bottom: 0px;}
.single-post .interior-opening-content-contain h2{display: none;}
.single-post .interior-opening-content-contain h6{
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
	letter-spacing: 2px;
	line-height: 25px;
	margin-bottom: 35px;
	padding-left: 35px;
	background: #fafafa;
	height: 25px;
	display: inline-block;
	position: relative;
	padding-right: calc(35px / 2);
}
.interior-opening-content-contain p{margin-bottom: 35px;}
.interior-opening-content-contain p > a{
	color: #999;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	transition: border .25s ease-in-out, color .25s ease-in-out;

}
.interior-opening-content-contain p > a:hover{color: #987298; border-bottom: 1px solid #987298;}
.single-post .interior-opening-content-contain > a{
	display: inline-block;
	position: relative;
	padding: 0px 75px 0px 35px;
	height: 45px;
	line-height: 45px;
	background: #efefef;
	color: #666;
	text-decoration: none;
	font-family: "pt-serif", Georgia, Times, serif;
	font-style: oblique;
	transition: color .25s ease-in-out;

}
.single-post .interior-opening-content-contain > a:hover{color: white;}
.single-post .interior-opening-content-contain a strong{
	font-weight: 400;
	position: relative;
	z-index: 3;
}
.single-post .interior-opening-content-contain a svg{z-index: 3;}
.single-post .interior-opening-content-contain a span{
	position: absolute;
	display: block;
	left: 0;
	right: 100%;
	top: 0;
	bottom: 0;
	background: #987298;
	z-index: 2;
	transition: right .5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.single-post .interior-opening-content-contain a:hover span{
	right: 0;
}

@media screen and (max-width: 1280px){
	.single-post #main-content-wrap #interior-opening-block {
		min-height: calc(100vh - 225px);
	}
}

@media screen and (max-width: 980px){
	.single-post #main-content-wrap #interior-opening-block {
		min-height: initial;
	}
	.single-post .interior-opening-content-contain h6{
		margin-left: -45px;
		padding-left: 45px;
		margin-top: 20px;
	}
	.single-post .interior-opening-content-contain a{
		margin-left: -45px;
		padding-left: 45px;
	}
}

@media screen and (max-width: 768px){
	.single-post .interior-opening-content-contain a{
		width: calc(100% + 45px);
		height: 70px;
		line-height: 70px;
	}
}







@media only screen and (max-width: 740px) {
	iframe{width:100%; height:280px;}
	.patient-single {width:100%!important;}
}/*MOBILE*/

@media only screen and (max-width: 960px) and (min-width: 740px) {

}/*TABLET*/

@media only screen and (max-width: 1024px) and (min-width: 960px) {

}/*960 DESKTOP*/