/*.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: #E8E8E8;
                transition: opacity .3s ease-in;
                pointer-events: none;
                }
            .complete-loading #page-preloader{
                opacity: 0;
                }
            .no-touchevents.complete-loading #page-preloader{
                width: calc(100% + 17px);
                /*padding-right: 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;
                color: #150B2D;
                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{
                opacity: 0;
                transform: translateY(-100%);
                transition: transform .75s ease, opacity .75s ease;
                }
            /* Skip reset when scroll/filter UI moves #header (style.css) */
            .complete-loading:not(.hidden-header):not(.opened-filter) #header{
                opacity: 1;
                transform: none;
                }
    
            .main-screen-slider .swiper-slide{
                width: 100%;
                max-width: 100vw;
                }
    
            .main-screen-slider img, .main-screen-slider video{
                position: absolute;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: 50% 50%;
                margin: 0;
                }
            .page-load-animate .main-screen-slider .swiper-slide-active img, .page-load-animate .main-screen-slider .swiper-slide-active video{
                transform: scale(1.2);
                }
            .complete-loading .main-screen-slider .swiper-slide-active img, .page-load .main-screen-slider .swiper-slide-active video{
                transform: none;
                transition: transform 1.2s ease;
                }
            .page-load-animate .main-screen-slider .swiper-slide-active .text .animate-box{
                opacity: 0;
                transform: translateY(40px);
    
                }
            .page-load-animate.complete-loading .main-screen-slider .swiper-slide-active .text .animate-box{
                opacity: 1;
                transform: none;
                transition: transform .5s ease .5s, opacity .5s linear .5s;
                }