/*
Theme Name: Vu, Hanna (skinzonemedical.com)
Description: GrowthMed Base Child Theme
Template: growthmed-base
Version: 1
Author: GM
Author URI: https://growthmed.com
*/

@font-face {
  font-family: 'Bayshore';
  src: url('static/fonts/BayShore/Bayshore.otfs') format('otf'),
    /* Modern Browsers */
    url('static/fonts/BayShore/Bayshore.ttf') format('truetype');
  /* Safari, Android, iOS */
  font-display: swap;
  font-weight: 100;
  font-style: normal;
}

body {
  /*-webkit-transform: translate3d(0, 0, 0);*/
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#main-block {
  padding-top: 144px;
  padding-bottom: 0px;
}

#content {
  min-height: 1600px;
}

.canvas {
  background: #fff;
}

a {
  color: #3aaac4;
}

a:hover {
  color: #000;
}

a:active {}

a:focus {}

a:visited {}

ul {}

li {}

input {}

/* Header */
#top {
  min-height: 50px;
  background: #fff url('') no-repeat center top;
  margin-top: 0;
}

.head-info {}

.upper-area {
  padding: 20px 0;
  -webkit-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out;
}

img.logo {
  width: 275px;
  clear: both;
  align-content: center;
  padding-bottom: 0px;
}

img.logo-sm {
  display: none;
  float: left;
}

#language-box {
  width: 200px;
}

#language-title {
  clear: both;
  padding: 2px 0 6px 0;
  color: #15a4ce;
}

.language {
  float: left;
}

.language img {
  height: 12px;
  float: left;
  margin-right: 4px;
  margin-bottom: 6px;
}

.language-name {
  float: left;
  font-size: 0.9em;
  line-height: 1em;
}

.consult-btn {
  float: right;
  padding: 11px 25px 9px 25px;
  box-shadow: 0 0 6px 0px #000;
  border-radius: 30px;
  color: #000;
  letter-spacing: 0.05em;
  margin: 12px 0 0 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.consult-btn:hover {
  color: #64d3f5;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 0 12px 0px #000;
}

#top a.consult-btn {
  width: 220px;
  background: #15a4ce;
  box-shadow: 0 0 6px 0px #000;
  font-size: 1em;
  color: #fff;
  border-radius: 30px;
  padding: 14px 0px 12px 0px;
  margin: 12px 0 0 0;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
}

#top a.consult-btn:hover {
  background: #64d3f5;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 0 12px 0px #000;
}

#top.nav-up .upper-area {
  padding: 5px 0;
}

#header-box {
  min-height: 330px;
  width: 100%;
  position: relative;
  z-index: 2;
  background: url('/wp-content/uploads/sites/123/2026/04/skinzone-internal-header-2026-scaled.jpg') no-repeat center top;
  -webkit-background-size: cover;
  background-size: cover;
}

#header-slider-box {
  width: 240px;
  float: right;
  position: relative;
  margin-top: 30px;
  margin-right: 215px;
}

#header-slider {
  opacity: 0;
  margin-bottom: 15px;
  height: 120px;
  overflow: hidden;
}

#header-slider-box a.button {}

#promo-slider {
  overflow: hidden;
}

.banner-promo {
  width: 100%;
  height: auto;
  padding: 25px 0;
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  text-align: center;
  position: relative;
  z-index: 2;
}

.banner-promo-2 {
  background: #0f343f;
}

.banner-promo-title {
  color: #15a4ce;
  font-size: 3em;
  padding-top: 0;
  line-height: 1.2em;
  font-family: 'Bayshore';
}

.banner-promo-text {
  color: #15a4ce;
  ;
  font-size: 1.2em;
  line-height: 1.2em;
}

@media (max-width:767px) {
  .banner-promo-text {
    padding-top: 15px;
  }
}

a.button.banner-promo-link {
  margin: 0;
  width: 100%;
  margin-top: 0;
  padding: 14px 0 13px 0;
  background: #15a4ce;
  color: #fff;
}

/* Userway Plugin */
body .uwy.userway_p1 {
  top: calc(50% - 22px) !important;
}

/* Navigation */
.navbar {
  width: 100%;
  min-height: 0;
  border-top: 1px solid #eee;
}

.navbar-inner {}

.navbar-header {
  width: 100%;
}

#nav-logo {
  float: left;
  padding-left: 15px;
  padding-top: 8px;
  display: none;
}

.navbar-toggle {}

.navbar-toggle:hover,
.navbar-toggle:focus {}

.navbar-collapse {}

.navbar-nav {
  width: 100%;
  text-align: center;
}

.navbar-nav>li {
  width: 14.2857%;
}

.navbar-nav>li>a {
  font-size: 1em;
  color: #000000;
  letter-spacing: 0em;
  padding: 10px 0px 10px 0;
  display: block;
  font-weight: 300;
}

.navbar-nav>li>a:hover {
  color: #15a4ce;
}

.navbar-nav>li:hover>a {
  color: #15a4ce;
}

.navbar-nav>.open>a,
.navbar-nav>.open>a:hover,
.navbar-nav>.open>a:focus {
  color: #15a4ce;
}

.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus,
.navbar-nav>.active>a:link,
.navbar-nav>.active>a:active {
  color: #15a4ce;
}

.navbar-nav>li.current-menu-item>a {
  color: #15a4ce;
}

.navbar-nav>li.current-page-ancestor>a {
  color: #15a4ce;
}

.navbar ul.nav li:hover>ul.dropdown-menu {}

.navbar ul.nav li:hover>ul.dropdown-menu .dropdown-menu {
  min-height: 0px;
}

.navbar ul.nav>li>.dropdown-menu::before,
.navbar-nav .nav>li>.dropdown-menu::after {}

.navbar ul ul ul {}

.dropdown-menu {
  border-top: none;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  left: 0px;
  -webkit-box-shadow: 0 8px 6px -6px #444;
  box-shadow: 0 8px 6px -6px #444;
  padding: 6px 0;
}

.dropdown-menu>li>a {
  color: #000;
  font-size: 1.1em;
  font-weight: 300;
  padding: 5px 32px 5px 15px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background: none;
  color: #15a4ce;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background: none;
  color: #15a4ce;
}

.dropdown-menu>li.current-menu-ancestor>a {
  background: none;
  color: #15a4ce;
}

.dropdown-menu>li:hover>a {
  background: none;
  color: #15a4ce;
}

.dropdown-menu .dropdown-menu {
  top: -6px;
}

.dropdown-menu>li.menu-item-has-children:after {
  position: absolute;
  top: 11px;
  right: 12px;
  display: inline-block;
  border-style: solid;
  border-width: 5.5px 0 5.5px 5px;
  border-color: transparent transparent transparent #000;
  content: '';
}

.dropdown-menu>li.menu-item-has-children:hover:after {
  border-color: transparent transparent transparent #15a4ce;
}

