@charset "UTF-8";
/*
Theme Name: Shafer, David (shaferplasticsurgery.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);
@import url(css/flexslider.css);
/*---- Do Not Remove ----*/
html { box-sizing: border-box; font-size: 62.5%; scroll-behavior: smooth; overflow-x: hidden; }

@media only screen and (max-width: 68.75em) {
	html html { font-size: 50%; }
}
@media only screen and (max-width: 37.5em) {
	html html { font-size: 45%; }
}
@media only screen and (max-width: 31.25em) {
	html html { font-size: 40%; }
}

body { font-size: 1.6rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
::-moz-selection { background: var(--shafer-light-blue); }
::selection { background: var(--shafer-light-blue); }
::-moz-selection { background: var(--shafer-light-blue); }

h1, h2, h3, h4, h5 { margin: 0 0 2.5rem; font-weight: 300; line-height: 1.2; }

#main #content h1:not(:first-of-type), #main #content h2, #main #content h3, #main #content h4, #main #content h5 { margin-top: 4rem; }

h1 { font-size: 4rem; }
h2 { font-size: 3.5rem; }
h3 { font-size: 3rem; }
h4 { font-size: 2.5rem; }
h5 { font-size: 2rem; }
h6 { font-size: 1.5rem; }
p { padding: 1rem 0; line-height: 2; font-size: 16px; font-weight: 300; }

a {color:#7992A1;}
a:hover {color:#9BAFB8;}
a:visited, a:link { color:#7992A1; text-decoration: none; transition: all 0.5s ease-out; }
.fr {float:right;}
.fl {float:left}
.img-r {float:right; padding: 0 0 10px 10px;}
.img-l {float:left; padding: 0 10px 10px 0px;}
.clr {clear:both;}
ul, ol { clear: both; }

.ml10 {margin-left:10px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml50 {margin-left:50px;} .mr10 {margin-right:10px;} .mr20 {margin-right:20px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .mr40 {margin-right:40px;} .mr50 {margin-right:50px;} .mt10 {margin-top:10px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mb10 {margin-bottom:10px;} .mb20 {margin-bottom:20px;} .mb25 {margin-bottom:25px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;}

.internal-page-content-wrapper ul {list-style: disc; margin-bottom: 15px; padding-left: 15px;   font-weight: 300;line-height: 30px;}
.internal-page-content-wrapper ul .children { list-style: circle; padding: 0 0 0 10px;}
.internal-page-content-wrapper ol {list-style: decimal;    font-weight: 300; padding: 0 0 0 15px;line-height: 30px;}

.flexslider { display: inline-block; text-align: center; margin-bottom: 30px; width: 100%; }

.post-published{ display:none}

/* FORM */
input, select, textarea { transition: all 0.5s ease-out; }

.sb-form input[type=text], .sb-form input[type=email], .sb-form input[type=tel], .sb-form input[type=url], .footer-form input[type=text], .footer-form input[type=email], .footer-form input[type=tel], .footer-form input[type=url], .newsletter input[type=text], .newsletter input[type=email], .newsletter input[type=tel], .newsletter input[type=url] { color: #000; background: #fff; font-size: 1.5rem; box-sizing: border-box; width: 100%; margin: 0 0 10px; padding: 12px; border: 1px solid #ccc; }
.sb-form input[type=submit], .newsletter input[type=submit] { }

.sb-form textarea, .footer-form textarea, .newsletter textarea { color: #000; background: #fff; font-size: 1.5rem; box-sizing: border-box; width: 100%; margin: 0 0 10px; padding: 12px; border: 1px solid #ccc; margin-bottom: 5px; height: 130px; resize: vertical; }

.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=url] { color: #000; background: #fff; font-size: 1.5rem; box-sizing: border-box; width: 100%; margin: 0 0 10px; padding: 12px; border: 1px solid #ccc; }


.contact-form input[type=date] { color: #000; background: #fff; font-size: 1.5rem; box-sizing: border-box; width: 50%; margin: 0 0 10px; padding: 12px; border: 1px solid #ccc; }

.form-container input[type=submit] { font-weight: 700; text-transform: uppercase; border: 0; background: transparent; text-align: right; font-size: 20px; }

.form-container input[type=submit]::after { font-weight: 700; content: ""; font-family: FontAwesome; font-size: 16px; margin-left: 1rem; }

.contact-form textarea { color: #000; background: #fff; font-size: 1.5rem; box-sizing: border-box; width: 100%; margin: 0 0 10px; padding: 12px; border: 1px solid #ccc; height: 130px; resize: vertical; }
.contact-form select { color: #000; background: #fff; font-size: 1.5rem; box-sizing: border-box; width: 100%; margin: 0 0 10px; padding: 12px; border: 1px solid #ccc; height: 44px; margin-bottom: 10px; }

input.placeholder, textarea.placeholder { color: #8b8b8b; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #8b8b8b; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #8b8b8b; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8b8b8b; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8b8b8b; }

.sb-form input[type=submit][disabled], .contact-form input[type=submit][disabled] { opacity: 0.7; cursor: not-allowed; }
.sb-form input[type=submit][disabled]:hover, .contact-form input[type=submit][disabled]:hover { opacity: 0.7; cursor: not-allowed; }
.sb-form input.wpcf7-captchar, .contact-form input.wpcf7-captchar { width: 100%; }
.wpcf7-form-control-wrap.agree { display: inline-block !important; width: 20px; }
.agreements { font-weight: 400; margin: 15px 0; }
.wpcf7-not-valid-tip { font-size: 10px !important; margin: -7px 0 10px 5px; }
.wpcf7-validation-errors { border: 0 !important; text-align: center; font-size: 11px; color: #f00; }
.ajax-loader { position: absolute; margin-top: -40px; }
span.wpcf7-list-item { margin: 0 !important; }
input[type="checkbox"] {
    width: 13px !important ;
    -webkit-appearance: checkbox !important;
}

/* END FORM */

.nav-container { float: right; transition: all 0.5s ease-out; }
#nav { margin: 0 auto; transition: none; width: 100%; align-items: center; justify-content: flex-end; }
#nav ul li { display: inline-block; }
#nav ul li a { font-weight: 400; padding: 0.96em; color: #fff; background: none; text-decoration: none; text-transform: uppercase; }
#nav-overlay { position: fixed; width: 100%; background-color: rgba(87, 123, 138, .8); top: 0; transform: translateY(-100%); transition: 600ms; z-index: 99; }
#nav-overlay .menu-logo { display: flex; flex-direction: column; width: 45%; height: 100%; background-color: #ffffff; overflow-y: auto; }
#nav-overlay .stellarnav { overflow-y: scroll; }
#nav-overlay .menu-logo > div:first-child { padding: 6rem 3rem 3rem; text-align: center; }
#nav-overlay .menu-logo > div:last-child { width: 70%; margin: auto 50px 0 auto; }
#nav-overlay .menu-logo #menu-phone { font-size: 30px; line-height: 25px; padding: 0; }

#nav-overlay #menu-exit { position: absolute; right: 25px; top: 70px; font-size: 30px; z-index: 10; color: #ffffff; }

#nav-overlay #social-media { display: flex; padding: 2rem 0 3rem; }
#nav-overlay #social-media li { margin: 0 1rem 0 0; }
#nav-overlay #social-media li a { color: #000000; }
#menu-btn { position: relative; z-index: 999999; }
#menu-btn:hover, #menu-exit:hover { cursor: pointer; }
.nav-open { transform: translateY(0)!important; height: 100%; }
.internal-page-content-wrapper { padding: 5rem 0; }
div#realself-55575-rv > div { width: 100%; max-width: 100% !important; }

/* testimonials */
#nkp-testimonials-company { margin-bottom: 20px; }
.review-rating-stars, .testimonial-dash, .testimonial-date {display: none;}
.testimonial-name { margin: -17px auto 0; display: table; width: auto; float: none; position: relative; top: -24px; border: 1px solid #000; border-radius: 0; padding: 9px 35px; text-align: center; color: #000; box-shadow: 0 3px 8px 0rgba(0,0,0,.06); }
.shadow-effect { background:#fff; padding: 20px; border-radius: 4px; text-align: center; border: 1px solid#ececec; box-shadow: 0 3px 8px 0rgba(0,0,0,.06); }
.testimonial-title h3 { font-family: inherit; font-weight: 200; font-size: 19px; line-height: 30px; margin: 10px 20px; color:#59666b; }
.test-bubble p {line-height: 1.7em}
.test-bubble { background:rgba(249, 247, 247, 0.59); padding:10px 50px 10px 50px; position:relative; margin-bottom:20px; border-radius:20px }
.test-bubble h3 {padding-top: 2rem;}
.test-bubble::before { bottom:28px; box-sizing:border-box; color:#e3e3e3; content:'\201C'; display:block;  height:72px; left:54px; position:absolute; right:515.391px;  -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%;  -ms-text-size-adjust:100%; text-size-adjust:100%; top:20px; width:24.6094px; -moz-column-rule-color:#bbb; column-rule-color:#bbb; perspective-origin:12.2969px 48px; transform-origin:12.2969px 48px; border:0 #bbb; font:normal normal normal normal 190px/96px Georgia,serif; margin:25px 0 0 -40px; outline:#bbb 0; z-index: -1;}
.sub .main .content p.testimonial-author {  margin:0 }
.test-bubble::after { content:''; position:absolute; bottom:0; left:20%; width:0; height:0; border:20px solid transparent; border-top-color:rgba(249, 247, 247, 0.59); border-bottom:0; border-left:0; margin-left:-10px; margin-bottom:-20px }
p.testimonial-author {
    padding-left: 60px;
}
/* /// testimonials */
.related-list { margin-top: 15px; }
.related-list ul { list-style: none !important; margin: 0px 0px 25px 0 !important; padding: 0px !important; }
.related-list ul li { padding: 0px !important; margin: 0px !important; }
.related-list ul li a { padding: 2px 5px; display: block; /*! background: #f8f8f8; */ border-bottom: 1px solid #fff; }
.related-list ul li a:hover { background: #f8f8f8; }

.relatedLinks { margin-top: 15px; }
.relatedLinks ul { list-style: none !important; margin: 0px !important; padding: 0px !important; }
.relatedLinks ul li { padding: 0px !important; margin: 0px !important; }
.relatedLinks ul li a { padding: 10px; display: block; background: #f8f8f8; border-bottom: 1px solid #fff; }
.relatedLinks ul li a:hover { background: #fff; }

.bxa-img {border: 3px solid rgb(214, 214, 214) !important;}
.censor-gate { position: relative; margin-top: 30px !important;}
.censor-gate .bxa-btn { position: absolute; font-size: 16px; cursor: pointer; top: 0; right: 0; bottom: 0; left: 0; width: 250px; height: 100px; margin: auto; }
.censor-gate .bxa-img{ -webkit-filter:blur(20px); filter:blur(20px) }

.tac { text-align: center; }
.internal-page-content-wrapper .btn { max-width: 400px; }
/* RESPONSIVE VIDEO */
.embed-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 30px;}
.embed-responsive iframe, .embed-responsive object, .embed-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 30px;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.blog .feat-img {float:left; padding:10px; }
.main .feat-img.single {float: none; margin: 30px 0; text-align: center;}
.pagination-wrapper a.inactive {padding: 5px;}
.pagination-wrapper .current, .page-numbers.current { padding: 2px 7px; background: #7992A1; color: #fff; }
.pagination-wrapper { margin-top: 20px; }

#rsqawrapper { margin: 30px auto !important; }

.gdl-accordion{ margin:0px 0 15px 0 !important; padding:0px; list-style-type:none !important; cursor:pointer}
.gdl-title{ display:block; background:#7992A1; color:#fff; padding:15px; border-bottom: 1px solid #fff; margin-bottom:0px; font-size:16px; font-weight: 400;}
.accordion-content{ padding:15px;}
.accordion-head-image{ width:15px; display:inline-block; text-align:center}
.accordion-head-image:before{content:"+"}
.open-accordion:before{content:"-"}

a.anchor { display: block; position: relative; top: -130px; visibility: hidden; }
.bread-wrap {padding: 3rem 0 0}
#poppin-announcement { margin: 0 auto; }

#announcement {
    position: relative;
    width: 840px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #FFF;
    border-radius: 10px;
}
#announcement p {
    font-weight: 600;
}
#announcement button.mfp-close {
    display: none;
}
#announcement ol { list-style: decimal; font-weight: 200; }
#announcement ol li { padding-bottom: 20px; }

.stellarnav #menu-main-navigation {
	display: block !important;
	width: 70%;
	margin: 4rem 50px 0 auto;
}
.stellarnav .menu-toggle {
	display: none !important;
	visibility: hidden;
	color: #fff !important;
	background: rgba(0, 0, 0, 0.2);
	width: auto;
}
.stellarnav .close-menu {
	width: 100%;
}
.stellarnav .dd-toggle {
	padding: 15px !important;
	border-bottom: 0 !important;
	height: 47px;
}
.stellarnav .dd-toggle .fa-plus::before {
	content: "\f107";
}
.stellarnav li.open > a.dd-toggle i {
	transform: rotate(0deg);
}
.stellarnav li.no-link:hover > a {
	color: var(--shafer-light-blue);
}
.stellarnav li.no-link > .dd-toggle {
	width: 100%;
	text-align: right;
}
.stellarnav li.no-link > .dd-toggle .fa-plus {
	padding-right: 19px;
}
.stellarnav > ul > li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.stellarnav ul {
	font-size: 16px;
	border-top: 0 !important;
	/*background-color: var(--text-light-blue)!important; ;*/
}
.stellarnav ul li.open > a, .stellarnav ul li .current-menu-item > a {
	color: #7992A1;
}
.stellarnav ul li a {
	border-bottom: 0 !important;
	padding: 15px 0 15px 15px !important;
	text-transform: uppercase;
	font-weight: 400;
	/*color: #ffffff!important;*/
}
.stellarnav ul li a:hover, .stellarnav ul li a:focus {
	color: rgb(98, 130, 146);
	letter-spacing: 1px;
}
.stellarnav ul li ul {
	font-size: 15px;
	background: transparent !important;
}
.stellarnav ul li ul .dd-toggle {
	height: 43px;
}
.stellarnav ul li ul li {
	margin-left: 20px !important;
}
.stellarnav ul li ul li a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
	text-transform: capitalize;
	padding: 15px 0 15px 15px !important;
}
.stellarnav ul li ul ul li {
	margin-left: 40px !important;
}
.stellarnav ul li ul ul ul li {
	margin-left: 60px !important;
}

li#menu-item-8009 a, li#menu-item-8010 a, li#menu-item-8040 a  { font-weight: 600; }
li#menu-item-8009 { border-left: 3px solid #a1b2c0; }
li#menu-item-8010 { border-left: 3px solid #bdd1e1;}
li#menu-item-8040 { border-left: 3px solid #e3eaef}

/* NKP GLOBAL STYLES */
img {
	border: 0px;
}

.img-resp, .img-responsive {
	max-width: 100%;
	height: auto;
}

img.left, img.alignleft {
	float: left;
	margin: 10px 15px 0px 0px;
}

.img-l {
	float: left;
	margin: 10px 15px 0px 0px;
}

img.right, img.alignright {
	float: right;
	margin: 10px 0px 0px 15px;
}

.img-r {
	float: right;
	margin: 10px 0px 0px 15px;
}

.embed {
	position: relative;
	display: block;
	height: 0px;
	padding: 0px;
	overflow: hidden;
}

.embed-responsive.embed-responsive-4x3 {
	padding-bottom: 75%;
}
.embed-responsive.embed-responsive-16x9 {
	padding-bottom: 56.25%;
}
.embed-responsive .embed-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
	top: 0px;
	bottom: 0px;
	left: 0px;
	border: 0px none;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.flex {
	display: flex;
}

.flex-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.align-center {
	display: flex;
	align-items: center;
}

.btn {
	background: var(--shafer-light-blue);
	color: #fff !important;
	padding: 1em 1em;
	margin: 15px auto;
	height: auto;
	width: 100%;
	max-width: 210px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
	font-style: normal;
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	clear: both;
	border: 0;
	transform: perspective(1px) translateZ(0px);
}

#logo {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
}

#slider {
	position: relative;
	margin-top: 7rem;
}
#slider .slides > li > div {
	height: 880px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#slider .slide1 {
	background-image: url(images/new-york-background-1.jpg);
}#slider .slide2 {
	 background-image: url(images/new-york-background-2.jpg);
 }#slider .slide3 {
	  background-image: url(images/new-york-background-3.jpg);
  }

#slider .flex-control-nav {
	display: flex;
	position: absolute;
	transform: translateY(-820px);
	right: 0;
	left: 0;
	padding: 0;
	justify-content: center;
}

#slider .flex-control-nav li {
	margin: 0 32px;
	min-width: 220px;
}

#slider .flex-control-nav a {
	visibility: hidden;
}
#slider .flex-control-paging li a {text-indent: 0;}
#slider .flex-control-nav li:first-child a::after {
	content: url(./images/plastic-surgery-inactive.png);
	visibility: visible;
	display: block;
}

#slider .flex-control-nav li:first-child a.flex-active::after {
	content: url(./images/plastic-surgery-active.png);
	visibility: visible;
	display: block;
}

#slider .flex-control-nav li:nth-child(2) a.flex-active::after {
	content: url(/files/2020/07/skin-lab-active-copy.png);
	visibility: visible;
	display: block;
}

#slider .flex-control-nav li:nth-child(2) a::after {
	content: url(/files/2020/07/skin-lab-inactive-copy1.png);
	visibility: visible;
	display: block;
}

#slider .flex-control-nav li:last-child a::after {
	content: url(./images/med-aesthetics-inactive.png);
	visibility: visible;
	display: block;
}

#slider .flex-control-nav li:last-child a.flex-active::after {
	content: url(./images/med-aesthetics-active.png);
	visibility: visible;
	display: block;
}
#slider.homeSelect .slides .innerSlide {
    text-align: center;
    padding-top: 230px;
		max-width: 500px;
    margin: 0 auto;
}
.floor-info {
	position: absolute;
	max-width: 460px;
	margin: 23rem auto 0;
	text-align: center;
	font-weight: 300;
	right: 0%;
	left: 0%;
	z-index: 2;
}

#floor-description {
	min-width: 460px;
	line-height: 29px;
}
.product-page .feat-img { display: none}
.woocommerce-tabs {
	float: right;
	width: 48%;
	clear: none !important;
}

#main {
	padding: 40px 0;
}
#main #content {
	position: relative;
}
#main #content .feat-img {
	float: left;
	margin: 15px;
	max-width: 100%;
	height: auto;
}
#main #content .single {
	float: left;
}
#main #content .pagination {
	margin-bottom: 2rem;
	font-size: 1.6rem;
}
#main #content .pagination .current {
	background: var(--shafer-light-blue);
	color: #fff;
	padding: 5px;
	margin: 4px;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	border: 1px solid var(--shafer-light-blue);
	border-radius: 50%;
}
#main #content .pagination a {
	background: transparent;
	color: var(--shafer-light-blue);
	padding: 5px;
	margin: 4px;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	border: 1px solid var(--shafer-light-blue);
	border-radius: 50%;
}
#main #content .pagination a:hover {
	background: var(--shafer-light-blue);
	color: #fff;
}
#main #content li {
	padding: 5px;
}
#main #content ul {
	margin: 15px 0 15px 20px;
	clear: none;
}
#main #content ol {
	margin: 0 0 20px 20px;
	clear: none;
}
#main .list {
	margin: 0 !important;
	list-style: none !important;
}
#main .list ul {
	margin: 0 !important;
}
#main .list ul li {
	font-size: 1rem;
	margin: 0;
	padding: 0 !important;
	list-style: none;
}
#main .list ul li a {
	border-bottom: 1px solid #eee;
	padding: 1rem 1.5rem;
	display: block;
	transition: all 0.25s ease-out;
}
#main .list ul li a:hover {
	color: #fff;
	background: var(--shafer-light-blue);
	padding-left: 3rem;
}
#main .list ul ul {
	margin-left: 2rem !important;
}

