/* ======================= */
/* PRELOADER */
/* ======================= */

.preloader {
  background-image: url(../images/header-1.jpg);
  background-size: cover;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%,
  100% {
    top: 24px;
    height: 32px;
  }
}

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

html.rd-navbar-fixed-linked .page {
  padding-top: 0;
}

.button {
  min-width: 250px;
}

.emphasis {
  color: #2e3192;
}

.block-xs {
  margin: auto;
}

a:hover {
  color: #2e3192;
}

.carousel-img {
  width: 575px;
  height: 400px;
}

.carousel-img img {
  object-fit: cover;
  height: 100%;
}

@media (max-width: 576px) {
  .block-xs {
    text-align: center;
  }
}

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

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern .button-line {
  background-color: rgb(255, 255, 255);
}

.rd-navbar-sidebar
  .rd-navbar-toggle.rd-navbar-toggle-modern
  .button-line:before,
.rd-navbar-sidebar
  .rd-navbar-toggle.rd-navbar-toggle-modern
  .button-line:after {
  background-color: #fff;
}

.header-sidebar .rd-navbar-sidebar.rd-navbar--is-stuck {
  background-color: rgba(0, 0, 0, 0.5);
}

.rd-navbar-fixed .rd-navbar-panel {
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom: none;
  box-shadow: 0 2px 10px 1px rgb(0 0 0 / 10%);
}

.headline-containers {
  text-align: center;
}

.swiper-slide .divider-lg::after {
  background-color: #fff;
}

.swiper-pagination .swiper-pagination-bullet:before {
  background-color: #fff;
}

.swiper-white-content .swiper-slide-caption h1 {
  color: #ffffff;
  max-width: 750px;
  margin: auto;
}

.header-button-container {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap;
  text-align: center;
}

.swiper-slide .button {
  background-color: transparent;
  border-color: #fff;
  padding: 10px 15px;
  min-width: 200px;
}

.swiper-slide .evolv-button {
  background-color: transparent;
  border-color: #fff;
  color: #a3c5e8 !important;
}

.swiper-slide .button img {
  margin-right: 7.5px;
}

.swiper-slide .button {
  margin: 10px;
  height: 50px;
  letter-spacing: 3px;
  max-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-toggle span {
  height: 1px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active {
  width: 100%;
}

.rd-navbar-fixed .rd-nav-item {
  border-bottom: 1px solid blue;
  width: 250px;
  margin: auto;
}

.rd-navbar-fixed .rd-nav-link {
  text-align: center;
  padding: 10px;
  color: #fff;
}

.mobile-nav-logo {
  margin-top: 10px;
}

.swiper-wrapper .slide-bg:first-of-type {
  background-position: center;
}

.swiper-wrapper h1 {
  font-weight: 400;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-toggle span {
  background-color: #ffffff;
}

.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
  background: none;
}

@media (min-width: 992px) {
  .mobile-nav-logo {
    display: none;
  }

  .swiper-block-info {
    flex-direction: column;
    justify-content: center;
    font-size: 1.25rem;
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .swiper-slide-caption {
    padding: 75px 0;
  }
}

.swiper-white-content .swiper-slide-caption p {
  color: #fff;
}

.footer-brand img {
  width: 50px;
}

.brand-dark {
  width: 25px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
  background: rgba(0, 0, 0, 0.9);
  border: none;
}

.rd-navbar-fixed .rd-navbar-brand {
  width: 100%;
  text-align: center;
}

.rd-navbar-sidebar .rd-navbar-brand img {
  width: auto;
  height: auto;
  max-width: 50px;
  max-height: 50px;
}

.mobile-call-button .fas {
  font-size: 2.5rem;
  margin-right: 0.5rem;
  transform: scaleX(-1);
  color: #fff;
}

@media (min-width: 1200px) {
  .mobile-call-button {
    display: none;
  }
}

/* =================================== */
/* FB BOOKING BUTTON */
/* =================================== */

.fb-button {
  background-color: rgb(59, 59, 59) !important;
  border-color: rgb(59, 59, 59);
}

/* ======================= */
/* ABOUT OUR SALON PART II */
/* ======================= */

#about-2 h2 {
  margin-bottom: 25px;
}

/* ======================= */
/* ABOUT OUR FOUNDER */
/* ======================= */

#about-founder h2 {
  margin-bottom: 25px;
}

.box-team-creative img {
  width: 370px;
  height: 480px;
}

.box-team-creative .box-team-creative-caption {
  padding: 10px 15px 10px;
}

#about-founder video {
  /* box-shadow: 5px 5px 5px 0px rgba(247, 0, 227, 0.75); */
  object-fit: cover;
}

