.wholeHolderAbsolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #143261;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
  opacity: 1;
  -webkit-transition: 2.4s 1.2s;
  -o-transition: 2.4s 1.2s;
  -moz-transition: 2.4s 1.2s;
  transition: 2.4s 1.2s;
  pointer-events: none;
}
.custom-preloader .preloader-holder {
  position: relative;
  text-align: center;
  padding: 5.5555555556rem 0.6666666667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
}
@media all and (min-width: 992px) {
  .custom-preloader .preloader-holder {
    padding: 11.1111111111rem 4.4444444444rem;
  }
}
.custom-preloader .preload-text {
  font-family: "effra", sans-serif;
  color: #FFFFFF;
  text-align: center;
  font-size: clamp( 0.7777777778rem, 1.724137931vw + -0.1724137931rem, 1.6666666667rem );
  letter-spacing: clamp( 0.0555555556rem, 0.3232758621vw + -0.122605364rem, 0.2222222222rem );
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
}
@media all and (min-width: 992px) {
  .custom-preloader .preload-text {
    -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
         -o-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.custom-preloader .logo {
  width: 22vw;
  min-width: 13.3333333333rem;
}
.custom-preloader .preload-heading {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-68%);
     -moz-transform: translateY(-68%);
      -ms-transform: translateY(-68%);
       -o-transform: translateY(-68%);
          transform: translateY(-68%);
  left: 0;
  width: 100%;
  text-align: center;
  font-family: "ivypresto-display", serif;
  color: #FFFFFF;
  font-size: clamp( 2.8888888889rem, 3.2653061224vw + 2.0725623583rem, 5.5555555556rem );
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.2;
}
.custom-preloader .preload-heading span {
  display: block;
  font-family: "effra", sans-serif;
  font-size: clamp( 1.3333333333rem, 1.4965986395vw + 0.9591836735rem, 2.5555555556rem );
  letter-spacing: 0.08em;
}
.custom-preloader._animate {
  opacity: 0 !important;
}
.custom-preloader._animate .preloader-holder {
  -webkit-transition: 1.2s 0.6s;
  -o-transition: 1.2s 0.6s;
  -moz-transition: 1.2s 0.6s;
  transition: 1.2s 0.6s;
  opacity: 0 !important;
}

.homepage .menu-btn-holder {
  opacity: 0;
  -webkit-transition: 0.48s 0.84s;
  -o-transition: 0.48s 0.84s;
  -moz-transition: 0.48s 0.84s;
  transition: 0.48s 0.84s;
}
.homepage._loaded .menu-btn-holder {
  opacity: 1;
}
.homepage._animateOff .menu-btn-holder {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}