.post-divider {
	padding: 2rem 0;
	border-bottom: 1px solid #ccc;
}

#patient-listing-sidebar ul {
	margin: 0 !important;
}
#patient-listing-sidebar ul li ul {
	margin: 0 !important;
}


/* custom gallery */
.procedure-parent {margin: 0 0 20px 0 !important;}
#patient-listing .patient-entry { float: left; clear: none; width: 49%; border: 2px solid #fff; padding-top: 12px; min-height: 230px; background: transparent; padding: 10px; margin: .5%; border-top: 1px solid #000; position: relative;opacity: 1; transition: opacity 2s linear; box-sizing: border-box; }
#patient-listing .patient-entry img{opacity: 1; transition: opacity .8s linear; }
#patient-listing .patient-listing { width: 100% !important; float: left; }
#patient-listing a.patientLink { width: 50%; display: inline-block; text-align: center; }
#patient-listing .patientPic {width: 100%;height: 26vh;overflow: hidden;max-height: 350px;}
#patient-listing .patient-entry:hover {background: #f8f8f8 !important; }
#patient-listing .patient-entry:hover img {opacity: 0.5;}
.bigimage.border.odd, .bigimage.border.even { width: 48%; padding: 0px;}
.bigimage.border.odd::after { content: "Before";}
.bigimage.border.even::after { content: "After";}
.beforeCap, .afterCap{text-transform: uppercase;font-size: 1em;letter-spacing: 10px;font-weight: 700;margin: 0px;}
.beforeCap {width: 45%; text-align: center; float: left;}
.afterCap {width: 45%; text-align: center; float: right;}
span.prev-arrow a, span.next-arrow a{ width: 100%; max-width: 210px; font-size: 16px; font-family: "futura-pt",sans-serif; font-weight: 400; font-style: normal; box-sizing: border-box; cursor: pointer; z-index: 998;padding-top: 20px;}
span.prev-arrow a:hover, span.next-arrow a:hover, span.prev-arrow a:focus, span.next-arrow a:focus{background: #292929; color: #fff !important;}
span.prev-arrow a { float: left}
span.next-arrow a { float: right}
span.prev-arrow a svg, span.next-arrow a svg{fill:#000;transition: all 0.5s ease-out;width: 30px; display: block;margin: -20px auto 0}
span.next-arrow a svg{transform: scale(-1,.3)}
span.prev-arrow a svg {transform: scale(1,.3);}
.results-disclaimer {text-transform: uppercase;letter-spacing: 2px;font-size: 22px;text-align: center; margin: 50px auto}
span.prev-arrow:hover a svg, span.next-arrow:hover a svg {fill:#fff}

.patient-set.selected {color: #cf9e77}
.patient-set {float: left;font-size: 0.85em;font-weight: bold;margin-bottom: 10px;text-align: center;text-transform: uppercase;}
.single-patient-navigation { margin-bottom: 30px; text-align: center; position: relative;}
.patients-case-number{text-transform: uppercase;letter-spacing: 5px;font-size: 20px;left: 0;right: 0;margin-top: 1rem;margin-bottom: 1rem;}
#slider h1.gallery-title{text-align: left;font-size: 100px;line-height: 100px;letter-spacing: 20px;color: #000;margin: 160px auto;border: 0;}
#main #content h1.patient-header{font-size: 40px;line-height: 40px;text-align: center;letter-spacing: 10px;color: #000;font-weight: 500;margin: 0 auto 40px;padding-bottom: 1rem;}
.patient_image_large{background: #FFF8F4; margin: 0 0 20px 0; padding: 30px 10px 0 10px; }
.patient_image_large.threeRowSingle img { display: inline-block !important;}
.patient_image_large.threeRowSingle .bigimage.border.odd, .patient_image_large.threeRowSingle .bigimage.border.even { width: 30%; padding: 15px; float: left; }
#main #content h1.patient-listing-title { font-size: 30px; font-weight: bold; margin-bottom: 37px; }
#main #content img.patient-list-image { margin: 3px; max-width: 100%; }
#main #content .procedure-parent { margin: 0 0 50px 0;padding: 10px;}
#main #content .procedure-parent .list ul li a:hover{ padding-left:15px}
#main #content .procedure-parent .list ul {list-style-type: none;}
/*#main #content .procedure-parent.dermatology-nashua {min-height: 280px;}*/
.patient-entry .enlargeBtn {   margin:0 auto; position:absolute; left:0; top:42%; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear;transition:all .5s ease-out;  background: rgba(46, 46, 46, 0.68);  border: 0; right: 0;max-width: 180px;width: 100%;}
.patient-entry:hover .enlargeBtn { visibility: visible; opacity: 1; }
.enlargeBtn:hover {background: rgba(46, 46, 46, 1)}
#case-frame { max-width: 768px;  margin: 0 auto; }
#patient-listing { margin-bottom: 1rem; }
.patientPic > span {display: block;}
.patient-set.selected {color: #1174a6}
.patient-set {float: left;font-size: 0.85em;font-weight: bold;margin-bottom: 10px;text-align: center;text-transform: uppercase;width: 25%}
.patient-set img.patient-list-image {width: 40%;}
.proc-pic { margin-bottom: 20px; }
img.patient-list-image {width: 100% }
.anchor{
  display: block;
  height: 70px; margin-top: -70px; visibility: hidden;
}
.nodisp {display: none}
@media only screen and (max-width: 580px) {
	span.prev-arrow a, span.next-arrow a{ width: 100%; max-width: 150px; font-size: 13px; font-family: "futura-pt",sans-serif; font-weight: 400; font-style: normal; box-sizing: border-box; cursor: pointer; z-index: 998;}
	.single-patient-navigation span .btn {padding: 12px 10px;}
	#patient-listing .patient-entry {width: 100%}
}
@media only screen and (max-width: 768px) {
	.patient-set {width: 50%}
	.mobile-phone-number { text-align: center; font-weight: 600; }
	.mobile-phone-number a {color: #323232; text-shadow: 0px 0px 1px #fff;}
	nav { padding: 30px 0 5px !important; }
	.clinic-phone-number, .request-button { display: none; }
}
@media only screen and (max-width: 960px) {
	#patient-listing .patient-entry img {width: 100%; height: auto;}
}
@media only screen and (min-width: 768px) {
	#procedure-group-2, #procedure-group-3, #procedure-group-4 { text-align: right}
}

.page-content .flexslider { max-width: 70%; margin-left: 15%; border-bottom: 2px solid #ccc; }
.featBox { background: #f3f3f3; padding: 25px; margin-bottom: 15px; }
.featBox h3 {text-align: center;}
.breakout { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); margin-top: 25px; margin-bottom: 25px; padding: 15px 0; }
.light{ background: #f8f8f8;}
.blog .post h1.post-header { font-size: 30px; }
.blog .post .feat-img { float: left; width: 50%; padding: 10px; }
.blog .post .feat-img img { width: 100%; height: auto; }


.allProcs { display: flex; align-items: stretch; flex-wrap: wrap; max-width: 1360px;
    margin: 0 auto; }
.allProcs.mb50 {margin:0 auto 50px;}
.allProcs h2 { position: absolute; bottom: 0px; width: 100%; text-align: center; color: #fff; font-weight: 400; font-size: 22px; text-shadow: 0px 0px 7px #a8a8a8; }
.psServices { padding: 0px; border: 15px solid #fff;position: relative; min-height: 340px;}
.psServices:hover h2 {display: none}
.psServices ul { -moz-column-count: 2; column-count: 2; padding: 40px; position: relative; list-style: none;}
.psServices ul li a {color: #fff; font-weight: 100;}
.psServices ul li a:hover {font-weight: 400;}
.inner { height: 100%; width: 100%; margin: 0px; }


#contact-page-banner .grid-container, #gallery-banner .grid-container, #feat-banner .grid-container  { height: 100%; }
/* #contact-page-banner h1 { color: #fff; text-shadow: 1px 4px 2px rgba(0, 0, 0, 0.6); } */
#contact-page-banner h1.entry-title{background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6-15 */ /* Chrome4-9,Safari4-5 */ /* Chrome10-25,Safari5.1-6 */ /* Opera 12+ */ /* IE10 preview */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */}
.internal-page-content-wrapper p{margin-bottom: 2.5rem;}
/* plastic surgery page */
.psServices#breastList {background-image: url(images/ps-breast.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#breastList ul {opacity: 0}
.psServices#breastList:hover ul {opacity: 1}
.psServices#breastList:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#faceList {background: url(images/ps-face.jpg);background-repeat: no-repeat; background-position: top center;    background-size: cover;}
.psServices#faceList ul {opacity: 0}
.psServices#faceList:hover ul {opacity: 1}
.psServices#faceList:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#bodyList {background: url(images/ps-body.jpg);background-repeat: no-repeat; background-position: top center;    background-size: cover;}
.psServices#bodyList ul {opacity: 0}
.psServices#bodyList:hover ul {opacity: 1}
.psServices#bodyList:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#maleList {background: url(images/ps-male.jpg);background-repeat: no-repeat; background-position: top center;    background-size: cover; min-height: 340px;}
.psServices#maleList ul {opacity: 0}
.psServices#maleList:hover ul {opacity: 1}
.psServices#maleList:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#reconList {background: url(images/ps-recon.jpg);background-repeat: no-repeat; background-position: top center;    background-size: cover;}
.psServices#reconList ul {opacity: 0}
.psServices#reconList:hover ul {opacity: 1}
.psServices#reconList:hover .inner { background-color: rgba(0, 0, 0, 0.5);}
/* ///plastic surgery page */

/* skincare laser lab */
.psServices#skincare {background-image: url(images/sll-skincare.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#skincare ul {opacity: 0}
.psServices#skincare:hover ul {opacity: 1}
.psServices#skincare:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#chemicalPeels {background-image: url(images/sll-peels.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#chemicalPeels ul {opacity: 0}
.psServices#chemicalPeels:hover ul {opacity: 1}
.psServices#chemicalPeels:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#laser {background-image: url(images/sll-laser.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#laser ul {opacity: 0}
.psServices#laser:hover ul {opacity: 1}
.psServices#laser:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#injectables {background-image: url(images/ma-injectables.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#injectables ul {opacity: 0}
.psServices#injectables:hover ul {opacity: 1}
.psServices#injectables:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#exfoliation {background-image: url(images/sll-exfoliation.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#exfoliation ul {opacity: 0}
.psServices#exfoliation:hover ul {opacity: 1}
.psServices#exfoliation:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#products {background-image: url(images/sll-products.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#products ul {opacity: 0}
.psServices#products:hover ul {opacity: 1}
.psServices#products:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#medithreads {background-image: url(images/sll-medithreads.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#medithreads ul {opacity: 0}
.psServices#medithreads:hover ul {opacity: 1}
.psServices#medithreads:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#nonsurg {background-image: url(images/sll-nonsurgical.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#nonsurg ul {opacity: 0}
.psServices#nonsurg:hover ul {opacity: 1}
.psServices#nonsurg:hover .inner { background-color: rgba(0, 0, 0, 0.5);}
/* ///skincare laser lab */

/* medical aesthetics */
.psServices#bodyCont {background-image: url(images/ma-bodyCont.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#bodyCont ul {opacity: 0}
.psServices#bodyCont:hover ul {opacity: 1}
.psServices#bodyCont:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#hairRest {background-image: url(images/ma-hairRest.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#hairRest ul {opacity: 0}
.psServices#hairRest:hover ul {opacity: 1}
.psServices#hairRest:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#maleEnhance {background-image: url(images/ma-maleEnhancement.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#maleEnhance ul {opacity: 0}
.psServices#maleEnhance:hover ul {opacity: 1}
.psServices#maleEnhance:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#painMgmt {background-image: url(images/ma-pain.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#painMgmt ul {opacity: 0}
.psServices#painMgmt:hover ul {opacity: 1}
.psServices#painMgmt:hover .inner { background-color: rgba(0, 0, 0, 0.5);}

.psServices#vaginalRej {background-image: url(images/ma-vaginal.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
.psServices#vaginalRej ul {opacity: 0}
.psServices#vaginalRej:hover ul {opacity: 1}
.psServices#vaginalRej:hover .inner { background-color: rgba(0, 0, 0, 0.5);}
/* medical aesthetics */



/*---- START MEDIA QUERIES ---- */
@media only screen and (max-width: 767px) {
	.clinic-phone-number, .request-button {
		display: none;
	}
	#announcement {
    width: initial;
}
	#custom-patient-listing .custom-patient-entry {
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	/* GALLERY RESPONSIVE NON-DESKTOP */
	#patient-listing .patient-content {
		width: 100% !important;
	}
	#patient-listing .patient-listing {
		width: 100% !important;
	}
	#patient-listing .patient-listing > div {
		width: 50%;
	}

	.patient-entry .patient-single {
		width: 100%;
	}

	iframe {
		width: 100%;
	}

	.patient-single {
		width: 100% !important;
	}

	.nav-overlay {
		width: 95%;
		transform: translateX(100%);
	}
	.nav-overlay .overlay-content {
		top: 100px;
	}

	.open-nav {
		font-size: 16px;
		padding: 15px;
	}

	.contact-form .agreement {
		margin-top: 0;
	}
}

/* --------- CINTHIAS CODE -------- */

/*-----GENERAL------*/

:root {
	--header-font: plantin, sans-serif;
	--main-font: montserrat, sans-serif;
	--shafer-blue: rgb(40,38,58);
	--shafer-light-blue: rgb(213, 221, 225);
	--text-light-blue: rgb(87, 123, 138);
	--light-grey: rgb(239, 239, 239);
}

* {
	font-family: var(--main-font);
}

h1 {
	font-size: 70px;
	font-family: var(--header-font);
}

.text-medium {
	font-weight: 400;
}

.small-header {
	font-size: 13px;
	font-family: var(--main-font);
	color: var(--shafer-blue);
	letter-spacing: 12px;
	text-transform: uppercase;
	font-weight: 700;
}

.learn-more {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--shafer-blue);
	margin-top: 4rem;
	transition: 900ms;
}

.learn-more:hover i {
	/*margin-left: 1rem;*/
	padding-left: 1rem;
}

.d-flex {
	display: flex;
}

.ml-16 {
	margin-left: 16rem;
}

.bg-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

div.title {
	max-width: 900px;
	margin: 0 auto;
}

div.title h1 {
	color: var(--light-grey);
	font-weight: 300;
	font-size: 95px;
	line-height: 30px;
}

/*END GENERAL*/

nav {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	padding: 30px 0 25px;
	z-index: 3;
}

.nav-wrapper {
	display: flex;
	justify-content: space-between;
	color: var(--shafer-blue);
}

nav #number-req-menu {
	display: flex;
}
nav #number-req-menu a {
    color: #000;
}
nav #number-req-menu a:hover {
    color: #49575f;
}
nav #number-req-menu .request-button {
	text-transform: uppercase;
}

nav #number-req-menu p {
	margin-right: 35px;
	font-weight: 700;
}

#menu-btn div {
	width: 35px;
}

.nav-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#menu-btn span {
	height: 3px;
	background: var(--shafer-blue);
	margin: 7px 0;
	display: block;

}