/* ======================= */
/* NAIL STYLISTS */
/* ======================= */

#our-nail-work ul {
  list-style-type: disc;
}

/* ======================= */
/* GALLERY */
/* ======================= */
#gallery {
  padding: 0;
}

/* ======================= */
/* GALLERY NAILS */
/* ======================= */
#gallery-nails {
  padding: 0;
}

/* ======================= */
/* HAIR STYLISTS */
/* ======================= */

/* =================================== */
/* ABOUT US */
/* =================================== */

#about .box-image-item {
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

#about h2 {
  margin-bottom: 25px;
}

/* =================================== */
/* NEW CLIENT SPECIALS */
/* =================================== */
#special-deals .parallax-content {
  padding: 0;
}

#special-deals .overlay {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 115px 0;
}

#special-deals .quote-modern-text {
  padding: 0;
}

#special-deals h3 {
  font-size: 2rem;
}

/* =================================== */
/* PRICING SPECIAL HAIR TREATMENTS */
/* =================================== */

#pricing-hairstyling {
  padding-top: 90px !important;
}

/* =================================== */
/* PRICING SPECIAL HAIR TREATMENTS */
/* =================================== */

.special-treatment-pricing {
  background-color: rgb(209, 209, 209);
  background-color: #000;
  padding-top: 90px !important;
}

.special-treatment-pricing h2,
.special-treatment-pricing h4,
.special-treatment-pricing .price-value h3 {
  color: #fff;
}

.special-treatment-pricing .highlight {
  color: #fff;
}

@media (min-width: 992px) {
  .special-treatment-pricing .mobile-br {
    display: none;
  }
}

/* =================================== */
/* PRICING FOR NAILS & WAXING */
/* =================================== */

.nails-waxing-pricing {
  padding-top: 90px !important;
}

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

@media (min-width: 992px) {
  .footer-minimal .rd-navbar-nav {
    justify-content: center;
  }
}

/* =================================== */
/* CONNECT WITH US */
/* =================================== */

/* #social-media {
  background-color: #2e3192;
  padding: 2.5%;
}

#social-media h2 {
  color: #fff;
}

#social-media .fab {
  margin: 20px;
}

#social-media a:hover,
#social-media .fab:hover {
  color: #fff;
  transform: scale(1.2);
}

#social-media a:active,
#social-media a:hover {
  transform: scale(1);
} */

/* =================================== */
/* POWERED BY THE CASELY GROUP */
/* =================================== */

#powered {
  background-color: #000;
}

#powered a:hover {
  color: #fff;
}

.casely-group-logo {
  margin-top: 10px;
}

/* =================================== */
/* BUTTONS */
/* =================================== */

.button {
  background-color: #2e3192;
  color: #fff;
}

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

#ui-to-top {
  border: 1px solid #fff;
  left: 40px;
}

/* =================================== */
/* GALLERY ARROW BUTTON */
/* =================================== */

.owl-prev {
  background: rgb(4, 0, 214, 0.5) !important;
}

.owl-next {
  background: rgb(4, 0, 214, 0.5) !important;
}

/* =================================== */
/* VIDEO */
/* =================================== */

video {
  /* override other styles to make responsive */
  width: 99% !important;
  height: auto !important;
}