.dropdown-menu>li.menu-item-has-children.current-menu-ancestor:after {
  border-color: transparent transparent transparent #15a4ce;
}

.dropdown-menu>li.menu-item-has-children.current-menu-item:after {
  border-color: transparent transparent transparent #15a4ce;
}

.navmenu .dropdown-menu>li.menu-item-has-children:after {
  border: none !important;
}

.navmenu {
  background: #226270;
}

.navmenu .dropdown-menu {
  padding-left: 20px;
}

.navmenu .dropdown-menu>li>a {}

.navmenu ul.nav {}

.navmenu ul.nav li a {
  text-transform: uppercase;
  color: #fff;
  font-size: 1em;
}

.navmenu ul.nav li a:hover,
.navmenu .dropdown-menu>.active>a:hover,
.navmenu ul.nav li a:focus {
  background: none;
  color: #15a4ce;
  padding: 5px 0;
}

.navmenu .navbar-nav>.open>a,
.navmenu .navbar-nav>.open>a:hover,
.navmenu .navbar-nav>.open>a:focus {
  color: #ddd;
}

.navmenu .open>a,
.navmenu .open>a:hover,
.navmenu .open>a:focus {}

.navmenu .navbar-nav .open .dropdown-menu>li>a {}

.navmenu .navbar-nav>li.contact-nav>a {
  background: none;
  color: #fff;
}

.navmenu .navbar-nav>li {
  width: 100%;
  float: left;
  text-align: left;
}

a.phone-mobile {
  font-size: 1.6em;
  color: #fff !important;
  font-weight: 300;
}

.navmenu .navbar-nav>li.current-menu-item>a {
  background: none;
}

.navmenu .navbar-nav>li.current-page-ancestor>a {
  background: none
}

.navmenu ul#social-icons li {
  padding: 0;
  padding-right: 15px;
}

.navmenu ul#social-icons li a {
  color: #fff;
}

.navmenu ul#social-icons li a:hover {
  color: #ddd;
}

ul#social-icons {}

ul#social-icons li {}

a.twitter-sprite {
  background: url('static/icons/twitter-sprite.png') no-repeat left top;
}

a.twitter-sprite:hover {}

a.facebook-sprite {
  background: url('static/icons/facebook-sprite.png') no-repeat left top;
}

a.facebook-sprite:hover {}

a.google-sprite {
  background: url('static/icons/google-sprite.png') no-repeat left top;
}

a.google-sprite:hover {}

a.youtube-sprite {
  background: url('static/icons/youtube-sprite.png') no-repeat left top;
}

a.youtube-sprite:hover {}

a.instagram-sprite {
  background: url('static/icons/instagram-sprite.png') no-repeat left top;
}

a.instagram-sprite:hover {}

a.linkedin-sprite {
  background: url('static/icons/linkedin-sprite.png') no-repeat left top;
}

a.linkedin-sprite:hover {}

a.rss-sprite {
  background: url('static/icons/rss-sprite.png') no-repeat left top;
}

a.rss-sprite:hover {}

#hamburger {}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  background: #15a4ce;
}

a.button {
  width: 220px;
  background: #15a4ce;
  box-shadow: 0 0 6px 0px #000;
  font-size: 1em;
  color: #fff;
  border-radius: 30px;
  padding: 14px 0px 12px 0px;
  margin: 0 auto;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

a.button:hover {
  background: #64d3f5;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 0 12px 0px #000;
}

#breadcrumbs {
  color: #ddd;
  margin: 30px 0;
}

#breadcrumbs a {}

#breadcrumbs a:hover {}

#breadcrumbs .arrows {}

.breadcrumb_last {}

#toc_container {
  font-weight: 300;
  background: #f5f5f5;
  border: none;
  padding: 0 0 30px 0 !important;
  min-width: 100%;
}

#toc_container p.toc_title {
  position: relative;
  font-size: 2em;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 30px 0px 9px 45px;
  text-transform: uppercase;
}

#toc_container span.toc_toggle {
  font-size: 0.7em;
  color: #ececea;
}

#toc_container .toc_toggle a {
  display: block;
  float: right;
  color: #fff;
  background: #15a4ce;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 0.7em;
  font-weight: 700;
  font-style: normal;
  padding: 3px 35px 1px 35px;
  position: relative;
  top: -3px;
  margin-right: 20px;
}

#toc_container .toc_toggle a:hover {
  color: #fff;
  background: #000;
  text-decoration: none;
}

ul.toc_list li {
  margin: 0 20px !important;
  background-color: transparent;
}

ul.toc_list li::before {
  display: none !important;
}

/* Eliminates the custom colored bullets for the standard UL. */
ul.toc_list li a {
  display: block;
  font-size: 1em;
  padding: 7px 24px 6px 24px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
}

ul.toc_list li a:hover {
  color: #fff;
  background-color: #000;
  font-weight: 400;
  text-decoration: none !important;
  border-radius: 100px;
}

#toc_container p.toc_title+ul.toc_list {
  margin-top: 0;
}

#toc_container ul.toc_list li ul {
  margin-left: 0;
}

ul.toc_list li ul li {
  padding: 0px;
  margin: 0 !important;
}

ul.toc_list li ul li a {
  padding: 8px 30px 7px 45px;
  font-size: 0.9em;
}

ul.toc_list li ul li ul li {
  padding-left: 0px !important;
}

ul.toc_list li ul li ul li a {
  padding-left: 70px !important;
  margin: 0 !important;
}

span.toc_number {
  display: none;
}

#conversion a.convert {
  text-shadow: 0 0 3px #333;
  color: #fff;
  background: #15a4ce;
  letter-spacing: 0.1em;
  font-weight: 700;
}

#conversion a.convert:hover {
  color: #000;
}

#conversion .fa {}

.current_page_item a {}

.current-cat a {}

.current-menu-item a {}

.current-menu-ancestor {}

ul.nav>li {}

ul.post-share {}

ul.post-share li {}

/* Sidebar */
aside {
  text-align: left;
  margin-top: 40px;
}

.sidebar-background {}

aside h2 {
  font-size: 2em;
  color: #000;
  padding-left: 0;
  text-align: center;
  text-transform: uppercase;
}

aside h3 {
  color: #333;
  font-size: 1.125em;
  margin-bottom: 20px;
  padding-bottom: 45px;
}

aside p {}

aside ul {
  color: #999;
}

aside li {}

aside .proc-title {
  margin-bottom: 0;
}

.page-list {
  background-color: #edebed;
  padding: 30px 20px;
  margin-bottom: 50px;
}

.page-list li {
  margin-left: 0px;
  background-color: transparent;
  text-align: center;
  padding: 0;
  list-style-type: none;
}

.page-list li a {
  display: block;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 300;
  padding: 13px 30px 12px 30px;
  font-size: 1.125em;
}

