* {
    box-sizing: border-box;
    margin: 0;
}

a {
    outline: none;
    text-decoration: none;
    color: #ffffff;
    transition: all 0.3s;
}
a:hover{
    text-decoration: none;
    color: #628678;
}

li {
    list-style-type: none;
}

ul {
    padding: 0;
    margin-bottom: 0;
}

html,
body {
    padding: 0;
    min-height: 100vh;
    background: #131817;
    font-family: 'Montserrat', sans-serif;
    max-width: 1920px;
    margin: 0 auto;
    color: #ffffff;
}
main{
    /*overflow: hidden;*/
}
.f-14{
    font-size: 14px;
}
.f-16{
    font-size: 16px;
}
.f-18{
    font-size: 18px;
}
.f-20{
    font-size: 20px;
}
.f-21{
    font-size: 21px;
}
.f-22{
    font-size: 22px;
}
.f-24{
    font-size: 24px;
}
.f-26{
    font-size: 26px;
}
.f-30{
    font-size: 30px;
}
.f-36{
    font-size: 36px;
}
.f-40{
    font-size: 40px;
}
.f-50{
    font-size: 50px;
}
.f-60{
    font-size: 60px;
}
.lh-150{
    line-height: 150%;
}
.color-white{
    color: #ffffff;
}
.color-1{
    color: #628678;
}
.cursor-pointer{
    cursor: pointer;
}
.opacity-text{
    opacity: 0.7;
}
.list-disc{
    list-style: disc;
    line-height: 1;
}
.line-height{
    line-height: 1;
}
.bg-black{
    background: #131717;
    /*background: #09100E;*/
}
header {
    height: 57px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 1920px;
    margin: 0 auto;
    background: #131717;
}
.container-fluid.vh-100{
    max-height: 1400px;
    padding-top: 57px;
    min-height: 600px;
}
.top-nav>li {
    margin-right: 30px;
}
.top-nav>li:last-child {
    margin-right: 0;
}
.button {
    padding: 9px 30px;
    border: 1.5px solid #628678;
    border-radius: 30px;
    display: flex;
    align-items: center;
    transition: all 0.3s;
}
.button:hover {
    background: #628678;
    color: #ffffff;
}
.arrow-slider-wrap.wrap-slider-type {
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-button {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(255 255 255 / 10%);
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s;
}
.slider-button:hover{
    background: #628678;
}
.slider_type-wrap .slick-track{
    display: flex;
    align-items: baseline;
}
.slider_type-block {
    padding: 0 25px 25px 25px;
    outline: none !important;
    border-bottom: 3px solid rgba(255, 255, 255, 0.05);
    transition: all 0.5s;
}
.slider_type-block.slick-slide.slick-current.slick-center{
    border-bottom: 3px solid #628678;
    transition: all 0.5s;
}
.container.show_slider-wrap{
    min-height: 120px;
}
.show_slider{
    transition: all 0.5s;
}
.opacity-block{
    opacity: 0;
}
.opacity-none{
    opacity: 1 !important;
}
.slider_display-block {
    width: 100vw;
    height: 600px;
    background: rgb(19, 23, 22);
}
.slider_display-block>.row{
    height: 100%;
}
.hidden{
    overflow: hidden;
}
.detals-img{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
.form-wrap{
    max-width: 410px;
}
.form-input {
    background: none;
    border: 1px solid #ffffff;
    border-radius: 10px;
    height: 50px;
    outline: none;
    padding: 0 20px;
    color: #ffffff;
    margin-bottom: 20px;
}
.button.button-form {
    justify-content: center;
    border-radius: 10px;
    background: #628678;
    cursor: pointer;
}
[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.5 0 0 0 0 0 0.5 0 0 0 0 0 0.5 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
}
.footer-block {
    display: flex;
    flex-direction: column;
}
.mobButton {
    width: 35px;
    height: 24px;
    margin-right: 20px;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    transition: all 0.3s
}
.mobButton.active {
    justify-content: center;
    transition: all 0.3s
}
.mobButton>span {
    width: 100%;
    height: 1.5px;
    background: #ffffff;
    transition: all 0.3s;
}
.mobButton>span:nth-child(2) {
    width: 80%;
}
.mobButton.active>span:nth-child(1) {
    transform: rotate(45deg);
    position: absolute;
}
.mobButton.active>span:nth-child(3) {
    transform: rotate(-45deg);
    position: absolute;
}
.mobButton.active>span:nth-child(2) {
    opacity: 0;
}
#mobMenuWrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.90);
    z-index: 10;
    padding-top: 100px;
    display: none;
}
#mobMenuWrap ul{
    flex-direction: column;
    text-align: center;
}
#mobMenuWrap ul li{
    margin-right: 0;
    margin-bottom: 20px;
}
#mobMenuWrap ul li a{
    font-size: 25px;
}
.videoOneDiv{
    position: absolute;
    left: 0;
    top: -10px;
    transform: scale(1.9);
}
.videoDiv{
    position: relative;
}