.open-nav:hover span:nth-child(3), .open-nav:focus span:nth-child(3) {
	transform: translateY(-7px) rotateZ(-49deg);
}

.sticky {
	background-color: white;
}

#searchbar {width:100%;display:flex;justify-content: flex-end;}
@media screen and (max-width:767px) {
	#searchbar {justify-content: center; margin-top:30px;}
}

/*======================================START HOME PAGE==============================================*/
/* ------- START BANNER -----*/
#banner {
	background-image: url(./images/banner.jpg);
	background-position: top;
	height: 1000px;
	min-height: 600px;
}

#banner > .grid-container {
	height: 100%;
}

.banner-wrapper {
	height: 100%;
	/*display: flex;*/
	/*flex-direction: column;*/
	/*justify-content: center;*/
}

.banner-header-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	/*margin-top: 15rem;*/
	position: relative;
	top: 42%;
	bottom: 58%;
}

#banner #surg-inn p {
	margin-top: 5rem;
}

.banner-header-container h1 {
	margin-bottom: 0;
	line-height: 70px;
}


/*.banner-header-container h1:nth-child(3) {*/
/*  margin-left: 10rem;*/
/*}*/
/* ------- END BANNER -----*/
/* ------- START FIRST LOGO SECTION -----*/
#first-logos{
}