.page-list li:hover a {
  color: #fff;
  background: #000;
  border-radius: 42px;
}

.page-list li.current_page_item a {
  color: #fff;
  background: #15a4ce;
  border-radius: 42px;
}

.page-list h2 {
  position: relative;
  font-size: 2em;
  font-weight: 300;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 0px 0px 15px 0px;
  text-transform: uppercase;
}

.sidebox {
  margin-bottom: 60px;
  overflow: auto;
}

.sidebox li {
  list-style-position: outside;
  padding-left: 6px;
  margin-left: 5px;
}

.sidebox .reviews-box {
  width: 50%;
  text-align: center;
}

.sidebox .reviews-box:hover {
  cursor: pointer;
}

.sidecar {
  background-color: #edebed;
  padding: 30px;
}

.sidecar h2 {
  color: #000;
  font-size: 2em;
  text-align: center;
  font-weight: 300;
  padding-left: 0;
  padding-bottom: 20px;
  text-transform: uppercase;
}

.sidecar.affix-bottom {
  width: 360px;
}

.sidecar.affix-top {
  width: 360px;
}

.sidecar.affix {
  top: 100px;
  width: 360px;
}

.sidecar .recaptcha-terms {
  padding-bottom: 0;
}

aside .services-box img {
  width: 70%;
}

aside #feature-services-slider {
  height: 387px;
}

aside #feature-services-slider .services-box {
  margin: 0 -90px;
}

aside #feature-services-slider button.slick-next,
aside #feature-services-slider button.slick-prev {
  display: none !important;
}

aside .service-box .service-name {
  font-size: 1.6em;
}

#procedures-slider-side {
  overflow: hidden;
}

.procedure-slider-box {
  height: 500px;
  cursor: pointer;
}

.procedure-slider-box h2 {
  position: absolute;
  top: auto;
  bottom: 180px;
  right: 0;
  left: 0;
  color: #fff;
  font-size: 3em;
  margin: auto;
  font-weight: 300;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  letter-spacing: 0.05em;
}

#procedures-slider-side .slick-dots {
  display: block !important;
  width: 150px;
  margin: 20px auto 0 auto;
}

.sidebox li {
  list-style-position: outside;
}

.slick-dots li button {
  width: 14px;
  height: 14px;
  float: left;
  background: #000;
  border: none;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  padding: 0;
  margin: 0 10px;
  text-indent: -9999px;
}

.slick-dots li.slick-active button {
  background: #15a4ce;
}

aside .seen-slider-side {
  border: none;
  opacity: 0;
  overflow: hidden;
}

aside .seen-slider-side img {
  height: 36px;
  padding: 0px 10px;
}

aside #seen-title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
}

/* Footer */
footer {
  background: #fff;
  padding: 25px 0 160px 0;
}

footer p {
  line-height: 1.5em;
}

footer a {
  color: #15a4ce;
}

footer a:hover {
  color: #45889c;
}

img.logo-foot {
  width: 225px;
  margin: 0 auto;
  display: block;
}

footer li {
  float: left;
  margin: 20px 15px 0 0;
  font-size: 1.4em;
}

footer li:last-child {
  margin-right: 0;
}

.subfooter {
  width: 100%;
  min-height: 0;
  border-top: 1px solid #eee;
  margin-top: 20px;
}

p.growthmed {
  text-align: left;
  font-size: 1em;
  line-height: 1.2em;
  padding: 20px;
}

p.copy {
  float: right;
  padding: 20px;
}

ul.foot-links {
  width: fit-content;
  display: block;
  color: #000;
  overflow: hidden;
  padding-left: 20px;
}

ul.foot-links li {
  float: left;
  font-size: 0.9em;
  margin: 0;
}

#consult-foot-box {
  background: #15a4ce;
}

/* Pages */
header.post-title h1,
header.page-title h1,
header.cat-title h1 {
  color: #333;
  font-size: 2.6em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 20px 0 35px 0;
  padding: 0px;
  font-weight: 300;
}

.page p.locations-sub-title {
  font-size: 1em;
}

.post {
  border-bottom: 1px solid #999;
}

.page h2,
.post h2 {
  color: #000;
  font-size: 2.2em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 300;
}

.page h3.job-title {
  padding-bottom: 0.5em;
  padding-top: 20px;
}

.page h3,
.post h3 {
  color: #15a4ce;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 300;
}

strong.schema-faq-question {
  font-weight: 300;
  color: #15a4ce;
}

.page h4,
.post h4 {
  color: #db9519;
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.page h4.job-title {
  padding-bottom: 0.5em;
  text-transform: uppercase;
}

.page h5,
.post h5 {
  color: #db9519;
  font-size: 1.1em;
  font-style: italic;
  margin-bottom: 10px;
}

.page p,
.post p {
  color: #000;
  font-size: 1.125em;
  line-height: 1.8em;
  margin-bottom: 30px;
}

.page ul,
.post ul {
  color: #000;
}

.page ol,
.post ol {
  color: #000;
}

.page ul li,
.post ul li {
  font-size: 1.25em;
  color: #000;
  margin-bottom: 15px;
  line-height: 1.4em;
}

.page ol li,
.post ol li {
  font-size: 1.25em;
  color: #000;
  margin-bottom: 15px;
  line-height: 1.4em;
}

.page li,
.post li {}

.page img,
.post img {}

.text {}

img.featured {}

hr {
  border-top: 1px solid #999 !important;
}

.line {
  background: #999 !important;
}

img.alignright,
img.alignleft {
  position: relative;
  top: 8px;
}

.page .alignleft,
.post .alignleft {
  margin-right: 40px;
  margin-bottom: 25px;
}

.page .alignright,
.post .alignright {
  margin-left: 40px;
  margin-bottom: 25px;
}

.page .slider-pro {
  margin-bottom: 30px;
}

.page .sp-next-arrow {
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}

.page .sp-next-arrow::after,
.page .sp-next-arrow::before,
.page .sp-previous-arrow::after,
.page .sp-previous-arrow::before {
  background-color: #fff !important;
}

.page .sp-previous-arrow::after,
.page .sp-previous-arrow::before {
  left: 12px !important;
}

.page .slider-pro img.sp-image {
  margin-bottom: 0;
}

.page .sp-horizontal .sp-arrows {
  top: 47%;
}

/* Homepage */
img {
  width: auto;
  height: auto;
}

#feature-section {
  background: #cfced3;
  width: 100%;
  height: 570px;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}

#feature-bg-slider {
  position: absolute;
  top: 0;
  width: 100%;
  height: 570px;
  overflow: hidden;
}

#feature-bg-1,
#feature-bg-2,
#feature-bg-3,
#feature-bg-4,
#feature-bg-5 {
  width: 100%;
  height: 570px;
}

#feature-bg-1 {
  background: url('/wp-content/uploads/sites/123/2026/04/skinzone-hero-1.jpg') no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