.videoDiv:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(to right, #131817 0%, rgba(19, 24, 23, 0) 100%); */
    z-index: 10;
    box-shadow: inset 0 0 50px 50px #131717;
}
.videoDivRight:before{
    box-shadow: inset -100px 0 50px 50px #131717;
}
.videoDivLeft:before{
    box-shadow: inset 80px 0 50px 50px #131717;
}
/*.videoDiv:after {*/
    /*content: '';*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 27%;*/
    /*position: absolute;*/
    /*background: linear-gradient(to bottom, #131817 60%, rgba(19, 24, 23, 0) 100%);*/
    /*z-index: 1031;*/
/*}*/
.videoOneDiv video{
    min-width: 100%;
    min-height: 100%;
    object-fit: contain;
}
.videoOneDiv:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 100%;
    background: linear-gradient(to right, #131817 0%, rgba(19, 24, 23, 0) 100%);
    z-index: 10;
}
.videoOneDiv:after {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 27%;
    position: absolute;
    background: linear-gradient(to bottom, #131817 60%, rgba(19, 24, 23, 0) 100%);
    z-index: 1031;
}
#videoTwo{
    transform: scale(1.49);
    position: absolute;
    left: 309px;
    top: -2px;
}
#videoThree{
    transform: scale(1.61);
    /*left: 265px;*/
    left: 0px;
    top: 10px;
    position: absolute;
}
#videoFore{
    transform: scale(1.61);
    /*left: 265px;*/
    left: 0px;
    top: 10px;
    position: absolute;
}
#videoFive{
    position: absolute;
    transform: scale(1.9);
    /* opacity: 0.6; */
    right: 44.6%;
    top: 1px;
}
#videoSix{
    position: absolute;
    transform: scale(2.18);
    right: 57%;
    top: 0;
    border-left: 1px solid #131716;
}
#videoSeven{
    position: absolute;
    transform: scale(2.18);
    right: 56%;
    top: 0;
    border-left: 1px solid #131716;
}
#videoEight,
#videoEightOne,
#videoEightTwo{
    position: absolute;
    top: 0;
    left: -115px;
    transform: scale(2.3);
    z-index: -1;
    border-left: 1px solid #131716;
}
#videoNine{
    position: absolute;
    left: 100%;
    top: 0;
    transform: scale(2.8);
}
.slider_type-button-init {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 100px);
    height: 1px;
    z-index: 1;
}
.slider_type-button-init .slider-button-left{
    position: absolute;
    left: 0;
    top: -25px;
}
.slider_type-button-init .slider-button-right{
    position: absolute;
    right: 0;
    top: -25px;
}
.slider_type-button-init .slider-button{
    background: rgb(47 45 45 / 88%);
}
.slider_type-button-init .slider-button:hover{
    background: #628678;
}
.slider_display-block img.dispItem-1 {
    width: calc(100% - 55px) !important;
    top: 0px;
    left: 0px;
}
.slider_display-block img.dispItem-7 {
    right: -1%;
    z-index: -1;
    width: calc(100% - 60px) !important;
    top: -4%;
}
.slider_display-block img.dispItem-10 {
    left: 337px;
    width: calc(100% - 25px) !important;
    top: -30px;
}
.vkrDopImgDetal{
    position: relative;
    height: 400px;
}
.vkrDopImgDetal img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    transform: translate(-30%, -50%);
    height: 155%;
}
@keyframes left {
    0%{
        left: 0;
    }
    60%{
        left: 0;
    }
    100%{
        left: -230px;
    }
}
#sert{
    position: relative;
}
.vkrSertArrowBlock{
    position: absolute;
    z-index: 0;
    width: 90%;
    left: 50%;
    bottom: 40%;
    height: 1px;
    transform: translate(-50%, -50%);
}
.vkrSertArrowBlock .arrow-slider-wrap.wrap-slider-type{
    justify-content: space-between;
}
#loader{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #131817;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#loader .loaderImg{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#loader .loaderProgress{
    color: #628678;
    font-size: 18px;
}
.slider_display-wrapMobOne .slick-list.draggable{
    height: 100% !important;
}
video#mobVideoTwo {
    transform: scale(1.7);
    height: 244px;
    position: relative;
    left: 35%;
}
video#mobVideoThree {
    transform: scale(1.7);
    height: 244px !important;
    position: relative;
    left: -15%;
}
video#mobVideoFore {
    transform: scale(1.7);
    height: 244px !important;
    position: relative;
    left: -24%;
}
video#mobVideoFive {
    transform: scale(1.7);
    height: 244px !important;
    position: relative;
    left: -26%;
}
video#mobVideoSix {
    transform: scale(1.7);
    height: 244px !important;
    position: relative;
    left: -34%;
}
video#mobVideoSeven {
    transform: scale(1.7);
    height: 244px !important;
    position: relative;
    left: -34%;
}
video#mobVideoEight {
    transform: scale(1.75);
    height: 244px !important;
    position: relative;
    left: -17%;
}
video#mobVideoEightTwo {
    transform: scale(1.75);
    height: 244px !important;
    position: relative;
    left: -17%;
}
video#mobVideoEightOne {
    transform: scale(1.75);
    height: 244px !important;
    position: relative;
    left: -17%;
}
video#mobVideoNine {
    transform: scale(1.75);
    height: 244px !important;
    position: relative;
    left: 33%;
}
.slider_display-blockMobOne .dispItem-7{
    transform: scale(1.1);
    height: 244px !important;
    width: auto !important;
    position: relative;
    left: -56%;
}
.slider_display-blockMobOne .dispItem-711{
    transform: scale(1.1);
    height: 244px !important;
    width: auto !important;
    position: relative;
    left: -45%;
}
.modSliderWrap .modal.show{
    padding: 0 !important;
}
.modSliderWrap .modal.show .modal-header{
    border: 0 !important;
}
.modSliderWrap .modal.show .modal-header .close{
    opacity: 1;
    color: #ffffff;
    font-size: 40px;
    padding-top: 0;
    outline: none !important;
}
.wrapMob_dotterWrap {
    position: absolute;
    bottom: 8%;
    width: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes left-right {
    0%{transform: translateX(20px)}
    50%{
        transform: translateX(-20px);
    }
    55%{
        opacity: 0
    }
    60%{transform: translateX(20px);opacity: 0}
    90%{opacity: 0}
    100%{opacity: 1}
}
.wrapMob_dotterWrap>svg{
    transform: translateX(20px);
    animation: left-right ease-in 1.5s infinite;
}
.slider_display-wrapMobOne.slick-dotted,
.slider_display-wrapMobTwo.slick-dotted,
.slider_display-wrapMobThree.slick-dotted,
.slider_display-wrapMobFore.slick-dotted {
    height: 100%;
    margin-bottom: 0;
}
.slider_display-wrapMobOne.slick-dotted .slick-list.draggable,
.slider_display-wrapMobTwo.slick-dotted .slick-list.draggable,
.slider_display-wrapMobThree.slick-dotted .slick-list.draggable,
.slider_display-wrapMobFore.slick-dotted .slick-list.draggable {
    height: 100%;
}
.slider_display-wrapMobOne.slick-dotted .slick-list.draggable .slick-track,
.slider_display-wrapMobTwo.slick-dotted .slick-list.draggable .slick-track,
.slider_display-wrapMobThree.slick-dotted .slick-list.draggable .slick-track,
.slider_display-wrapMobFore.slick-dotted .slick-list.draggable .slick-track {
    height: 100%;
}
.slider_display-wrapMobOne-dots{
    position: absolute;
    bottom: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.modSliderWrap .modal-body{
    height: 90%;
}
.modSliderWrap #myModalMobSliderBlockViewTwo .modal-body{
    height: 83%;
}
.modSliderWrap .modal-title{
    font-size: 21px;
}
ul.slider_display-wrapMobOne-dots li button {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    overflow: hidden;
    outline: none;
    background: #ffffff;
    border: none;
    opacity: 0.5;
    font-size: 0;
    padding: 0;
}
ul.slider_display-wrapMobOne-dots li:not(:last-child) {
    margin-right: 8px;
}
ul.slider_display-wrapMobOne-dots li.slick-active button{
    opacity: 1;
}
/*.slider_display-wrapMobOne .slick-list.draggable .slick-track{*/
/*width: 100% !important;*/
/*}*/
/*.slider_display-wrapMobOne .slick-list.draggable .slick-track .slider_display-blockMobOne{*/
/*width: 100% !important;*/
/*}*/

.wrapper{
    height: 100% !important;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
@keyframes opacityNo {
    0%{opacity: 0}
    100%{opacity: 1;}
}
@keyframes opacityOn {
    0%{opacity: 1}
    100%{opacity: 0}
}
.sectSlider.active{
    z-index: 1;
    animation: opacityNo ease-in 0.5s forwards;
}
.sectSlider{
    z-index: -1;
    display: flex;
    align-items: center;
    padding: 60px 40px;
    animation: opacityOn ease-in 0.5s forwards;
}
.sectSlider .slider_display-block{
    overflow: hidden;
}
.noTransform{
    transform: translate3d(0px, -300%, 0px) !important;
}
.noTop{
    top: 300% !important;
}
.sectSlider .slider_display-block img.dispItem-7{
    z-index: -1;
    width: calc(100% - 60px);
    top: 23.9%;
    transform: scale(2.05);
    right: 48.3%;
}
.sectSlider .slider_display-block img.dispItem-10{
    left: 24.7%;
    width: calc(100% - 120px) !important;
    top: 35px;
}
.container-fluid.mobTopBlock {
    max-width: 1400px;
    margin: 0 auto;
}
ul.noDisk .list-disc {
    list-style: none;
}
ul.noDisk .list-disc.active {
    list-style: disc;
}
.vkrSliderSert .sphere-block {
    margin-right: 15px;
}
@media all and (min-width: 1600px){
    .slider_display-block video{
        transform: scale(1) !important;
        position: absolute;
        right: 0 !important;
        left: auto !important;
        width: auto !important;
        height: 100% !important;
    }
    .slider_display-block video#videoFive{
        top: 0px !important;
        transform: scale(1) !important;
        right: 10px !important;
    }
    .slider_display-block video#videoTwo{
        left: 98px !important;
        right: auto !important;
        top: 2px !important;
    }
    .slider_display-block video#videoNine{
        left: 10% !important;
        right: auto !important;
    }
    .slider_display-block img,
    .slider_display-block img.dispItem-1,
    .slider_display-block img.dispItem-7{
        height: 100%;
        width: auto !important;
    }
    .slider_display-block img.dispItem-7 {
        right: -14.5px !important;
        top: -5.5px !important;
    }
    .sectSlider .slider_display-block img.dispItem-7{
        top: 0 !important;
        right: 1.3% !important;
        transform: scale(1) !important;
        width: auto !important;
    }
    .sectSlider .slider_display-block img.dispItem-10{
        top: 50% !important;
        left: 17.7% !important;
        transform: scale(0.73) translate(0, -68.5%) !important;
        /* width: auto !important; */
        height: auto;
    }
    .slider_display-block img.dispItem-10{
        height: 100%;
        width: auto !important;
        left: 30.4% !important;
        top: -4px !important;
    }

}
@media all and (max-width: 1024px){
    body#body {
        overflow-y: scroll;
    }
    .container-fluid.vh-100.mobTopBlock,
    .container-fluid.vh-100#use{
        height: 100vh !important;
    }
    .container-fluid.vh-100{
        height: auto !important;
        max-height: unset !important;
    }
    .top-img-block{
        height: 400px;
        background-position: center !important;
    }
    .slider_display-block img {
        width: 50% !important;
    }
    .mbMob {
        padding-bottom: 200px;
    }
    .padTopMob{
        padding-top: 250px;
        text-align: center;
    }
    .detals-img{
        left: 76%;
        transform: translate(-50%, -50%);
    }
    .formBgMob{
        background-position: right !important;
    }
    .mobTopBlock>.row{
        flex-direction: column-reverse;
        justify-content: center !important;
    }
    .mobTopBlockText{
        min-height: 120px;
    }
    .mobSliderBlock{
        height: 280px !important;
    }
    .slider_display-block video{
        height: 280px !important;
        width: auto !important;
        transform: scale(1) !important;
        left: 0;
        top: 0 !important;
    }
    .slider_display-block video#videoTwo{
        left: 15px !important;
    }
    .vkrRightSliderBlock{
        flex-direction: column-reverse;
        height: auto !important;
    }
    .slider_display-block>.row{
        height: auto;
    }
    .vkrRightSliderBlock video#videoFive{
        left: auto !important;
        right: 0 !important;
    }
    .slider_display-block.vkrMobImgSlider .col-lg-8 {
        height: 280px;
    }
    .slider_display-block.vkrMobImgSlider img {
        position: unset !important;
        height: 100%;
        width: auto !important;
    }
    .slider_display-block.vkrMobImgSlider div.position-absolute {
        position: unset !important;
    }
    .videoFive{
        padding-left: 0 !important;
    }
    .vkrAdi{
        padding-left: 15px !important;
    }
}
@media all and (max-width: 768px){
    .detals-img{
        left: 90%;
    }
    .sphere-block {
        text-align: center;
    }
    .f-60{
        font-size: 40px;
    }
    .f-30 {
        font-size: 25px;
    }
    .f-40 {
        font-size: 35px;
    }
    div#about .color-1.list-disc.f-24 {
        font-size: 16px;
        line-height: 22.4px;
    }
    div#about .d-flex.flex-column.flex-sm-row {
        flex-direction: column-reverse !important;
    }
    div#about .d-flex.flex-column.flex-sm-row > a {
        margin-bottom: 20px;
    }
    div#about .d-flex.flex-column.flex-sm-row > a .button{
        display: flex;
        justify-content: space-between;
    }
    .slider_type-wrap{
        padding-bottom: 60px;
        margin-bottom: 50px;
    }
    .slider_type-button-init{
        bottom: 0 !important;
        top: auto;
        width: 120px;
    }
    .type .f-40{
        font-size: 25px;
        line-height: 32.5px;
    }
    .slider_display-block video#videoThree{
        /*-webkit-animation: 8s left ease-in forwards;*/
        /*-o-animation: 8s left ease-in forwards;*/
        /*animation: 8s left ease-in forwards;*/
        left: -230px !important;
    }
    .slider_display-block video#videoFore{
        left: -230px !important;
    }
    .slider_display-block video.videoSix{
        left: -260px !important;
    }
    .slider_display-block.vkrMobImgSlider img.dispItem-7{
        position: absolute !important;
        z-index: 1;
        top: 0;
        right: -15px !important;
        left: auto;
    }
    .slider_display-block video#videoSix,
    .slider_display-block video#videoSeven{
        left: auto;
        right: 15px !important;
    }
    .slider_display-block video#videoEight,
    .slider_display-block video#videoEightOne,
    .slider_display-block video#videoEightTwo{
        left: auto;
        right: -40px !important;
    }
    .slider_display-block video#videoNine{
        left: 0 !important;
    }
    .slider_display-block.vkrMobImgSlider img.dispItem-10{
        position: absolute !important;
        left: auto;
        right: -55px !important;
        top: 0 !important;
    }
    #clientsBlock .sphere-img-block>img{
        width: 100%;
    }
    .padTopMob{
        padding-top: 0;
        text-align: start !important;
    }
    #mobFormBlock .formBgMob{
        background-size: contain !important;
        padding-top: 200px !important;
        background-position: top !important;
    }
    .sphere-block{
        margin-bottom: 40px;
    }
    div#clientsBlock {
        padding-bottom: 50px;
    }
    #mobFormBlock{
        background: linear-gradient(90.2deg, #1E2322 -26.36%, rgba(30, 35, 34, 0) 137.11%);
        border-radius: 20px;
    }
    footer#contacts .footer_name.f-26 {
        font-size: 25px;
    }
    footer#contacts .footer-block.opacity-text.f-22 {
        font-size: 16px;
    }
    .f-40{
        font-size: 25px;
    }
    .slider_display-block .opacity-text.f-18,
    .slider_display-block .opacity-text.f-24{
        font-size: 16px;
    }
    .mobNoP{
        padding-left: 25px !important;
    }
    #useBlock{
        height: 100%;
    }
    .slider_display-block{
        min-height: 600px !important;
        height: 100% !important;
    }

}
@media all and (max-width: 500px){
    .detals-img{
        left: 100%;
    }
    #clientsBlock .f-50.text-center,
    #sfera .f-50.text-center,
    #sert .f-50.text-center{
        text-align: start !important;
        font-size: 25px;
    }
    .padTopMob .f-50{
        font-size: 25px;
    }
    .padTopMob .f-60,
    .padTopMob .f-40,
    .padTopMob .f-36{
        font-size: 25px;
    }
    .padTopMob .f-24.opacity-text,
    .padTopMob .f-30{
        font-size: 16px;
    }
    .sphere-name{
        font-size: 18px;
    }
    .vkrDopImgDetal img{
        transform: translate(-33%, -50%);
        height: 120%;
    }
}