.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: white;
}
.preloader .load-line{
    height: 16px;
    width: 100%;
    background: rgba(13, 19, 26, 0.08);
    position: absolute;
    left: 0px;
    top: 0px;
}
.preloader .load-line-active{
    position: absolute;
    display: inline-block;
    width: 0%;
    height: 100%;
    background: #3998F7;
}

.preloader .wrapper-inside {
    height: 100%;
}

.preloader .preloader-holder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    box-sizing: border-box;
    padding: 107px 0;
}

.preloader .preloader-holder .loader-logo {
    width: 320px;
    height: 133px;
    position: relative;
}
.preloader .preloader-holder .loader-logo img{
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 1359px) {
    .preloader .preloader-holder .loader-logo {
        width: 289px;
        height: 121px;
    }
    .preloader .preloader-holder{
        align-items: center;
    }
}
@media only screen and (max-width: 767px) {
    .preloader .preloader-holder .loader-logo {
        width: 161px;
        height: 67px;
    }
    .preloader .preloader-holder{
        align-items: center;
    }
    .preloader .load-line{
        height: 12px;
    }
}

.preloader .preloader-holder .loader-logo .load-line {
    width: 100%;
    height: 100%;
    background-color: var(--brand-white-primary-64);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.preloader .preloader-holder .loader-logo .loader-logo-holder {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}



.preloader .preloader-holder .loader-logo .loader-logo-holder .footer-logo-vshe {
    width: 129px;
    height: 100%;
}
@media only screen and (max-width: 1279px) {
    .preloader .preloader-holder .loader-logo .loader-logo-holder .footer-logo-vshe {
        width: 85px;
    }
}
@media only screen and (max-width: 766px) {
    .preloader .preloader-holder .loader-logo .loader-logo-holder .footer-logo-vshe {
        width: 45px;
    }
}

.preloader .preloader-holder .loader-logo .loader-logo-holder .footer-logo-vshe img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.preloader .preloader-holder .loader-logo .loader-logo-holder .line {
    height: 100%;
    border-left: 1px solid var(--brand-blue-primary-20)
}

.preloader .preloader-holder .loader-logo .loader-logo-holder .footer-logo-igmu {
    width: auto;
    height: 100%;
}

.preloader .preloader-holder .loader-logo .loader-logo-holder .footer-logo-igmu img {
    height: 100%;
}