#feature-bg-2 {
  background: url('/wp-content/uploads/sites/123/2026/04/skinzone-hero-2.jpg') no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

#feature-bg-3 {
  background: url('/wp-content/uploads/sites/123/2026/04/skinzone-hero-3.jpg') no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

#feature-bg-4 {
  background: url('/wp-content/uploads/sites/123/2026/04/skinzone-hero-4.jpg') no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

#feature-bg-5 {
  background: url('/wp-content/uploads/sites/123/2026/04/skinzone-hero-5.jpg') no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

#feature-title {
  font-size: 2.75em;
  line-height: 1.2em;
  font-weight: 300;
  color: #fff;
  display: block;
  text-align: left;
  margin-top: 45px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  letter-spacing: 0.05em;
}

#feature-description {
  font-size: 1.5em;
  line-height: 1.4em;
  font-weight: 300;
  color: #000;
  display: block;
  text-align: left;
  margin-top: 15px;
  text-shadow: 0 0 3px #fff;
  margin-bottom: 50px;
  letter-spacing: 0.01em;
}

#feature-slider {
  width: 320px;
  height: 160px;
  margin-bottom: 35px;
  overflow: hidden;
  float: left;
  clear: both;
}

#feature-slider img {
  height: 160px;
}

#feature-section a.button {
  float: left;
}

#about-section {
  padding: 100px 0;
}

#about-section h2 {
  font-size: 2.25em;
  text-align: center;
  padding-bottom: 30px;
  font-weight: 300;
  letter-spacing: 0.05em;
}

#about-box {
  padding: 30px 0 30px 80px;
}

#about-title {
  font-size: 1.875em;
  line-height: 1em;
  color: #000;
  margin-bottom: 40px;
}

#about-title span {
  color: #15a4ce;
}

#about-text {
  line-height: 1.6em;
  font-weight: 300;
  text-align: center;
  margin: auto;
  width: 100%;
  padding-bottom: 40px;
  font-size: 1.25em;
  letter-spacing: 0.015em;
}

#icon-box {
  margin-bottom: 40px;
  overflow: hidden;
}

#icon-box img {
  height: 46px;
  float: left;
  margin-right: 40px;
}

#icon-slider {
  opacity: 0;
}

#services-section {
  width: 100%;
}

#services-section img {
  width: 100%;
  transform: scale(1);
}

#services-section a {
  display: block;
}

.procedures {
  position: relative;
  background: #000;
  overflow: hidden;
}

.procedures:hover {
  cursor: pointer;
}

.procedures img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.procedures:hover img {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.procedures:hover .feature-box {
  opacity: 1;
}

.procedures:hover .feature-box li {
  opacity: 1;
}

.feature-box {
  display: block;
  opacity: 0;
  background: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.feature-box-title {
  text-transform: none;
  letter-spacing: 0.05em;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  font-size: 3.8em;
  font-weight: 300;
  font-style: normal;
  position: absolute;
  left: 66px;
  top: 40%;
  right: auto;
  margin: 0;
  line-height: 1em;
}

.feature-box ul {
  position: absolute;
  top: 55%;
  left: 72px;
}

.feature-box li {
  float: left;
  opacity: 0;
  width: 100%;
  padding: 8px 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.feature-box a {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  font-size: 0.9em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}

.feature-box a:hover {
  padding-left: 10px;
}

.feature-box li:nth-child(1) {
  -o-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
}

.feature-box li:nth-child(2) {
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}

.feature-box li:nth-child(3) {
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
}

.feature-box li:nth-child(4) {
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.feature-box li:nth-child(5) {
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-transition-delay: 0.25s;
}

.feature-box li:nth-child(6) {
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.feature-box li:nth-child(7) {
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s;
  -webkit-transition-delay: 0.35s;
}

.feature-box li:nth-child(8) {
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

.feature-box li:nth-child(9) {
  -o-transition-delay: 0.45s;
  transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
}

.feature-box li:nth-child(10) {
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.proc-1 {
  height: 623px;
  background: url('/wp-content/uploads/sites/123/2026/04/procedures-face.jpg')no-repeat center bottom;
  background-size: cover;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.proc-2 {
  height: 623px;
  background: url('/wp-content/uploads/sites/123/2026/04/procedures-body.jpg')no-repeat center bottom;
  background-size: cover;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.proc-3 {
  height: 623px;
  background: url('/wp-content/uploads/sites/123/2026/04/procedures-skin.jpg')no-repeat center;
  background-size: cover;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.proc-4 {
  height: 623px;
  background: url('/wp-content/uploads/sites/123/2026/04/procedures-men.jpg')no-repeat center;
  background-size: cover;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.procedures:hover .proc-1,
.procedures:hover .proc-2,
.procedures:hover .proc-3,
.procedures:hover .proc-4 {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}

#reviews-section {
  padding: 100px 0;
}

#review-slider {
  height: 92px;
  overflow: hidden;
}

#reviews-section h1 {
  font-size: 2.25em;
  text-align: center;
  padding-bottom: 30px;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.reviews-text {
  line-height: 1.8em;
  font-weight: 300;
  text-align: center;
  margin: auto;
  width: 975px;
  padding-bottom: 20px;
  font-size: 1.25em;
  letter-spacing: .015em;
}

.reviews-stars {
  margin: auto;
  width: 25%;
}

#review-slider {
  opacity: 0;
  width: 70%;
  margin: 50px auto 30px auto;
  text-align: center;
}

#review-slider:hover {
  cursor: pointer;
}

.review-text {
  font-size: 1.12em;
  line-height: 1.6em;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}

.reviews-box .inner-halo {
  width: 132px;
  height: 132px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  position: relative;
  border-radius: 66px;
  overflow: hidden;
  transform: scale(0.8);
  margin: auto;
  display: none;
}

.review-name {
  margin-bottom: 0px;
  color: #15a4ce;
  font-weight: 400;
  line-height: 1em;
  letter-spacing: 0.05em;
}

#reviews-section a.reviews-stars img {
  width: 100%;
  margin: auto;
}

#review-slider button.slick-next,
#feature-services-slider button.slick-prev {
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 3;
}

#review-slider button.slick-next {
  background: url('static/images/next.png')no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  right: -100px;
  width: 25px;
}

#review-slider button.slick-prev {
  background: url('static/images/prev.png')no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  left: -100px;
  width: 25px;
}

#video-section {
  background: #15a4ce;
  color: #fff;
}

#video-section .videoWrapper {
  margin: 0;
}

.video-text {
  margin: 50px 40px 0 40px;
  text-align: left;
}

#video-title {
  margin-bottom: 25px;
  font-size: 2.4vw;
  line-height: 1em;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.video-description {
  width: 100%;
  line-height: 1.4em;
  font-weight: 300;
  font-size: 1.4vw;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}

#video-section a.button {
  background: #fff;
  color: #000;
  float: left;
}