#first-logos ul {
	display: flex;
	flex-wrap: wrap;
	padding: 25px;
	justify-content: space-evenly;
	border: 1px solid grey;
	border-radius: 4px;
	background-color: white;
	margin-top: -60px;
}

#first-logos ul li img {
	width: 100px;
}

#first-logos ul li {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#first-logos ul li img.lg {
	width: 70px;
}
/* ------- END FIRST LOGO SECTION -----*/

/* ------- START THREE FACILITES INFO -----*/
#three-floors-section {
	background-image: url(./images/new-york-background-1.jpg);
	height: 800px;
	padding-top: 10rem;
	-webkit-transition: background-image 3s;
}

#three-floors-section .three-container {
	display: flex;
	justify-content: space-evenly;

}

#three-floors-section .floor {
	border: 1px solid #d8d8d8;
	color: #d8d8d8;
	border-radius: 4px;
	padding: 10px;
	text-align: center;
	min-width: 210px;
}

/*-------- START MEET SAFER CLINIC --------*/
#meet-our-provider {
	margin-top: 10rem;
}

#meet-our-provider .title h1:first-child {
	text-align: center;
}

#meet-our-provider .title p.small-header {
	margin-left: 7rem;
}

#meet-our-provider .title h1:last-child {
	text-align: right;
	/*margin-top: 1rem;*/
	font-size: 70px;
}
/* --- shafer img --*/
#meet-our-provider img#dr-shafer-img {
	width: 760px;
	height: 570px;
}

