body {
  overflow-x: hidden;
}

.loader-wrapper {
  width: 100%;
  height: 10%;
  position: absolute;
  top: 15;
  left: 0;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #000;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #000;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}

.navbar .nav-link {
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.navbar .nav-item.active {
  border-left: #000 3px solid;
}

.true-dark {
  background: #000;
}

.carousel-item {
  height: 450px;
}

.carousel-image-1 {
  background: url('../img/eyebrow_extension.jpeg');
  background-size: cover;
}

.carousel-image-2 {
  background: url('../img/image2.jpg');
  background-size: cover;
}

.carousel-image-3 {
  background: url('../img/image3.jpg');
  background-size: cover;
}

#home-heading {
  position: relative;
  min-height: 200px;
  background: url('../img/lights.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
}

.header-background {
  background-color: #ffffff;
}

.dark-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

#video-play {
  position: relative;
  min-height: 200px;
  background: url('../img/media.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 0 -300px;
  text-align: center;
  color: #fff;
}

#video-play a {
  color: #fff;
}

#page-header {
  height: 200px;
  background: url('../img/image1.jpg');
  background-position: 0 -360px;
  background-attachment: fixed;
  color: #fff;
  border-bottom: 1px #eee solid;
  padding-top: 50px;
}

.about-img {
  margin-top: -50px;
}

.img-circle {
  border-radius: 30%
}

.img-gallery {
  border-radius: 10%
}

#faq .card {
  border: #444;
}

#faq a {
  color: #fff;
  text-decoration: none;
}

#faq .card-body,
#faq .card-header {
  background: #333;
}

#main-footer {
  background: #000;
  color: #fff;
}

.switch {
  position : absolute;
  left : 0;
  z-index:-1;
  width : 1rem;
  height : 1.25rem;
  opacity : 0
}
.switch:checked~.custom-control-label::before{
  color : #fff;
  border-color : #fff;
  background-color:#000
}

.switch:focus~.custom-control-label::before{
  box-shadow : 0 0 0 .2rem rgba(0,123,255,.25)
}

.switch:focus:not(:checked)~.custom-control-label::before {
  border-color : #fff
}

.switch:not(:disabled):active~.custom-control-label::before {
  color : #fff;background-color : #b3d7ff;border-color : #b3d7ff
}

.switch:disabled~.custom-control-label,.switch[disabled]~.custom-control-label
{
  color:#000
}
.switch:disabled~.custom-control-label::before,.switch[disabled]~.custom-control-label::before{
  background-color:#e9ecef
}


.switch:indeterminate~.custom-control-label::before {
  border-color : #000;
  background-color : #000
}

.switch:indeterminate~.custom-control-label::after {
  background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.switch:disabled:checked~.custom-control-label::before {
  background-color:rgba(0,123,255,.5)
}

.switch:disabled:indeterminate~.custom-control-label::before {
  background-color:rgba(0,123,255,.5)
}

.switch:checked~.custom-control-label::after {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.switch:disabled:checked~.custom-control-label::before {
  background-color:rgba(0,123,255,.5)
}

.switch:checked~.custom-control-label::after {
  background-color : #fff;
  -webkit-transform : translateX(.75rem);
  transform : translateX(.75rem)
}

.switch:disabled:checked~.custom-control-label::before {
  background-color : rgba(0,123,255,.5)
}