#video-section a.button:hover {
  color: #64d3f5;
}

#skin-section {
  padding: 100px 0;
}

.skin-360 {
  margin: auto;
  display: block;
  margin-bottom: 50px;
}

.skin-360:hover {
  cursor: pointer;
}

.skin-images-section {
  width: 75%;
  margin: auto;
}

.skin-box {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 0px;
  cursor: pointer;
}

.skin-box img {
  width: 100%;
}

.skin-box:hover img,
.skin-box.box-on img {}

.skin-text {
  font-size: 0.9em;
  text-align: center;
  margin-top: 15px;
}

#skin-section a.button {
  margin-top: 40px;
  width: 290px
}

#skin-section button.slick-next {
  background: url('static/images/next.png')no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 25px;
  right: -40px;
}

#skin-section button.slick-prev {
  background: url('static/images/prev.png')no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 25px;
  left: -40px;
}

#skin-images-slider {
  opacity: 0;
  height: 259px;
  overflow: hidden;
}

#cosmetics-section {
  background: #edebed;
  padding: 100px 0;
}

#cosmetics-section img {
  width: 100%;
}

#cosmetics-section h2 {
  font-size: 2.25em;
  text-align: center;
  padding-bottom: 30px;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.cosmetics-description {
  line-height: 1.8em;
  font-weight: 300;
  text-align: center;
  margin: auto;
  width: 975px;
  padding-bottom: 40px;
  font-size: 1.25em;
  letter-spacing: 0.015em;
}

.cosmetic-images-section {
  width: 100%;
  margin: auto;
}

.cosmetic-box {
  margin: 0 10px;
}

.cosmetic-box img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.cosmetic-text {
  margin: auto;
  font-size: 1.1em;
  text-align: center;
  margin: 20px;
  cursor: pointer;
  color: #000;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.cosmetic-box:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  cursor: pointer;
}

.cosmetic-box:hover .cosmetic-text {
  color: #15a4ce;
}

#cosmetics-section a.button {
  margin-top: 20px;
}

#video-gallery-section {
  text-align: center;
  padding: 100px 0;
}

#video-gallery-section h2 {
  font-size: 2.25em;
  margin: auto;
  line-height: 1.8em;
  font-weight: 300;
  letter-spacing: 0.05em;
}

#area-slider {
  opacity: 0;
  z-index: 2;
  margin: auto;
  margin-bottom: 40px;
  height: 350px;
  overflow: hidden;
}

#area-slider .slick-slide {
  width: 560px;
  opacity: 0;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  outline: none;
  border: none;
}

#area-slider .slick-center {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -o-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;
  position: relative;
  z-index: 10;
}

#area-slider .slick-slide img {
  margin: 0 auto;
  width: 100%;
}

#area-slider .slick-active {
  opacity: 1;
}

.area-box.slick-slide.slick-cloned.slick-center {
  display: none;
}

#area-slider .area-box {
  margin: 0 -150px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  position: relative;
}

.video-gallery-text {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.8em;
  margin-bottom: 20px;
}

#video-gallery-section button.slick-next {
  background: url('static/images/next.png')no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 25px;
  right: -40px;
}

#video-gallery-section button.slick-prev {
  background: url('static/images/prev.png')no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  width: 25px;
  left: -40px;
}

#area-slider img.video-play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 11%;
}

.youtube-text {
  margin-top: 30px;
}

#contact-section {
  text-align: center;
  padding: 60px 0;
  background: #D5D0D6 url('/wp-content/uploads/sites/123/2026/04/contact-bg-2026.jpg') no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

#contact-section h2 {
  padding-bottom: 25px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.05em;
}

#contact-form {}

#contact-form .recaptcha-terms {
  padding: 6px;
}

#contact-ul {
  font-size: 0.9em !important;
}

/* Gallery */
#tax-filters {
  background: #edebed;
}

#tax-filters h3 {}

#tax-filters label {
  font-size: 0.8125em;
  line-height: 1.7em;
}

input[type='radio'] {}

input[type='radio']:disabled+label {
  color: #999 !important;
}

a.stat-filter {}

.stats li {
  color: #000;
}

.patients:after {}

.patient-item {}

.patient {
  background: none;
  border: 1px solid #acacac;
}

.main-pic {}

.main-pic a>img {}

.sub-pic-1>a {}

.sub-pic-2>a {}

.sub-pic-1 a>img,
.sub-pic-2 a>img {}

.stats {}

.stats ul {
  font-size: 0.875em;
}

a.view-more {
  background: #15a4ce;
  border: none;
  color: #fff;
  font-weight: 400;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a.view-more:hover {
  background: #000;
  color: #fff;
}

.patient-text {
  border-top: 1px solid #acacac;
}

.patient-text p {}

#patient-info {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}

#patient-info p {}

#patient-info ul {}

#patient-info li {
  color: #bbb;
  font-size: 1em;
}

#patient-info .data {
  color: #000;
}

a.gallery-next-btn {
  background: #15a4ce;
  ;
  font-size: 1.125em;
  color: #fff;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a.gallery-prev-btn {
  background: #15a4ce;
  ;
  font-size: 1.125em;
  color: #fff;
  border-radius: 30px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a.gallery-next-btn:hover {
  background: #000;
  color: #fff;
}

a.gallery-prev-btn:hover {
  background: #000;
  color: #fff;
}

h3.bna {
  font-size: 1.125em;
  color: #999;
  letter-spacing: 0.2em;
}

.next-prev {}

#next-prev-top {
  border-bottom: 1px solid #dad4d8;
}

.gallery-type {
  border: 1px solid #999;
  overflow: auto;
}

.gallery-type h2 {
  font-size: 1.875em;
  color: #999;
}

.gallery-type h2 a {
  color: #999;
}

.gallery-type ul {
  list-style-type: disc;
}

.gallery-type li {
  color: #999;
}

.gallery-type li a {
  font-size: 0.875em;
}

.gallery-type li a span {}

.gallery-type img {}

#gallery-home h2 {
  color: #999;
}

#gallery-home h3 {
  color: #999;
}

#gallery-home .slider-pro {}

#gallery-home .slider-pro img {}

#gallery-home .fa {}

.patient-meta {}

.patient-meta p {}

.patient-meta a {}

#gallery-home .btn-default {
  border-radius: 30px;
  background: #15a4ce;
  color: #fff;
}

#gallery-home .sp-arrow {}

#gallery-home .sp-arrow:before {}

#gallery-home .sp-arrow:hover {}

#gallery-home .sp-horizontal .sp-arrows {}

#gallery-home .sp-horizontal .sp-next-arrow {}

#gallery-home .sp-horizontal .sp-previous-arrow {}

#gallery-home .sp-previous-arrow:before {}

#gallery-home .sp-previous-arrow:after {}

#gallery-home .sp-next-arrow:before {}

#gallery-home .sp-next-arrow:after {}