#meet-our-provider .docter-description-container {
	display: flex;
	padding: 0 7rem;
	margin-top: 7rem;
}

#meet-our-provider .docter-description-container > div:last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: -15rem;
	padding-left: 8rem;
}

#meet-our-provider .docter-description-container > div:last-child h4, #meet-our-provider .docter-description-container > div:last-child p  {
	max-width: 530px;
}

#meet-our-provider .side-rec {
	width: 90px;
	background: var(--shafer-light-blue);
	flex-basis: 20%;
	margin-top: 100px;
}

#meet-our-provider .bottom-rec {
	margin-right: 70px;
	height: 80px;
	background: var(--shafer-light-blue);
}
/*-------- END MEET SAFER CLINIC --------*/

/*-------- START SECOND LOGOS SECTION --------*/
.second-logos {
	padding: 10rem 0;
}

.second-logos ul {
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 0 2rem;
}

.second-logos ul li {
	margin-top: 1rem;
}
/*-------- END SECOND LOGOS SECTION --------*/

/*-------- START TOUR TO NEW YORK --------*/
#tour-of-beauty-section {
	background-image: url(./images/blue-bg.jpg);
	height: 680px;
	color: white;
	padding-top: 10rem;
}

#tour-of-beauty-section #text{
	margin:100px 0 0 0;
}

#tour-of-beauty-section h1{
	font-size: 92px;
	color: var(--text-light-blue);
	font-weight: 300;
	margin: 0;
	text-align: center;
}

#tour-of-beauty-section h1 span{
	font-size: 70px;
	font-family: var(--header-font);
}

#tour-of-beauty-section h4{
	font-size: 30px;
	font-weight: 400;
	margin: 0;
	/*color: #dddddd;*/
}

#tour-of-beauty-section p strong{
	color: white;
}

#tour-of-beauty-section p {
	color: #dddddd;
}

#tour-of-beauty-section a.learn-more {
	color: white!important;
}
/*-------- END TOUR TO NEW YORK --------*/

/*-------- START FEATURED PROCEDURES --------*/

#featured-procedures-section {
	padding:6vh 3vh;
}

#featured-procedures-section .row {
	display: flex;
	flex-wrap: wrap;
}

#featured-procedures-section .column {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 10vh;
	background: #779bab;
	text-transform: uppercase;
	box-sizing: border-box;
	border: 1px #FFF solid;
	cursor:pointer;
}

#featured-procedures-section h2 {
	font-size: 2.125rem;
	color: #FFF;
	margin-bottom:0;
}

