/* ================================= */
/* GLOBAL */
/* ================================= */

body,
h2,
h3,
h4,
.heading-2,
.heading-3,
.heading-4 {
  font-family: 'Roboto Condensed', Georgia, 'Times New Roman', Times, serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-1,
.heading-2,
.heading-3,
.heading-4,
.heading-5,
.heading-6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Roboto Condensed', Georgia, 'Times New Roman', Times, serif;
  font-weight: 400;
  color: #525252;
}

.page-loader-body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}

.page-loader-body p {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cssload-loader {
  position: inherit;
  margin: 0 50px;
}

.cssload-inner.cssload-one {
  border-bottom: 3px solid #3d87a0;
  animation: cssload-rotate-one 2.5s linear infinite;
}

.cssload-inner.cssload-two {
  border-right: 3px solid #3d87a0;
  animation: cssload-rotate-two 2.5s linear infinite;
}

.cssload-inner.cssload-three {
  border-top: 3px solid #3d87a0;
  animation: cssload-rotate-three 2.5s linear infinite;
}

@media (max-width: 768px) {
  .cssload-loader {
    margin: 0 25px;
  }
}

/* ================================= */
/* HEADER */
/* ================================= */

.rd-navbar-static.rd-navbar-decorative .rd-navbar-column,
.rd-navbar-fullwidth.rd-navbar-decorative .rd-navbar-column {
  height: 60px;
}

.rd-navbar-static.rd-navbar-decorative .rd-navbar-nav,
.rd-navbar-fullwidth.rd-navbar-decorative .rd-navbar-nav {
  display: flex;
  justify-content: space-between;
}

.rd-navbar-static .rd-navbar-nav-wrap,
.rd-navbar-fullwidth .rd-navbar-nav-wrap {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;
  min-width: 100%;
}

.rd-navbar-static .rd-navbar-inner {
  max-width: 100%;
}

.rd-navbar-static.rd-navbar-decorative .rd-navbar-panel {
  width: 250px;
}

.rd-navbar-static .rd-navbar-nav > li > a {
  font-size: 12px;
  font-weight: 400;
  padding: 5px;
  text-align: center;
  line-height: 15px;
}

.rd-navbar-static.rd-navbar-decorative .rd-navbar-nav > li {
  padding: 0 5px;
  min-width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rd-navbar-static.rd-navbar-decorative .rd-navbar-inner {
  padding-top: 0;
}

.rd-navbar-static.rd-navbar-decorative .rd-navbar-panel {
  margin-top: 0;
  padding-bottom: 10px;
  padding-top: 10px;
}

.rd-navbar-static.rd-navbar-decorative .rd-navbar-panel img {
  padding-bottom: 15px;
}

.rd-navbar-static.rd-navbar-decorative
  .rd-navbar-item:first-child
  .rd-navbar-column,
.rd-navbar-fullwidth.rd-navbar-decorative
  .rd-navbar-item:first-child
  .rd-navbar-column {
  justify-content: center;
}

.rd-navbar-static.rd-navbar-decorative
  .rd-navbar-item:last-child
  .rd-navbar-column,
.rd-navbar-fullwidth.rd-navbar-decorative
  .rd-navbar-item:last-child
  .rd-navbar-column {
  justify-content: center;
}

.rd-navbar-static .rd-navbar-social,
.rd-navbar-fullwidth .rd-navbar-social {
  margin: 0;
}

.rd-navbar-static .rd-navbar-social > *,
.rd-navbar-fullwidth .rd-navbar-social > * {
  margin: 0 10px;
  font-size: 18px;
}

.rd-navbar-static.rd-navbar-decorative .rd-navbar-info > *,
.rd-navbar-fullwidth.rd-navbar-decorative .rd-navbar-info > * {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 2.5px;
  color: #3d87a0;
}

.rd-navbar-static .rd-navbar-nav > li.active,
.rd-navbar-static .rd-navbar-nav > li.focus,
.rd-navbar-static .rd-navbar-nav > li.opened,
.rd-navbar-fullwidth .rd-navbar-nav > li.active,
.rd-navbar-fullwidth .rd-navbar-nav > li.focus,
.rd-navbar-fullwidth .rd-navbar-nav > li.opened {
  border-color: #3d87a0;
  border: none;
  /* Have to fix the ACTIVE NAV later via JS */
}

@media (min-width: 1200px) {
  .rd-navbar-brand img {
    max-height: 100px;
  }
}

@media (max-width: 992px) {
  .rd-navbar-fixed .rd-navbar-panel {
    display: flex;
    justify-content: space-between;
    background: rgb(255 255 255 / 10%);
  }

  .rd-navbar-fixed .rd-navbar-panel:before {
    background: inherit;
  }

  .rd-navbar-fixed .rd-navbar-social {
    visibility: hidden;
    width: 50px;
  }

  .rd-navbar-toggle .toggle-icon:after,
  .rd-navbar-toggle .toggle-icon:before,
  .rd-navbar-toggle .toggle-icon {
    height: 3px;
  }

  .rd-navbar-fixed .rd-navbar-brand img {
    max-height: 50px;
  }

  .rd-navbar-fixed .rd-navbar-nav.active {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
  }

  .rd-navbar-fixed .rd-navbar-nav li {
    text-align: center;
  }
}

@media (min-width: 1600px) {
  .steps-section {
    margin-bottom: 30px;
  }
}

/* ================================= */
/* JUMBOTRON */
/* ================================= */

.swiper-slide video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 75%;
}

.jumbotron-custom .cssload-loader {
  height: 50px;
  width: 50px;
}

.jumbotron-custom .light-box {
  background: rgb(0 0 0 / 33%);
  color: #fff;
  padding: 25px 0 50px;
}

.jumbotron-custom .cssload-inner.cssload-one {
  border-bottom: 3px solid #fff;
}

.jumbotron-custom .cssload-inner.cssload-two {
  border-right: 3px solid #fff;
}

.jumbotron-custom .cssload-inner.cssload-three {
  border-top: 3px solid #fff;
}

.jumbotron-custom .title {
  color: #fff;
  margin: 10px auto;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-family: 'Roboto Condensed', Georgia, 'Times New Roman', Times, serif;
}

.jumbotron-custom h2 {
  font-size: 32px;
  font-family: 'Roboto Condensed', Georgia, 'Times New Roman', Times, serif;
  font-weight: 400;
  letter-spacing: 5px;
  color: #fff;
  text-transform: uppercase;
  max-width: 700px;
  margin: 10px auto 0;
}

.jumbotron-custom * + .exeption {
  max-width: 750px;
  margin-top: 10px;
}

.swiper-slider-custom .swiper-button .swiper-button__arrow .icon {
  font-size: 32px;
  width: 50px;
  height: 50px;
}

.jumbotron-custom .button {
  font-size: 18px;
  letter-spacing: 8px;
  padding: 10px 75px;
  background: url(../images/dark-blue-ocean.jpg);
  color: #fff;
  background-position-x: 60%;
}

@media (min-width: 1200px) {
  .swiper-slide {
    min-height: 700px;
    padding: 80px 30px;
    transform: scale(0.9);
  }
}

@media (min-width: 992px) {
  * + .button-custom-wrapper {
    margin-top: 25px;
  }
}

@media (min-width: 768px) {
  .jumbotron-custom .mobile-address,
  .jumbotron-custom .mobile-phone {
    display: none;
  }
}

@media (max-width: 768px) {
  .jumbotron-custom .light-box {
    padding: 25px 0;
  }

  .swiper-slide {
    min-height: 50vh;
  }

  .jumbotron-custom .title {
    font-size: 32px;
  }

  .jumbotron-custom h2 {
    font-size: 14px;
  }

  .jumbotron-custom * + .exeption {
    font-size: 12px;
    width: 90%;
  }

  * + .button-custom-wrapper {
    margin-top: 15px;
  }

  .jumbotron-custom .mobile-phone {
    margin: 0;
  }
}

/* ================================= */
/* STEPS SECTION */
/* ================================= */

.steps-section .blurb-minimal {
  text-align: center;
}

.steps-section .evolve-title-container {
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 25px 0;
}

.steps-section .hr-container {
  display: flex;
  justify-content: center;
  align-content: center;
  margin: 25px 0;
}

.steps-section .blurb-minimal .blurb-title {
  font-size: 60px;
  font-weight: 400;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.steps-section hr {
  width: 100%;
  border-top: none;
  border-bottom: 1px solid #000;
  height: 50%;
}

.steps-section .blurb-minimal .index-counter {
  left: 33%;
}

@media (min-width: 992px) {
  .steps-section {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .evolv-medical-spa-title {
    display: none;
  }

  .steps-section {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .steps-section .evolve-title-container {
    margin: 10px 0;
  }

  .steps-section .blurb-minimal .blurb-title {
    font-size: 48px;
  }
}

/* ================================= */
/* DARK BLUE OCEAN */
/* ================================= */

.dark-blue-ocean {
  background: url('../images/dark-blue-ocean.jpg');
  background-size: cover;
  background-position: bottom;
}

@media (max-width: 768px) {
  .dark-blue-ocean {
    display: none;
  }
}

/* ================================= */
/* DOUBLE BANNER */
/* ================================= */
.iv-therapy .blurb-minimal {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iv-therapy .blurb-minimal .blurb-title {
  font-size: 48px;
  border-bottom: 1px solid #000;
}

@media (max-width: 768px) {
  .iv-therapy .blurb-minimal .blurb-title {
    display: none;
  }
}

/* ================================= */
/* DOUBLE BANNER */
/* ================================= */

.double-banner {
  padding: 50px 0;
}

.double-banner .bg-cta-1 {
  background-image: url(../images/slide-testosterone-replacement.jpg);
}

.double-banner .bg-cta-2 {
  background-image: url(../images/body-sculpting.jpg);
}

.double-banner .cta-inner {
  background: rgba(0, 0, 0, 0.25);
}

.double-banner .title,
.double-banner .exeption {
  font-family: 'Roboto Condensed', Georgia, 'Times New Roman', Times, serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 3px;
}

.double-banner .title {
  font-size: 32px;
  text-transform: uppercase;
}

.double-banner .button {
  font-size: 18px;
  letter-spacing: 8px;
  padding: 10px 50px;
  background: url(../images/dark-blue-ocean.jpg);
  color: #fff;
  background-position-x: 60%;
}

@media (max-width: 768px) {
  .double-banner {
    margin-top: 50px;
  }

  .double-banner .title {
    font-size: 24px;
  }

  h6.exeption {
    font-size: 14px;
  }
}

/* ================================= */
/* INFORMATION SECTION */
/* ================================= */

.information-section {
  padding: 0 0 75px;
}

.information-section .heading-decorative span {
  font-size: 60px;
  font-weight: 400;
}

.information-section .text-gray {
  color: #525252;
  display: none;
}

.information-section .button {
  font-size: 18px;
  font-weight: 400;
}

@media (max-width: 768px) {
  .information-section .heading-decorative span {
    font-size: 32px;
  }

  .information-section .big {
    max-width: 375px;
    margin: auto;
    text-align: center;
  }
}

/* ================================= */
/* LASER HAIR REMOVAL */
/* ================================= */

.laser-hair-removal .bg-full-left {
  background: url(../images/dark-blue-ocean.jpg);
  background-size: cover;
  background-position: right;
}

.laser-hair-removal .bg-full-right {
  background-image: url('../images/full-banner-right.jpg');
}

.laser-hair-removal h2 {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
}

.laser-hair-removal p.big {
  color: #fff;
}

.laser-hair-removal h1,
.laser-hair-removal h3 {
  font-weight: 400;
  color: #fff;
}

.laser-hair-removal .text-block-2 h2 + .big {
  font-weight: 400;
}

.laser-hair-removal .highlited-box-2 {
  background: url(../images/dark-blue-ocean.jpg);
  background-position: center;
}

.laser-hair-removal .button-primary-outline {
  border-color: #3d87a0;
  color: #fff;
}

.laser-hair-removal .bg-mask:before {
  background: inherit;
}

@media (max-width: 768px) {
  .laser-hair-removal .benefits-headline {
    max-width: 300px;
  }
  .laser-hair-removal h3 {
    font-size: 24px;
  }

  .laser-hair-removal h1 {
    max-width: 300px;
  }
}

/* ================================= */
/* FACIALS & MICRONEEDLING */
/* ================================= */

.facials-microneedling h2 {
  text-transform: uppercase;
  font-size: 48px;
  letter-spacing: 0.15em;
}

.facials-microneedling .bg-image-banner-1 {
  min-height: 250px;
  background-image: url('../images/facial-microneedling-1.jpg');
}
.facials-microneedling .bg-image-banner-2 {
  min-height: 250px;
  background-image: url('../images/facial-microneedling-2.jpg');
}
.facials-microneedling .bg-image-banner-3 {
  min-height: 250px;
  background-image: url('../images/facial-microneedling-3.jpg');
}

.facials-microneedling .button-custom-wrapper {
  width: 100%;
}

@media (max-width: 768px) {
  .facials-microneedling h2 {
    font-size: 32px;
  }

  .facials-microneedling .button-custom-wrapper {
    margin-top: 0px;
  }
}

/* ================================= */
/* BOTOX & FILLERS */
/* ================================= */

.botox-fillers {
  background-image: url('../images/botox-fillers.jpg');
  display: flex;
  justify-content: center;
  align-items: center;
}

.botox-fillers h2 {
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

.botox-fillers .highlited-box {
  background: transparent;
  border: 1px solid #fff;
}

.botox-fillers .contact-container {
  margin-top: 50px;
}

.botox-fillers .button-primary-outline {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}

@media (min-width: 992px) {
  .botox-fillers {
    min-height: 1000px;
  }
}

@media (max-width: 768px) {
  .botox-fillers {
    background-position-x: 75%;
    padding: 100px 0;
  }

  .botox-fillers .highlited-box h1 {
    font-size: 24px;
  }
}

/* ================================= */
/* VARICOSE VEIN TREATMENT */
/* ================================= */

.pdo-thread-lift {
  margin-top: 100px;
}

@media (max-width: 768px) {
  .pdo-thread-lift {
    margin-top: 25px;
  }

  .pdo-thread-lift .heading-decorative span {
    font-size: 24px;
  }
}

/* ================================= */
/* MEDICAL GRADE PEEL */
/* ================================= */

.medical-grade-peel .bg-full-right {
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgb(0 0 0 / 50%)),
    url('../images/medical-grade-peel.jpg');
  background-size: cover;
}

.medical-grade-peel .bg-full-left {
  background: url(../images/dark-blue-ocean.jpg);
  background-size: cover;
  background-position: right;
}

.medical-grade-peel .button-primary-outline {
  border-color: #3d87a0;
}

.medical-grade-peel .bg-mask:before {
  background: rgba(255, 255, 255, 0.25);
}

@media (max-width: 768px) {
  .medical-grade-peel .bg-full-right {
    background-position-x: 25%;
  }

  .medical-grade-peel .blurb-2 + h1 {
    max-width: 300px;
  }
}

/* ================================= */
/* EVOLV MEDICAL SPA */
/* ================================= */

.evolv-medical-spa .container {
  max-width: 1400px;
}

.evolv-medical-spa .side-text {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .evolv-medical-spa {
    padding: 50px 0;
  }

  .evolv-medical-spa .evolve-title-container {
    margin: 25px 0;
  }
}

/* ================================= */
/* FOOTER */
/* ================================= */

footer {
  background-color: #000;
  padding: 25px 15px;
}

footer .logo-middle-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

footer .logo-middle-container .e-logo {
  filter: brightness(1.25);
}

footer .social-links .link {
  margin: 10px;
  font-size: 18px;
  filter: brightness(1.5);
}

footer .nav-right,
footer .nav-left {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.footer-nav-container li {
  text-align: center;
  margin: 25px 0;
  width: 35%;
}

.footer-nav-container a {
  text-transform: uppercase;
  white-space: normal;
  filter: brightness(1.5);
}

footer .copyright {
  margin-bottom: 10px;
  letter-spacing: 1px;
}

@media (max-width: 768px) {
  footer .nav-right,
  footer .nav-left {
    display: none;
  }

  footer .copyright {
    max-width: 250px;
  }

  footer .social-links .link {
    margin: 10px 25px;
  }
}

/* ================================= */
/* UI-TOP-TOP */
/* ================================= */

html .ui-to-top:after {
  background: url(../images/dark-blue-ocean.jpg);
  background-position: center;
}

html .ui-to-top {
  left: 40px;
  bottom: 40px;
}

.ui-to-top:before {
  font-weight: 400;
  font-family: 'FontAwesome';
  font-size: 32px;
}