/*.page-preloader-overlay{
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #F9EDD9;
    pointer-events: none;
    transition: opacity .75s ease .3s;
    }
.page-load .page-preloader-overlay{
    opacity: 0;
    }*/
html:not(.complete-loading){
    overflow: hidden;
}
@font-face{
    font-family: "Manrope";
    src: url("/fonts/manrope-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Manrope";
    src: url("/fonts/manrope-medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Manrope";
    src: url("/fonts/manrope-semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Manrope";
    src: url("/fonts/manrope-bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Unbounded";
    src: url("/fonts/unbounded-regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Unbounded";
    src: url("/fonts/unbounded-medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/*Page preloader*/
.pace{
    position: absolute;
    z-index: -1;
    left: 0;
    width: 0;
    visibility: hidden;
    opacity: 0;
}
#page-preloader{
    position: fixed;
    z-index: 12001;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #F9EDD9;
    transition: opacity .3s ease-in;
    pointer-events: none;
}
.complete-loading #page-preloader{
    opacity: 0;
}
.no-touchevents.complete-loading #page-preloader{
    width: calc(100% + 17px);
}
#page-preloader .logo-box{
    position: relative;
    line-height: 0;
    max-width: 1312px;
    width: 80vw;
}
#page-preloader .logo-box svg{
    width: 100%;
    height: auto;
    max-height: 40vh;
}
#page-preloader .logo-box .fill{
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    overflow: hidden;
    transition: width .3s linear;
}
#page-preloader .logo-box .fill svg{
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 1312px;
    width: 80vw;
    height: auto;
    margin: 0;
}

#page-preloader .percents{
    position: absolute;
    right: 16px;
    bottom: 16px;
    margin: 0;
}
.preload-page:not(.page-load) *:not(#page-preloader):not(.swiper-wrapper):not(.swiper-slide){
    transition: none !important;
}



.index-page #all{
    overflow: hidden;
}
html:not(.opened-search) .hdr-search-form-box{
    transform: translateY(-103%);
}

.page-load-animate #header > .container{
    opacity: 0;
    transform: translateY(-20px);
    transition: transform .5s ease .3s, opacity .5s ease .3s;
}
.complete-loading #header > .container{
    opacity: 1;
    transform: none;
}

.main-screen-box{
    width: 100%;
}

.page-load-animate .main-screen-box .h1{
    transform: translateX(-80px);
    opacity: 0;
    transition: transform .3s ease .1s, opacity .3s ease .1s;
}
.complete-loading .main-screen-box .h1{
    opacity: 1;
    transform: none;
}

.main-screen-bg-slider .swiper-slide{
    width: 100%;
    max-width: 100vw;
}


.page-load-animate .main-screen-box .animate .unfold-animate .word .displaced{
    display: block;
    transform: translateY(calc(100%  + 30px));
    transition: transform .75s ease .15s;
}
.page-load-animate .main-screen-box .animate .unfold-animate .word.delay1 .displaced{
    transition-delay: .25s;
}
.page-load-animate .main-screen-box .animate .unfold-animate .word.delay2 .displaced{
    transition-delay: .35s;
}
.page-load-animate .main-screen-box .animate .unfold-animate .word.delay3 .displaced{
    transition-delay: .45s;
}
.page-load-animate .main-screen-box .animate .unfold-animate .word.delay4 .displaced{
    transition-delay: 1.15s;
}
.page-load-animate .main-screen-box .animate .unfold-animate .word.delay5 .displaced{
    transition-delay: 1.25s;
}
.page-load .main-screen-box .animate .unfold-animate .word .displaced{
    transform: none;
}


.page-load-animate .main-screen-slider{
    opacity: 0;
    transform: translateX(40px);
    transition: transform .5s ease .3s, opacity .5s ease .3s;
}
.complete-loading .main-screen-slider{
    opacity: 1;
    transform: none;
}

.page-load-animate .main-screen-bg-slider .animate-box{
    transform: scale(1.2);
    transition: transform .9s ease .1s;
}
.complete-loading .main-screen-bg-slider .animate-box{
    transform: none;
}
.main-screen-bg-slider img, .main-screen-bg-slider video{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 0;
}

@media screen and (max-width: 900px){
    .page-load-animate .main-screen-slider{
        transform: translateY(20px);
    }
    .page-load .main-screen-slider{
        transform: none;
    }
}