#featured-procedures-section h3 {
	font-size:2rem;
	font-weight:400;
	margin-bottom:0;
}

#featured-procedures-section p {
	font-size:16px;
}

#featured-procedures-section .tab-content {
	display:none;
}

#featured-procedures-section .tab-content.current {
	display:inherit;
	width: 100%;
}

#featured-procedures-section .tab-content.current > div {
	width: 50%;
	padding:20px;
}

#featured-procedures-section span {
	text-transform: uppercase;
	font-size:1.25rem;
	font-weight:600;
	color:#749ab1;
	cursor:pointer;
}

#featured-procedures-section span.current {
	text-decoration: underline;
	color:#949494;
}

#featured-procedures-section .inner-tab-content {
	display:none;
}

#featured-procedures-section .inner-tab-content.current {
	display:inherit;
	width: 100%;
	margin-top:20px;
}

#featured-procedures-section .learn-more {
	margin-top:1rem;
}

#featured-procedures-section .column.current { background: #808080; }

@media screen and (max-width:767px) {
	#featured-procedures-section .column {width:50%;}
	#featured-procedures-section h2 {font-size: 1.25rem;}
	#featured-procedures-section p {font-size: 1.25rem;}
	#featured-procedures-section .row:last-of-type {display:inherit;}
	#featured-procedures-section .tab-content.current, #featured-procedures-section .tab-content.current div {width: inherit;}

	.woocommerce-tabs {
		width: 100%;
	}
}

@media screen and (min-width:768px) and (max-width:960px) {
	#featured-procedures-section .column {width:50%; height:6vh;}
	#featured-procedures-section h2 {font-size: 1.75rem;}
	#featured-procedures-section h3 {font-size: 1.5rem;}
	#featured-procedures-section p {font-size: 1.25rem;}
	#featured-procedures-section p {font-size:1.2rem;line-height:1.5;}
}

@media screen and (min-width:961px) and (max-width:1024px) {
	#featured-procedures-section h2 {font-size: 1.875rem;}
	#featured-procedures-section p {font-size: 1.25rem;}
}

.tab-content{display: none; padding:0;}

/*-------- END FEATURED PROCEDURES --------*/

/*-------- START PATIENT REVIEWS --------*/
#patient-reviews-section {
	margin: 5rem auto 10rem;
}

#patient-reviews-section .title {
	margin-bottom: 7rem;
}

#patient-reviews-section .title h1:last-child {
	font-size: 70px;
	margin-left: 22rem;
}

#patient-reviews-section .title p {
	margin-left: 27rem;
	margin-top: -2rem;
}

.patient-reviews-container {
	display: flex;
	justify-content: center;
}

.patient-reviews {
	width: 720px;
	border: 1px solid #d8d8d8;
	padding: 3rem 8rem 4rem 3rem;
	margin-right: -32rem;
	position: relative;
	z-index: 1;
	background: white;
	margin-top: 8rem;
}

.patient-reviews > h3{
	padding: 4rem 0;
}

.patient-review {
	display: flex;
	justify-content: center;
	margin-bottom: 3rem;
	margin-left: auto;
	width: 90%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 50px 0 rgba(0, 0, 0, 0.05);
}

.patient-review:nth-child(3) {
	margin-right: auto;
}

.patient-review > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.patient-review img {
	margin-right: 2rem;
}

.patient-review p {
	max-width: 480px;
	display: inline-block;
}

.patient-review .fa-star {
	color: #ffc935;
}

#patient-reviews-section .patient-reviews-background {
	background-image: url(./images/plant-bg.jpg);
	width: 850px;
	height: 640px;
	position: relative;
	z-index: 0;
}
/*-------- END PATIENT REVIEWS --------*/

/*-------- START FLY IN FOR SURGERY--------*/
#visit-section {
	background-image: url(./images/Banner-Image.jpg);
	height: 600px;
	color: white;
}

#visit-section {
	background-image: url(./images/Banner-Image.jpg);
	height: 550px;
	padding-top: 9rem;
	margin-bottom: 3rem;
}

#visit-section > div > div:last-child {
	max-width: 500px;
	margin-left: auto;
}

#visit-section a {
	color: white!important;
}

#visit-section .title {
	text-align: right;
}

#visit-section .title p {
	color: white;
	margin-right: 4rem;
}

#visit-section .title h1 {
	color: #353535;
}

#visit-section .title h1:first-child {
	margin-bottom: -2rem;
	margin-right: -8rem;
}

#visit-section .title h1:last-child{
	font-size: 70px;
	margin-right: -27rem;
}
/*-------- END FLY IN FOR SURGERY--------*/

/*-------- START INSTAGRAM------*/
#instagram-section{
	padding: 4rem 0 6rem;
}

#instagram-section .fa-instagram{
	font-size: 20px;
}

#instagram-section h5 {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 6px;
	text-align: center;
	text-transform: uppercase;
}
/*-------- END INSTAGRAM------*/
.contact-section {
	background-color: #f6f6f6;
	padding: 5rem 0;
}

.contact-section form {
	display: flex;
	flex-direction: column;
	width: 500px;
	margin: 0 auto;
}

.contact-section form input, .contact-section form select {
	font-size: 25px;
	padding: 1rem 0;
	margin-bottom: 1rem;
}


/*-------- START SPECIALS PAGE ------*/
#specials .grid-container {
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:50px;
}
/*-------- END SPECIALS PAGE ------*/


/*-------- START SUMMER SPECIALS POPUP ------*/
#summer-specials {
	position: relative;
    width: 552px;
    max-width: 100%;
    margin: 0 auto;
}
#summer-specials img {
	display:block;
	margin:0 auto 20px;
	float:none;
}
.mfp-close-btn-in .mfp-close {
    color: #FFF !important;
}
/*-------- END SUMMER SPECIALS POPUP ------*/


/* ----------------- START FOOTER -----------------*/
footer {
	padding-bottom: 5rem;
}

footer .footer-content-container {
	display: flex;
	justify-content: space-between;
	padding: 5rem 0;
	text-align: right;
}

footer .footer-content-container .clinic-info-container ul {
	display: flex;
	justify-content: flex-end;
	font-weight: 300;
}

footer .footer-content-container .clinic-info-container .address {
	justify-content: flex-end;
}

footer .footer-content-container .clinic-info-container .address p#pipe {
	margin: 0 1rem;
}

footer .footer-content-container .clinic-info-container ul li {
	margin: 0 5px;
}

footer .footer-content-container .clinic-info-container ul li a {
	color: #000000;
}

.footer-form div {
	width: 100%;
}
/*----------------- END FOOTER -----------------*/
/*============================================= END HOME PAGE==============================================*/
/*============================================START CUSTOM ABOUT PAGE====================================*/
/*------start contact banner---*/
#contact-page-banner {
	background-image: url(./images/contact-page-banner.jpg);
	height: 600px;
}
#about-page-banner {
	background-image: url(./images/about-page-banner.jpg);
	height: 600px;
}
#feat-banner {
	height: 600px;
}


.contact-banner-header-container {
	margin-top: 22rem;
}

.contact-banner-header-container h1 {
	color: #ffffff;
}

.contact-banner-header-container h1:first-child {
	margin-bottom: -3rem;
}

.contact-banner-header-container h1:last-child {
	margin-top: -2rem;
	text-align: center;
	font-size: 60px;
}

.contact-banner-header-container .header_title{
	display: inline-block;
}

.contact-banner-header-container h1.title{
	color:#414447;
	border-bottom:1px solid #667f90;
	font-size:70px;
}

.contact-banner-header-container span.small-header{
	color:#49575f;
	padding:10px 0;
	display:inline-block;
}

.contact-banner-header-container #breadcrumbs{
	margin:40px 0 0 0;
	color:#667f90;
	font-size:1.4rem;
	text-transform: uppercase;
}

.contact-banner-header-container #breadcrumbs .breadcrumb_last{
	font-weight:700;
}

/*------end contact banner---*/
/*------start dr.david shafer---*/
.about-shafer {
	padding: 12rem 0 0;
}

.about-shafer .img-about-shafer-container {
	display: flex;
	padding: 0 2rem;
}

.about-shafer .img-about-shafer-container > div:last-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 3rem;
}
/*------end dr.david shafer---*/
/*------start board certified section---*/
.board-certified {
	text-align: center;
	padding-bottom: 18rem;
}

