* {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility}

/* Responsive Scaling */
@media(max-width:767px){
	html{font-size:8px;}
	body {padding-bottom:50px;/* padding-top:65px;*/}
}
@media(min-width:768px){
	html{font-size:8px;}
}
@media(min-width:992px){
	html{font-size:9px;}
}
@media(min-width:1200px){
	html{font-size:10px;}
}


/*
	MEDIA QUERIES FOR COMMON DEVICES
	https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
	https://responsivedesign.is/develop/browser-feature-support/media-queries-for-common-device-breakpoints/



	BUTTONS
	https://bootsnipp.com/snippets/5KeBE
	https://bootsnipp.com/snippets/l05nD
	https://bootsnipp.com/snippets/Oeo2N
	https://bootsnipp.com/snippets/vOVG7
	https://bootsnipp.com/snippets/1mo8Z

*/




/* Fallback font properties */
body, p, li {font-size:1.5rem; font-family: 'Raleway', 'Roboto', sans-serif; color:#000; line-height:2rem;}

/* Remove Default Margins */
h1, h2, h3, h4, h5, p, li, ul {margin:0;}

/* FORCE ELEMENT UNSTYLED */
.unstyle {background:0; background-color:transparent; background-image:none; border:0; border-style:none; border-width:0; border-radius:0; border-spacing:0; box-shadow:none; box-sizing:content-box; color:inherit; content:normal; direction:ltr; display:inline; empty-cells:show; float:none; font-family:inherit; font-size:inherit; font-weight:inherit; height:auto; hyphens:none; left:auto; line-height:inherit; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; max-height:none; max-width:none; min-height:0; min-width:0; opacity:1; outline:0; outline-color:transparent; outline-style:none; outline-width:0; overflow:visible; overflow-x:visible; overflow-y:visible; padding:0; position:static; right:auto; text-align:inherit; text-align-last:auto; text-decoration:none;text-indent:0; text-shadow:none; top:auto; transition:none; transition-delay:0s; transition-duration:0s; transition-property:none; transition-timing-function:ease; vertical-align:baseline; white-space:normal; width:auto; word-spacing:normal; z-index:auto; appearance:none; -webkit-appearance:none; -moz-appearance:none;}


/* Fixes */
.container-fluid {max-width:1170px;}
a:focus, button:focus, *:focus {outline-width: 0 !important;}
img{max-width:100%}
.text-bold {font-weight:bold;}
.text-italic {font-style:italic;}
.text-underline {text-decoration:underline;}
.text-large {font-size:20px;}
.text-larger {font-size:24px;}

@media(max-width:767px){
	.btn-xs-block {display:block; width:100%;}
	.xs-center {text-align: center;}
}





/* NAVBAR LOGO */
.navbar-logo { display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:left center;
background-image: url('_/img/logo/adv-derm-logo.png'); width:450px; height:125px;max-width: 40%;

}
/*
.navbar-logo img {opacity:0; visibility:hidden; }
*/

@media(max-width:767px){
	.navbar-logo {background-size:contain;width: 100%;height: 60px; background-position:center center;}
}


/* SEARCH IN NAV */
.header-search {display: inline-block; float: right; height:3.2rem; line-height:3.2rem;}
.header-search form {display:inline-block; vertical-align: top; line-height: 1; position: relative; padding-top:0.6rem;}

.header-search form .search-box { transition:all 500ms; display: block;border-radius: 1rem;border: 2px rgba(255,255,255,0) solid;font-size: 13px;line-height: 1.6rem;font-weight: bold;color: #FFF; text-indent:1rem; background-color: transparent;padding: 0.1rem 1.5rem; max-height:2.2rem; width:132px;}

.header-search form .fa-search {color:#FFF; position: absolute; top:8px; left:9px;}

.header-search form .search-box:hover, .header-search form .search-box:active,
.header-search form .search-box:focus {border:2px rgba(255,255,255,1) solid; width:180px;}

.header-search ::placeholder {color: #FFF;opacity: 1; transition: all 500ms; }
.header-search :-ms-input-placeholder {color: #FFF; transition: all 500ms; }
.header-search ::-ms-input-placeholder {color: #FFF; transition: all 500ms; }

.header-search form:hover ::placeholder {color: #FFF;opacity: 0.7; }
.header-search form:hover :-ms-input-placeholder {opacity: 0.7; }
.header-search form:hover ::-ms-input-placeholder {opacity: 0.7; }

/* Header Location Links */
.header-location-links {display: flex; justify-content: center; margin-top: 5px;}
.header-location-links .header-location-link {color: #31476e; font-weight: 500; font-size: 1.8rem; letter-spacing: 0.7px;}
.header-location-links .header-location-link:after {content: '|'; margin-left: 15px; margin-right: 1.5rem;}
.header-location-links .header-location-link:last-of-type:after {display: none;}




/* FOOTER */
#footer {background-color:#073E5F; color:#FFF;}
.mobile-contact a {width:100%; line-height:50px; height:50px; text-align:center; display:block; font-size:25px; background-color:#000; color:#FFF; text-decoration:none;}
.bottom-footer {padding:1.5rem 0 1rem 0; background-color:#000; font-size:13px; font-family:'Roboto',sans-serif;}
@media(min-width:768px){
	.f-left {float:left; text-align:left;}
	.f-right {float:right; text-align:right;}
}
#footer .bottom-footer a {color:#FFF;}

#footer .offices {display: flex;justify-content: space-between;align-items: center;margin: 0 auto;margin-top: 15px;max-width: 1100px;}
#footer .office-name {font-size: 2.8rem;line-height:1;color:#FFF;font-weight: bold;}
#footer .address {font-size:2rem; line-height:2.5rem; color:#FFF; padding:1rem;}
/* #footer .offices div {width: 33.3333%;} */
#footer .tel-footer a {font-size: 3rem; color:#FFF;line-height: 3.2rem; display: inline-block; margin-bottom:1rem; font-family:'Roboto';}

@media(max-width: 767px) {
	#footer .offices {flex-direction: column;}
}

/*#footer .footer-top {padding-bottom:5rem;}*/
#footer .footer-top .container-fluid {padding-top:5rem; padding-bottom:5rem; position:relative; }
#footer .footer-top .inner {position:relative;}


#footer .bottom-footer > div > div {font-size:15px; line-height:25px; color:#FFF;}
#footer .bottom-footer a {text-decoration: none!important}

#footer .share-foot {text-align:center; padding-top:1rem;}
#footer .share-foot a {font-size:3rem; line-height:3.2rem; margin:0 0.5rem; display:inline-block; color:#cfac70; transition: all 500ms;}
#footer .share-foot a:hover {color:#FFF;}
#footer .footer-top .footer-right .item p {font-family: 'Roboto',sans-serif; font-weight:300;}


@media(max-width:1199px){
	#footer .footer-top .footer-left {position:static;}
	#footer .footer-top .footer-right {float:none; width:100%; padding-top:10px;}
	#footer .footer-top .footer-right .item {width:30%;}
	#footer .footer-top .footer-right .item {margin-left:0; padding-left:15px;}
	#footer .footer-top .footer-right .item3 {width:35%;}
	/*
	#footer .footer-top .footer-right .item1 {padding-left:0;}
	#footer .footer-top .footer-right .item:first-of-type {border-left:0;} */

}

@media(max-width:991px){
	#footer .footer-top .footer-right .item {border-left:2px #318eb8 solid !important; padding-left:15px!important; display:block; width:100%; margin-left:0; margin-bottom: 15px; /* padding-left:0; border-left:0; padding-bottom:15px; */}
	#footer .footer-top .footer-right .item p {font-size:14px; line-height:22px;}
	#footer .bottom-footer > div > div {font-size:14px; line-height:22px;}
}

@media(max-width:767px){
	#footer .footer-top .footer-left {width:270px; max-width:100%;}

	#footer .footer-top .container-fluid {padding-top:30px;}
	#footer .bottom-footer {text-align: center;}
	#footer .bottom-footer .f-right {padding:5px;}
	#footer .share-foot {bottom:20px; display: block; width:100%; text-align:center; left:0; right:0;}
	#footer .share-foot a {font-size:20px; float:none;}
}
@media(min-width:1200px){
	#footer .footer-top .footer-left {top:7px;}
}



.footer-menu ul {margin-top:2rem;}
.footer-menu ul li{border-left:1px #98a4b7 solid;}
.footer-menu ul li:first-of-type{border-left:0;}
.footer-menu ul li a {color:#FFF; text-transform: uppercase; font-size:13px; font-weight:600; display: block}




/* BANNER TOP */
#banner-top {background:#073E5F;z-index:777;top:-80px;left:0; right:0; position:fixed;width:100%; text-align:center; transition:all 500ms; -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);}
#banner-top span {color:#FFF !important; font-weight:500;display:block;text-align:center;font-size:20px;line-height:60px; white-space:nowrap; text-transform:uppercase; width:100%; transition:all 500ms; -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms;}
#banner-top a {color:#FFF !important; display:block; text-decoration:none!important; transition:all 500ms; -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; font-family:'Roboto', sans-serif; font-weight:500;}
#banner-top:hover, #banner-top:focus, #banner-top:active {background-color:#188c91;}
@media (max-width:767px) {#banner-top {display:none!important;}} /* hidden for mobile */
.scroll #banner-top {top:0!important;}




/* MOBILE CONTACT */
.mobile-contact-dbl {position:fixed; white-space:nowrap; bottom:0; left:0; right:0; width:100%; height:50px; z-index:900;}
.mobile-contact-dbl a {color:#FFF; background-color:#31476D; border-top:3px #FFF solid; font-size:17px; font-weight:700; position:fixed; bottom:0; width:50%; display:inline-block; line-height:50px; height:50px; text-align:center; text-transform:uppercase; text-decoration:none !important; transition:all 500ms;}
.mobile-contact-dbl .l1 {left:0; z-index:901; }
.mobile-contact-dbl .l2 {right:0; z-index:902; border-left:3px #FFF solid;}
.mobile-contact-dbl a:hover, .mobile-contact-dbl a:active {background-color:#FDB932;}

.layout-index #learn-more,
.layout-index #browse-services {position:relative; top:-3rem;}

.index-new-banner {position: relative; padding-top: 40.0625%; display: flex; justify-content: center; align-items: center;}
.index-new-banner .wrapper {position: absolute; top: 0; left: 0; height: 100%; z-index: 1; width: 100%;}
.swiper-container {height: 100%; width: 100%; max-width: 1600px; max-height: 640px; background-color: #fff; }

/* Swiper Banner Optimization */
.swiper-container { display: none; transition: opacity 300ms ease; }
.swiper-slide { display: none; }
.swiper-container.swiper-jumpem-loading { display: block; opacity: 0; }
.swiper-container.swiper-jumpem-loaded { opacity: 1; display: block; }
.swiper-container.swiper-jumpem-loading .swiper-slide { display: block; opacity: 0; }
.swiper-container.swiper-jumpem-loaded .swiper-slide { display: block; opacity: 1; }

@media(min-width: 1599px){
    .index-new-banner { padding-top: 640px; background-image: none; }
}/* Image sizes 1601x641*/
.layout-index .swiper-slide {background-position: center;background-repeat: no-repeat;background-size: contain;}
.index-new-banner {background-position: center;background-repeat: no-repeat;background-size: contain; background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/daxxify-special.jpg); }
.layout-index .slide-1 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/daxxify-special.jpg);}
.layout-index .slide-2 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/Advanced_Banner_1in5SkinCancer_V8.jpg);}
.layout-index .slide-3 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/meat-the-team-11-6-2023.jpg);}
.layout-index .slide-4 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/Advanced_Banner_PDOthreads-ComingSoon_V6.jpg);}
.layout-index .slide-5 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/Banner_HomePage_Nordly_NowOffering.jpg);}
.layout-index .slide-6 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/cosmetic-open-hours-9-16-2024.jpg);}
.layout-index .slide-7 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/Advanced-Derm-reader-choice-award-2024.jpg);}
.layout-index .slide-8 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/Banner_HomePage_Sculptra_NewService.jpg);}
.layout-index .slide-9 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/CoolSculpting-Hero.jpg);}
.layout-index .slide-10 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/sept-2023-specials-warren.jpg);}
.layout-index .slide-11 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/advance-derm-index-hero-oct-2024.jpg);}
.layout-index .slide-12 {background-image: url(https://www.advancedderm.net/content/themes/default/_/img/index-banner/Advanced-Derm-Open-House-Sept-2025.webp);}
.layout-index .swiper-slide .image-link {width: 100%; height: 100%; display: block;}


/* POST CONTENT */
.post-content h1 {color:#073E5F;}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .post-content .h1, .post-content .h2, .post-content .h3, 
.post-content .h4 {color:#000; margin:0 0 1.5rem 0;}

.post-content h1, .post-content .h1 {font-size:3.5rem; line-height:4rem; font-weight:400;}
.post-content h2, .post-content .h2 {font-size:3rem; line-height:3.5rem; font-weight:400;}
.post-content h3, .post-content .h3 {font-size:2.6rem; line-height:3rem; font-weight:400;}
.post-content h4, .post-content .h4 {font-size:2.2rem; line-height:2.7rem; font-weight:400;}
.post-content h5 {font-size:1.9rem; line-height:2.4rem; font-weight:700;}
.post-content h6 {font-size:1.5rem; line-height:2rem; font-weight:700;}

.post-content h1 a, .post-content h2 a, .post-content h3 a, .post-content h4 a, .post-content h5 a, .post-content .h1 a, .post-content .h2 a, .post-content .h3 a, .post-content .h4 a, .post-content .h5 a {color:#333;}

.post-content p {color:#555; font-size:1.6rem; line-height:3rem; margin-bottom:1.5rem;}

.post-content li {color:#555; font-size:1.6rem; line-height:2.5rem; margin-bottom:0.5rem;}

.post-content .fa-ul .fa-li {line-height: 3rem; top: -1px; top: -0.1rem;}

.post-content dl.dl-horizontal {margin:1.5rem 0;}
.post-content dl.dl-horizontal dt {font-size: 1.6rem; line-height: 3rem; width:80%; text-align: left;}
.post-content dl.dl-horizontal dd {font-size: 1.6rem; line-height: 3rem; margin-left:82%;}


.post-content p a, .post-content li a {font-weight:500;}

.post-content blockquote {border-left: 5px solid #31476d; background: #d3d3d5;}
.blockquote-special {background-color:#FFF;}


.post-content .title-bordered:after {display: block;content: " ";width: 10rem;height: 1px;background: #d8dae0;margin: 0.5rem 0 0.5rem 0;}

@media(min-width:768px){
.post-content dl.dl-horizontal dt .outer {display:block; position:relative; overflow:hidden;}
.post-content dl.dl-horizontal dt .dotted {display: inline-block; background-color: #FFF; padding-right: 2%;}
.post-content dl.dl-horizontal dt .dotted:after {content:" "; border-bottom: 1px dotted #000;width: 100%;display: block;bottom: 9px; position: absolute;  z-index: -1;}
}

@media(max-width:767px){
	.post-content dl.dl-horizontal dd {margin-top: -3rem; width: 80px;  float: right; text-align: right; margin-bottom:20px; }
	.post-content dl.dl-horizontal dt {width:100%; margin-right:0; padding-right:90px;}
}


/* DL INSIDE OF ACCORDION */
.post-content .panel-group dl.dl-horizontal {opacity:0; transition:all 100ms;}
.post-content .panel-group .in dl.dl-horizontal {opacity:1;}
.post-content .panel-group .collapsing dl.dl-horizontal{opacity:0;}

.post-content .panel-group dl.dl-horizontal {position:relative; z-index:1;}
.post-content .panel-group dl.dl-horizontal dt .dotted:after,
.post-content .panel-group .collapsing dl.dl-horizontal dt .dotted:after {opacity:0; -moz-transition:opacity 100ms; -webkit-transition:opacity 100ms;transition:opacity 100ms;}
.post-content .panel-group .in dl.dl-horizontal dt .dotted:after {opacity:1;}
.post-content .panel-group {background-color:#FFF;}

.main-darker .post-content .panel-group {background-color:#f5f5f5;}




.main-grey hr {border-top:1px solid #dcdcdc;}



/* LISTS */
.post-content ul {margin-bottom:3rem; list-style-type:none; padding-left:2.5rem;margin-left:2rem;}
.post-content ul ul {margin-bottom:0;}

.post-content ol {padding-left:2rem;}
.post-content ol li {margin-bottom:0.5rem;}


.post-content ul > li {position: relative;}
.post-content ul > li:before {content:" "; display:inline-block; position: absolute; width:0.8rem; height:0.8rem; background-color: #188C91; border-radius:50%; left:-2rem; top:0.9rem; }

.bootstrap-tabs ul.nav {padding-left:0;}
.bootstrap-tabs ul.nav li:before {display:none !important;}




.btn {    transition: all 500ms;
    border-radius: 0.5rem;
    padding: 0.5rem 2rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.1rem;
    font-family: 'Roboto',sans-serif;height:auto;}
.btn-default {border: 0.2rem #FDB932 solid;color: #000;background-color: #FDB942;}
.btn-default:hover, .btn-default:active, .btn-default:focus,
.btn-default:active:focus {background-color:#FFF; border-color:#FFF; box-shadow: 0px 0px 0.5rem 0px rgba(0,0,0,0.2);}

.btn-primary {border: 0.2rem #188c91 solid;color: #fff;background-color:#188c91;}
.btn-primary:hover {background-color: transparent; color:#188c91; border-color:#188c91;}

.btn-secondary {border: 0.2rem #188c91 solid;color: #fff;background-color:#188c91;}
.btn-secondary:hover {background-color: transparent; color:#188c91; border-color:#188c91;}

.btn-blue {border: 0.2rem #073E5F solid;color: #073E5F; background-color: transparent;}
.btn-blue:hover {background-color:#073E5F; color:#FFF; border-color:#073E5F;}

/** HELPERS **/
.d-t {display:table;width:100%;}
.d-tc {display:table-cell;}
.va-m {vertical-align:middle;}

/* HEADER */
#header .top {background-color:#fff;}
#header .top .d-tc {height:9rem;vertical-align:middle;}
#header .top .pull-right {padding:1rem 0;}
#header .top .pull-right p {display:inline;font-size:1.9rem;margin-right:1.5rem;vertical-align:middle;}
#header .top .pull-right .btn {font-size:1.9rem;padding:1rem 1.5rem;}
#header .top .pull-right .btn i {margin-right:1rem;}
.header-top .top-link {color: #000;font-size: 1.8rem;font-weight: 600;    font-family: 'Roboto';}
#header .header-top .header-top-right span.top-link.spacer {margin: 0 1rem;top: 0;}
.header-inner .wrapper {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 45px;
    height: 100%;
}

.top-link i.fa.fa-phone {
    font-size: 2.3rem;
    line-height: 1;
    position: relative;
    top: 4px;
}

#header .bottom {background-color:#314770;}

@media(max-width:767px){
	#header .top {display:none;}
}

/** NAV **/
#header .bottom {position:fixed;width:100%;height:50px;top:0;z-index:500;}
#navbar {width:100%;margin:0;}
@media(max-width:767px){
	#header .bottom .container {padding:0;margin:0;}
	#header .bottom .navbar-nav .dropdown-menu {position:static;display:block;float:none;border:none;padding:0; border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
	#header .bottom .navbar-nav .dropdown-menu .active {background-color:#293958;}
	#header .bottom .navbar-nav .dropdown-menu .active a {background-color:transparent;}
	#header .bottom .navbar-nav .dropdown-menu li a {padding-left:10px;}
}
@media(min-width: 768px) {
	#navbar {padding-left: 0; padding-right: 0;}
}

#header .header-inner {position:relative;}
#header .header-top-right {display: flex;flex-direction: column;justify-content: space-around;align-items: flex-end;height: 100%;padding: 15px 0px;position: relative;
    top: 0;
    left: 0;}
#header .header-top-right .btn {    font-size: 1.5rem;
    letter-spacing: 0;
    font-family: 'Roboto';
    font-weight: bold;
    padding: 0.5rem 2rem;
    height: unset;}
#header .header-top-right a.btn .fa {position:relative; top:2px;}
#header .header-top-right span {display:inline-block;font-size: 1.8rem;margin-right: 1rem;color:#31476e;font-weight:500;position:relative;top:3px;}
.header-top-right .open {
    position: relative;
}

.header-top-right .nav-link {
    display: block;
    padding: 5px;
    color: #000;
}
.header-top-right .dropdown-toggle:focus {
    background-color: #FDB932;
    border: 0.2rem #FDB932 solid;
    color: #000;
}

.header-top-right .nav-link:hover,.header-top-right .nav-link:focus {
    background-color: #073E5F;
    color: #fff;
}

.header-top-right .dropdown-menu {
    padding: 0;
    overflow: hidden;
    margin: 0;
    border: 0;
    webkit-box-shadow: 0px 0px 1px rgb(0 0 0);
    box-shadow: 0px 0px 1px rgb(0 0 0);
}

#header .header-top-right span.tab-name {
    display: block;
    font-size: 1.5rem;
    color: inherit;
    margin-right: 0;
    font-weight: 500;
    position: relative;
    top: 0;
}

.header-bottom {background-color:#073E5F;}
#primarynav.navbar-nav>li>a {padding:0.9rem 0.85rem; font-weight:bold; letter-spacing:0.5px; line-height:1.6rem; font-size:1.4rem; text-transform: uppercase; color:#FFF; border:0;}

#primarynav.nav>li>a:focus, #primarynav.nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color:#188c91;}

.header-bottom .navbar-toggle {margin-right:0;}

#primarynav .dropdown-menu>li>a:focus, 
#primarynav .dropdown-menu>li>a:hover {background-color:#188c91;}

@media(max-width:767px){
	.header-bottom .container-fluid {padding:0 5px;}
	#primarynav .dropdown-menu li a {display: block; color: #FFF;font-weight: bold;text-transform: uppercase;letter-spacing: 0.5px; padding-left:15px; line-height: 1;}
}

@media(min-width:768px){
	#header #primarynav .dropdown-menu {border-radius: 0; background-color: #073E5F; border-color: #073E5F; min-width:175px;}
	#header #primarynav .dropdown-menu li a {font-weight: 500; color: #FFF; letter-spacing: 0.2px; padding:3px 10px; transition: all 500ms;}

	#header #primarynav .dropdown-menu>.active>a {background-color:#188c91;}

}




/* NAVBAR TOGGLE TO X ANIMATION */
.navbar-toggle .icon-bar.ib2 { top: 1px;}
.navbar-toggle .icon-bar.ib3 { top: 2px;}
.navbar-toggle .icon-bar {position: relative; transition: all 500ms ease-in-out; background-color:#FFF;}
.navbar-toggle .icon-bar.ib1 {top: 6px; transform: rotate(45deg);}
.navbar-toggle .icon-bar.ib2 { background-color: transparent; width:0; left:11px; }
.navbar-toggle .icon-bar.ib3 {top: -6px; transform: rotate(-45deg);}
.navbar-toggle.collapsed .icon-bar {top:0;background-color:#FFF; transform:none; left:0; width:22px!important;}
@media(min-width:768px){
	#navbar .nav .hide-desktop {
		display: none;
	}
}



/* INDEX BANNER */
.index-banner { background-color:#9ee2fe; background: #9ee2fe;background: -moz-linear-gradient(left, #9ee2fe 0%, #FFF 100%);background: -webkit-linear-gradient(left, #9ee2fe 0%,#FFF 100%);background: linear-gradient(to right, #9ee2fe 0%,#FFF 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ee2fe', endColorstr='#FFFFFF',GradientType=1 ); position:relative; background-image: url('_/img/site/index-banner.jpg'); background-size:cover; background-position: 50% 50%}


.index-banner .wrapper {}
.index-banner .inner {height:65rem; padding-top:15rem;}
.index-banner .line1 {display: block; font-family:'Mr Dafoe',cursive,serif; color:#f9e7dc; font-size: 11rem;line-height: 11.5rem; font-weight: 400; text-shadow: 0px 0px 3px rgba(0,0,0,0.3)}
.index-banner .line2 {display: block;color: #FFF;font-size: 3rem; margin-top:-2.5rem;line-height: 4rem; padding-bottom:2.5rem;font-weight: 500;font-family: 'Roboto',sans-serif; text-shadow: 0px 0px 3px rgba(0,0,0,0.3)}

.index-banner .inner .btn {margin-top:2.5rem; background-color:#FDB932;}
.index-banner .inner .btn:hover, .index-banner .inner .btn:active, .index-banner .inner .btn:focus {background-color:rgba(49, 71, 111, 0.2)!important; color:#FFF;}


.index-banner .inner .btn span {display:inline-block; padding:0 1rem; transition:all 500ms;}
.index-banner .inner .btn span:after {content:"\f061"; font-family:fontawesome; font-weight:400; display:inline-block; width:0px; text-align:center; position:absolute; overflow:hidden; opacity:0; transition: all 500ms;}

.index-banner .inner .btn:hover span:after {width:2rem; opacity:1; margin-left:3px; }

.index-banner .inner .btn:hover span {padding-left:0.5rem; padding-right:1.5rem;}


.index-banner .line-1 {color:#073E5F; display:block; font-size:12rem; line-height:12.5rem; white-space:nowrap; font-family:'Allura', cursive;}
.index-banner .line-2 {color:#FDB932; display:block; font-size:3.5rem; line-height:3.6rem; margin-top:-2rem; letter-spacing: 0.4rem; margin-bottom:1rem;}
.index-banner .inner .line-3 {font-size:1.7rem; line-height:3rem;}

.index-banner .large-text {font-family: 'Raleway', sans-serif; font-weight: 600; color: #073E5F; display: block; font-size: 5.8rem; line-height: 1.2;}
.index-banner .small-text {font-family: 'Raleway', sans-serif; font-weight: 400; color: #073E5F; display: block; font-size: 2.9rem; line-height: 1.2;}
.index-banner .block-text {font-family: 'Raleway', sans-serif; color: #2A2A2A; font-size: 2.8rem; font-weight: 500; line-height: 1.2; border-left: 2px solid #073E5F; padding-left: 15px; margin-top: 25px;}

@media(max-width:991px){
	.index-banner .inner {}
	.index-banner .line3 {text-align:right; padding-left:0; padding-right:39rem;}
	.index-banner .inner .btn {margin-right:14rem;}
}


@media(max-width:767px){

	.index-banner {/*background-image:url('_/img/site/index-mobile.jpg');*/ background-position:0% 50%;}
	.index-banner .large-text {line-height: 0.8; margin-bottom: 1rem;}

	.index-banner .inner {height: auto; padding: 50px 0; margin-left:0;text-align: center;}

	.index-banner .line-2 {letter-spacing:0.5px; color:#333; font-weight:500;}
	.index-banner .inner .line-3 {max-width:340px;font-size: 13px;font-weight: 500;line-height: 21px;}

	.index-banner .inner .btn {display:block; width:100%; margin:15px auto 15px auto; max-width:280px;}
	.index-banner .wrapper {background-color: rgba(255,255,255, 0.4);}
	.index-banner .inner div .btn {margin-top:100px;}

}

@media(max-width:401px){
	.index-banner .inner .line-1  {font-size:70px; line-height:75px;}
	.index-banner .inner .line-2  {font-size:23px; line-height:25px;}
}



.learnmore {position: absolute; height: 6rem; width: 200px; left: 50%; margin-left: -100px; bottom: 0;color:#31476e; text-decoration: none!important; display:inline-block; text-align:center; font-weight:600; letter-spacing:0.5px; text-transform: uppercase; font-size:14px; transition:all 500ms;}
.learnmore:after {content:"\f107"; font-family:fontawesome; width:200px; position:absolute; left:0; bottom:1.5rem;}

.learnmore:hover {color:#FFF; }
.index-section-2 .learnmore:hover {color:#000;}


/* INDEX SECTION 2 */
.index-section-2 {position:relative;}
.index-section-2 .container-fluid {max-width:900px;}
.index-section-2 .inner {padding:8rem 0 10rem 0; }
.index-section-2 .learnmore {color:#000;}

.index-section-2 .inner .btn:hover, .index-section-2 .inner .btn:active, .index-section-2 .inner .btn:focus {background-color:transparent!important; color:#FDB932; border: 0.2rem #FDB932 solid;}
.index-section-2 .inner .btn span{display:inline-block; padding:0 1rem;}
.index-section-2 .inner .btn span:after{content:"\f061"; font-family:fontawesome; font-weight:400; display:inline-block; width:0px; text-align:center; position:absolute; overflow:hidden; opacity:0; transition: all 500ms;}
@media(max-width:767px){.index-section-2 {border-top:1px #ddd solid;}}



/* INDEX SECTION 3 */
.index-section-3 {}
.index-section-3 .row {margin:0;}
.index-section-3 .row > div {padding:0;}
.index-section-3 .service-item .bottom {border-left:1px #ddd solid;}
.index-section-3 .row > div:first-of-type .service-item .bottom {border-left:0;}

.index-section-3 .service-item {background-color:#FFF; overflow:hidden; position:relative; transition:all 500ms; cursor:pointer;}
.index-section-3 .service-item .top {}
.index-section-3 .service-item .top img {width:100%; height:auto;}
.index-section-3 .service-item .bottom {padding:3.5rem 1.5rem; text-align:center;}
.index-section-3 .bottom .title {font-size:3rem; color:#000; line-height:3.5rem; padding:1rem 0 3rem 0; font-weight:300;}
.index-section-3 .bottom p {font-size:1.5rem; line-height:3rem; color:#555; margin:0 5%;}
.index-section-3 .btn-default {color:#FFF; border-color:#FDB932; }
.index-section-3 .btn {margin-top:3rem; font-size:1.5rem;}

.index-section-3 .btn-default:hover {color:#FDB932;}

.index-section-3 .service-item:hover {background-color:#eee;}

.index-section-3 .service-item .anchor {width:100%; height:100%; z-index:4; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0;}
.index-section-3 .service-item .bottom .btn {position: relative; z-index:8;}


@media(max-width:767px){
	.index-section-3 .service-item .top {border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
}



/* INDEX SECTION 4 */
.index-section-4 {background-color:#318eb8;}
.index-section-4 .wrapper { background-position:center right; background-size:auto 100%; background-repeat:no-repeat;}
.index-section-4 .inner {color:#FFF; float:left; min-width:55rem; padding:8rem 3rem; background-color:#318eb8; background-size: auto 100%; background-image: url('_/img/site/watermark.png'); background-position: 50% 50%; background-repeat: no-repeat;}

.index-section-4 .inner h1, .index-section-4 .inner h2, .index-section-4 .inner h3, .index-section-4 .inner h4, .index-section-4 .inner h5 {color:#FFF; margin:0 0 1.5rem 0; font-size:3rem; line-height:3.5rem;}
.index-section-4 .inner p {color:#FFF; font-size:1.7rem; line-height:2.5rem; margin-bottom:1.5rem;}

.index-section-4 .inner .btn-default:hover {color:#318eb8;}

@media(min-width:992px){
	.index-section-4 .inner {width:66%; max-width:1000px;}
}
@media(max-width:991px){
	.index-section-4 .inner {width:auto; margin-right:400px;}
	.index-section-4 .wrapper {background-position:100% 0%;}

}
@media(max-width:767px){
	.index-section-4 .inner {min-width:100%; max-width:100%; width:100%:; padding:30px 15px; margin-right:0;}
	.index-section-4 .inner p {font-weight:500;}
	.index-section-4 .inner .btn {height:7.8rem; line-height:3.5rem;}
}


@media(min-width:1600px){
	.index-section-4 .wrapper {text-align:center;}
	.index-section-4 .inner{float:right; margin-right:60rem;}
}
@media(min-width:768px){
	.index-section-4 .inner .btn{letter-spacing:0.1rem;}
}




/* INDEX SECTION 5 */
.index-section-5 {}
.index-section-5 .inner {position:relative; padding:8rem 0;}
#index-slider .slick-arrow{position:absolute; padding:0; top:50%; display:inline-block; border:2px #318eb8 solid; color:#318eb8; border-radius:50%; line-height:58px; height:60px; margin-top:-30px; width:60px; text-align:center; font-size:30px; -webkit-appearance:none; -moz-appearance:none; background-color: #FFF; z-index:5; transition:all 500ms;}
#index-slider .slick-arrow.slick-prev {left:0;}
#index-slider .slick-arrow.slick-next {right:0;}

#index-slider .slick-arrow:active, #index-slider .slick-arrow:hover {background-color:#318eb8; color:#FFF;}

#index-slider .item {padding:0 8rem;}

#index-slider .item .btn-default {color:#318eb8; border-color:#318eb8; margin-top:2rem;}
#index-slider .item .item-content .post-content p {font-size:1.7rem; line-height:2.7rem;}


#index-slider .item-content .h1 {font-size:3rem; line-height:3.2rem;}
#index-slider .item-content .h1 a{ color:#073E5F;}

#index-slider .item-content .date {font-weight:600; margin:-1rem 0 0 0; padding-bottom:0.5rem;}

#index-slider .item-content a.btn {margin-top:1rem;}

@media(min-width:1200px){
	#index-slider .item .item-content {height:380px; line-height:380px;}
	#index-slider .item .item-content .post-content {display:inline-block; line-height:1; vertical-align: middle;}
}

@media (min-width:992px) and (max-width:1199px){
	#index-slider .item .item-content .post-content {padding-top:3rem;}
}
@media(min-width:768px){.index-section-5 .slick-dots {display:none!important}}
@media(max-width:767px){
	.index-section-5 .inner {padding:30px 0;}
	#index-slider .item {padding:0;}
	#index-slider .slick-arrow {display:none!important; opacity:0; visibility:hidden;}
}







/* PAGE BANNER TEMPORARY */
.page-banner {background-color:#555;  text-align:center; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; background-image:url('_/img/site/all-condition-pages.jpg');}
.page-banner .wrapper {height:40rem; /* background-color:rgba(0, 0, 0, 0.45); */ position:relative;}
.page-banner .wrapper .container {position:absolute; bottom:3rem; left:0; right:0;}
.page-banner .page-title {line-height:7.5rem; font-size:7rem; color:#FFF; font-weight:300; vertical-align: middle; display: inline-block; width:100%;}

@media(max-width:767px){
	.page-banner .wrapper {height:auto; line-height:1; padding:60px 0; }
	.page-banner .page-title {font-size:40px; line-height:45px;}
	.page-banner .wrapper .container {position:static;}
}

@media(max-width:400px){
	.page-banner .wrapper {height:auto; line-height:1; padding:45px 0; }
	.page-banner .page-title {font-size:32px; line-height:35px;}
}

.layout- .page-banner {background-image:url('_/img/site/default-banner.jpg');}

.layout-contact .page-banner {background-image:url('_/img/site/contact-us-page.jpg');}

#post-9 .page-banner {background-image:url('_/img/site/our-team-page.jpg');}

#post-27 .page-banner {background-image:url('_/img/site/skin-cancer-page.jpg');}


#post-13 .page-banner {background-image:url('_/img/site/cosmetics-and-skin-care-treatment.jpg');}
#post-14 .page-banner {background-image:url('_/img/site/patient-education-page.jpg');}
#post-12 .page-banner {background-image:url('_/img/site/patient-forms-page.jpg');}
#post-11 .page-banner {background-image:url('_/img/site/all-conditions_treatments.jpg');}
#post-77 .page-banner {background-image:url('_/img/site/chronic-skin-conditions-and-treatments-page.jpg');}
#post-104 .page-banner {background-image:url('_/img/site/optima-research-team.jpg');}
#post-106 .page-banner {background-image:url('_/img/site/telehealth.jpg');}
/*#post-104 .page-banner {background-image:url('_/img/site/optima-research.jpg?v=1.0.1');}*/
[class*="layout-office"] .page-banner {background-image:url('_/img/site/locations-page.jpg');}
/*.layout-office-howland .page-banner {background-image:url('_/img/site/new-howland-location-page-header.jpg');}*/
.layout-office-howland .new-facility-banner { background-image: url(/content/themes/default/_/img/site/now-open.jpg); height: 0; padding-top: 25.375%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; max-width: 1600px; margin: 0 auto; max-height: 406px; }
@media(min-width:1600px){
    .layout-office-howland .new-facility-banner{padding-top:406px;}
}




/* INTERIOR MAIN */
.interior-main {padding:5rem 0;}

.layout-page .interior-main {background-color:#ebebed;}

@media(max-width:767px){
	.interior-main {padding:30px 0;}	
}
.layout-page .interior-main.main-lighter {background-color:#FFF;}

.layout-page .interior-main hr {border-top:1px solid #d8dae0;}

.main-special {background-image:url('_/img/site/mid-bg.jpg'); background-size:cover; background-position:50% 50%;}
.main-special.no-use {background-image: none;background-color: #dcdcde;}

.interior-main.main-grey {background-color:#ebebed;}


@media(max-width:767px){
	.main-special {background-image:none; background-color:#ebebed;}
}







/* TABS */
.bootstrap-tabs {}
.bootstrap-tabs .nav {border-bottom:1px solid #c0c0c0;}


.bootstrap-tabs .nav-tabs>li{margin-bottom:-3px;}
.bootstrap-tabs .nav-tabs>li>a {border:0 solid transparent; color:#073E5F; font-size:2.5rem; line-height:2.8rem;
    background-color: transparent;border-bottom:3px solid transparent; padding: 1rem 0; margin-right: 3rem;}

.bootstrap-tabs .nav-tabs>li>a:hover, .bootstrap-tabs .nav-tabs>li.active>a, .bootstrap-tabs .nav-tabs>li.active>a:focus, 
.bootstrap-tabs .nav-tabs>li.active>a:hover {border:0 solid transparent; border-color:transparent; border-bottom: 3px solid #FDB932; background-color:transparent;}

@media(max-width:767px){
	.tab-content {display:block;}
}

/* INTERIOR-MAIN EXTRA SECTION */
.main-additional {background-color:#073E5F; position:relative;}

.main-additional .bg-custom {position:absolute; top:0; left:0; bottom:0; width:50%; z-index:1; background-size: cover; background-repeat:no-repeat; background-position:50% 50%;}

.main-additional .post-content {width:50%; margin-left:50%; position: relative;z-index:5; color:#FFF; padding-left:30px;}
.main-additional .post-content p, .main-additional .post-content li, .main-additional .post-content h2, .main-additional .post-content h3 {color:#FFF; font-weight:500;}

@media(max-width:767px){
	.main-additional .post-content {width:100%; margin-left:0%; padding:0; }
	.main-additional .bg-custom {right:0; width:100%; height:100%; opacity:0.2;}

	.main-additional-split {padding-bottom:1px; padding-top:15px;}
	.main-additional-split .bg-custom {position:static; opacity:1; height:300px;}
	.main-additional-split .post-content {padding-left:0;}

}





/* RELATIONSHIPS SECTION */

.rels { background-color:#e4e4e4; position: relative; }
.rels .container-fluid {}
.rels .rels-inner {}
.rels .left-side {float:left; width:36%; padding:3rem 0;}
.rels .section-title {font-size: 2rem; line-height:2.2rem; text-transform: uppercase; letter-spacing: 0.1rem; padding-bottom:1rem;}
.rels .section-title .sp {display:block; font-size:4rem; line-height:4.2rem;}

.rels .section-list {padding:0; margin:0; list-style-type:none; padding-right:3rem;}
.rels .section-list li {position:relative; border-top:1px #aaa solid;}
.rels .section-list li > a {display:block; text-decoration:none!important; color:#000; font-size:2rem; line-height:2.5rem; text-transform: uppercase; padding:0.6rem 1rem 0.6rem 4rem; font-weight:500;}
.rels .section-list li > a:before {position: absolute; top: 0.1rem; left: 0; font-weight: 400; content: "\f067"; display: inline-block; font-family: fontawesome; font-size: 1.5rem; line-height: 3.5rem; width: 3.5rem; height: 3.5rem; text-align: center;}


.rels .right-side {position: absolute;top: 0;right: 0;width: 63%;bottom: 0;height: 100%;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat; transition: background 250ms linear;}
.rels .right-side .inner {position: relative; height: inherit;}
.rels .right-side #toggle-img {border:1px #000 solid;}
.rels .right-side .inner .content {background-color: rgba(0,0,0,0.7);padding: 2rem;color: #FFF;position: absolute;width: 100%;left: 0;right: 0;bottom: 8%; max-width:65rem;}
.rels .section-list li:hover > a:before,
.rels .section-list li.hovered > a:before {content:"\f068";}


.rels .right-side .inner .content .content-title {color:#FFF; text-transform: uppercase; font-weight:600; font-size:2.2rem; line-height:2.5rem; padding-bottom:0.5rem; margin:0;}
.rels .right-side .inner .content p {color:#FFF; font-weight:500; font-size:1.5rem; line-height:2.2rem; min-height:4.5rem;}
.rels .right-side .anchor {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:none!important;}

.rels .right-side .inner .content .content-title  a {color:#FFF; }


.rels {background-color:#92b0bc;}
.rels .left-side {color:#FFF;}
.rels .left-side .section-title {color:#FFF;}
.rels .section-list li > a {color:#FFF;}
.rels .section-list li {border-top: 0.2rem rgba(255,255,255,0.4) solid;}
.rels .section-list li:first-of-type {border-top:0!important;}
.rels .toggle-desc {padding:0 15px 10px 15px; color:#FFF; font-weight:500; font-size: 13px;  line-height: 20px;}

@media(max-width:767px){
	.rels .left-side {width:100%;}
	.rels .section-list {padding-right:0;}

	/*
	.rels .right-side {width:100%; display:block; float:none; position:static; min-height:300px;}
	.rels .right-side .anchor {top:auto; height:300px;}
	.rels .right-side .inner {min-height:300px;} */
	.rels .right-side {display:none;}
	.rels .left-side {padding:20px 0 15px 0;}

}
@media(min-width:768px){
	.rels .section-list {min-height:35rem;}
	.rels .toggle-desc {display:none !important;}
}

@media(min-width:1300px){
	.rels .right-side {width:60%;}
}


@media(min-width:1700px){
	.rels .left-side {width:50%;}
	.rels .right-side {width:50%;}
}


.rels .toggle-desc .btn {margin-bottom: 10px; border-radius: 0; position: relative; margin-top: 3px; right: -15px; line-height: 27px; height: 31px;}



.rels .right-side-new .wrap {position: relative; height: 100%; width: 100%;}

.rels .right-side-new .new-toggle-right {position: absolute; transition:all 500ms;z-index: 999;top: 0;left: 0;right: 0;background-size: cover; background-position: 50% 50%;bottom: 0;}
.rels .right-side-new .new-toggle-right .inner {position:absolute; bottom:5%; left:0; right:0;}





/* CONTACT PAGE */
.contact-main {position:relative; overflow:hidden;}
.layout-contact .backgrounds .l {z-index:-1; background-color:#31476e; position:absolute; top:0; left:0; bottom:0; width:50%; }
.contact-main .form-outer {padding: 5rem 3rem;max-width: 55rem; margin: 0 auto;}
.contact-main input.btn {margin-top:2rem;}
.form-control {border-radius:0.5rem; padding:1rem 2rem; background-color:#f1f2f3; border-color:#f1f2f3; font-size:1.6rem; line-height:2.4rem; height:auto; font-weight:500;}
.form-control:active, .form-control:focus, .form-control:active:focus {border-color:#92b0bb;}
.contact-main .before-form-title {color:#FFF; font-size:3.5rem; line-height:4rem; font-weight:400; padding-bottom:2rem; margin:0;}
.contact-main .form-group {margin-bottom:2.5rem;}

/* REQUEST AN APPOINTMENT PAGE */
.contact-test-main {position:relative; overflow:hidden;}
.layout-contact-test .backgrounds .l {z-index:-1; background-color:#31476e; position:absolute; top:0; left:0; bottom:0; width:50%; }
.contact-test-main .form-outer {padding: 5rem 3rem;max-width: 55rem; margin: 0 auto;}
.contact-test-main input.btn {margin-top:2rem;}
.form-control {border-radius:0.5rem; padding:1rem 2rem; background-color:#f1f2f3; border-color:#f1f2f3; font-size:1.6rem; line-height:2.4rem; height:auto; font-weight:500;}
.form-control:active, .form-control:focus, .form-control:active:focus {border-color:#92b0bb;}
.contact-test-main .before-form-title {color:#FFF; font-size:3.5rem; line-height:4rem; font-weight:400; padding-bottom:2rem; margin:0;}
.contact-test-main .form-group {margin-bottom:2.5rem;}

form label.error {color: #FF3333;display: block;text-align: left;padding: 2px 3px 0 3px;}

@media(min-width:768px){
	.contact-content-container {padding:5rem 3rem;}
	.contact-test-content-container {padding:5rem 3rem;}
}
@media(max-width:767px){
	.contact-main {padding:0;}
	.contact-main .form-col {background-color: #31476e; padding-top:30px; padding-bottom:30px;}
	.contact-main .form-outer {padding:0; max-width:100%;}
	.contact-content-container {padding:30px 0;}
	.contact-test-main {padding:0;}
	.contact-test-main .form-col {background-color: #31476e; padding-top:30px; padding-bottom:30px;}
	.contact-test-main .form-outer {padding:0; max-width:100%;}
	.contact-test-content-container {padding:30px 0;}
}

@media(min-width:768px){
	.layout-contact .contact-content-container p {font-size:2rem; line-height:3rem; font-size: 2.2rem; line-height: 3.5rem;  margin-bottom: 4rem; font-weight:300; font-family:'Roboto',sans-serif;}
	.layout-contact-test .contact-test-content-container p {font-size:2rem; line-height:3rem; font-size: 2.2rem; line-height: 3.5rem;  margin-bottom: 4rem; font-weight:300; font-family:'Roboto',sans-serif;}
}
.layout-contact .contact-content-container .locations div {margin-bottom: 3rem;}
.layout-contact .contact-content-container .locations p {margin-bottom: 1rem;}

#contact-iframe {height:45rem; float:left; width:100%; display:block;}

.layout-contact-test .contact-test-content-container .locations div {margin-bottom: 3rem;}
.layout-contact-test .contact-test-content-container .locations p {margin-bottom: 1rem;}

#contact-test-iframe {height:45rem; float:left; width:100%; display:block;}





/* BOTTOM SECTION */
.bottom-section { background-color: #FFF;}
.bottom-section .inner {padding:5rem 0; color:#073E5F;}
.bottom-section .inner .text {color:#073E5F; font-size:3.5rem; line-height:4.5rem;}
.bottom-section .inner .btn {margin-top:4rem;}


@media(max-width:767px){.bottom-section .inner {padding:70px 0;}}



/* OUR TEAM PAGE TEMPORARY */
#post-37 .post-content h3 img {float:left; margin-right:15px;}

@media(max-width:767px){
	#post-37 .post-content h3 {padding-top:30px;}
}


/* ACCORDION */

.panel-group {text-align: left;}
.panel-group .panel-default {border: none; background-color: transparent; border-radius:0; box-shadow: none;border-top:1px #e3ebf1 solid;}
.panel-group .panel-default:first-of-type {border-top:none!important;}
.panel-group .panel-default .panel-heading {border: none; background-color: transparent; padding:0;}
.panel-group .panel-default .panel-heading .panel-title {margin:0; position:relative;}
.panel-group .panel-default .panel-heading .panel-title a {display: block; font-size: 1.6rem; line-height: 2.3rem; font-weight: 700; color: #555; padding:1rem 0 1rem 5rem; text-decoration: none!important;}
.panel-group .panel-collapse {}
.panel-group .panel-body {border-top:none!important; padding:1rem 0 3rem 5rem;}
.panel-group .panel-default .panel-heading .panel-title a:before {display:inline-block; position:absolute; top:0; left:0; content:"+"; font-family:'Montserrat',sans-serif; text-align:center; font-size:2.3rem; line-height:4.3rem; width:4.3rem; height:4.3rem; font-weight:500;  transition:all 500ms;
 -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);
}

.panel-group .panel-body p {margin:0!important; line-height:3rem; text-align:left;}
.panel-group .panel-default .panel-heading .panel-title a.collapsed:before {
	 -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
}

@media(max-width:767px){
	.panel-group .panel-body {padding:10px 15px 30px 15px}
}





/* OUR TEAM NEW */
.team-page {}
.team-page > .row {margin:0;}
.team-page > .row > div {padding:0;}
.team-page .item {position:relative; background-color:#FFF;}
.team-page .item button {position:absolute; top:0; left:0; right:0; bottom:0; border-radius:0; border:none; background-color:transparent; display:block; height:100%; width:100%; padding:0;}
.team-page .item .top {background-color:#000;}
.team-page .item .bottom {padding:2rem; background-color:#FFF; text-align: center; border-left: 1px solid #e3ebf1; border-bottom: 1px solid #e3ebf1;}
.team-page .item .top img {display: block; width:100%; height:auto; opacity:1; transform: all 500ms;}

.team-page .item .team-title {color: #92b0bb; font-size: 1.8rem; line-height: 2.5rem; font-weight: 700;}

.team-page .item:hover .top img {opacity:0.8;}


#team-page-float-content {position: fixed;top: 0;height: 0;bottom: 0;height: 100%;right: -55rem;z-index: 999;background: #FFF;width: 50rem; transition:all 500ms; max-width:100%; overflow:auto;
    -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.15);
}




#team-page-float-content.open {right:0!important;}

#team-page-float-content .bottom {padding:3rem; background-color:#FFF;}
#team-page-float-content .close {position: absolute; font-weight:400; top: 0; line-height:4rem; right: 15px; font-size: 3.5rem; opacity: 0.6; color: #FFF;}


#team-page-float-content .top img {width:100%; height:auto;}
@media(max-width:767px){
	#team-page-float-content {width:100vw; right:-100vw;}
}
#post-37 #banner-top {display:none !important;}

.team-page-desc {padding:5rem;}

@media(max-width:767px){
.team-page-desc {padding:30px 0;}	
}

.team-overlay {position:fixed; top:0; left:0; right:0; bottom:0; z-index:5; background-color:rgba(0,0,0,0.3);}

#post-1 #form1 {position:relative;}
#post-1 #form-after {right:-10px;}


/* SLICK DOTS */

.slick-dots{position:static;bottom:0;display:block;width:100%;padding:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:1rem;height:1rem;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0; margin:0 auto; position: relative; transition:all 500ms;}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-size:6px;line-height:1rem;position:absolute;top:0;left:0;width:1rem;height:1rem;content:' ';text-align:center;opacity:.25;background-color:#000;border-radius:50%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}


.post-content .ba-title{margin-top:4rem;}
#post-22 .post-content .ba-title{margin-top:3rem;}
#post-22 .post-content .ba-title{margin-top:0rem;}
blockquote.well {background: #f2f2f2; padding: 3rem; text-align: left; border-radius:2rem;    border: 1px solid #d5e0e5; margin-bottom:3rem;}

blockquote.well p {color:#666; font-weight:500;}
blockquote.well small {color: #92b0bc;font-size: 1.6rem; line-height:2rem;font-weight: 600;text-align: right;}
blockquote.well .small:before, blockquote.well footer:before, blockquote.well small:before {content:'\2013 \00A0';}


@media(min-width:992px){
.product-outer {margin:0 -10%;}
}

.product-outer img {border:1px #ddd solid; margin-bottom:30px;}





#post-67 .interior-main .post-content .thumbnail {position: relative; display:inline-block; margin:0 auto;}
#post-67 .interior-main .post-content .thumbnail a{display: block; position:relative; text-decoration: none !important;}
#post-67 .interior-main .post-content .thumbnail a img {width: 100%; position:relative; z-index:5; opacity:1; transition:all 500ms;}
#post-67 .interior-main .post-content .thumbnail a:before {position:absolute; top:0; right:0; bottom:0; left:0; background-color: #CCC; width:100%; height:auto; content:" "; display:block;}
#post-67 .interior-main .post-content .thumbnail .caption {pointer-events:none; padding: 0;position: absolute;margin: 0;display: block;width: 100%;text-align: center; color:#333; top: 50%;font-size: 5rem;line-height: 100px; z-index:8;height: 100px;margin-top: -50px;font-weight: bold; opacity:0; transition:all 500ms;}
#post-67 .interior-main .post-content .thumbnail:hover {}
#post-67 .interior-main .post-content .thumbnail:hover a img {opacity:0.4;}
#post-67 .interior-main .post-content .thumbnail:hover .caption {opacity:1;}

@media(max-width:767px){
	#post-67 .interior-main .post-content .thumbnail .caption {font-size:25px;}
}



#post-67 .ctct-form-defaults {background-color:transparent!important; padding-top:0 !important;}
#post-67 #email_address_label_0 {margin-left:12px!important;}

#post-67 .ctct-form-text {display:none!important;}
#post-67 .ctct-form-header {display:none!important;}



/* FORCE INLINE */
#post-67 .ctct-form-defaults #email_address_field_0 {float: left; width: 79%;}
#post-67 .ctct-form-defaults .ctct-form-button {float: right; width: 20%; margin-top:26px; border:0; text-transform:uppercase !important;}
#post-67 .ctct-form-defaults:after {content:" "; display:block; clear:both;}

#post-67 #email_address_field_0 .ctct-form-errorMessage{position: absolute;margin-top: 14px;margin-left: 14px;pointer-events: none;}
#post-67 .ctct-form-footer {padding-top:0;}


/* PROVIDERS PAGE */
#post-9 .mobile-margin-bottom {margin-bottom:1rem;}
@media(max-width:500px){
	.provider-img-span, #post-9 .post-content p.pull-right {display:block; width:100%; text-align:center; max-width:100%;}
}
@media(min-width:768px){
	#post-9 .mobile-margin-bottom {margin-bottom:0;}
}


/* SECTION PAGE */
.section-row .section-item {display:block; margin-bottom:30px; font-size:1.6rem; width:100%; background-color:#073E5F; height:16rem; line-height:16rem; overflow:hidden; position:relative; transition: all 500ms}
.section-row .section-item > span > span {display:inline-block; padding:0 15px; width:100%; line-height:2.7rem; font-size:2.7rem; color:#FFF; vertical-align:middle; position:relative; margin-top:-1rem; z-index:2;}
.section-row .section-item > span > span:after {display:block; height:3px; background-color:#FDB932; position:absolute; width:100px; margin-left:-50px; left:50%; bottom:-1rem; content:" "; transition: all 500ms;}


.section-row .section-item > span:after {position:absolute; display:block ;width:200%; height:20rem; content:" "; background-color:#2e4264; top: 2rem;left: 0; transition:all 500ms;transform: rotate(-31deg); }

.section-row .section-item:hover{ background-color:#FDB932;}


.section-row .section-item:hover > span:after {top:150%;}
.section-row .section-item:hover > span > span:after {background-color:#FFF;}


.section-row p.section-item {pointer-events: none;}


@media(max-width:767px){
	.section-row .section-item {margin-bottom:15px;}

	.section-row .section-item > span:after {transform:rotate(-18deg);}
}


/* INDEX BOTTOM PART */
.index-section-6 {}
.index-section-6 .first-section {background-image:url('_/img/site/mohs-surgery.jpg'); background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; background-color:#EEE; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
.index-section-6 .first-section .content-container {width:50%; margin-left:50%; padding:8rem 2rem;}

.index-section-6 .last-section {background-image:url('_/img/site/home-page-exam-room.jpg'); background-size:cover; background-position: 50% 50%; background-repeat: no-repeat; background-color:#EEE;}
.index-section-6 .last-section .content-container {width:50%; padding:8rem 1rem 15rem 1rem;}

.index-section-6 .section-title span {display:block; color:#000; font-size:85%;}



@media(max-width:767px){

	.index-section-6 .first-section .content-container,
	.index-section-6 .last-section .content-container {margin:0; margin-left:0; padding:25px 5px; width:100%;}

	.index-section-6 .first-section {background-position:15% 50%;background-color:#FFF; background-image:none;}
	.index-section-6 .last-section {background-position:75% 50%; background-color:#FFF; background-image:none; border-bottom:1px #ddd solid;}

}


.nav-toc strong {display:block; font-size:2rem; line-height:2.2rem; padding-bottom:1rem;}



/* CONTACT IFRAME */
.contact-iframe-outer {filter:grayscale(100%); transition: all 500ms;}
.contact-iframe-outer:hover {filter:grayscale(0%);}

/* REQUEST AN APPOINTMENT IFRAME */
.contact-test-iframe-outer {filter:grayscale(100%); transition: all 500ms;}
.contact-test-iframe-outer:hover {filter:grayscale(0%);}




/* TABLE OF CONTENTS SIDEBAR */
@media(min-width:768px){
.nav-toc {float:right; display:inline-block; margin-left:30px; margin-bottom:30px; background-color:#31476e; padding:2rem 1.5rem; min-width:30rem;}
.nav-toc a, .nav-toc li, .nav-toc *, .nav-toc {color:#FFF;}
.nav-toc ul {margin:0; padding:0 0 0 2rem;}
.nav-toc li {color:#FDB932;}
.nav-toc li a {display:block; font-weight:500; color:#FFF;}
}
@media(max-width:767px){

	.nav-toc {padding-bottom:30px;}
	.nav-toc ul {margin:0; padding:0 0 0 20px;}
}



/* SEARCH */
.search-result {}
.search-result p {font-size:15px; line-height:20px;}
.search-result p > a {display:block;}
.search-result p span {padding-left:15px; display:block; font-size:14px; line-height:20px;}


/* PDF THUMBNAILS */
.form-thumb { background-color:#FFF;position: relative; }
.form-thumb img {transition: all 500ms;position: relative; z-index:3;}
.form-thumb:hover img {opacity:0.5;}
.form-thumb .hover {position:absolute; top:50%; left:0; height:50px; width:100%; margin-top:-25px; display:inline-block; vertical-align:middle; z-index:2; font-weight:bold; text-transform: uppercase; color:#000; font-size:20px; line-height:25px;}












/* BLOG */
.blog-inner {padding:3rem 0; }
.blog-inner .row {padding:3rem 0;}
.blog-inner h2 {margin-bottom:0;}
.blog-inner .blog-post-date {font-size:14px; line-height:30px; text-transform: uppercase; font-weight:600; color:#555; padding:0; display: block; padding-bottom: 0.8rem;}
.blog-inner .blog-excerpt-text {font-size:1.5rem; line-height:2.3rem; font-weight:500;}

#blog-post {padding:8rem 0;}

.blog-inner .blog-excerpt-img a {display:block;}

.pager li>a.btn {padding:1rem 3rem; border-radius:2.5rem; border:0.2rem #92b0bc solid;}
.pager li:hover > a.btn {background-color:#92b0bc; border-color:#92b0bc; color:#FFF;}
.blog-post-date {font-size: 14px; font-weight: 600;}


@media(max-width:767px){
	.blog-inner .row {padding:15px 0;}
	#blog-post {padding:30px 0;}
}

@media (min-width: 992px){
	#blog-post .container-fluid {max-width:800px;}
}



.sitemap-ul a {display:block; margin-bottom:3px;}


.callout { background: #FDB932; }
.callout .item {width:80%;margin:0 auto;}
.callout span.block {
    font-size: 16px;
    font-weight: 600;
    line-height: 3rem;
		display:block;
    text-align: center;
    transition: all 200ms;
	padding: 0.5rem;
}
.callout a {color:#000;transition:all 200ms;}
.callout a:hover {text-decoration:underline;}
@media(max-width:767px) {
	.callout span.block {font-size:1.8rem;line-height:2rem;}
}
@media(min-width:768px) and (max-width:991px) {
	.callout span {font-size:1.7rem}
}


#contact-map {border:0; width:100%; height:50rem;}
#contact-map #map {height: 100%;width:100%;}

#contact-test-map {border:0; width:100%; height:50rem;}
#contact-test-map #map {height: 100%;width:100%;}

.portal-wrapper { background-color: #073e5f; border-radius: 15px; color: #fff; padding: 5rem; display: flex; justify-content: center; align-items: center; flex-direction: column; }

.portal-wrapper .h2 { color: #fff; margin-bottom: 30px; }

.portal-wrapper i { font-size: 85px; margin-bottom: 10px; }