#gallery-home .sp-next-arrow:after,
#gallery-home .sp-next-arrow:before,
#gallery-home .sp-previous-arrow:after,
#gallery-home .sp-previous-arrow:before {
  background-color: #fff;
}

#gallery-home .sp-slide {
  margin-left: -108px !important;
}

/* Forms */
div.wpcf7 {}

.wpcf7 {}

.wpcf7 p {
  font-size: 1em;
}

form.wpcf7-form {
  text-align: center;
  overflow: hidden;
}

.wpcf7-form input[type=text] {
  color: #000;
  font-size: 1em;
  background: #fff;
  border: none;
  padding: 12px 17px 11px 17px;
}

.wpcf7-email {
  color: #000;
  font-size: 1em;
  background: #fff;
  border: none;
  padding: 12px 17px 11px 17px;
}

.wpcf7-tel {
  color: #000;
  font-size: 1em;
  background: #fff;
  border: none;
  padding: 12px 17px 11px 17px;
}

.wpcf7-form textarea {
  color: #000;
  font-size: 1em;
  background: #fff;
  border: none;
  padding: 12px 17px 11px 17px;
  margin-bottom: 12px;
}

.wpcf7-form input[type="submit"] {}

span.wpcf7-list-item label {}

.recaptcha-terms {
  color: #eee;
}

.recaptcha-terms a {
  color: #fff;
}

aside div.wpcf7 {}

aside .wpcf7-form input[type=text] {
  color: #000;
  background: #fff;
  font-size: 0.8em;
  border: none;
  padding: 12px 17px 11px 17px;
}

aside .wpcf7-email {
  color: #000;
  background: #fff;
  font-size: 0.8em;
  border: none;
  padding: 12px 17px 11px 17px;
}

aside .wpcf7-tel {
  color: #000;
  background: #fff;
  font-size: 0.8em;
  border: none;
  padding: 12px 17px 11px 17px;
}

aside .wpcf7-form textarea {
  color: #000;
  background: #fff;
  font-size: 0.8em;
  border: none;
  padding: 12px 17px 11px 17px;
  margin-bottom: 7px;
}

aside .wpcf7 button {
  background: #15a4ce;
  border: none;
  color: #fff;
  font-weight: 400;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 30px;
  padding: 14px 20px 13px 20px;
  width: 90%;
  margin: 15px 5%;
}

aside .wpcf7 button:hover {
  background: #64d3f5;
}

.sidecar .recaptcha-terms {
  color: #b3b3b3;
}

.sidecar .recaptcha-terms a {
  color: #999;
}

.wpcf7 button {
  background: #15a4ce;
  border: none;
  color: #fff;
  font-weight: 400;
  box-shadow: 0 0 6px 0px #000;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 30px;
  padding: 14px 20px 12px 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin: 15px 0;
}

.wpcf7 button:hover {
  background: #64d3f5;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 0 12px 0px #000;
}

label.image-button {
  float: left;
  background: #fff;
  color: #999;
  font-weight: 400;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 3px solid #d9d9d9;
  border-radius: 30px;
  padding: 12px 17px 11px 17px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-bottom: 15px;
  width: 100%;
}

input#image-upload {
  display: none;
}

.wpcf7-acceptance {
  margin-bottom: 6px;
  display: block;
}

.center-captcha,
.center-captcha .wpcf7-form-control-wrap {
  width: 247px;
  height: 64px;
}

.g-recaptcha,
#rc-imageselect {
  -webkit-transform: scale(0.82);
  -moz-transform: scale(0.82);
  -ms-transform: scale(0.82);
  -o-transform: scale(0.82);
  transform: scale(0.82);
}

::-webkit-input-placeholder {
  color: #999;
  line-height: 1.2em;
}

:-moz-placeholder {
  color: #999;
  line-height: 1.2em;
}

::-moz-placeholder {
  color: #999;
  line-height: 1.2em;
}

:-ms-input-placeholder {
  color: #999;
  line-height: 1.2em;
}

form.invalid input.wpcf7-not-valid {
  background: #d9edee !important;
}

.wpcf7 img.ajax-loader {}

.wpcf7-not-valid-tip-no-ajax {}

span.wpcf7-not-valid-tip {}

.wpcf7-response-output {}

.wpcf7-validation-errors {
  background: #fff;
  border: 1px solid #666 !important;
}

.wpcf7-mail-sent-ok {
  background: #fff;
  border: 1px solid #666 !important;
}

.wpcf7-mail-sent-ng {
  background: #fff;
  border: 1px solid #666 !important;
}

.wpcf7-spam-blocked {
  background: #fff;
  border: 1px solid #666 !important;
}

/* Formatting */
.page h2.header-block,
.post h2.header-block,
#format h2.header-block {
  color: #fff;
  background: #15a4ce;
  font-size: 2em;
  padding-top: 30px;
}

.page h3.header-block,
.post h3.header-block,
#format h3.header-block {
  color: #fff;
  background: #15a4ce;
  font-size: 2em;
  padding-top: 30px;
}

.page .box.header,
.post .box.header,
#format .box.header {
  line-height: 1.4em;
  padding-top: 15px;
}

.page .box.header p,
.post .box.header p,
#format .box.header p {
  font-size: 1.125em;
  line-height: 1.8em;
}

.page .box.header ul,
.post .box.header ul {
  margin-left: 25px;
}

.page .box.header li,
.post .box.header li {
  color: #fff;
}

.page .box,
.post .box,
#format .box {
  background: #15a4ce;
}

.page .box p,
.post .box p,
#format .box p {
  font-size: 1.25em;
  color: #fff;
  line-height: 1.5em;
}

.page .box a,
.post .box a,
#format .box a {
  color: #fff;
  text-decoration: underline;
}

.page .box h2,
.post .box h2,
#format .box h2 {
  color: #333;
}

.page .box img,
.post .box img {
  border: 1px solid #fff;
}

.page .box.half-left,
.post .box.half-left {
  margin-right: 30px;
  position: relative;
  top: 8px;
}

.page .box ul,
.post .box ul {
  margin-left: 25px;
}

.page .box li,
.post .box li {
  color: #fff;
}

.page .box.half-right,
.post .box.half-right {
  margin-left: 30px;
  position: relative;
  top: 8px;
  font-weight: 300;
}

.page .box .wpcf7 button,
.post .box .wpcf7 button {
  background: #fff;
  color: #000;
  margin: 0;
}

p.highlight {
  color: #15a4ce;
  font-size: 1.4em;
  line-height: 1.4em;
}

.space {}

.separator {
  border-bottom: 1px solid #bfe2e0;
}

.separator:before {
  content: url('static/images/sep.jpg');
  display: block;
  width: 100%;
  height: 22px;
  top: -15px;
  position: relative;
  text-align: center;
}

.last {}

.clearboth {}

.buffer {}

blockquote {}

.sp-arrow {
  height: 65px;
  width: 40px;
}