.board-certified p, .board-certified h3 {
	padding: 0 8rem;
	margin-bottom: 3rem;
}
/*------end board certified section---*/

/*------start photo gallery---*/
.photo-gallery-section {
	background-image: url(./images/contact-page-gallery-section.jpg);
	padding: 12rem 0;
}

.photo-gallery-section .title p{
	margin-left: -12rem;
}

.photo-gallery-section > div.grid-container > div:last-child {
	width: 550px;
	margin-left: 8%;
	margin-top: 4rem;
}
/*------end photo gallery---*/
/*============================================END CUSTOM CONTACT PAGE======================================*/


/*============================================START CUSTOM LANDING PAGES====================================*/
/*---------SKIN LASER LAB---------*/
#skin-laser-lab-banner {
	background-image: url(./images/skin-laser-lab-bg.jpg);
	background-position: top;
	height: 800px;
}


#skin-laser-lab-banner .landingpage-banner-header-container {
	margin-top: 55rem;
}

#our-services-banner {
	background-image: url(./images/skin-laser-lab-bg.jpg);
	background-position: top;
	height: 800px;
}

#our-services-banner .landingpage-banner-header-container {
	margin-top: 55rem;
}

#list-of-service div {
	padding: 15rem 0 12rem;
}

#list-of-service div {
	display: flex;
	justify-content: center;
}

#list-of-service div ul {
	margin: 0 6%;
	line-height: 32px;
	font-weight: 600;
	list-style: none;
}

@media(max-width: 786px){
	#list-of-service div {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 11rem 0 6rem;
	}

	#list-of-service div ul {
		margin-bottom: 40px;
	}
}
/*---------SKIN LASER LAB---------*/
/*---------PLASTIC SURGERY LAB---------*/
.plastic-surgery-new-york-city, .medical-aesthetics-new-york-city, .skin-laser-lab-new-york-city {
	max-width: 100%!important;
	padding: 0;
}

.surgical-procedures-new-york-city #first-logos ul , .medical-aesthetics-new-york-city #first-logos ul , .skin-laser-lab-new-york-city #first-logos ul , .our-services-new-york-city #first-logos ul  {
	margin-top: -110px!important;
}


#plastic-surgery-banner {
	background-image: url(./images/shafer-plastic-surgery-bg.jpg);
	background-position: top;
	height: 800px;
}
#gallery-banner {
	background-image: url(./images/shafer-gallery-bg.jpg);
	background-position: top;
	height: 600px;
}

#our-services-banner > .grid-container,
#skin-laser-lab-banner > .grid-container,
#plastic-surgery-banner > .grid-container,
#medical-aesthetics-banner > .grid-container{
	height: 100%;
}


.banner-wrapper-landing-pages {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner-wrapper-landing-pages .contact-banner-header-container{
	margin-top:inherit;
}

.landingpage-banner-header-container h1 {
	font-size: 100px;
	margin-bottom: 100px;
}

#plastic-surgery-services, #medical-aesthetics-services {
	display: flex;
	flex-wrap: wrap;
	margin: 9rem auto 15rem;
	max-width: 1500px;
	justify-content: space-evenly;
}

#plastic-surgery-services .services-container,
#medical-aesthetics-services .services-container {
	margin: 6rem 1rem 0;
}

#medical-aesthetics-services .services-container a,
#plastic-surgery-services .services-container a {
	display: block;
	font-size: 20px;
	line-height: 12px;
	text-transform: uppercase;
	padding: 2rem 1rem;
	border: 1px solid lightgrey;
	text-align: center;
	width: 210px;
	margin: -30px auto 0;
	background-color: white;
}

#plastic-surgery-services .plastic-surgery-imgs,
#medical-aesthetics-services .plastic-surgery-imgs {
	width: 280px;
	height: 380px;
}

#plastic-surgery-services #ps-breast {
	background-image: url(./images/plastic-surgery-breast.jpg);

}

#plastic-surgery-services #ps-face {
	background-image: url(./images/plastic-surgery-face.jpg);

}

#plastic-surgery-services #ps-body {
	background-image: url(./images/plastic-surgery-body.jpg);

}

#plastic-surgery-services #ps-men {
	background-image: url(./images/plastic-surgery-men.jpg);

}

#plastic-surgery-services #ps-reconstruction {
	background-image: url(./images/plastic-surgery-reconstruction.jpg);
}

#plastic-surgery-services ul,
#medical-aesthetics-services ul {
	margin-top: 2rem;
	max-width: 280px;
}

#plastic-surgery-services ul li,
#medical-aesthetics-services ul li {
	line-height: 32px;
	list-style: none;
	font-weight: 600;
}
/*---------PLASTIC SURGERY LAB---------*/
/*---------MEDICAL AESTHETICS---------*/
#medical-aesthetics-banner {
	background-image: url(./images/shafer-medical-aesthetics-bg.jpg);
	background-position: top;
	height: 800px;
}

#medical-aesthetics-services #ma-injectables{
	background-image: url(./images/shafer-medical-aesthetics-injectables.jpg);
}
#medical-aesthetics-services #ma-dermal-fillers{
	background-image: url(./images/shafer-medical-aesthetics-dermal-fillers.jpg);
}
#medical-aesthetics-services #ma-hair-restoration{
	background-image: url(./images/shafer-medical-aesthetics-hair-restoration.jpg);
}
#medical-aesthetics-services #ma-chemical-peels{
	background-image: url(./images/shafer-medical-aesthetics-chemical-peels.jpg);
}
#medical-aesthetics-services #ma-exfoliation{
	background-image: url(./images/shafer-medical-aesthetics-exfoliation.jpg);
}
#medical-aesthetics-services #ma-men-enhancement{
	background-image: url(./images/shafer-medical-aesthetics-men-enhancement.jpg);

}#medical-aesthetics-services #ma-pain-management-device{
	 background-image: url(./images/shafer-medical-aesthetics-pain-management.jpg);
 }
#medical-aesthetics-services #ma-products{
	background-image: url(./images/shafer-medical-aesthetics-products.jpg);
}

#medical-aesthetics-services #ma-threads{
	background-image: url(./images/shafer-medical-aesthetics-threads.jpg);
}

#ma-men-enhancement ~ a {
	font-size: 18px!important;
}

#ma-pain-management-device ~ a {
	font-size: 14.3px!important;
}

@media(max-width: 500px){
	#medical-aesthetics-banner {
		background-position: 48.5% 50%;
	}

	.landingpage-banner-header-container h1 {
		font-size: 60px;
		margin-top: 45rem;
	}

	#plastic-surgery-services, #medical-aesthetics-services {
		margin: 2rem auto 15rem;
	}
	#plastic-surgery-services ul li, #medical-aesthetics-services ul li {
		text-align: center;
	}
	#floor-description {min-width: 380px}
}

/*============================================END CUSTOM LANDING PAGES====================================*/


.page-content #ez-toc-container nav {position:relative;padding: 0;}
#ez-toc-container {display: block !important; }
@media (max-width: 1420px) {
	/* MEET DR SHAFER HOMEPAGE SECTION*/
	#meet-our-provider img#dr-shafer-img {
		width: 630px;
		height: 100%;
	}

	#meet-our-provider .docter-description-container > div:last-child {
		padding-left: 3rem;
	}
	/*==========VISIT NEW YORK SECTION HOMEPAGE==============*/
	#visit-section .title h1:last-child {
		margin-right: 0;
	}

	#visit-section .title h1:first-child {
		text-align: center;
	}
}

@media (max-width: 1200px) {
	/*=============== MEET DR SHAFER HOMEPAGE SECTION============*/
	#meet-our-provider .docter-description-container {
		flex-direction: column;
	}

	#meet-our-provider .side-rec {
		flex-basis: 12%;
	}

	#meet-our-provider .bottom-rec {
		width: 85%;
	}

	#meet-our-provider .docter-description-container > div {
		margin: 0 auto;
	}

	#meet-our-provider .docter-description-container > div:last-child {
		padding-left: 0;
		margin-top: 5rem;
	}

	#meet-our-provider .docter-description-container > div:last-child h4, #meet-our-provider .docter-description-container > div:last-child p {
		max-width: 100%;
		text-align: center;
	}

	#meet-our-provider .docter-description-container > div:last-child h4, #meet-our-provider .docter-description-container > div:last-child a {
		text-align: center;
	}
	/*======VISIT NEW YORK===========*/
	#visit-section .title h1:first-child {
		margin-right: 0;
	}
}

