@font-face{
  font-family:BASEBLOOM;
  src:url(/fonts/BASEBLOOM-Regular.ttf);
  font-weight: 300
}
.homeSlider {
  opacity: 0!important;
  transition: 2.5s ease-in-out;
}
.homeSlider.showHomeSlider {
  opacity: 1!important;
}

.loader{
  position: fixed;
  top: 0; left: 0; width: 100%; height: 100svh;
  background: #F3EEE8;
  z-index: 9999;
  transition: 1s cubic-bezier(0.9, 0, 0.7, 0.95);
}
.loader.hiddenClass{
  top: -100svh;
  opacity: 0;
  background: #fff;
}
.loader .line{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1rem;
  background: #A39586;
  transition: .1s ease-in-out;
}
.loader img.logotype{
  display: block;
  position: absolute;
  top: 2rem; left: 2rem;
  height: 30rem;
  margin: 0;
  padding: 0;
}
.loader p.percentage{
  display: block;
  position: absolute;
  bottom: 3rem; right: 2rem;
  margin: 0;
  padding: 0;
  font-size: 30rem;
  font-family: 'BASEBLOOM';
  line-height: 1;
}
.loader.hiddenClass .line{opacity: 0;}

.section {
  position: relative;
  overflow: hidden;
}
.section .container-fluid{
  position: relative;
  z-index: 1;
}
.section .bkgImg, .section .rightBkg{
  opacity: 0;
  transition: .8s ease-in-out;
}
.section::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0; left: 0; width: 100%; height: 100%;
  pointer-events: none;
  opacity: 1;
  transition: .3s ease-in-out;

  /* SVG-шум как фон */
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><filter id="noise" x="0" y="0" width="100%25" height="100%25"><feTurbulence type="fractalNoise" baseFrequency="2" numOctaves="4" seed="2"/></filter><rect width="100%25" height="100%25" fill="%23b3a89b" filter="url(%23noise)" opacity="0.18"/></svg>');
  background-size: cover;
}
.section.home-section::before {
  display: none!important;
}

.section.sandOff::before {
  opacity: 0;
}
#footer-section::before {
  display: none!important;
}

.bkgImg {
    transform: scale(1.06);
    transition: .8s ease-in-out;
    will-change: transform;
  }
.bkgImg.zoomed-in, .rightBkg.zoomed-in {
  transform: scale(1);
  opacity: 1;
}

.homeSlider .slick-slide img{
  transform: scale(1.15);
  transition: .8s ease-in-out;
  will-change: transform;
}

.homeSlider .slick-slide.slick-active img{
  transform: scale(1);
}

@media (max-width: 925px) {
  .contentWithScroll {
    padding-bottom: 12rem;
  }

.loader img.logotype{
  height: 16rem;
}
.loader p.percentage{
  font-size: 18rem;
}
}