/*------------ Стандартные -------------------------*/

*, html, body, a, input{
    margin: 0px;
    padding: 0px;
    outline: none;
    border: none;
    box-sizing: border-box;
    text-decoration: none;
    /* font-family: 'Geometria', sans-serif; */

    /* scroll-behavior: smooth;
    letter-spacing: 0.01em; */

    /* cursor: crosshair; */
}

img{
    user-select: none;
    -webkit-user-drag: none;
}

.main-container{
    height: 100%;
    width: 100%;
    background-color: var(--white-background-color);  /* #F6F5F8 */
    /* position: relative; */
    
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
}

:root{
    --bg-image-preview: #9a9a9a42; /* подложка картинки перед загрузкой */ 
    --plyr-color-main: #D91E3B;
    --plyr-font-family: sans-serif;
    /* --plyr-control-icon-size: 28px; */

    --black-background-color: #171718;
    --white-background-color: #F6F5F8;

    --work-algoritm-animation-s: 0.4s;
}


body, html{
    overflow: hidden;
    height: 100%;
    width: 100%;
    /* overflow-x: hidden; */
    overflow-anchor: none; /* после перезагрузки */
}

.main-container::-webkit-scrollbar {
    /* display: none; */
}






/*------------ // Стандартные -------------------------*/


h1{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 300;
    font-size: 120px;
    line-height: 135%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1D1E22;
    font-style: normal;
    display: inline-block;
}
h1.white{
    color: #FFFFFF;
}
.h1-block{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 400;
    font-size: 74px;
    line-height: 135%;
    /* or 100px */
    letter-spacing: 0.02em;
    color: #FFFFFF;
}
.h1-block.white{
    color: #FFFFFF;
}
.h1-block.black{
    color: #1D1E22;
}

.vertical-block-colomn{
    transition-timing-function: ease-in;
    will-change: transform;
}

.header-h1-line{
    width: 100px;
    height: 3px;
    background-color: #E8113A;
}

.h1-dop-text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 130%;
    /* or 23px */

    letter-spacing: 0.025em;

    color: #9A9A9A;
}

.active-block-debag{
    position: fixed !important;
    left: 0;
    top: 0;
    z-index: 6;
    transform: translate(0%, -1000%);  
}



/* для дебага верстки */
.h1-block.white.block-4-h1, .header-h1-line.block-4-h1-line, .h1-dop-text.block-4-h1-dop-text{
    /* transform: translate(0%, 0%); */
}
.block-5-header .block-5-h1-container{
    /* transform: scale(1); */
}
.block-5-header .block-5-h1-dop-text{
    /* opacity: 1;
    transform: none; */
}




/*  ---  Прекрепленная шапка   ---  */

/* .btn-goto-form-main-goal{
    position: absolute;
    right: 58px;
    top: 38px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #888888;
    opacity: 0.5;
    transition: 0.2s;
    display: none;
}
.btn-goto-form-main-goal::after{
    height: 1px;
    width: 0%;
    background-color: #E8113A;
    content: '';
    display: block;
    margin-top: 6px;
    transition: 0.2s;
    transition-timing-function: ease-in;
}
.btn-goto-form-main-goal:hover::after{
    width: 100%;
}
.btn-goto-form-main-goal:hover{
    cursor: pointer;
    opacity: 1;
} */

.site-progress{
    background: rgba(136, 136, 136, 0.5);
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.site-progress-active{
    background: rgba(232, 17, 58, 0.8);
    width: 100%;
    height: calc(0/32*100%);
    transition: 0.5s;
}





/*------------  БЛОК-1   -------------------------*/


.block-1-main-text h1 .block-1-main-text-select-text, .block-1-dop-h1 .block-1-main-text-select-text{
    color: #E8113A;
    display: inline-block;
}

.block-1-main-text h1{

    background-color: #f6f5f8;
    padding: 12px 32px 12px 0px;

    opacity: 0;
    transform: translate( 480px, 0px ); 
    transition-timing-function: ease;
    animation-fill-mode: forwards;
    will-change: transform;
}
@keyframes animate-block-1-main-text-h1{
    0%{
        opacity: 0;
        transform: translate(480px, 0px);
    }
    100%{
        opacity: 1;
        transform: translate(0px, 0px);
    }
}

.block-1-main-text{
    position: absolute;
    bottom: 128px;

    /* transition: 1.6s; */
    transition-timing-function: ease;
    will-change: transform;
}

.animate-block{
    transition-timing-function: ease;
    will-change: transform;
}

.block-1-video-main-container{
    width: 450px;
    height: 280px;
    background-color: var(--white-background-color);
    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: -120px;
    left: 860px;

    opacity: 0;
    transform: translate( 480px, 0px ); 
    transition-timing-function: ease;
    will-change: transform;
}

.block-1-video-main-container-red-border{
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    margin: 16px;
    box-sizing: border-box;
    border: 2px solid rgba(217, 30, 59, 0.4);
}

.block-1-video-main-container-red-border-img{
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    margin: 16px;
    box-sizing: border-box;
    background-size: 100% 100%;
    background-position: center center;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    transition: 0.3s;
    transition-timing-function: ease;
    will-change: all;
    opacity: 1;
}

.block-1-video-main-play-btn{
    border-radius: 80px;
    background-color: var(--plyr-color-main);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    transform: scale(1);

    transition: 0.3s;
    transition-timing-function: ease;
    will-change: transform;
}
.block-1-video-main-play-btn .img{
    margin-left: 2px;
}

.block-1-video-main-container:hover .block-1-video-main-container-red-border .block-1-video-main-container-red-border-img{
    background-size: 110% 110%;
    opacity: 0.9;
}
/* .block-1-video-main-container:hover .block-1-video-main-container-red-border .block-1-video-main-container-red-border-img .block-1-video-main-play-btn{
    transform: scale(1.2);
} */

.block-1-video-main-container:hover{
    background-size: 110% 110%;
    opacity: 0.9;
    cursor: pointer;
}


.horizontal-container-1{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 200%;            /* !!!!!!!!! */ 
    /* transition: 2s; */

    /* position: fixed;
    top: 0%;
    left: 0%; */
}

.block-item{
    box-sizing: border-box;
    height: 100%;
    width: 1920px;

    transition-timing-function: ease;
    will-change: transform;
}

.block-1-alfa-arbits-container{
    position: absolute;
    top: -500px;
    right: -500px;
    opacity: 0;
    height: 1550px;
    width: 1550px;
    border-radius: 100%;
    transform: translate(400px, -400px);
    z-index: -1;

    transition-timing-function: ease;
    will-change: transform;
}

.block-1-alfa-arbits-container-inner{
    height: 100%;
    width: 100%;
    position: relative;
}



.block-1-alfa-arbits-circle-big{
    height: 1550px;
    width: 1550px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #E8113A;
    position: absolute;
    left: 0;
    top: 0;

    animation: block-1-alfa-arbits-circle-big 100s infinite;
    animation-timing-function: linear;
    transform: rotate(0deg);
    will-change: transform;
}
@keyframes block-1-alfa-arbits-circle-big {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(-360deg);
    }
}

.block-1-alfa-arbits-circle-big .block-1-alfa-arbits-businka{
    position: absolute;
    background-color: #F6F5F8;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 100%;

    animation: block-1-alfa-arbits-circle-big-businka 100s infinite;
    animation-timing-function: linear;
    transform: rotate(0deg);
    will-change: transform;
}
@keyframes block-1-alfa-arbits-circle-big-businka {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.block-1-alfa-arbits-circle-big .block-1-alfa-arbits-businka:nth-of-type(1){
    bottom: 390px;
    left: 48px;
}
.block-1-alfa-arbits-circle-big .block-1-alfa-arbits-businka:nth-of-type(2){
    top: -32px;
    left: 760px;
}
.block-1-alfa-arbits-circle-big .block-1-alfa-arbits-businka:nth-of-type(3){
    right: 48px;
    bottom: 390px;
}



.block-1-alfa-arbits-circle-middle{
    width: 900px;
    height: 900px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #E8113A;
    position: absolute;
    top: 160px;
    right: 160px;

    animation: block-1-alfa-arbits-circle-middle 80s infinite;
    animation-timing-function: linear;
    transform: rotate(0deg);
    will-change: transform;
}
@keyframes block-1-alfa-arbits-circle-middle {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.block-1-alfa-arbits-circle-middle .block-1-alfa-arbits-businka{
    position: absolute;
    background-color: #F6F5F8;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 100%;

    animation: block-1-alfa-arbits-circle-middle-businka 80s infinite;
    animation-timing-function: linear;
    transform: rotate(0deg);
    will-change: transform;
}
@keyframes block-1-alfa-arbits-circle-middle-businka {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(-360deg);
    }
}
.block-1-alfa-arbits-circle-middle .block-1-alfa-arbits-businka:nth-of-type(1){
    bottom: 160px;
    left: 40px;
}
.block-1-alfa-arbits-circle-middle .block-1-alfa-arbits-businka:nth-of-type(2){
    left: 360px;
    top: -30px;
}
.block-1-alfa-arbits-circle-middle .block-1-alfa-arbits-businka:nth-of-type(3){
    right: 0px;
    bottom: 240px;
}



.block-1-alfa-arbits-circle-little{
    width: 430px;
    height: 430px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid #E8113A;
    position: absolute;
    top: 280px;
    right: 280px;

    animation: block-1-alfa-arbits-circle-little 40s infinite;
    animation-timing-function: linear;
    transform: rotate(0deg);
    will-change: transform;
}
@keyframes block-1-alfa-arbits-circle-little {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(-360deg);
    }
}
.block-1-alfa-arbits-circle-little .block-1-alfa-arbits-businka{
    position: absolute;
    background-color: #F6F5F8;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 100%;

    animation: block-1-alfa-arbits-circle-little-businka 40s infinite;
    animation-timing-function: linear;
    transform: rotate(0deg);
    will-change: transform;
}
@keyframes block-1-alfa-arbits-circle-little-businka {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.block-1-alfa-arbits-circle-little .block-1-alfa-arbits-businka:nth-of-type(1){
    bottom: 90px;
    left: -14px;
}
.block-1-alfa-arbits-circle-little .block-1-alfa-arbits-businka:nth-of-type(2){
    left: 180px;
    top: -34px;
}
.block-1-alfa-arbits-circle-little .block-1-alfa-arbits-businka:nth-of-type(3){
    right: -20px;
    bottom: 100px;
}





.block-1{
    position: relative;
    padding-left: 180px;
    padding-right: 80px;
    background-color: var(--white-background-color);
}

.block-1-head-logo{
    height: 64px;
    /* width: 152px; */
    position: absolute;
    box-sizing: border-box;
    top: 32px;

    transform: translate(0%, -150%);
    /* animation-name: animate-block-1-head-logo ;
    animation-duration: 1s;
    animation-delay: 0.2s;
    opacity: 0;
    transform: translate(0%, -150%); */

    transition-timing-function: ease;
    /* animation-fill-mode: forwards; */
    will-change: transform;

}
@keyframes animate-block-1-head-logo{
    0%{
        opacity: 0;
        transform: translate(0%, -150%);
    }
    100%{
        opacity: 1;
        transform: translate(0%, 0%);
    }
}

.block-1-head-logo img{
    width: 100%;
    height: 100%;
}

.block-1-main-advantages{
    display: flex;
    margin-top: 48px;

    opacity: 0;
    transform: translate( 480px, 0px ); 
    transition-timing-function: ease;
    will-change: transform;
}

.block-1-main-advantages-item{
    background-color: #ECEBEF;
    display: flex;
    align-items: center;
    padding: 20px 48px 20px 48px;
    margin-right: 24px;
    transition: 0.3s;
    transform: rotate(0deg);
}

.block-1-main-advantages-item:hover{
    transform: rotate(8deg);
    cursor: default;
}

.block-1-main-advantages-item .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #1D1E22;
}