@media (max-width: 992px) {
	/*-------banner-------*/
	h1 {
		font-size: 60px;
	}

 .request-button {
		display: none;
	}

	#tour-of-beauty-section > div > div {
		width: 80%;
	}
	/*-------menu-------*/
	#nav-overlay .menu-logo {
		width: 70%;
	}

	/*-------patient reviews-------*/
	#patient-reviews-section .title p {
		margin-left: 2rem;
	}

	.patient-reviews {
		margin-right: 0;
		width: 610px;
	}
	.patient-review {
		padding: 0 8px;
	}
	#patient-reviews-section .patient-reviews-background {
		position: absolute;
		width: 100%;
	}

	/*=========FOOTER===========*/
	footer .footer-content-container {
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}

	.clinic-info-container {
		margin-top: 4rem;
	}

	footer .footer-content-container .clinic-info-container ul, footer .footer-content-container .clinic-info-container .address {
		justify-content: center;
	}
}


@media (max-width: 820px) {
	#slider .flex-control-nav {
		flex-direction: column;
		transform: translateY(-670px);
		text-align: center;
	}

	#slider .flex-control-nav li {
		margin: -15px 20px;
	}

	#slider .flex-control-paging li a {
    display: inline;}

	.floor-info {
		margin: 33rem auto 0;
	}
	#slider.homeSelect .slides .innerSlide {
    padding-top: 270px;
		max-width: 750px;

}
#slider.homeSelect .slides .innerSlide p {
	font-size: 14px;
	padding: 0 10px;
}

}
@media (max-width: 768px) {
	/*=============BANNER===========*/
	.banner-header-container {
		flex-direction: column;
		background-color: rgba(250, 250,250, .5);
		text-align: center;
	}

	.banner-header-container h1.ml-16 {
		margin-left: 0;
	}

	#banner #surg-inn p {
		text-align: right;
		margin-top: 0;
	}


	/*------------ MEET DR SHAFER HOMEPAGE SECTION------------*/
	#meet-our-provider .docter-description-container {
		padding: 0 3rem;
		margin-top: 5rem;
	}

	.abc-news {
		margin: 1rem;
	}

	#meet-our-provider img#dr-shafer-img {
		width: 100%;
		height: 100%;
	}

	#meet-our-provider .bottom-rec {
		display: none;
	}

	#meet-our-provider .side-rec {
		display: none;
	}

	/*------------* SPECIALS *------------*/
	#specials .grid-container {display:block;}

}

@media (max-width: 500px) {
	/*----menu-----*/
	#nav-overlay .menu-logo {
		width: 100%;
	}

	.stellarnav #menu-main-navigation {
		width: 90%;
		margin: 4rem 16px 0 auto;
	}

	#nav-overlay #menu-exit {
		left: 30px;
		top: 25px;
	}

	#nav-overlay .menu-logo > div:first-child {
		padding: 9rem 3rem 3rem;
	}

	#nav-overlay #menu-exit {
		color: #000;
	}

	.second-logos ul {
		justify-content: center;
	}

	.second-logos ul li {
		margin: 3rem 1rem;
	}
	/*------------ MEET DR SHAFER HOMEPAGE SECTION------------*/
	#meet-our-provider {
		margin-top: 5rem;
	}

	#meet-our-provider .docter-description-container > div:last-child h4, #meet-our-provider .docter-description-container > div:last-child p {
		text-align: justify;
	}

	#meet-our-provider .title p.small-header {
		margin-left: 2rem;
	}

	div.title h1 {
		font-size: 70px;
	}

	#meet-our-provider .title h1:last-child {
		font-size: 60px;
	}

	/*------------NOV 2019------------*/
	#tour-of-beauty-section {
		padding-top: 0;
		background-position: 62% 50%;
	}

	#tour-of-beauty-section > div > div {
		width: 100%;
	}

	#tour-of-beauty-section > div.grid-container {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .3);
		padding: 0!important;
	}

	#tour-of-beauty-section h1 {
		margin: 6rem 0 0 ;
		color: #dddddd;
	}
	/*-----patient reviews---*/
	#patient-reviews-section .title p {
		margin-left: 0;
	}

	.patient-review .patient-review-description p {
		line-height: 1.5;
	}


	/*------------CONTACT FORM SECTION------------*/
	.contact-section form {
		width: 100%;
	}

	/*------------PATIENT REVIEWS------------*/
	#patient-reviews-section .patient-reviews-background {
		height: 950px;
	}
	.patient-reviews {
		padding: 3rem 2rem 4rem 1rem;
		background-color: rgba(250, 250, 250, .7);
	}

	.patient-review {
		margin: 15px auto!important;
		background-color: white;
	}

	.patient-review:nth-child(3) {
		margin-right: 0;
	}

	#patient-reviews-section .title h1:last-child {
		text-align: right;
		margin-left: 0;
	}
}


/*========================MEDIA QUERIES FOR CUSTOM CONTACT PAGE===================*/
@media (max-width: 1200px) {
	.about-shafer .img-about-shafer-container {
		flex-direction: column;
		text-align: center;
	}

	.about-shafer .img-about-shafer-container div:first-child {
		margin-bottom: 4rem;
	}

	.about-shafer .img-about-shafer-container > div:last-child {
		padding-left: 0;
	}
	/*----photo gallery section---*/
	.photo-gallery-section .title p {
		margin-left: 0;
	}

	.photo-gallery-section .title h1{
		text-align: center;
	}
}

@media (max-width: 768px) {
	#logo {
    margin-right: 10px;
}
	.img-about-shafer-container img {
		width: 100%
	}

	.board-certified p, .board-certified h3 {
		padding: 0 1rem;
	}
	/* gallery section*/
	.photo-gallery-section {
		padding: 0;
	}

	.photo-gallery-section > .grid-container {
		padding: 12rem 1rem;
		background-color: rgba(0, 0, 0, .3);
	}

	.photo-gallery-section > div.grid-container > div:last-child {
		margin-left: 0;
		width: 100%;
		color: white;
	}

	.photo-gallery-section .title h1 {
		font-size: 70px;
	}

	/*---three floors----*/
	#three-floors-section .three-container {
		flex-direction: column;
		width: 280px;
		margin: 0 auto;
	}
	.contact-form input[type=date] { width:100%; }

}

@media (max-width: 500px) {

	.small-header {
		font-size: 11px;
		letter-spacing: 8px;
	}
	.banner-header-container {
		top: 60%;
	}
	/*-------start banner-------*/
	#contact-page-banner {
		background-position: 52% 50%;
		height: 580px;
	}

	.contact-banner-header-container {
		margin-top: 36rem;
		background-color: rgba(250,250,250,.5);
		padding: 1rem 0 0 1rem;
	}

	.contact-banner-header-container h1:first-child {
		margin-left: 0;
	}
	/*---endbanner---*/
	/* certified section*/
	.board-certified {
		padding-bottom: 5rem;
	}
	/*-----gallery section----*/

	/*---visit new york-----*/
	#visit-section .title h1:first-child {
		font-size: 65px;
	}

	#visit-section .title h1:last-child {
		font-size: 50px;
	}
	#visit-section .title h1 {
	color: #686868;
	}

	#visit-section .title p {
		margin-right: 0;
	}

	/*---end visit new york-----*/


	.photo-gallery-section .title h1 {
		font-size: 56px;
	}

	footer .footer-content-container .clinic-info-container .address {
		flex-direction: column;
	}

	footer .footer-content-container .clinic-info-container ul {
		padding-bottom: 2rem;
	}

	footer .term-conditions ul {
		flex-direction: column;
	}

	footer .footer-content-container .clinic-info-container .address p#pipe {
		display: none;
	}

	.term-conditions span {
		display: none;
	}

}



/*MOBILE */
/*TABLET */
/*960 DESKTOP */
/*---- END MEDIA QUERIES ---- */