.sp-horizontal .sp-arrows {}

.sp-horizontal .sp-next-arrow {
  right: 3%;
}

.sp-horizontal .sp-previous-arrow {
  left: 3%;
}

.sp-previous-arrow:before {
  position: absolute;
  left: 25px;
}

.sp-previous-arrow:after {
  position: absolute;
  left: 25px;
}

.sp-next-arrow:before {
  position: absolute;
  right: 25px;
}

.sp-next-arrow:after {
  position: absolute;
  right: 25px;
}

.sp-next-arrow:after,
.sp-next-arrow:before,
.sp-previous-arrow:after,
.sp-previous-arrow:before {
  background-color: #999;
  width: 3px;
  height: 32.5px;
}

.pg-promo {}

.pg-promo .slick-slide img {}

.pg-promo .slick-slide:focus {}

button.slick-prev {}

button.slick-next {}

button.slick-prev:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

button.slick-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

a.button.consult {}

.post-share a {
  color: #15a4ce;
}

.post-share a:hover {
  color: #08939a;
}

/* Mobile */
@media (max-width:1199px) {

  .banner-promo-title {
    font-size: 2.6em;
  }

  .sidecar.affix-bottom {
    width: 293px;
  }

  .sidecar.affix-top {
    width: 293px;
  }

  .sidecar.affix {
    width: 293px;
  }

  .navbar-nav>li>a {
    font-size: 1em;
  }

  aside .wpcf7-submit {
    font-size: 1em;
  }

  .page-list h2 {
    font-size: 1.625em;
  }

  .gallery-type li a {
    font-size: 0.75em;
  }

  #gallery-home .sp-slide {
    margin-left: -51px !important;
  }

  .video-text {
    margin: 45px 20px;
    font-size: .85em
  }

  #area-slider {
    width: 90%;
  }

  #about-section h2 {
    font-size: 2em;
  }

  .social-media li:last-child {
    margin-right: 0;
  }

  .proc-1,
  .proc-2,
  .proc-3,
  .proc-4 {
    height: 500px;
  }

  .feature-box-title {
    left: 30px;
  }

  .feature-box ul {
    left: 30px;
  }

  .feature-box li {
    padding: 4px 0;
    padding-right: 20px;
  }

  .cosmetics-description {
    width: 100%;
    padding: 0 15px 30px 15px;
  }

  .cosmetic-text {
    font-size: 1em;
  }

  footer li {
    margin-right: 20px;
  }

  #skin-images-slider {
    height: 233px;
  }
}

@media (max-width:991px) {
  .banner-promo-title {
    font-size: 2em;
  }

  #content {
    padding-top: 0;
  }

  .navbar-nav>li>a {
    font-size: 0.9em;
  }

  aside .wpcf7-submit {
    font-size: 1.5em;
  }

  .sidecar.affix-bottom {
    width: 100%;
  }

  .sidecar.affix-top {
    width: 100%;
  }

  .sidecar.affix {
    width: 100%;
  }

  #content {
    min-height: 0;
  }

  #gallery-home .sp-slide {
    margin-left: -110px !important;
  }

  .dropdown-menu .dropdown-menu {
    left: 95%;
  }

  .consult-btn {
    font-size: .8em;
  }

  .languages {
    font-size: .8em;
  }

  img.logo {
    width: 225px;
    padding: 6px 0;
  }

  #feature-bg-slider,
  #feature-section,
  #feature-bg-1,
  #feature-bg-2,
  #feature-bg-3,
  #feature-bg-4,
  #feature-bg-5 {
    height: 600px;
  }

  #feature-title {
    font-size: 2.5em;
    line-height: 1.2em;
    margin: 60px 0 25px 0;
  }

  #feature-section a.button {
    margin-bottom: 20px;
  }

  #feature-slider {
    margin-bottom: 25px;
  }

  #about-section,
  #reviews-section,
  #skin-section,
  #cosmetics-section,
  #video-gallery-section {
    padding: 50px 0;
  }

  #about-text {
    width: fit-content;
  }

  #reviews-section h1 {
    font-size: 2em;
  }

  .reviews-text {
    width: 100%;
  }

  .reviews-stars {
    width: fit-content;
  }

  .video-text {
    margin: 30px 25px 25px 25px;
    font-size: 1em;
  }

  #video-title {
    font-size: 2em;
  }

  .video-description {
    font-size: 1em;
  }

  #video-section a.button {
    margin-bottom: 35px;
  }

  .cosmetic-text {
    margin: 10px;
    font-size: 0.8em;
  }

  .cosmetics-description {
    width: 100%;
    padding: 25px;
  }

  #skin-images-slider {
    height: 184px;
  }

  #cosmetics-section h2 {
    padding-bottom: 0;
    font-size: 2em;
  }

  #area-slider {
    width: 85%;
  }

  img.logo-foot {
    width: 175px;
  }

  footer p,
  p.growthmed {
    font-size: .75em;
  }

  footer li {
    margin: 20px 15px 0 0;
  }

  .office-address {
    margin-left: 30px;
  }

  .sidecar {
    display: none;
  }

  #contact-form {
    float: left;
  }

  #procedures-slider-side {
    width: 290px;
    margin: 0 auto;
  }

  aside {
    margin-top: 0;
  }

  #header-slider-box {
    margin-right: 80px;
  }

  #banner-promo {
    padding: 65px 0 10px 0;
  }

  .banner-promo-text {
    font-size: 1em;
  }

  a.button.banner-promo-link {
    font-size: 0.7em;
  }

  ul.foot-links {
    font-size: .75em;
  }
}