.block-1-main-advantages-item .img{
    height: 14px;
    width: 14px;
    margin-right: 10px;
    box-sizing: border-box;
    transform: rotate(45deg);
    will-change: transform;
}

.block-1-help-info-scroll{
    position: absolute;
    right: 120px;
    bottom: 120px;
    display: flex;
    align-items: center;
}

.block-1-help-info-scroll .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    /* or 16px */
    text-align: right;
    letter-spacing: 0.06em;
    color: #504F4F;
    width: 132px;
}

.block-1-help-info-scroll-mouse{
    margin-left: 16px;
}

.block-1-help-info-scroll-mouse-scilet{
    stroke: #545454;
    fill: transparent;
    stroke-width: 1.4px;
}

.block-1-help-info-scroll-mouse-point{
    fill: #E8113A;
    stroke-width: 1.4px;
}

.block-1-name-of-job{
    position: absolute;
    top: 138px;
    display: flex;
    align-items: center;
}

.block-1-name-of-job .img{
    margin-right: 12px;
    height: 14px;
    width: 14px;
}

.block-1-name-of-job .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 148.5%;
    /* identical to box height, or 30px */

    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1D1E22;
}

.block-1-dop-h1{
    position: absolute;
    bottom: 260px;
    /* right: -1260px;  */
    right: -1120px; 

    transition-timing-function: ease;
    will-change: transform;
}

.block-1-dop-h1 h1{
    text-align: right;
}





/*------------  БЛОК-2   -------------------------*/

.block-2{
    position: relative;
    /* padding-left: 180px;
    padding-right: 80px; */
    background-color: var(--white-background-color);

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}


.block-2-logo{
    /* width: 360px;
    height: 142px; */
    width: 234px;
    /* height: 93px; */

    transform: translate(280px, 0px);

    opacity: 0;
    transform: scale(1);
    transition-timing-function: ease-out;
    will-change: transform;

    /* animation-name: stretch;
    animation-duration: 1.5s; 
    animation-timing-function: ease-out; 
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;  */

    /* animation: 
        stretch
        1.5s
        ease-out
        0s
        alternate
        infinite
        none
        running; */
      
}

.block-2-logo-container{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 1;
    background-color: #F6F5F8;

    transition-timing-function: ease;
    will-change: transform;
}

.block-2-player-video{
    /* width: 100%;
    height: 100%; */
    position: relative;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    margin: 2px;

    overflow: hidden;
}

.block-2-player-video-skip-btn{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 16px 32px 16px 32px;
    background: var(--black-background-color);
    border-radius: 50px;

    position: absolute;
    right: 80px;
    bottom: 60px;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
}

.block-2-player-video-skip-btn.avtive:hover{
    cursor: pointer;
    /* background-color: #D91E3B; */
    opacity: 1 !important;
}
.block-2-player-video-skip-btn.avtive{
    cursor: pointer;
    /* background-color: #D91E3B; */
    opacity: 0.3;
}
.block-2-player-video-skip-btn .text{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 135%;
    /* identical to box height, or 27px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.block-2-player-video-skip-btn .img{
    width: 13px;
    height: 13px;
    margin-left: 10px;
}
@keyframes block-2-player-video-skip-btn-open{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 0.3;
    }
}



/*------------  БЛОК-3   -------------------------*/

.horizontal-container-2{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 200%;
    background-color: var(--black-background-color);
}

.block-3{
    position: relative;
    padding: 100px 200px 0px 200px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */

    background-color: var(--black-background-color);
}
.block-3-header{
    display: flex;
    flex-direction: row;

    will-change: transform;
    transform: translate(0%, 350%);

}
.block-3-header-img-container{
    display: flex;
    margin-left: 100px;
    position: relative;
    align-items: flex-end;
    height: fit-content;
}
.block-3-header-img-container-img{
    width: 155px;
    height: 153px;
}
.block-3-header-img-container-dop-text{
    width: 156px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 141%;
    margin-left: 32px;
    letter-spacing: 0.02em;
    margin-bottom: 24px;
    color: #8A8A8A;

}
.block-3-h1{
    width: 682px;
}

.block-3-study-container{
    display: flex;
    margin-top: 120px;

    will-change: transform;
    transform: translate(0%, 120%);
    justify-content: space-between;
}
.block-3-study-container-item{
    margin-right: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.block-3-study-container-item:last-of-type{
    margin-right: 0px;
}
.block-3-study-container-item-img{
    margin-bottom: 38px;
    opacity: 0;
    height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.block-3-study-container-item-img svg{
    width: 100%;
    height: 100%;
}
.block-3-study-container-item-text-block{
    width: 380px;
    height: 164px;
    padding-top: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #232324;

    transform: translate(0, -150%);
}
.block-3-study-container-item-text-block-main{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 46px;
    line-height: 135%;
    /* identical to box height, or 62px */
    letter-spacing: 0.02em;
    color: #FFFFFF;
}
.block-3-study-container-item-text-block-second{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 141%;
    /* or 28px */
    letter-spacing: 0.02em;
    color: #8A8A8A;
    margin-top: 6px;
}
.block-3-study-container-item-text-block-second-img{
    /* height: 23px; */
    width: 126px;
    margin-top: 8px;
}


.block-3-study-container-item-img-1, .block-3-study-container-item-img-2, .block-3-study-container-item-img-3{
    opacity: 0;
}




/*------------  БЛОК-4   -------------------------*/


.block-4{
    position: relative;
    padding-left: 180px;
    padding-top: 220px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    background-color: var(--black-background-color);
}
.block-4-header{
    width: 600px;
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-direction: column;
}
.block-4-body{
    position: relative;
}
.block-4-h1{
    transform: translate(180px, 0%);
    will-change: transform;
}
.block-4-h1-2{
    transform: translate(0px, 80px);
    opacity: 0;
    will-change: transform;
    position: absolute;
    top: 0;
    width: 600px;
}
.block-4-h1-line{
    margin-top: 26px;
    margin-bottom: 38px;
    transform: translate(180px, 0%);
}
.block-4-h1-dop-text{
    transform: translate(180px, 0%);
}
.block-4-content-1{
    display: flex;
    flex-direction: column;
    width: 940px;
}
.block-4-content-1-line{
    width: 100%;
    background-color: #737373;
    height: 1px;
}
.block-4-content-1-line-1{
    align-self: flex-start;
    /* width: 0px; */
}
.block-4-content-1-line-2{
    align-self: flex-start;
    /* width: 0px; */
}
.block-4-content-1-line-3{
    align-self: flex-end;
    /* width: 0px; */
}
.block-4-content-1-line-4{
    align-self: flex-start;
    /* width: 0px; */
}

.block-4-content-1-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    height: 142px;
    width: 0%;
    position: relative;
    /* clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%); */
    /* clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%); */
}
.block-4-content-1-row .img{
    box-sizing: border-box;
    height: 122px;
    width: 122px;
    background-color: #232324;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;

    opacity: 0;
    transform: translate(180px, 0px);
    will-change: transform;
}
.block-4-content-1-row .img svg{
    will-change: transform;
    transform: scale(1);
}
.block-4-content-1-row .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-size: 34px;
    line-height: 130%;
    /* or 44px */
    letter-spacing: 0.02em;
    color: #FFFFFF;

    white-space: nowrap;
}

.block-4-content-1-row-1{
    border-top: 1px solid #737373;
    border-bottom: 1px solid #737373;
    align-self: flex-end;
    will-change: transform;
}
.block-4-content-1-row-1 .text{
    padding-left: 48px;
}
.block-4-content-1-row-1 .img{
    right: 32px;
}
.block-4-content-1-row-2{
    border-bottom: 1px solid #737373;
    align-self: flex-end;
    will-change: transform;
}
.block-4-content-1-row-2 .text{
    padding-left: 48px;   
    position: absolute;
    /* right: 120px; */
}
.block-4-content-1-row-2 .img{
    right: 32px;
}
.block-4-content-1-row-3{
    border-bottom: 1px solid #737373;
    align-self: flex-end;
    will-change: transform;
}
.block-4-content-1-row-3 .text{
    padding-left: 48px;
}
.block-4-content-1-row-3 .img{
    right: 32px;
}

.block-4-content-2{
    position: absolute;
    top: 0px;
    z-index: 3;

    display: flex;
    flex-direction: column;
    width: 980px;

    /* display: none; */
    pointer-events: none;
}

.block-4-content-2-row{
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    height: 200px;
    width: 0%;
    position: relative;
    
    /* clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%); */
    /* clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%); */
}
.block-4-content-2-row-1{
    border-top: 1px solid #737373;
    border-bottom: 1px solid #737373;
    align-self: flex-end;
}
.block-4-content-2-row-2{
    border-bottom: 1px solid #737373;
    align-self: flex-end;
}
.block-4-content-2-row .img-container-rub-block{
    height: 120px;
    width: 120px;
    box-sizing: border-box;
    background-color: #232324;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 80px;
    position: relative;
    left: 0;
    z-index: 2;
    box-shadow: -20px 0px 0px 16px #171718;
    transform: rotate(0);
    will-change: transform;
}
.block-4-content-2-row .img-rub-char{
    width: 48px;
    height: 48px;
}
.block-4-content-2-row .img-container-rub-block .img-point{
    height: 24px;
    width: 24px;
    box-sizing: border-box;
    background-color: #E8113A;
    border: 6px solid #171718;
    border-radius: 30px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    
}


.block-4-content-2-row .main-text-container{
    position: absolute;
    right: 120px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.block-4-content-2-row .main-text-container .main-text-container-zp-container{
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
.block-4-content-2-row .main-text-container .main-text-container-zp-container .big-letter{
    /* font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-size: 91px;
    line-height: 130%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF; */

    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-size: 140px;
    line-height: 60%;

    letter-spacing: -0.04em;
    text-transform: uppercase;
    color: #FFFFFF;

}
.block-4-content-2-row .main-text-container .main-text-container-zp-container .big-letter-razd{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-size: 91px;
    line-height: 130%;
    /* or 118px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;

    margin-left: 20px;
    margin-right: 20px;
}
.block-4-content-2-row .main-text-container .main-text-container-zp-container .lit-letter{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 130%;
    /* identical to box height, or 42px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;

    margin-left: 16px;
}
.block-4-content-2-row .main-text-container .main-text-container-zp-description{
    margin-left: 100px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;

    box-sizing: border-box;
    /* height: 20px;    */
    width: 220px;
}
.block-4-content-2-row .main-text-container .main-text-container-zp-description .text-star{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 44px;
    line-height: 100%;
    /* identical to box height, or 44px */
    letter-spacing: 0.025em;
    color: #E8113A;

    height: 20px;
    margin-right: 12px;
}
.block-4-content-2-row .main-text-container .main-text-container-zp-description .text-description{
    /* font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0.06em;
    color: #777777; */

    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #777777;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.block-4-date-from-crm-info{
    position: absolute;
    bottom: 80px;
    right: 100px;

    font-family: 'Raleway';
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 177.5%;
    /* or 28px */
    letter-spacing: 0.04em;
    color: #FAFAFA;
    font-weight: 200;

    white-space: nowrap;
    width: 0px;
    overflow: hidden;
    box-sizing: border-box;
}
.block-4-date-from-crm-info .select-text{
    font-style: normal;
    color: #D91E3B;
    display: inline-block;
    font-weight: 300;
}




/*------------  БЛОК-5   -------------------------*/


.horizontal-container-3{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 100%;
    background-color: var(--black-background-color);

    opacity: 1;
}
.block-5{
    position: relative;
    padding: 80px 80px 60px 80px;
    display: flex;
    flex-direction: column;

    background-color: var(--black-background-color);
}
.block-5-h1{
    font-size: 58px;
}
.block-5-header{
    width: 100%;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 18%;
}
.block-5-body{
    margin-top: 58px;
    opacity: 0;
    transform: translate(0%, 20%) scale(1.2);
}
.block-5-h1-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: scale(1.6);

}
.block-5-h1-line{
    margin-top: 24px;
    margin-bottom: 28px;
}
.block-5-h1-dop-text{
    opacity: 0;
    width: 520px;
    text-align: center;

    transform: translate(0px, 100%);
}
.block-5-body-traner-card-block{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.block-5-body-traner-card-block-container{
    display: flex;
    justify-content: space-between;
}
.block-5-body-traner-card-item{
    height: 480px;
    width: 360px;
    position: relative;
    margin-right: 46px;
}
.block-5-body-traner-card-item:nth-last-of-type(){
    margin-right: 0px;
}
.block-5-body-traner-card-item-photo{
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    border: 2px solid#171718;
}
.h1-dop-text.block-5-h1-dop-text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    /* or 26px */
    text-align: center;
    letter-spacing: 0.025em;
    color: #9A9A9A;
}
.block-5-body-traner-card-block-dop-info{
    text-align: center;
    width: 100%;
    margin-top: 48px;

    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 177.5%;
    /* or 28px */
    letter-spacing: 0.02em;
    color: #676767;
}
.block-5-body-traner-card-item-content{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    transform: translate(0%, 6%);
    opacity: 0;
    transition: 0.6s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    will-change: transform;
    pointer-events: none;
}
.block-5-body-traner-card-item-photo:hover+.block-5-body-traner-card-item-content{
    transform: translate(0%, 0%);
    opacity: 1;
}
.block-5-body-traner-card-item-photo:hover+.block-5-body-traner-card-item-content .block-5-body-traner-card-item-content-header{
    transform: translate(0%, 0%);
}
.block-5-body-traner-card-item-photo:hover+.block-5-body-traner-card-item-content .block-5-body-traner-card-item-content-body{
    transform: translate(0%, 0%);
}
.block-5-body-traner-card-item-content-header{
    background-color: #232324;
    height: 138px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;

    transform: translate(0%, 40%);
    transition: 0.6s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    will-change: transform;
    pointer-events: none;
}
.block-5-body-traner-card-item-content-header .text{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 135%;
    /* or 49px */
    text-align: center;
    letter-spacing: 0.02em;
    color: #EDEDED;
    padding-left: 32px;
    padding-right: 32px;
}
.block-5-body-traner-card-item-content-header .star{
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 2;
}
.block-5-body-traner-card-item-content-header .left-star{
    left: 20px;
    top: 16px;
}
.block-5-body-traner-card-item-content-header .right-star{
    right: 20px;
    top: 16px;
}
.block-5-body-traner-card-item-content-body{
    background: #171718;
    border: 1px solid #232324;
    box-sizing: border-box;
    height: 342px;
    /* width: -webkit-fill-available; */
    width: 100%;
    padding: 24px 46px 24px 46px;

    transform: translate(0%, 2%);
    transition: 0.6s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    will-change: transform;
    pointer-events: none;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.block-5-body-traner-card-container{
    margin-top: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.block-5-body-traner-card-item-value{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 300;
    font-size: 100px;
    line-height: 100%;
    letter-spacing: -0.06em;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
}
.block-5-body-traner-card-item-value .little{
    font-size: 80px;
}
.block-5-body-traner-card-item-value .dop-word{
    margin-left: 16px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 135%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.block-5-body-traner-card-item-line{
    margin-top: 26px;
    margin-bottom: 22px;
    width: 48px;
    height: 2px;
    background-color: #E8113A;
}
.block-5-body-traner-card-item-description{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 135%;
    text-align: center;
    letter-spacing: 0.04em;
    width: 180px;

    color: #a1a1a1;
}



/* .block-5-body-traner-card-item-content-body-row{
    display: flex;
    flex-direction: row;
}
.block-5-body-traner-card-item-content-body-row:nth-of-type(1){
    margin-bottom: 20px;
}
.block-5-body-traner-card-item-content-body-row .metric-block{
    display: flex;
    flex-direction: column;
    width: 140px;
    box-sizing: border-box;
}
.block-5-body-traner-card-item-content-body-row .metric-block:nth-of-type(1){
    margin-right: 46px;
}
.block-5-body-traner-card-item-content-body-row .metric-block .metric-block-value{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.block-5-body-traner-card-item-content-body-row .metric-block .metric-block-value .metric-block-value-lit{
    margin-left: 8px;
    display: inline-block;

    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 135%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
}
.block-5-body-traner-card-item-content-body-row .metric-block .metric-block-line{
    box-sizing: border-box;
    width: 30px;
    height: 1px;
    background-color: #E8113A;
    margin-top: 20px;
    margin-bottom: 14px;
}
.block-5-body-traner-card-item-content-body-row .metric-block .metric-block-description{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 135%;
    letter-spacing: 0.02em;
    color: #bbbbbb;
} */

.block-5-body-traner-card-item-help-info{
    width: 56px;
    height: 48px;
    border-radius: 80px;
    background-color: #171718cc;
    position: absolute;
    box-sizing: border-box;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.block-5-body-traner-card-item-help-info .img{
    width: 14px;
    height: 22px;
    box-sizing: border-box;
}
@keyframes animation-block-5-body-traner-card-item-help-info{
    0%{
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    40%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}



/*------------  БЛОК-6   -------------------------*/



.block-6{
    position: relative;
    padding: 120px 140px 0px 180px;
    display: flex;
    flex-direction: column;
    width: 100%;

    background-color: var(--black-background-color);
}
.block-6-h1-container{
    box-sizing: border-box;
    width: 550px;
}
.block-6-h1-line{
    margin-top: 32px;
}
.block-6-header{
    display: flex;
    flex-direction: column; 
    justify-content: space-between;

    transform: translate(0%, 300px);
    opacity: 0;
}
.block-6-body-img{
    transform: translate(0%, 300px);
    opacity: 1;
    height: 80%;
    position: absolute;
    right: 120px;
    z-index: -1;
}
.block-6-body-img .svg-animate-big-prof-1{
    opacity: 0;
    width: 100%;
    height: 100%;
}
.block-6-header-prof-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 80px;
}
.block-6-header-prof-container-arrow .img{
    width: 60px;
    height: 12px;
    margin-left: 20px;
    margin-right: 24px;
    height: fit-content;
}
.block-6-header-prof-container-arrow{
    height: fit-content;
}
.block-6-header-prof-container-block-lit{
    background-color: #232324;
    height: fit-content;
    transform: scale(0.8);

    border-radius: 152px;
    padding: 32px 72px 32px 72px;
}
.block-6-header-prof-container-block-lit .text{
    font-family: 'Raleway';
    font-style: normal;
    letter-spacing: 0.025em;
    font-weight: 400;
    font-size: 58px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: fit-content;
    box-sizing: border-box;
}
.block-6-header-prof-container-block-big{
    background-color: #232324;
    border-radius: 152px;
    padding: 32px 72px 32px 72px;
    height: fit-content;
    transform: scale(0.8);
}
.block-6-header-prof-container-block-big .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 58px;
    line-height: 130%;
    /* or 75px */
    text-align: center;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: #FFFFFF;

    width: 486px;
    box-sizing: border-box;
}
.block-6-body{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.block-6-body-description{
    position: relative;
    display: flex;
    /* width: fit-content; */
    height: fit-content;
    width: 640px;
    opacity: 0;
    transform: translate(0%, 300px);
}
.block-6-body-description .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    /* or 27px */
    letter-spacing: 0.025em;
    color: #9A9A9A;
    padding: 10px;
    background-color: #171718;
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 16px;
}
.block-6-body-description .decor-rect{
    border: 1px solid #E8113A;
    background: transparent;
    width: 40px;
    height: 40px;
}

.horizontal-container-4{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 200%;
    background-color: var(--black-background-color);

    opacity: 1;
}






/*------------  БЛОК-7   -------------------------*/


.block-7{
    position: relative;
    padding: 80px;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: center;

    background-color: var(--black-background-color);
}

.block-7-body{
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    height: 680px;
    width: 840px;
    opacity: 0;

    transform: translate(680px, 0px);
}
.block-7-body-big-img{
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.block-7-header{
    margin-left: 100px;
    margin-bottom: 80px;
    width: 600px;
}

.block-7-h1{
    transform: translate(680px, 0px);
    opacity: 0;
}
.block-7-header-h1-line{
    transform: translate(680px, 0px);
    opacity: 0;
}
.block-7-h1-dop-text{
    transform: translate(680px, 0px);
    opacity: 0;
}
.block-7-work-time-container{
    transform: translate(680px, 0px);
    opacity: 0;
    will-change: transform;
}

.block-6-h1-dop-text{

}

.block-7-header-h1-line{
    margin-top: 38px;
    margin-bottom: 38px;
}

.block-7-work-time{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 48px;
    line-height: 150%;
    letter-spacing: 0.025em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    margin-top: 8px;
}

.block-7-work-day{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.025em;
    color: #FFFFFF;
    margin-top: 8px;
}

.block-7-work-day .no-work-days{
    color: #9A9A9A;
    margin-left: 12px;
}



/*------------  БЛОК-8   -------------------------*/

.horizontal-container-5{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 100%;
    background-color: var(--black-background-color);

    opacity: 1;
}
.block-8{
    position: relative;
    /* padding: 80px 80px 60px 80px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background-color: var(--black-background-color);
}

.block-8-body-corporat-video-container{
    box-sizing: border-box;
    /* height: 800px; */
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
}

.block-8-body-corporat-video-container-video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-8-body{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;

    margin-top: 0px;
    opacity: 0;
    transform: translate(0px, 0px);
}

#player-1{
    /* height: 800px;
    width: 1480px; */
}

.block-8-header{
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(23, 23, 24, 0.8);
}

.block-8-header-h1-line{
    margin-top: 22px;
    margin-bottom: 28px;

    transform: translate(0px, 380px);
    opacity: 0;
}

.block-8-h1{
    transform: translate(0px, 380px);
    opacity: 0;
}

.block-8-h1-dop-text{
    width: 424px;
    text-align: center;

    transform: translate(0px, 380px);
    opacity: 0;
}

.block-8-body-bg-confiti{
    width: 1540px;
    height: 300px;
    position: absolute;
}

.block-8-body-bg-confiti-1{
    top: -50px;

    transform: translate(0px, 380px);
    transform: scale(0.7);
}
.block-8-body-bg-confiti-2{
    bottom: -50px;
    transform: matrix(1, 0, 0, -1, 0, 0);

    transform: translate(0px, 380px);
    transform: scale(0.7);
}





/*------------   БЛОК-9   -------------------------*/

.horizontal-container-6{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 100%;
    background-color: var(--black-background-color);

    opacity: 1;
}
.block-9{
    position: relative;
    /* padding: 80px 80px 60px 80px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background-color: var(--black-background-color); */

}

.block-9-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.block-9-header-logo-label{
    display: flex;
    width: fit-content;
    height: fit-content;
    border-radius: 80px;
    background: #232324;
    padding: 12px 20px 12px 20px;

    opacity: 0;
    margin-bottom: 8px;
    transform: translate(0px, 380px);
}

.block-9-header-logo-label .img{
    width: 86px;
}

.block-9-h1{
    font-size: 80px;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-9-main-text-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-9-h1-dop-text{
    margin-top: 16px;

    opacity: 0;
    transform: translate(0px, 380px);
}





/*------------   БЛОК-10   -------------------------*/

.horizontal-container-7{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 200%;
    background-color: var(--white-background-color);

    opacity: 1;
}

.block-10{
    position: relative;
    /* padding: 80px 80px 60px 80px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: center; */
    
    background-color: var(--white-background-color);
}

.block-10-img-container{
    position: relative;
    width: fit-content;
    height: fit-content;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-10-img-container-img{
    width: 1100px;
    height: 700px;
    box-sizing: border-box;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-10-img-container-figur-1{
    position: absolute;
    top: -20px;
    right: 68px;
    z-index: -1;
    box-sizing: border-box;
    width: 530px;
    height: 240px;
    border: 1px solid #E8113A;
}
.block-10-img-container-figur-2{
    position: absolute;
    bottom: -20px;
    left: -20px;
    z-index: -1;
    width: 900px;
    height: 220px;
    border: 1px solid #E8113A;
}

.block-10-h1{
    font-size: 64px;
    line-height: 135%;
    letter-spacing: 0em;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-10-h1-select-text{
    color: #E8113A;
    display: inline-block;
}

.block-10-body{
    margin-left: 100px;
    box-sizing: border-box;
    width: 566px;
}

.block-10-header-h1-line{
    margin-top: 38px;
    margin-bottom: 38px;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-10-h1-dop-text, .block-10-h1-dop-text-2{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    /* or 29px */
    letter-spacing: 0.035em;
    color: #4A4A4A;

    display: inline-block;
    margin-bottom: 24px;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-10-h1-dop-text-select-text{
    color: #E8113A;
    display: inline-block;
}





/*------------   БЛОК-11   -------------------------*/

.block-11{
    position: relative;
    /* padding: 80px 80px 60px 80px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: center; */
    padding-left: 180px;
    
    background-color: var(--white-background-color);
}

.block-11-body{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: fit-content;
}

.block-11-cards-stat-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 40px;
}

.block-11-text-container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.block-11-h1{
    width: 530px;

    opacity: 0;
    transform: translate(380px, 0px);
}

.block-11-h1-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-11-h1-dop-text{
    width: 420px;
    line-height: 160%;
    display: inline-block;

    opacity: 0;
    transform: translate(380px, 0px);
}

.block-11-h1-dop-text-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-11-header{
    margin-top: 80px;
}

.block-11-header-h1-line{
    margin-top: 38px;
    margin-bottom: 38px;

    opacity: 0;
    transform: translate(380px, 0px);
}

.block-11-dop-crm-info{
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
    line-height: 160%;
    /* or 22px */
    letter-spacing: 0.035em;
    color: #4A4A4A;

    opacity: 0;
    transform: translate(380px, 0px);
}

.block-11-dop-crm-info .select-text{
    color: #E8113A;
    font-style: normal;
}

.block-11-cards-stat-container-colmn-1{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.block-11-cards-stat-value{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 100;
    font-size: 290px;
    line-height: 100%;
    /* identical to box height, or 393px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1D1E22;
}
.block-11-cards-stat-text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 140%;
    /* identical to box height, or 28px */
    text-align: center;
    letter-spacing: 0.02em;
    color: #1D1E22;
}

.block-11-cards-stat-1{
    width: 500px;
    height: 436px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #EFEDF1;
    position: relative;

    margin-bottom: 46px;

    opacity: 0;
    transform: translate(0px, 280px);
}

.block-11-cards-stat-2{
    width: 720px;
    height: 256px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #EFEDF1;
    position: relative;

    opacity: 0;
    transform: translate(0px, 280px);
}

.block-11-cards-stat-3{
    height: 482px;
    width: 286px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    background-color: #EFEDF1;
    position: relative;

    opacity: 0;
    transform: translate(0px, 280px);
}

.block-11-cards-stat-container-colmn-1{
    margin-right: 46px;
}
.block-11-cards-stat-1 .block-11-cards-stat-bg{
    position: absolute;
    left: 26px;
    top: 26px;
}
.block-11-cards-stat-1 .block-11-cards-stat-bg .img{
    width: 278px;
    height: 279px;
    display: inline-block;
    user-select: none;
    pointer-events: none;
}
.block-11-cards-stat-1 .block-11-cards-stat-value{
    font-size: 290px;
    margin-top: -40px;
}
.block-11-cards-stat-1 .block-11-cards-stat-text{
    margin-top: 12px;
}


.block-11-cards-stat-2 .block-11-cards-stat-bg{
    position: absolute;
    left: 26px;
    top: 26px;
}
.block-11-cards-stat-2 .block-11-cards-stat-bg .img{
    width: 202px;
    height: 202px;
    display: inline-block;
    user-select: none;
    pointer-events: none;
}
.block-11-cards-stat-2 .block-11-cards-stat-value{
    font-size: 150px;
    font-weight: 300;
}
.block-11-cards-stat-2 .block-11-cards-stat-text{
    width: 168px;
    margin-left: 40px;
    text-align: left;
}



.block-11-cards-stat-3 .block-11-cards-stat-bg{
    position: absolute;
    left: 22px;
    top: 80px;
}
.block-11-cards-stat-3 .block-11-cards-stat-bg .img{
    width: 223px;
    height: 224px;
    display: inline-block;
    user-select: none;
    pointer-events: none;
}
.block-11-cards-stat-3 .block-11-cards-stat-value{
    font-size: 140px;
    font-weight: 400;

    margin-top: 130px;
}
.block-11-cards-stat-3 .block-11-cards-stat-value .maney-char-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    margin-top: 12px;
}
.block-11-cards-stat-3 .block-11-cards-stat-value .maney-char-container .maney-ed{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 100%;
    /* or 32px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1D1E22;

    margin-top: 2px;
    margin-right: 4px;
} 
.block-11-cards-stat-3 .block-11-cards-stat-value .maney-char-container .maney-char{
    width: 30px;
    height: 30px;
    background-color: #F5F5F5;
    text-align: center;
    line-height: 30px;
    border-radius: 20px;
    font-size: 22px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1D1E22;
} 
.block-11-cards-stat-3 .block-11-cards-stat-text{
    width: 172px;
    margin-top: 40px;
}


/*------------   БЛОК-12   -------------------------*/

.horizontal-container-8{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 100%;
    background-color: var(--white-background-color);

    opacity: 1;
}


.block-12{
    position: relative;
    /* padding: 80px 80px 60px 80px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    padding-top: 80px;
    
    background-color: var(--white-background-color);
}

.block-12-header-h1-line{
    margin-top: 20px;
    margin-bottom: 20px;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-12-h1{
    font-size: 68px;
    display: inline-block;

    opacity: 0;
    transform: translate(0px, 380px);
}
.block-12-h1-select-text{
    color: #E8113A;
    display: inline-block;

    margin-right: 14px;
}

.block-12-h1-dop-text{
    line-height: 160%;
    width: 540px;
    text-align: center;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-12-h1-dop-text-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-12-body-dop-img{
    opacity: 0.5;
    position: absolute;
    background-size: cover;
}

.block-12-body{
    position: relative;
    margin-top: 38px;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-12-body-main-img{
    width: 930px;
    height: 580px;
    background-size: cover;
}

.block-12-body-dop-img{
    width: 640px;
    height: 400px;
    position: absolute;
    z-index: -1;

    top: 90px;
}

.block-12-body-dop-img-1{
   left: -60px;

   opacity: 0;
   transform: translate(-60px, 0px);
}
.block-12-body-dop-img-2{
    right: -60px;

    opacity: 0;
    transform: translate(-60px, 0px);
 }




 /*------------   БЛОК-13   -------------------------*/

.horizontal-container-9{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 100%;
    background-color: var(--white-background-color);

    opacity: 1;
}

.block-13{
    position: relative;
    /* padding: 80px 80px 60px 80px; */
    display: flex;
    flex-direction: row;
    align-items: center;
    /* justify-content: center; */
    padding-left: 180px;
    padding-right: 100px;
    background-color: var(--white-background-color);
}

.block-13-h1{
    width: 650px;
    box-sizing: border-box;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-13-h1-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-13-h1-dop-text{
    width: 400px;
    margin-top: 48px;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-13-h1-dop-text-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-13-photos-block-list{
    /* margin-top: 220px; */
    display: flex;
    flex-direction: column;
    align-items: center;

}

.block-13-photos-block-list-owerflow{
    width: calc(700px + 120px + 120px);   /* width: 940px; */
    height: calc(460px + 80px + 80px);  /* height: 620px; */
    box-sizing: border-box;
}

.block-13-photos-block-list-item{
    width: calc(700px + 120px + 120px);   /* width: 940px; */
    height: calc(460px + 80px + 80px);  /* height: 620px; */
    box-sizing: border-box;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 120px;
    padding-right: 120px;

    opacity: 0.2;
    transition: 0.3s;
    transition-timing-function: ease;
}

.block-13-photos-block-list-item-photo{
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center;
}

.block-13-text-block{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block-13-photos-block{
    width: 50%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-13-h1-dop-text-2{
    width: 240px;
    margin-top: 20px;
}

.block-13-h1-dop-text-2-cont{
    position: relative;
    width: fit-content;

    opacity: 0;
    transform: translate(0px, 380px);
}
.block-13-h1-dop-text-2-cont .img{
    position: absolute;
    bottom: 6px;
    right: -58px;

    opacity: 0;
    transform: translate(-140px, 0px);
}

.block-13-photos-block-list-item.active{
    padding: 0px;
    opacity: 1;
    transition: 0.3s;
    transition-timing-function: ease;
}

.block-13-photos-block-list-item-finish{
    position: relative;
}

.block-13-photos-block-list-item-finish-photo-text{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 160px;
    background-color: rgba(23, 23, 24, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-13-photos-block-list-item-finish-photo-text .text{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 135%;
    /* identical to box height, or 65px */
    letter-spacing: 0.02em;
    text-transform: uppercase;

    color: #FFFFFF;
}

.block-13-photos-block-list-item-finish-photo-text .select-text{
    color: #E8113A;
    display: inline-block;
}


/*------------  БЛОК-14   -------------------------*/

.horizontal-container-10{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 300%;
    background-color: var(--black-background-color);

    opacity: 1;
}
.block-14{
    position: relative;
    /* padding: 80px 80px 60px 80px; */
    /* display: flex;
    flex-direction: column;
    align-items: center; */

    padding: 100px 120px 0px 120px;
    position: relative;

    background-color: var(--black-background-color);
}

.block-14-body{
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* margin-top: 60px; */
    position: absolute;
    bottom: 0;
}

.block-14-header{

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-14-h1-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-14-body-infohraphics{
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 150px;
}

.block-14-body-waiting-you-list-1{
    display: flex;
    flex-direction: column;
    margin-top: 96px;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-14-body-waiting-you-list-item{
    position: relative;
    width: 452px;
    height: 90px;
    /* background: #1F1F1F; */
    border-radius: 50px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.block-14-body-waiting-you-list-2 .block-14-body-waiting-you-list-item{
    justify-content: flex-start;
}

.block-14-body-waiting-you-list-item-bg{
    position: absolute;
    height: 100%;
    background: #1F1F1F;
    border-radius: 50px;
    z-index: -1;

    opacity: 1;
    width: 0%;
}

.block-14-body-waiting-you-list-item-icon{
    position: absolute;
    top: 0;
    right: 0;
    background: #E8113A;
    border-radius: 50px;
    width: 90px;
    height: 90px;

    /* padding: 26px 28px 28px 28px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.block-14-body-waiting-you-list-2 .block-14-body-waiting-you-list-item .block-14-body-waiting-you-list-item-icon{
    top: 0;
    right: unset;
    left: 0;
}

.block-14-body-waiting-you-list-item-text{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 100%;
    /* identical to box height, or 24px */
    letter-spacing: 0.02em;
    color: #E9E7EC;
    margin-right: 120px;

    opacity: 0;
}
.block-14-body-waiting-you-list-2 .block-14-body-waiting-you-list-item .block-14-body-waiting-you-list-item-text{
    margin-left: 120px;
    margin-right: unset;
}

.block-14-body-waiting-you-photo-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* position: relative; */

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-14-body-waiting-you-photo-container-lines{
    margin-top: 44px;
    z-index: 2;

    clip-path: polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);
    /* opacity: 0; */
}

.block-14-body-waiting-you-list-2{
    display: flex;
    flex-direction: column;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-14-body-waiting-you-photo-container-img{
    width: 600px;
    height: 740px;
    background-size: cover;
    position: absolute;
    bottom: 0;
    z-index: 3;

    opacity: 0;
    transform: translate(0px, 380px);
}

.block-14-body-waiting-you-photo-container-circuls-big{
    width: 584px;
    height: 584px;
    background-color: transparent;
    border-radius: 500px;
    border: 6px solid #262627;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    /* margin-bottom: -30px; */
    top: -20px;

    opacity: 0;
    transform: scale(0.5);
}

.block-14-body-waiting-you-photo-container-circuls-little{
    background-color: #262627;
    border-radius: 500px;
    width: 436px;
    height: 436px;
}




/*------------  БЛОК-15   -------------------------*/

.block-15{

    /* padding: 80px 80px 60px 80px; */
    /* display: flex;
    flex-direction: column;
    align-items: center; */

    padding: 0px 0px 0px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background-color: var(--black-background-color);
}

.block-15-work-algoritm-list-item-gif-container .svg-gif-container .main-path{
    /* transition: 2s; */
    /* display: flex;

    d: path('M341 2V219H199L171.5 249.5L144 219L2 219V2H171.5H341Z'); 
    stroke: #E8113A;
    fill: #262627;
    stroke-width: 3;
    animation-name: path;
    animation-duration: 5s;
    animation-timing-function: ease-in; 
    animation-fill-mode: forwards; */

    transition: var(--work-algoritm-animation-s);

}

.block-15-work-algoritm-list-item-gif-container .video-gif-container{
    opacity: 0;
    transform: scale(0.4);
    margin-top: 74px;
    border-radius: 60px;

    transition: var(--work-algoritm-animation-s);
    transition-timing-function: ease;

    width: 350px;
    height: 200px;
    object-fit: cover;
    position: absolute;
    top: 12px;
    left: 16px;
    z-index: 2;
}

.block-15-work-algoritm-list-item-gif-container-number{
    position: absolute;
    display: inline-block;
    top: 134px;
    margin-left: 12px;

    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 400;
    font-size: 64px;
    line-height: 135%;

    transition: var(--work-algoritm-animation-s);
    transition-timing-function: ease;
    opacity: 1;

    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
}


.block-15-work-algoritm-list-item-gif-container .svg-gif-container{
    transition: 2s;
    display: flex;
}

.block-15-h1-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-15-h1{
   
    font-size: 60px;
    line-height: 135%;
    letter-spacing: 0.02em;

    transform: translate(380px, 0px);
    opacity: 0;
}

.block-15-header{
    margin-bottom: 138px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-15-main-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.block-15-h1-line{
    margin-top: 28px;

    transform: translate(380px, 0px);
    opacity: 0;
}

.block-15-work-algoritm-container{
    width: 380px;
    height: 480px;
    position: relative;

    transform: translate(380px, 0px);
    opacity: 0;
}


.block-15-work-algoritm-list{
    display: flex;
    flex-direction: row;
    width: 300%;
    height: 100%;
}

.block-15-work-algoritm-list-item-gif-container{
    margin-bottom: 66px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;

    transition: var(--work-algoritm-animation-s);
    transition-timing-function: ease;
    opacity: 0.3;
    will-change: transform;
}

.block-15-work-algoritm-list-item-text-container{
    display: flex;
    flex-direction: column;
    align-items: center;

    transition: var(--work-algoritm-animation-s);
    transition-timing-function: ease;
    opacity: 0.2;
}

.block-15-work-algoritm-list-item-text-container .title{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    /* or 26px */

    text-align: center;
    text-transform: uppercase;

    transition: var(--work-algoritm-animation-s);
    transition-timing-function: ease;

    color: #FFFFFF;

    width: 312px;
    box-sizing: border-box;
}
.block-15-work-algoritm-list-item-text-container .line{
    background-color: #E8113A;
    height: 2px;
    width: 38px;
    margin-top: 6px;
    margin-bottom: 6px;

    transition: var(--work-algoritm-animation-s);
    transition-timing-function: ease;
    opacity: 0;
}

.block-15-work-algoritm-list-item-text-container .desc{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    /* or 20px */
    text-align: center;
    color: #8E879A;

    width: 210px;
    box-sizing: border-box;
}

.block-15-work-algoritm-progress{
    position: relative;
    z-index: 2;

    width: calc(380px * 7 - 380px);
    height: 1px;
    background-color: #DAD7DE;

    bottom: 180px;
    left: calc(380px / 2 + 8px);
}

.block-15-work-algoritm-progress-active{
    background-color: #E8113A;
    width: 0px;
    height: 3px;
    margin-top: -1px;
    position: absolute;
}

.block-15-work-algoritm-progress-point-cont{
    width: 26px;
    height: 26px;
    background: transparent;
    position: absolute;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 50px;

    z-index: -1;

    /* opacity: 0;
    transform: scale(0.8); */

}
.block-15-work-algoritm-progress-point-cont-1{
    top: -12px;
    left: -16px;
    order: 1;
}
.block-15-work-algoritm-progress-point-cont-2{
    top: -12px;
    left: calc(380px - 16px);
    order: 2;
}
.block-15-work-algoritm-progress-point-cont-3{
    top: -12px;
    left: calc(380px*2 - 16px);
    order: 3;
}
.block-15-work-algoritm-progress-point-cont-4{
    top: -12px;
    left: calc(380px*3 - 16px);
    order: 4;
}
.block-15-work-algoritm-progress-point-cont-5{
    top: -12px;
    left: calc(380px*4 - 16px);
    order: 5;
}
.block-15-work-algoritm-progress-point-cont-6{
    top: -12px;
    left: calc(380px*5 - 16px);
    order: 6;
}
.block-15-work-algoritm-progress-point-cont-7{
    top: -12px;
    left: calc(380px*6 - 16px);
    order: 7;
}


.block-15-work-algoritm-progress-point-lit{
    width: 12px;
    height: 12px;
    background-color: #E8113A;
    border-radius: 50px;
}

.block-15-work-algoritm-progress-point-cont.active{
    background: #E8113A;
    z-index: 3;
    /* margin-left: -4px; */
}

.block-15-work-algoritm-progress-point-cont.active .block-15-work-algoritm-progress-point-lit{
    background: #F6F5F8;
    z-index: 3;
}


.block-15-work-algoritm-list-item.active .block-15-work-algoritm-list-item-gif-container .video-gif-container{
    opacity: 1;
    transform: scale(1);
    margin-top: 0px;
    border-radius: 0px;
}
.block-15-work-algoritm-list-item.active .block-15-work-algoritm-list-item-gif-container{
    opacity: 1;
    margin-left: -4px;
}
.block-15-work-algoritm-list-item.active .block-15-work-algoritm-list-item-gif-container .block-15-work-algoritm-list-item-gif-container-number{
    opacity: 0;
}
.block-15-work-algoritm-list-item.active .block-15-work-algoritm-list-item-text-container .title{
    font-size: 24px;
    width: 340px;
    text-align: center;
}
.block-15-work-algoritm-list-item.active .block-15-work-algoritm-list-item-text-container .line{
    margin-top: 12px;
    margin-bottom: 12px;
    opacity: 1;
}
.block-15-work-algoritm-list-item.active .block-15-work-algoritm-list-item-text-container{
    opacity: 1;
}


.block-15-work-algoritm-list-item.was-active .block-15-work-algoritm-list-item-gif-container{
    opacity: 1;
}
.block-15-work-algoritm-list-item.was-active .block-15-work-algoritm-list-item-text-container{
    opacity: 1;
}



/*------------   БЛОК-16   -------------------------*/

.block-16{
    padding: 0px 0px 0px 0px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    background-color: var(--black-background-color);

    position: relative;
}

.block-16-h1-select-text{
    display: inline-block;
    color: #E8113A;
}

.block-16-h1{
    font-size: 64px;
    line-height: 135%;
    letter-spacing: 0.02em;
}

.block-16-header{
    position: relative;
    box-sizing: border-box;
    width: 720px;

    margin-left: 120px;
    margin-bottom: 30px;
}

.block-16-header-arrow-down{
    position: absolute;
    right: 100px;
    bottom: -24px;
}

.block-16-h1-line{
    margin-bottom: 28px;

    opacity: 0;
    transform: translate(380px, 0px);
}

.block-16-h1{
    opacity: 0;
    transform: translate(380px, 0px);
}

.block-16-img-container{
    position: relative;
}

.block-16-img-container:hover{
    
}

.block-16-img-container-main{
    box-sizing: border-box;
    width: 680px;
    height: 450px;
    z-index: 5;

    opacity: 0;
    transform: translate(0px, 900px);
    background-size: cover;
}
.block-16-img-container-sec-1{
    box-sizing: border-box;
    width: 600px;
    height: 430px;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 2px;

    opacity: 0;
    transform: translate(0px, 900px) rotate(4deg);
    background-size: cover;
}
.block-16-img-container-sec-2{
    box-sizing: border-box;
    width: 620px;
    height: 420px;
    position: absolute;
    z-index: -2;
    top: 12px;
    right: 4px;

    opacity: 0;
    transform: translate(0px, 900px) rotate(-6deg);
    background-size: cover;
}

.block-16-circle-decorate{
    position: absolute;
    left: -18%;
    border: 2px solid rgba(226, 224, 231, 0.1);
    width: 820px;
    height: 820px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;

    transform: translate(680px, 0px);
    z-index: -1;
}

.block-16-circle-decorate-lit{
    border: 2px solid rgba(226, 224, 231, 0.1);
    width: 420px;
    height: 420px;
    border-radius: 100%;
    margin-left: -30%;
}

.block-16-img-container-main-circle-lit-1{
    position: absolute;
    width: 100px;
    height: 100px;
    border: 2px solid #E8113A;
    border-radius: 100%;
    left: -40px;
    top: -40px;
    z-index: -2;
    opacity: 0;

    transform: translate(60px, 60px);
    
}
.block-16-img-container-main-circle-lit-2{
    position: absolute;
    width: 100px;
    height: 100px;
    border: 2px solid #E8113A;
    border-radius: 100%;
    right: -30px;
    bottom: -30px;
    z-index: -2;
    opacity: 0;

    transform: translate(-60px, -60px);

}

.block-16-header-arrow-down path{
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 40%); */
}






/*------------  БЛОК-17   -------------------------*/


.horizontal-container-11{
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    width: 100%;
    background-color: var(--black-background-color);

    opacity: 1;
}
.block-17{
    position: relative;
    /* padding: 80px 80px 60px 80px; */
    /* display: flex;
    flex-direction: column;
    align-items: center; */

    padding: 0px 0px 0px 0px;
    position: relative;

    background-color: var(--black-background-color);
}

.block-17-main-form{
    display: flex;
    flex-direction: column;
    margin-top: 120px;
    margin-left: 220px;

    width: 1140px;
}

.block-17-main-form-header{

    margin-bottom: 80px;
    position: relative;
    box-sizing: border-box;
}

.block-17-main-form-header-text-lvl-1{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    /* line-height: 135%; */
    /* or 32px */
    text-transform: uppercase;
    color: #58585A;

    display: flex;
    margin-bottom: 6px;
    margin-left: 64px;

    transform: translate(0px, 380px);
    opacity: 0;

    will-change: transform;

    /* 
    height: 60px;
    box-sizing: border-box; */
}
.block-17-main-form-header-text-lvl-1 .select-text{
    color: #E8113A;
    margin-left: 6px;
    margin-top: -4px;
}

.block-17-main-form-header-text-lvl-2{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 300;
    font-size: 79px;
    /* line-height: 135%; */
    /* identical to box height, or 107px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 20px;

    opacity: 0;
    transform: translate(0px, 380px);

    will-change: transform;
}

.block-17-main-form-header-text-lvl-3{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 300;
    font-size: 38px;
    /* line-height: 135%; */
    /* or 51px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
}

.block-17-main-form-header-text-lvl-3-progess-container{
    display: flex;
    align-items: center;

    opacity: 0;
    transform: translate(0px, 380px);

    will-change: transform;
}

.block-17-main-form-header-progres-container{
    display: flex;
    align-items: center;
    margin-left: 58px;

    opacity: 0;
    transform: translate(-380px, 0px);
    will-change: transform;

    display: none;
}
.block-17-main-form-header-progres-container .progess{
    width: 260px;
    height: 1px;
    position: relative;
    box-sizing: border-box;
    background-color: #2E2E30;
}
.block-17-main-form-header-progres-container .progess-active{
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    box-sizing: border-box;
    background-color: #E8113A;

    transition: 0.8s;
    transition-timing-function: ease;
}
.block-17-main-form-header-progres-container .progess-text-p{
    margin-left: 22px;

    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    /* line-height: 135%; */
    /* identical to box height, or 27px */
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #E8113A;
}

.block-17-main-form-header-decorate-circle{
    position: absolute;
    top: -18px;
    left: -68px;

    transform: translate(0px, 380px);
    opacity: 0;

    will-change: transform;
}
.block-17-main-form-header-decorate-circle .circle-stroke{
    stroke-width: 1;
    stroke-dashoffset: -218;
    /* stroke-dashoffset: 0; */
    stroke-dasharray: 218;
}

.block-17-main-form-body{
    opacity: 0;
    transform: translate(0px, 380px);

    will-change: transform;
}

.block-17-main-form-body-num-step-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 32px;
}

.block-17-main-form-body-num-step{
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.block-17-main-form-body-num-step .num{
    background: #801529;
    border-radius: 5px;
    margin-right: 16px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-17-main-form-body-num-step .num .value{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    /* line-height: 100%; */
    /* identical to box height, or 20px */
    text-align: center;
    letter-spacing: -0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    margin-bottom: 2px;

    transition: 0.6s;

}
.block-17-main-form-body-num-step .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    /* line-height: 130%; */
    letter-spacing: 0.02em;
    /* identical to box height, or 26px */
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    opacity: 0.9;

    transition: 0.6s;
}


.block-17-main-form-body-btn-skip-step{
    display: flex;
    flex-direction: row;
    align-items: center;

    transition: 0.8s;
    opacity: 0;
    pointer-events: none;
}
.block-17-main-form-body-btn-skip-step:hover .img{
    stroke: #5f5f69;
}
.block-17-main-form-body-btn-skip-step:hover .text{
    color: #5f5f69;
}
.block-17-main-form-body-btn-skip-step:hover{
    cursor: pointer;
}


.block-17-main-form-body-btn-skip-step .img{
    margin-left: 10px;
    stroke: #45454D;
}
.block-17-main-form-body-btn-skip-step .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 100%; */
    /* identical to box height, or 16px */
    color: #45454D;
}

.block-17-main-form-body-questions-container{
    width: 100%;
    height: 212px;
    box-sizing: border-box;
    overflow: hidden;
}

.block-17-main-form-body-questions-container-list{
    width: 200%;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.block-17-main-form-body-questions-containe-item{
    display: flex;
    flex-direction: column;

    height: 100%;
    width: 100%;

    transform: translate(0%, 0%);
}
.block-17-main-form-body-questions-containe-row{
    display: flex;
    flex-direction: row;
    margin-bottom: 32px;
}
.block-17-main-form-body-questions-containe-row:last-of-type{
    margin-bottom: 0px;
}

.block-17-main-form-input-block-item{
    margin-right: 32px;
}
.block-17-main-form-input-block-item:last-of-type{
    margin-right: 0px;
}

.block-17-main-form-input-input-text{
    height: 68px;
    background-color: #212122;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* line-height: 100%; */
    /* identical to box height, or 18px */
    letter-spacing: 0.02em;
    color: #FFFFFF;
    display: inline-block;
    transition: 0.3s;
    font-feature-settings: 'pnum' on, 'lnum' on;
    padding: 20px 32px 20px 32px;
}
.block-17-main-form-input-block-item select{
    padding: 20px 32px 20px 32px;
    background: url('../resources/select-arrow-down.svg') no-repeat right #212122;
    -webkit-appearance: none;
    background-position-x: 92%;
}
.block-17-main-form-input-block-item-3 .block-17-main-form-input-input-text{
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 58px;
}

.block-17-main-form-input-input-text::placeholder{
    color: #6A6A6A;
}

.block-17-main-form-input-input-text.w-270{
    /* width: 360px; */
    width: 270px;
}
.block-17-main-form-input-input-text.w-408{
    /* width: 360px; */
    width: 408px;
}
.block-17-main-form-input-input-text.w-360{
    /* width: 360px; */
    width: 356px;
}
.block-17-main-form-input-input-text.w-700{
    width: 700px;
}
.block-17-main-form-input-block-item.w-100p{
    width: 100%;
}
.block-17-main-form-input-block-item.w-100p input{
    width: 100%;
}
.block-17-main-form-input-input-text.w-550{
    width: 550px;
}

.block-17-main-form-input-block-item .label{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    /* line-height: 130%; */
    /* identical to box height, or 16px */
    letter-spacing: 0.02em;
    color: #BFC0C4;
    margin-bottom: 6px;
}

.block-17-main-form-body-btns-container{
    display: flex;
    margin-top: 58px;
    /* align-self: flex-end; */
    width: 100%;
    justify-content: space-between;
    align-items: baseline;

    opacity: 0;
    transform: translate(0px, 380px);

    will-change: transform;
}

.block-17-main-form-body-btns-container-btns{
    display: flex;
}

.block-17-main-form-btn-back{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    /* line-height: 100%; */
    /* identical to box height, or 22px */
    letter-spacing: 0.02em;
    color: #FFFFFF;

    padding: 24px 50px 28px 50px;
    background-color: transparent;
    border: 1px solid #212122;
    border-radius: 50px;

    user-select: none;
}
.block-17-main-form-btn-back:hover{
    cursor: pointer;
    border: 1px solid #2c2c2f;
}

.block-17-main-form-btn-next{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    /* line-height: 100%; */
    /* identical to box height, or 22px */
    letter-spacing: 0.02em;
    color: #FFFFFF;

    padding: 24px 50px 28px 50px;
    background-color: #E8113A;
    border: 1px solid transparent;
    border-radius: 50px;

    margin-left: 20px;

    user-select: none;
    transition: 0.8s;
}
.block-17-main-form-btn-next:hover{
    cursor: pointer;
    background-color: #cb193a;
}

.block-17-circle-main-container{
    position: absolute;

    top: calc(-260px);
    right: calc(-260px);
    /* top: 0;
    right: 0; */
    z-index: -1;

    opacity: 0;

    will-change: transform;
}

.block-17-circle-big{
    width: 680px;
    height: 680px;
    border: 1px solid #2D2E34;
    border-radius: 100%;
    position: relative;

    animation: animation-rotate-circle-big 60s infinite;
    animation-timing-function: linear;
    transform: rotate(0deg);
    will-change: transform;
}
@keyframes animation-rotate-circle-big {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(-360deg);
    }
}

.block-17-circle-star-container-lit{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    margin-top: -2px;

    animation: animation-rotate-stars-lit 8s infinite;
    animation-timing-function: linear;
    transform: rotate(0deg);
    will-change: transform;
}
@keyframes animation-rotate-stars-lit {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

.block-17-circle-star-main{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-17-circle-star-container-absol{
    position: absolute;
    width: fit-content;
    height: fit-content;
}
.block-17-circle-star-container{
    position: relative;
    width: 71px;
    height: 12px;
}
.block-17-circle-star-container-absol:nth-of-type(1){
    top: calc(-12px/2);
    left: calc(680px/2 - 71px/2);
}
.block-17-circle-star-container-absol:nth-of-type(2){
    /* bottom: calc(-12px/2);
    left: calc(680px/2 - 71px/2); */

    bottom: 170px;
    left: 602px;

    transform: rotate(26deg);
}
.block-17-circle-star-container-absol:nth-of-type(3){
    /* bottom: calc(680px/2 - 12px/2);
    left: calc(-71px/2); */

    bottom: 170px;
    left: 6px;

    transform: rotate(-26deg);
}
.block-17-circle-star-container-absol:nth-of-type(4){
    bottom: calc(680px/2 - 12px/2);
    right: calc(-71px/2);
}

.block-17-coner-container{
    position: absolute;
    top: 60px;
    right: 100px;

    opacity: 0;
    transform: translate(0px, 380px);
    will-change: transform;
}

.block-17-main-form-input-block-item .focus-line{
    height: 2px;
    background-color: #2D2E34;
    width: 100%;
    margin-top: -2px;
    z-index: 3;
    position: relative;
    transition: 0.3s;
}

.block-17-main-form-input-block-item input:focus ~ .focus-line{
    background-color: #6A6D7A;
}
.block-17-main-form-input-block-item input:focus{
    background-color: #2B2B2D;
}

.block-17-main-form-input-block-item-btn{
    display: flex;
    align-items: center;
    height: 68px;
    align-self: flex-end;
    border: 1px solid #212122;
    padding-left: 24px;
    transition: 0.1s;
}
.block-17-main-form-input-block-item-btn:hover{
    border: 1px solid #333336;
    cursor: pointer;
}

.block-17-main-form-input-block-item-btn .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    /* line-height: 120%; */
    /* or 14px */
    letter-spacing: 0.02em;
    color: #BFC0C3;

    margin-left: 12px;
    width: 60px;
}
.block-17-main-form-input-block-item-btn.w-136{
    width: 136px;
}

.block-17-main-form-input-block-item.input-block-item-whis-btn{
    margin-right: unset;
}

.block-17-main-form-input-block-item-btn-container{
    height: fit-content;
    align-self: flex-end;

    display: none;
}

.block-17-main-form-input-block-item-btn-container input{
    display: none;
}

.block-17-main-form-body-btns-container-privacy-policy-container{
    height: 28px;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
}



/* -------------   Castom CheckBox  ----------------------------*/

/* Customize the label (the container) */
.container {
    display: block;
    position: relative;
    padding-left: 38px;
    /* margin-bottom: 12px; */
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .container .text{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    /* line-height: 100%; */
    /* or 18px */
    letter-spacing: 0.02em;
    color: #858585;
    padding-top: 6px;
  }

  .main-form-btn-link-privacy-policy{
    display: inline-block;
    color: #FFFFFF;
  }
  .main-form-btn-link-privacy-policy:hover{
    cursor: pointer;
    color: #E8113A;
  }
  
  /* Hide the browser's default checkbox */
  .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #212122;
    border: 1px solid #2D2E34;
    box-sizing: border-box;

  }
  
  /* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark {
    /* background-color: #2B2B2D; */
  }
  
  /* When the checkbox is checked, add a blue background */
  .container input:checked ~ .checkmark {


    /* background-color: #E8113A; */
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    /* display: none; */
  }
  
  /* Show the checkmark when checked */
  .container input:checked ~ .checkmark:after {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  
  /* Style the checkmark/indicator */
  .container .checkmark:after {
    left: 3px;
    top: -6px;
    width: 23px;
    height: 23px;
    /* border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); */
    content: '';
    background-image: url('../resources/checkbox.svg');
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    transition: 0.4s;
    display: block;
  }

  /* -------------   // Castom CheckBox  ----------------------------*/





  /*------------   БЛОК-Футера   -------------------------*/

  .block-17-footer-card-container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    pointer-events: none;
    will-change: transform;
  }

  .block-17-footer-card-bg{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(28, 28, 29, 0);
    will-change: transform;
  }

  .block-17-footer-card{
    position: absolute;
    bottom: 0;
    height: 220px;
    border-top: 1px solid #3D3D42;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0px 140px 0px 140px;
    background-color: #1C1C1D;
    z-index: 18;

    transform: translate(0%, 100%);
    will-change: transform;
  }

  .block-17-footer-card-img{
    position: absolute;
    right: 420px;
    top: 32px;

    transform: translate(0px, 180px);
    z-index: -1;
    will-change: transform;
  }

  .block-17-footer-card-l{
    display: flex;
    align-items: center;
    height: fit-content;
    will-change: transform;
  }
  .block-17-footer-card-r{
    height: fit-content;
    will-change: transform;
  }

  .block-17-footer-card-logo{
    border-radius: 68px;
    background-color: #202021;
    margin-right: 58px;
    padding: 12px 22px 12px 22px;
    height: fit-content;
    will-change: transform;
  }

  .block-17-footer-card-logo .img{
    display: block;
    will-change: transform;
  }
  .block-17-footer-card-logo .img-2{
    display: none;
    will-change: transform;
  }

  .block-17-footer-card-contact-info{
    display: flex;
    flex-direction: column;
    will-change: transform;
  }

  .block-17-footer-card-contact-info-lvl-1{
    display: flex;
    align-items: baseline;
    margin-bottom: 16px;
    will-change: transform;
  }
  .block-17-footer-card-contact-info-lvl-1 .name-section{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    /* line-height: 107%; */
    /* identical to box height, or 26px */
    letter-spacing: 0.015em;
    color: #FFFFFF;
    margin-right: 20px;
    will-change: transform;
  }
  .block-17-footer-card-contact-info-lvl-1 .email{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 160%; */
    /* or 19px */
    letter-spacing: 0.02em;
    color: rgb(169 169 169);
    will-change: transform;
  }

  .block-17-footer-card-contact-info-lvl-2{
    display: flex;
    will-change: transform;
  }
  .block-17-footer-card-hr-block{
    display: flex;
    align-items: baseline;
    margin-right: 28px;
    will-change: transform;
  }
  .block-17-footer-card-hr-block .name, .block-17-footer-card-hr-block .razd{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.02em;
    color: #9A9A9A;
    will-change: transform;
  }
  .razd{
    margin-left: 5px;
    margin-right: 5px;
  }
  .block-17-footer-card-hr-block .contact-phone{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* line-height: 160%; */
    /* identical to box height, or 26px */
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #6D6D6D;
    font-feature-settings: 'pnum' on, 'lnum' on;
    will-change: transform;
  }


  .block-17-footer-dop-info{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    height: fit-content;
  }

  .block-17-footer-btn-link-privacy-policy{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    /* line-height: 130%; */
    /* or 18px */
    letter-spacing: 0.02em;
    color: #9A9A9A;
    margin-bottom: 12px;
  }
  .block-17-footer-btn-link-privacy-policy:hover{
    cursor: pointer;
    color: #E8113A;
  }
  .block-17-footer-copywriting{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /* line-height: 160%; */
    /* or 22px */
    color: #6D6D6D;

    font-feature-settings: 'pnum' on, 'lnum' on;
  }







  /* ------------- Модальное окно СПАСИБО ---------------------- */

  .modal-thanks{
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 21;
    
    pointer-events: none;
    opacity: 0;
  }

  .modal-thanks-bg{
    width: 100%;
    height: 100%;
    position: absolute;

    background: rgba(28, 28, 29, 0);
  }

  .modal-thanks-main{
    width: 1120px;
    height: 620px;
    box-sizing: border-box;
    background-color: #171718;
    z-index: 3;
    padding-top: 80px;
    padding-left: 120px;
    position: relative;

    transform: scale(0.8);
  }

  .modal-thanks-main h1{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 400;
    font-size: 78px;
    line-height: 135%;
    /* or 105px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 38px;
    width: 600px;
  }

  .modal-thanks-main h1 .select-text{
    color: #E8113A;
    display: inline-block;
  }

  .modal-thanks-main .dop-text{
    width: 320px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    line-height: 135%;
    /* or 25px */

    letter-spacing: 0.02em;
    font-feature-settings: 'pnum' on, 'lnum' on;

    color: rgba(255, 255, 255, 0.8);
  }

  .modal-thanks-main .dop-text .select-text{
    color: #454549;
    display: inline-block;
    font-weight: 500;
  }

  .modal-thanks-main .img-bg{
    position: absolute;
    right: 80px;
    bottom: 40px;

    z-index: -1;
  }

  .modal-thanks-main .btn-ok{
    border-radius: 100px;
    background-color: #E8113A;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 100%;
    /* identical to box height, or 22px */
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding: 22px 40px 28px 40px;
    width: fit-content;
    margin-top: 80px;
    user-select: none;
  }
  .modal-thanks-main .btn-ok:hover{
    background-color: #cb193a;
    cursor: pointer;
  }

  .modal-thanks-main .btn-close{
    position: absolute;
    top: 38px;
    right: 48px;
  }
  .modal-thanks-main .btn-close .img{
    pointer-events: none;
  }

  .modal-thanks-main .btn-close:hover{
    cursor: pointer;
  }
  .modal-thanks-main .btn-close:hover .img path{
    transition: 0.1s;
  }
  .modal-thanks-main .btn-close:hover .img path{
    stroke: #DADADA;
  }





  /* ------------- Модальное окно ПОЛИТИКА КОНФИДЕЦИАЛЬНОСТИ ---------------------- */

  .modal-privacy-policy{
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;

    pointer-events: none;
    opacity: 0;
    z-index: 22;
  }

  .modal-privacy-policy-bg{
    width: 100%;
    height: 100%;
    position: absolute;

    background: rgba(28, 28, 29, 0);
  }

  .modal-privacy-policy-main{
    width: 1120px;
    height: 80%;
    box-sizing: border-box;
    background-color: #171718;
    z-index: 3;
    /* padding: 40px 80px 40px 80px; */
    position: relative;

    /* transform: scale(0.8); */
    transform: scale(0.8);
  }

  .modal-privacy-policy-main-content-container{
    overflow-y: auto;
    height: 100%;
    width: 100%;
    padding: 60px 80px 80px 80px;
  }
  .modal-privacy-policy-main-content-container::-webkit-scrollbar { 
    width: 4px;
    /* background-color: #dadada; */
  }
  .modal-privacy-policy-main-content-container::-webkit-scrollbar-thumb { 
    border-radius: 4px;
    background-color: rgb(82, 82, 82);;
  }


  .modal-privacy-policy-main-content-text{
    z-index: 3;
  }

  .modal-privacy-policy-main-content-text h1{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 400;
    font-size: 54px;
    line-height: 135%;
    /* or 73px */
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF;
  }

  .modal-privacy-policy-main-content-text .text-line{
    background-color: #E8113A;
    width: 50px;
    height: 2px;
    margin-top: 20px;
    margin-bottom: 26px;
  }

  .modal-privacy-policy-main-content-text .text{
    font-family: 'Raleway';
    font-size: 14px;
    font-weight: 300;
    line-height: 200%;
    letter-spacing: 0.06em;
    /* or 35px */
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(255, 255, 255, 0.7);
  }

  .modal-privacy-policy-main-content-text .sect-doc-p{
    /* margin-bottom: 24px; */
  }


  .modal-privacy-policy-main .img-bg{
    position: absolute;
    top: 0;
    right: 100px;
    z-index: -1;
    opacity: 0.5;
  }

  .modal-privacy-policy-main .btn-close{
    position: absolute;
    top: 38px;
    right: 48px;
  }
  .modal-privacy-policy-main .btn-close .img{
    pointer-events: none;
  }

  .modal-privacy-policy-main .btn-close:hover{
    cursor: pointer;
  }
  .modal-privacy-policy-main .btn-close:hover .img path{
    transition: 0.1s;
  }
  .modal-privacy-policy-main .btn-close:hover .img path{
    stroke: #DADADA;
  }



  .btn-close-main-form{
    display: none;
  }
  .btn-close-main-form:hover{
    cursor: pointer;
    opacity: 0.6;
  }

  .btn-close-main-form .text{
    font-family: 'Sablon Class';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 135%;
    /* or 24px */
    text-transform: uppercase;
    color: #787883;
    margin-right: 16px;
  }



  .show-form-container{
    animation: show-form-container 0.8s forwards;
    opacity: 0;
  }
  @keyframes show-form-container {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
  }

  .hide-form-container{
    animation: hide-form-container 0.8s forwards;
    opacity: 1;
  }
  @keyframes hide-form-container {
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
  }





/* ------- Модальное окно Видео о Вакансии ---------------------- */

.modal-video-vakansia{
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 21;

    pointer-events: none; /* none */
    opacity: 0; /* 0 */
}

.modal-video-vakansia-bg{
    width: 100%;
    height: 100%;
    position: absolute;

    background: rgba(28, 28, 29, 0); /* 0 */
}

.modal-video-vakansia-main{
    width: 1120px;
    height: 620px;
    box-sizing: border-box;
    background-color: #171718;
    z-index: 3;
    position: relative;

    transform: scale(0.8); /* 0.8 */
}
.modal-video-vakansia-main .btn-close{
    position: absolute;
    right: -32px;
    top: -32px;
}
.modal-video-vakansia-main .btn-close .img{
   height: 20px;
   width: 20px;
   box-sizing: border-box;
}
.modal-video-vakansia-main .btn-close .img .path-1{
    transition: 0.1s;
    transition-timing-function: ease;
 }
.modal-video-vakansia-main .btn-close:hover .img .path-1{
    stroke-opacity: 0.8;
 }
.modal-video-vakansia-main .btn-close:hover{
    cursor: pointer;
}


.modal-video-vakansia-video-container{
    width: 100%;
    height: 100%;
}





  /* #########  Основное навигационное меню сайта  ######################## */

  .main-header-conatiner{
    position: absolute;
    top: 0;
    width: 100%;
    display: flex; /* none */
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;
    z-index: 3;
  }


  /* светлая тема меню */
  .main-header-conatiner.color-theme .main-header-btns-containers .main-header-btns-containers-submit-btn{
    /* color: #474748; */
    color: #FFFFFF;
  }
  .main-header-conatiner.color-theme .main-header-btns-containers .main-header-btns-containers-submit-btn:hover{
    background-color: rgba(217, 30, 59,0.7);
  }
  .main-header-conatiner.color-theme .main-header-btns-containers .main-header-btns-containers-submit-btn:hover{
    color: #FFFFFF;
  }
  .main-header-conatiner.color-theme .main-header-logo-container .main-header-logo .img.img-black{
    opacity: 0;
  }
  .main-header-conatiner.color-theme .main-header-logo-container .main-header-logo .img.img-color{
    opacity: 1;
  }
  .main-header-conatiner.color-theme.color-theme .main-header-logo-container .main-header-logo ~ .text-phone a{
    color: #2E2E2E;
  }
  .main-header-conatiner-menu-list-main-container.color-theme{
    background-color: #E9E7EC;
  }

  .main-header-conatiner-menu-list-main-container.color-theme .main-header-conatiner-menu-list-scroll-container .main-header-conatiner-menu-list .main-header-conatiner-menu-list-item{
    color: rgba(71, 71, 72, 0.6);
  }
  .main-header-conatiner-menu-list-main-container.color-theme .main-header-conatiner-menu-list-scroll-container .main-header-conatiner-menu-list .main-header-conatiner-menu-list-item:hover{
    color: rgba(71, 71, 72, 1);
  }
  .main-header-conatiner-menu-list-main-container.color-theme .main-header-conatiner-menu-list-scroll-container .main-header-conatiner-menu-list .main-header-conatiner-menu-list-item.active{
    color: rgba(71, 71, 72, 1);
  }



  .main-header-logo-container{
    display: flex; /* flex */
    /* visibility: hidden; */
    opacity: 0;
    transform: 0.3s;
    transition-timing-function: ease;
    will-change: transform;
    flex-direction: row;
    margin-left: 48px;
    align-items: center;
  }
  .main-header-btns-containers{
    display: flex;
    flex-direction: row;
    margin-right: 38px;
    align-items: center;
  }
  .main-header-logo{
    position: relative;
    width: 100px;
    height: 40px;
  }
  .main-header-logo .img {
    position: absolute;
    transition: 0.3s;
    width: 100%;
    height: 100%;
  }
  .main-header-logo .img.img-black{
    opacity: 1;
  }
  .main-header-logo .img.img-color{
    opacity: 0;
  }



  .main-header-conatiner-menu-list-main-container{
    padding-right: 10px;
  }


  .main-header-logo-container:hover{
    cursor: pointer;
  }
  .main-header-logo-container .main-header-logo ~ .razd{
    transform: translate(-50px, 0px);
    opacity: 0;
    transition: 0.5s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
  .main-header-logo-container:hover .main-header-logo ~ .razd{
    transform: translate(0px, 0px);
    opacity: 1;
  }
  .main-header-logo-container .main-header-logo ~ .text-phone a{
    transform: translate(-100px, 0px);
    opacity: 0;
    transition: 0.5s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    text-decoration: none;
  }

  .main-header-logo-container:hover .main-header-logo ~ .text-phone a{
    transform: translate(0px, 0px);
    opacity: 1;
  }



  .main-header-menu-img{
    width: 20px;
  }
  .main-header-menu-img line{
    transition: 1s;
    transition-timing-function: ease;
  }
  .main-header-btns-containers-menu-btn{
    box-sizing: border-box;
    border: 2px solid #77777742;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .main-header-btns-containers-menu-btn .main-header-menu-img{
    box-sizing: border-box;
    width: 16px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* background-color: red; */
    pointer-events: none;
  }
  .main-header-btns-containers-menu-btn .main-header-menu-img .line{
    width:100%;
    height: 2px;
    background-color: #7C7C7C;
    transition: 0.2s;
    transition-timing-function: cubic-bezier(0.765, 0.005, 0.165, 1.010);
    /* margin-bottom: 3px; */
  }

  .main-header-btns-containers-menu-btn:hover .main-header-menu-img .line{
    background-color: #C3C3C6;
  }


  .main-header-btns-containers-menu-btn.swich .main-header-menu-img .line-1{
    transform: translateY(6px) rotate(45deg);
  }
  .main-header-btns-containers-menu-btn.swich .main-header-menu-img .line-2{
    opacity: 0;
  }
  .main-header-btns-containers-menu-btn.swich .main-header-menu-img .line-3{
    transform: translateY(-6px) rotate(-45deg);
  }


  .main-header-btns-containers-submit-btn{
    border-radius: 30px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    /* identical to box height, or 14px */
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 12px 24px 10px 24px;
    background-color: rgba(217, 30, 59);
    border: 2px solid rgba(217, 30, 59, 1);
    margin-right: 16px;
    transition: 0.2s;
    transition-timing-function: ease;
  }

  .main-header-btns-containers-submit-btn:hover{
    background-color: rgba(217, 30, 59,0.2);
    border: 2px solid rgba(217, 30, 59, 0.8);
    cursor: pointer;
  }

  .main-header-logo-container .text-phone a{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 100%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: rgba(255, 255, 255, 0.5);
  }

  .main-header-logo-container .razd{
    height: 20px;
    width: 1px;
    background-color: #E8113A;
    margin-left: 16px;
    margin-right: 12px;
  }


  .main-header-conatiner-menu-list-main-container{
    position: absolute;
    top: 0;
    right: 0px;
    width: 300px;
    height: 100%;
    background-color: #272728;
    z-index: 2;

    transition: 0.3s;
  }
  

  .main-header-conatiner-menu-list-main-container.hide{
    transform: translate(380px, 0px);
  }

  .main-header-conatiner-menu-list-scroll-container{
    /* height: 800px; */
    margin-top: 120px;
    overflow-y: auto;
  }
  .main-header-conatiner-menu-list-scroll-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    /* background-color: #dadada; */
    right: 12px;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgb(84 84 96); 
  }



  .main-header-conatiner-menu-list{
    margin-right: 28px; /* 48px */
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .main-header-conatiner-menu-list-item{
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 135%;
    text-align: right;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4); /* #FFFFFF */
    margin-bottom: 16px;
    width: 156px; 
  }

  .main-header-conatiner-menu-list-item.active{
    color: rgba(255, 255, 255, 0.8); /* #FFFFFF */
    position: relative;
  }
  .main-header-conatiner-menu-list-item.active::after{
    content: '';
    display: block;
    height: 1px;
    background-color: rgba(232, 17, 58, 0.8);
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
  }
  .main-header-conatiner-menu-list-item.active::before{
    content: '';
    display: block;
    height: 1px;
    background-color: rgba(232, 17, 58, 0.8);
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
  }

  .main-header-conatiner-menu-list-item:hover{
    color: rgba(255, 255, 255, 0.8); /* #FFFFFF */
    cursor: pointer;
  }





/*  Загрузка сайта спинер  */
.spinner {
	animation: rotate 2s linear infinite;
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	transform: translate(-50%, -50%);
}
.spinner .path {
	stroke: #ff1342;
	stroke-linecap: butt;
	stroke-width: 2;
	animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}
.window_spinner_conatiner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
    background: rgba(18, 17, 17, 0.4);
    backdrop-filter: blur(4px);
    z-index: 25;
}

.main-form-short-name-of-rezume{
    position: absolute;
    top: 0px;
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    /* line-height: 130%; */
    letter-spacing: 0.02em;
    color: #BFC0C4;
    margin-left: 4px;

}