@media (max-width:767px) {

  .banner-promo-title,
  .banner-promo-text {
    display: inline-block;
  }

  .banner-promo-title {
    font-size: 3em;
    margin-right: 20px;
  }

  .banner-promo-text {
    font-size: 1.25em;
    margin-right: 20px;
  }

  a.button.banner-promo-link {
    max-width: 200px;
    margin: 10px auto 0;
    font-size: 1em;
  }

  #main-block {
    padding-top: 56px;
  }

  #top.nav-up {
    margin-top: 0px;
  }

  .gallery-type li a {
    font-size: 0.875em;
  }

  header.post-title h1 {
    font-size: 2em;
  }

  .page h2,
  .post h2 {
    font-size: 1.7em;
  }

  .page h3,
  .post h3 {
    font-size: 1.3em;
  }

  #toc_container p.toc_title {
    font-size: 1.5em;
  }

  #gallery-home .sp-slide {
    margin-left: -56px !important;
  }

  .upper-area {
    display: none;
  }

  img.logo-sm {
    display: block;
    padding: 3px 9px;
    width: 230px;
  }

  #feature-bg-slider,
  #feature-section,
  #feature-bg-1,
  #feature-bg-2,
  #feature-bg-3,
  #feature-bg-4,
  #feature-bg-5 {
    height: 310px;
  }

  #feature-title {
    font-size: 1.65em;
    margin: 20px 0 15px 0;
    font-weight: 400;
  }

  #feature-description {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 400;
  }

  #feature-slider {
    width: 160px;
    height: 80px;
    margin-bottom: 10px;
  }

  #feature-slider img {
    height: 80px;
  }

  #feature-section a.button {
    font-size: 0.75em;
    padding: 7px 15px 4px 15px;
    margin-bottom: 0px;
    width: 160px;
  }

  #about-section {
    padding: 40px 0;
  }

  #about-section h2 {
    font-size: 1.6em;
  }

  #about-text {
    padding-bottom: 20px;
    line-height: 1.5em;
    font-size: 1em;
  }

  .feature-box {
    width: 75%;
  }

  .feature-box-title,
  .feature-box a {
    text-shadow: 0 0 5px #000;
  }

  .feature-box-title {
    font-weight: 200px;
  }

  .feature-box a {
    font-weight: 400;
  }

  .procedures {
    height: 500px;
  }

  .proc-1,
  .proc-2 {
    width: 100%;
    background-position: center;
    opacity: 0.7 !important;
  }

  .proc-3,
  .proc-4 {
    width: 100%;
    background-postion: center;
    opacity: 0.7 !important
  }

  .procedures .feature-box {
    opacity: 1;
  }

  .procedures .feature-box li {
    opacity: 1;
  }

  #reviews-section {
    padding: 40px 0;
  }

  #reviews-section h1 {
    font-size: 1.6em;
  }

  .reviews-text {
    width: 100%;
    line-height: 1.5em;
    font-size: 1em;
  }

  .reviews-stars {
    width: fit-content;
  }

  #review-slider {
    margin: 0px auto;
    width: 100%;
    height: 176px;
  }

  #review-slider button.slick-prev {
    left: -85px;
  }

  #review-slider button.slick-next {
    right: -85px;
  }

  .video-text {
    margin: 30px 15px;
  }

  #video-section a {
    margin: 30px 0;
  }

  #video-section a.button {
    margin-top: 0;
  }

  #skin-section {
    padding: 40px 0;
  }

  .skin-360 {
    width: 100%;
    margin-bottom: 30px;
  }

  .skin-images-section {
    width: 100%;
  }

  #skin-images-slider {
    height: 487px;
  }

  #cosmetics-section {
    padding: 40px 0;
  }

  #cosmetics-section h2 {
    font-size: 1.6em;
  }

  .cosmetics-description {
    font-size: 1em;
  }

  .cosmetic-box img {
    cursor: pointer;
  }

  .cosmetic-box:hover img {
    -webkit-transform: none;
    transform: none;
    cursor: pointer;
  }

  .cosmetic-text {
    margin: 10px 0 0 0;
    font-size: 1.5em;
  }

  .cosmetic-box {
    margin: 10px 50px 20px 50px;
  }

  #video-gallery-section {
    padding: 40px 0 5px 0;
  }

  #video-gallery-section h2 {
    font-size: 1.6em;
    line-height: 1.2em;
    margin-bottom: 15px;
  }

  .video-gallery-text {
    font-size: 1.2em;
    line-height: 1.2em;
  }

  #area-slider {
    height: 181px;
  }

  #area-slider .slick-slide {
    width: 290px;
  }

  #main-block {
    padding-bottom: 0;
  }

  #contact-section {
    padding: 40px 0;
    -webkit-background-position: right center;
    background-position: right center;
  }

  footer {
    padding-bottom: 160px;
  }

  footer p {
    text-align: center;
    font-size: 1em;
  }

  img.logo-foot {
    width: 250px;
  }

  img.logo-foot,
  .office-address {
    margin: 25px auto;
  }

  .social-media {
    width: fit-content;
    margin: auto
  }

  .social-media li:last-child {
    margin-right: 0;
  }

  p.growthmed {
    font-size: 0.9em;
    text-align: center;
  }

  p.copy {
    padding: 0;
    float: none;
  }

  #header-slider {
    width: 145px;
    height: 70px;
    margin: 0 0 10px 0;
    float: right;
  }

  #header-slider-box {
    margin-top: 20px;
    margin-right: 0;
  }

  #header-slider-box a.button {
    width: 145px;
    float: right;
    font-size: 0.7em;
    padding: 6px 0;
  }

  .sidecar {
    display: none;
  }

  .sidebox {
    padding: 0px;
  }

  #contact-form {
    float: none;
  }

  #header-box {
    height: 154px;
    background: url('/wp-content/uploads/sites/123/2026/04/skinzone-internal-header-2026-scaled.jpg') no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    background-position-x: 34%;
  }

  #breadcrumbs {
    margin-top: 8px;
    margin-bottom: 20px;
  }

  header.post-title h1,
  header.page-title h1,
  header.cat-title h1 {
    margin-bottom: 20px;
  }

  .page p.locations-sub-title {
    font-size: 0.9em;
    line-height: 1.1em;
  }

  .page p,
  .post p {
    line-height: 1.4em;
  }

  #review-slider-side {
    padding-bottom: 30px;
  }

  ul.foot-links li {
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 15px;
  }

  .banner-promo .banner-promo-text {
    padding: 10px 0;
  }

  .banner-promo-2 .banner-promo-text {
    padding: 10px 0;
  }

  ul.foot-links {
    font-size: .9em;
    margin: 20px auto;
  }

  ul.foot-links li {
    margin-bottom: 10px;
    float: none;
    font-size: 1em;
    text-align: center;
  }

  ul.foot-links li.bar {
    display: none;
  }

  #consult-foot-box {
    padding: 5px 10px 0;
    height: 130px;
  }

  #consult-foot-box-text {
    font-size: 0.7em;
    line-height: 1.25;
    padding-top: 10px;
  }

  a.consult-foot-button {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 590px) {
  #consult-foot-box-text {
    padding-top: 5px;
  }

  a.consult-foot-button {
    width: 100%;
  }
}

@media (max-width:479px) {
  .banner-promo {
    padding: 15px 0;
  }

  .banner-promo.banner-promo-title,
  .banner-promo-text {
    display: inline-block;
  }

  .banner-promo-title {
    font-size: 2em;
    margin: 0 auto;
  }

  .banner-promo-text {
    font-size: 1em;
    margin: 0 auto;
  }

  a.button.banner-promo-link {
    max-width: 200px;
    margin: 10px auto 0;
    padding: 14px 0px 12px;
    padding: 7px 0px 6px;
    font-size: 0.8em;

  }
}

.social-media svg:hover path {
  fill: #45889c;
}

.navmenu ul#social-icons li svg {
  position: relative;
  top: 3px;
}

/* Correcting the order of blocks for B&A page */
#gallery-listing .patients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto !important;
}

.patient-item {
  position: static !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Correcting the order of blocks for B&A page */