/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../fonts/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3gTD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3g3D_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3gbD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3gfD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_ZpC3gnD_vx3rCs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_epG3gTD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_epG3g3D_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_epG3gbD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_epG3gfD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(../fonts/JTURjIg1_i6t8kCHKm45_epG3gnD_vx3rCs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*:focus{
    outline: 0;
}
ul, ol, li{
    list-style: none;
}
img, svg{
    max-width: 100%;
}
a{
    text-decoration: none;
    color: inherit;
}

html{
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}
body{
    background: #212121;
    overflow-x: hidden;
}
[data-load-opacity-item]{
    opacity: 0;
    transition: 2s all ease;
}
[data-load-text-item]{
    opacity: 0;
    transform: translate(0, 120%);
    transition: .8s all ease;
}
[data-load-opacity-item='2'],
[data-load-text-item='2']{
    transition-delay: 1s;
}
[data-load-opacity-item='3'],
[data-load-text-item='3']{
    transition-delay: 1.2s;
}
[data-load-opacity-item='4'],
[data-load-text-item='4']{
    transition-delay: 1.4s;
}
[data-load-opacity-item].visible {
    opacity: 1;
}
[data-load-text-item].visible {
    transform: translate(0px, 0px);
    opacity: 1;
}
[data-load-left-item], .work[data-load-left-item]{
    transform: translate(-100%, 0);
    transition: 1.15s all ease;
}
[data-load-left-item].visible {
    transform: none;
}
[data-load-right-item]{
    transform: translate(120%, 0);
    transition: .8s all ease;
}
[data-load-right-item].visible {
    transform: none;
}
[data-load-scale-item] {
    transform: scale(0);
    transition: .8s all ease;
}
[data-load-scale-item].visible{
    transform: scale(1);
}
.slider-wrap{
    position: relative;
}
.slider-wrap .header,
.project .header{
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.header{
    display: flex;
    justify-content: space-between;
    padding: 1.8vw 3.2vw 0 3.8vw;
}
.header__left{
    height: max-content;
    width: max-content;
    position: relative;
}
.wheel{
    
    width: 12.6vw;
    height: 12.6vw;
    border: .2vw solid white;
    border-radius: 50%;
    margin: 0.1vw auto 0;
    position: relative;
    animation: spin ease-in-out 2 3s;
}
.ball{
    position: absolute;
    right: -1%;
    width: 13%;
    height: 12%;
    border-radius: 50%;
    background: white;
    bottom: 20%;
}
@keyframes spin {
    from{
        transform: rotate(0deg);
    }
    80%{
        transform: rotate(360deg);
    }
    to{
        transform: rotate(360deg);
    }

}
.header__left_title{
    position: absolute;
    right: 1.7vw;
    bottom: 2.3vw;
    font-size: 2vw;
    z-index: 1;
    line-height: 1;
    font-weight: 300;
    color: #FFFFFF;
}
.header__left_title-strong{
    font-weight: 600;
    display: block;
}
.header__right{
    text-align: right;
}
.header__right_top{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
    text-transform: uppercase;
}
.header__right_top-phone{
    font-weight: 700;
    font-size: 1.3vw;
    line-height: 1.56vw;
    color: #FFFFFF;
    margin-right: 3vw;
}
.lang{
    position: relative;
    display: inline-block;
    margin-left: .7vw;
    padding: 0 0 .3vw 0;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.2vw;
    color: rgba(255, 255, 255, 0.5);
}
.lang:hover,
.menu-item:hover,
.lang.picked,
.menu-item.picked{
    color: #FFFFFF;
}
.lang:after,
.menu-item:after,
.lang.picked:after,
.menu-item.picked:after{
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    height: .15vw;
    width: 0px;
    background: #FFFFFF;
    transition: .5s all ease;
}
.lang:hover:after,
.menu-item:hover:after,
.visible.lang.picked:after,
.visible.menu-item.picked:after{
    width: 100%;
}
.header__right_menu{
    display: flex;
    padding: 1.9vw 0 3vw 0;
}
.menu-item{
    position: relative;
    margin-left: 2.45vw;
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 1.3vw;
    color: rgba(255, 255, 255, 0.5);
    padding-bottom: .9vw;
}
.write_us{
    outline: 0;
    width: 16.2vw;
    display: inline-block;
    text-align: center;
    background: transparent;
    color: #FFFFFF;
    padding: 1.4vw 0 1.25vw;
    font-weight: 500;
    font-size: 1.04vw;
    line-height: 1.2vw;
    border: .15vw solid #FFFFFF;
    filter: drop-shadow(0px .2vw .2vw rgba(0, 0, 0, 0.25));
    border-radius: 2.7vw;
    transition: .3s all ease;
    margin-bottom: 2.5vw;
}
.write_us:hover{
    background: #ffffff80;
}
.slider-item-1{
    background-image: url("../img/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-item{
    padding: 22.8vw 0 4.7vw 3.9vw;
}
.slider-item__title{
    font-weight: 700;
    font-size: 3.6vw;
    line-height: 4.4vw;
    color: #FFFFFF;
}
.slider-item__year{
    font-weight: bold;
    font-size: 1.8vw;
    line-height: 2.9vw;
    color: #FFFFFF;
    padding: 0 0 1.6vw 0;
}
.slider-item_text{
    padding: 0.34vw 0 3vw 0;
    font-weight: 500;
    font-size: 1.8vw;
    line-height: 2.2vw;
    color: #FFFFFF;
    position: relative;
}
.slider-item_text:before{
    content: "";
    position: absolute;
    left: 0;
    height: .18vw;
    background: #FFFFFF;
    width: 14vw;
    top: -1vw;
}
.slider-item__details{
    display: block;
    width: fit-content;
    position: relative;
    font-weight: 500;
    font-size: 1.8vw;
    line-height: 2.2vw;
    color: rgba(255, 255, 255, 0.5);
}
.slider-item__details:after{
    content: "";
    position: absolute;
    bottom: -0.5vw;
    left: 0;
    height: 3px;
    background: #FFFFFF;
    width: 0%;
    transition: .6s width ease;
}
.slider-item__details:hover{
    color: #FFFFFF;
}
.slider-item__details:hover:after{
    width: 100%;
}
.slider-item__more{
    display: block;
    margin-top: 10vw;
    padding-top: .7vw;
    position: relative;
    font-weight: 500;
    font-size: 1vw;
    line-height: 2.2vw;
    color: rgba(255, 255, 255, 0.5);
}
.slider-item__more:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: .15vw;
    background: rgba(255, 255, 255, 0.5);
    width: 14vw;
    transition: 1.3s all ease;
    opacity: 0;
}
.slider-item__more.visible:before{
    opacity: 1;
}
.slider-item__more:hover{
    color: #FFFFFF;
}
.slider-item__more:hover:before{
    width: 16vw;
    background-color: #FFFFFF;
}
.slider-navigation{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.slider-navigation li:hover{
    cursor: pointer;
}
.slider-navigation li{
    text-align: right;
}
.slider-navigation button{
    width: 10.1vw;
    border: none;
    border-bottom: .15vw solid rgba(255, 255, 255, 0.5);
    padding-top: 1.8vw;
    outline: 0;
    color: transparent;
    background: transparent;
    font-size: 0;
}
.slider-navigation .slick-active button{
    border-bottom: .20vw solid #FFFFFF;
    width: 15vw;
    padding-top: 2.2vw;
}

.about{
    padding: 5vw 3.9vw 0 3.9vw;
    color: #FFFFFF;
}
.heading{
    font-weight: 700;
    font-size: 3.6vw;
    line-height: 4.4vw;
    color: #FFFFFF;
}
.d-block{
    display: block;
}
.about__title{
    margin-bottom: 5.7vw;
}
.about__text{
    font-weight: 500;
    font-size: 1.8vw;
    line-height: 3.1vw;
    text-align: center;
    max-width: 65vw;
    margin: 0 auto;
}
.about__more{
    margin-top: 7.3vw;
    text-align: right;
}
.about__more_details{
    position: relative;
    font-weight: 500;
    font-size: 1.8vw;
    line-height: 3.1vw;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 4.9vw;
    transition: .5s all ease;
    width: fit-content;
    margin-left: auto;
}
.about__more_details:after{
    content: "";
    position: absolute;
    height: 3px;
    width:  14vw;
    background-color: rgba(255, 255, 255, 0.5);
    bottom:  -0.8vw;
    right: 0;
    transition: .5s all ease;
}
.about__more_details:hover{
    color: #FFFFFF;
}
.about__more_details:hover:after{
    background-color: #FFFFFF;
    width: 15vw;
    max-width: initial;
}
.about__more_icons{
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width:  14vw;
    margin-bottom:  -1vw;
    text-align: right;
    margin-left: auto;
}
#instagram:hover path,
#fb:hover path,
#pinterest:hover path{
    fill-opacity: 1;
}
.works{
    color: #FFFFFF;
}
.works__title{
    padding: 0 3.9vw 5.1vw 3.9vw;
}

.work{
    position: relative;
    min-height: 37.5vw;
    background-size: 100% 100%;
    margin-bottom: 0.7vw;
    background-position: center;
    transition: .8s all ease;
}
.work-1{
    background-image: url('../img/works/work_1.png');
}
.work-2{
    background-image: url('../img/works/work_2.png');
}
.work-3{
    background-image: url('../img/works/work_3.png');
}
.work-4{
    background-image: url('../img/works/work_4.png');
}
.work:nth-child(even) .work__desc{
    left: 3.9vw;
}
.work:nth-child(odd) .work__desc{
    right: 3.9vw;
}
.work__desc{
    position: absolute;
    width: 29.6vw;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.work:hover{
  background-size: 110% 110%;
}
.work:hover .work__desc{
    background: rgba(0, 0, 0, 0.6);
}
.work:hover .work__decs_more{
    color: #FFFFFF;
}
.work:hover .news-bg .work__desc{
    background: initial;
}
.work:hover .work__decs_more:before{
    width: 17vw;
    background-color: #FFFFFF;
}
.work__desc_info{
    margin-top: 16.3vw;
    text-align: center;
}
.work__decs_more{
    position: relative;
    margin-bottom: 4.4vw;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.2vw;
    color: rgba(255, 255, 255, 0.5);
    transition: .5s all ease;
}
.work__decs_more:before{
    content: "";
    position: absolute;
    height: 3px;
    width:  14vw;
    background-color: rgba(255, 255, 255, 0.5);
    top: -0.5vw;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s all ease;
}
.work__desc_info-title{
    font-size: 2vw;
    line-height: 2.55vw;
    margin-bottom: 1.7vw;
    font-weight: bold;
}
.work__desc_info-year{
    font-weight: 700;
    font-size: 1.3vw;
    line-height: 1.5vw;
}
.all-works{
    margin-right: 3.9vw;
    position: relative;
    margin-top: 3vw;
    font-weight: 500;
    font-size: 1.8vw;
    line-height: 2.2vw;
    text-align: right;
    color: white;
}
.all-works:after{
    content: "";
    position: absolute;
    bottom:  -0.8vw;
    right: 0;
    width:  14vw;
    height: .15vw;
    background: #FFFFFF;
    transition: .3s all ease;
}
.all-works:hover{
    opacity: .8;
}
.all-works:hover:after{
    opacity: .8;
    width: 16vw;
}
.services,
.how,
.footer,
.tabs{
    padding: 0 3.9vw;
}
.services{
    margin-top: 2.8vw;
}
.service-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1vw 5.1vw 1vw;
}
.services__title{
    padding-bottom: 1.1vw;
}
.service__bg{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 1;
}
.service-1{
    background-image: url("../img/services/service_1.png");
}
.service-2{
    background-image: url("../img/services/service_2.png");
}
.service-3{
    background-image: url("../img/services/service_3.png");
}
.service-4{
    background-image: url("../img/services/service_4.png");
}
.service-5{
    background-image: url("../img/services/service_5.png");
}
.service-6{
    background-image: url("../img/services/service_6.png");
}
.service{
    display: flex;
    align-items: center;
    border-radius: 50%;
    position: relative;
    width: 27vw;
    height: 27vw;
    margin-top: 3.9vw;
    background-size: cover;
}
.front-services .service:hover .service__bg{
    background: rgba(0, 0, 0, 0.3);
}
.service:after,
.service:before{
    content: "";
    position: absolute;
    width: 2.3vw;
    height: .15vw;
    background: #FFFFFF;
    top: 1.1vw;
    right: 0;
    transition: .5s all ease;
}
.service:before{
    transform: rotate(90deg);
}
.service:hover:before{
    transform: rotate(180deg);
}
.service:hover:after{
    transform: rotate(90deg);
}
.service__text{
    max-width: 83%;
    font-size: 1.5vw;
    line-height: 1.9vw;
    color: #FFFFFF;
    font-weight: 700;
    padding-left: 2.6vw;
    z-index: 2;
}
.how__title{
    margin-bottom: 4.8vw;
    max-width: 26.8vw;
}
.how__block{
    display: flex;
    justify-content: space-between;
}
.how__block_number{
    display: flex;
    width: 47.2vw;
    height: 37.4vw;
}
.how__block_steps{
    max-width: 37.5vw;
    width: 100%;
    padding-top: 8.8vw;
}
.text__after{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.text__after:before{
    content: '';
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transition: .3s all  ease;
}
.text__after[data-number="01"]:before{
    background-image: url("../img/numbers/number-1.png");
}
.text__after[data-number="02"]:before{
    background-image: url("../img/numbers/number-2.png");
}
.text__after[data-number="03"]:before{
    background-image: url("../img/numbers/number-3.png");
}
.text__after[data-number="04"]:before{
    background-image: url("../img/numbers/number-4.png");
}
.step{
    color: #FFFFFF;
    border-bottom: 0.05vw solid rgba(255, 255, 255, 0.5);;
}
.step .step__title:after,
.step .step__title:before{
    content: "";
    position: absolute;
    width: 1.3vw;
    height: .15vw;
    background: #FFFFFF;
    top: 50%;
    transform: translateY(-50%);
    right: 1.2vw;
    transition: .5s all ease
}
.step .step__title:before{
    transform: translateY(-50%) rotate(90deg);
    opacity: 1;
}
.step.active .step__title:before{
   opacity: 0;
}
.step:hover{
    cursor: pointer;
}
.step__title{
    position: relative;
    font-weight: 700;
    font-size: 2.6vw;
    line-height: 3.1vw;
    padding-bottom: 0.5vw;
}
.step__text{
    display: none;
    font-weight: 500;
    font-size: 0.7vw;
    line-height: 1vw;
    padding-top: 0.5vw;
    padding-bottom: 2vw;
}
.footer{
    color: #FFFFFF;
}
.footer__contacts{
    margin-top: 9.4vw;
    border: .15vw solid #FFFFFF;
    text-align: center;
    margin-bottom: 11.7vw;
}
.custom-width{
    max-width: 86%;
    margin: 0 auto;
}
.footer__contacts_title{
    padding: 0 13.8vw;
    position: relative;
    top: -1.7vw;
    font-weight: 700;
    font-size: 1.5vw;
    line-height: 1.9vw;
    background: #212121;
    z-index: 3;
}
.footer__contacts_text{
    padding: 1.7vw 0;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.2vw;
    max-width: 22.6%;
    margin: 0 auto;
}
.footer__contacts_text .strong{
    display: block;
    margin-bottom: 1.5vw;
}
.strong{
    font-weight: 700;
}
.footer__contacts_icons{
    position: relative;
    bottom: -1.5vw;
    text-align: center;
    background: #212121;
    z-index: 3;
}
.footer__contacts_icons-item{
    display: inline-block;
    max-width: 3.2vw;
}
.middle-icon{
    margin: 0 1.1vw;
}
.text-center{
    text-align: center;
}
.footer__down{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer__down_left{
    max-width: 38%;
}
.footer__down_left-title{
    font-size: 1.5vw;
    line-height: 1.9vw;
}
.footer__down_left-text{
    font-weight: 500;
    font-size: 0.7vw;
    line-height: 1vw;
    color: rgba(255, 255, 255, 0.5);
}
.footer__down_right{
    max-width: 40.6%;
    width: 100%;
}
.faqs-title{
    font-weight: 700;
    font-size: 1.5vw;
    line-height: 1.9vw;
}
.faqs{
    list-style: decimal inside;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
    font-size: 0.7vw;
    line-height: 167%;
}
.faq{
    position: relative;
    list-style: decimal inside;
    padding: 0.5vw 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.faq__ques{
    display: inline-block;
    width: calc(100% - 23px);
}
.faq__ques:hover{
    cursor: pointer;
}
.faq__ques:after,
.faq__ques:before{
    content: "";
    position: absolute;
    width: 0.7vw;
    height: .05vw;
    background: rgba(255, 255, 255, 0.5);
    top: 50%;
    transform: translateY(-50%);
    right: 0.6vw;
    transition: .4s all ease;
}
.faq.open .faq__ques:before{
    transform: translateY(-50%);
    opacity: 0;
}
.faq .faq__ques:before{
    transform:  translateY(-50%) rotate(90deg);
    opacity: 1;
}
.faq__answer{
    display: none;
    margin-right: 2vw;
}
.footer__down .text-center{
    width: 100%;
    margin: 5.7vw 0 5.3vw 0;
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 1.5vw;
    color: rgba(255, 255, 255, 0.5);
}
.footer__down_left-title{
    margin-bottom: 1.7vw;
}
.tabs{
    display: flex;
    padding-bottom: 2.96vw;
}
.tabs__tab{
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.2vw;
    margin-right: 1.8vw;
    color: rgba(255, 255, 255, 0.5);
}
.tabs__tab:hover{
    cursor: pointer;
}
.tabs__tab.picked{
    color: #FFFFFF;
    border-bottom: 0.17vw solid #FFFFFF;
}
.header__icons,
.main__title{
    display: none;
}
.project{
    position: relative;
    background-image: url("../img/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.project .slider-item{
    padding: 438px 3.9vw 4.5vw 3.9vw;
}
.project .slider-item__title{
    margin-bottom: 1.9vw;
}
.project__header_year{
    padding-top: 2.6vw;
    font-weight: 700;
    font-size: 1.8vw;
    line-height: 2.2vw;
    color: #FFFFFF;
    max-width: 29.8vw;
    border-top: 0.17vw solid #FFFFFF;
}
.space-between{
    justify-content: space-between;
}
.project__header_down{
    display: flex;
    align-items: center;
    padding-top: 13.8vw;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.2vw;
    color: rgba(255, 255, 255, 0.5);
}
.project__header_down .slider-item__more{
    margin-top: 0;
    display: block;
}
.project__header_down .slider-item__more:before{
    left: initial;
    right: 0;
}
.project__header_down-inner{
    display: flex;
    align-items: center;
}
.project__header_down .d-block{
    margin-right: 1.1vw;
    max-width: 3.4vw;
}
.project__header_down-link{
    margin-left: 0.4vw;
}
.info__text{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 3.9vw;
}
.info__title{
    margin-top: 5vw;
    margin-bottom: 5.7vw;
    padding: 0 3.9vw;
}
.info__text_part{
    font-weight: 500;
    margin-bottom: 4.2vw;
    max-width: 57.6%;
    font-size: 1.3vw;
    line-height: 1.56vw;
    color: #FFFFFF;
}
.info__text_intro-line{
    margin-bottom: 1.4vw;
    font-weight: 500;
    font-size: 1.8vw;
    line-height: 1.56vw;
    display: flex;
}
.value{
    color: rgba(255, 255, 255, 0.5);
    margin-right: 0.5vw;
}
.property{
    color: #FFFFFF;
}
.info__title-second{
    margin-top: 5.7vw;
    margin-bottom: 0;
}
.info__text_part-second{
    margin-top: 4.2vw;
}
.info__img{
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
}
.info__img .project-1,
.info__img .project-2,
.info__img .project-3{
    margin-bottom: 1.1vw;
    width: 100%;
}
.info__img .project-1{
    max-width: 33.8%;
}
.info__img .project-2{
    max-width: 65.2%;
}
.info__img .project-3{
    max-width: 100%;
}
.project-main .all-works{
    margin-bottom: 6vw;
}
.project .slider-item__more{
    display: none;
}
.xl-visible.slider-item__more{
    display: block;
}
.project .slider-item_text{
    padding: 0.7vw 0 0 0;
    max-width: 37vw;
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 1.56vw;
}
.project .slider-item_text:before{
    display: none;
}
.team .slider-item__title{
    margin-bottom: 0;
}
.team .project__header_down{
    padding-top: 11.8vw;
}
.team .service-1{
    background-image: url("../img/team/team-1.png");
}
.team .service-2{
    background-image: url("../img/team/team-2.png");
}
.team .service-3{
    background-image: url("../img/team/team-3.png");
}
.team .service-4{
    background-image: url("../img/team/team-4.png");
}
.team .service-5{
    background-image: url("../img/team/team-5.png");
}
.team .service:hover .service__text{
    opacity: 1;
}
.team .service:hover .service__bg{
    background: rgba(0, 0, 0, 0.3);
}
.team .service-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3.9vw;
}
.service__bg{
    background: none;
    transition: all .3s ease-in-out;
}
.team .service__text{
    text-align: center;
    opacity: 0;
    transition: all .3s ease-in-out;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.service__text_post{
    font-size: 1vw;
    line-height: 1.2vw;
}
.team__works{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3.9vw 5.1vw 3.9vw;
}
.team .all-works-down{
    display: none;
}
.team__works .all-works-up{
    margin: 0;
}
.news-all{
    padding-top: 4.9vw;
}
.news-bg{
    width: 100%;
    min-height: inherit;
    background: rgba(0, 0, 0, 0.5);
}
.news-bg .work__desc{
    background: none;
    justify-content: center;
    align-items: flex-start;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 1vw;
    line-height: 1.2vw;
}
.news__title{
    font-size: 2vw;
    line-height: 2.1vw;
    font-weight: 700;
    margin-bottom: 2.1vw;
}
.news__date{
    margin-bottom: 2.8vw;
}
.news__details{
    width: 100%;
    padding-top: 2.1vw;
    border-top: 0.05vw solid rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 0.5);
}
.news-all .work:nth-child(odd) .work__desc{
    align-items: flex-end;
    text-align: right;
}
.news .slider-item__title{
    margin-bottom: 2.6vw;
}
.news-text .info__text{
    display: grid;
    grid-template-columns: 53vw 29.6vw;
    gap: 9.3vw;
    font-weight: 500;
    font-size: 1.3vw;
    line-height: 1.56vw;
    color: #FFFFFF;
}
.news-text .info__img img{
    max-width: 100%;
    width: 100%;
}
.news-text .info__img{
    position: relative;
    margin-top: 4.3vw;
}
.news-text .info__text-2{
    padding-top: 5.6vw;
    padding-bottom: 8.1vw;
    display: grid;
    grid-template-columns: 29.6vw  53vw ;
    gap: 9.3vw;
}
.news-text .all-works-down{
    display: none;
}
.info__img_plus{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3.9vw;
    width: 3.9vw;
    height: 3.9vw;
    background: rgba(255, 255, 255, 0.5);
    z-index: 2;
    border-radius: 50%;
    transition: .5s all ease;
}
.info__img_plus:hover{
    width: 4.5vw;
    height: 4.5vw;
}
.info__img_plus-right{
    left: initial;
    right: 3.9vw;
}
.info__img_plus:before{
    content: "";
    position: absolute;
    background-image: url("../img/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 25%;
    height: 42%;
    top: 29%;
    left: 37.5%;
}
.info__img_plus:hover:before{
    cursor: pointer;
}
.info__img_plus-left:before{
    transform: rotate(180deg);
}
#map{
    height: 37.5vw;
}
#map canvas{
    width: 100%;
}
.marker{
    background-size: contain;
}

@media (max-width: 1919px)  {
    .header{
        padding: 2vw 3.5vw 0 3.5vw;
    }
    .header__right_top{
        padding-top: 1.7vw;
        align-items: baseline;
    }
    .header__right_top-phone{
        font-size: 1.2vw;
        line-height: 1.5vw;
    }
    .lang{
        font-size: 1vw;
        line-height: 1.2vw;
    }
    .header__right_menu{
        font-size: 1.2vw;
        line-height: 1.5vw;
        padding-bottom: 3vw;
        padding-top: 1.7vw;
    }
    .write_us{
        width: 16.2vw;
        font-size: 1vw;
        line-height: 1.2vw;
    }
    .slider-item{
        padding: 22.7vw 0 4.7vw 3.8vw;
    }
    .slider-item__title{
        font-size: 3.6vw;
        line-height: 4.4vw;
    }
    .slider-item__year{
        padding-top: 2.5vw;
        padding-bottom: 1.5vw;
        font-size: 1.8vw;
        line-height: 2.2vw;
    }
    .slider-item_text{
        font-size: 1.8vw;
        line-height: 2.2vw;
        padding: 1vw 0 3vw 0;
    }
    .slider-item__details{
        font-size: 1.8vw;
        line-height: 2.2vw;
    }
    .slider-item__more{
        margin-top: 10.1vw;
        font-size: 1vw;
        line-height: 1.2vw;
    }

    .heading{
        font-size: 3.6vw;
        line-height: 4.4vw;
    }
    .about{
        padding: 5vw 3.8vw 0 3.8vw;
    }
    .about__title{
        margin-bottom: 5.7vw;
    }
    .about__text{
        max-width: 65.2vw;
        font-size: 1.8vw;
        line-height: 3.1vw;
    }
    .about__more{
        margin-top: 7.3vw;
        font-size: 1.8vw;
        line-height: 2.2vw;
    }
    .about__more_details:after{
        bottom: -0.8vw;
    }
    .about__more_details{
        margin-bottom: 3vw;
    }
    .about__more_icons{
        max-width: 13.9vw;
        margin-bottom: -3.6vw;
    }
    .header .about__more_icons-middle{
        margin-right: 0;
        margin-left: 0;
    }
    .about__more_icons .d-block{
        max-width: 27%;
    }
    .about__more_details{
        font-size: 1.8vw;
        line-height: 2.2vw;
    }
    .about__more_details:after{
        max-width: 14vw;
    }
    .works__title{
        padding: 0 0 5vw 3.8vw;
    }
    .work{
        min-height: 37.5vw;
        margin-bottom: 0.7vw;
    }
    .work__desc{
        width: 29.6vw;
    }
    .work:nth-child(even) .work__desc{
        left: 3.8vw;
    }
    .work:nth-child(odd) .work__desc{
        right: 3.8vw;
    }
    .work__desc_info{
        margin-top: 16.3vw;
    }
    .work__desc_info-title{
        font-size: 2vw;
        line-height: 2.5vw;
        margin-bottom:1.7vw;
    }
    .work__desc_info-year{
        font-size: 1.2vw;
        line-height: 1.5vw;
    }
    .work__decs_more:before{
        top: -0.5vw;
        width: 14vw;
    }
    .work__decs_more{
        font-size: 1vw;
        line-height: 1.2vw;
        margin-bottom: 4.1vw;
    }
    .all-works{
        margin-top: 3.7vw;
        margin-right: 3.8vw;
        font-size: 1.8vw;
        line-height: 2.2vw;
    }
    .all-works:after{
        width: 14vw;
        bottom: -0.8vw;
    }
    .service-wrap{
        padding: 0 1vw 5vw 1vw;
    }
    .services{
        margin-top: 2.7vw;
        padding: 0 3.8vw;
    }
    .services__title{
        padding-bottom: 1.2vw;
    }

    .service{
        width: 27.2vw;
        height: 27.2vw;
        margin-top: 3.9vw;
    }
    .service__text{
        font-size: 1.5vw;
        line-height: 1.9vw;
        padding-left: 2.6vw;
    }
    .service:after, .service:before{
        height: 0.1vw;
        width: 2.2vw;
    }
    .how{
        padding: 0 3.8vw;
    }
    .how__title{
        max-width: 26.8vw;
        margin-bottom: 4.7vw;
    }
    .how__block_number{
        font-size: 38.6vw;
        width: 47.2vw;
        height: 37.5vw;
    }
    .how__block_steps{
        max-width: 37.5vw;
        padding-top: 104px;
    }
    .step__title{
        font-size: 2.6vw;
        line-height: 3.1vw;
        padding-bottom: 0.1vw;
        padding-top: 0.3vw;
    }
    .step__text{
        font-size: 0.7vw;
        line-height: 1vw;
        padding: 0.3vw 0 2vw 0;
    }
    .step .step__title:after, .step .step__title:before{
        width: 1.2vw;
    }
    .footer__contacts{
        margin-top: 9.4vw;
        margin-bottom: 11.7vw;
    }
    .footer__contacts_title{
        padding: 0 13.7vw;
        line-height: 1.9vw;
        font-size: 1.5vw;
        text-align: center;
        top: -1.5vw;
    }
    .footer__contacts_text{
        padding:1.7vw 0;
        max-width: 26%;
        font-size: 1vw;
        line-height: 1.2vw;
    }
    .footer__contacts_icons-item{
        max-width: 3.8vw;
    }
    .middle-icon{
        margin: 0 1.2vw;
    }
    .footer__contacts_icons{
        bottom: -1.5vw;
    }
    .footer{
        padding: 0 3.8vw;
    }
    .footer__down_left-title{
        font-size: 1.5vw;
        line-height: 1.9vw;
        margin-bottom: 1.7vw;
    }
    .footer__down_left-text{
        font-size: 0.7vw;
        line-height: 1vw;
    }
    .faqs-title{
        font-size: 1.5vw;
        line-height: 1.9vw;
        margin-bottom: 1.2vw;
    }
    .faq,
    .faq__ques,
    .faq__answer{
        font-size: 0.7vw;
        line-height: 1.2vw;
    }
    .faq__ques:after, .faq__ques:before{
        width: 0.7vw;
    }
    .footer__down .text-center{
        font-size: 1.2vw;
        line-height: 1.5vw;
        margin: 5.7vw 0 5.3vw 0;
    }
}

@media (max-width: 1399px){
    .slider-wrap .header{
        padding: 0 3.9vw;
    }
    .header__left{
        margin-top: 2vw;
    }

    .header__right_top{
        padding-top: 1.7vw;
    }
    .header__right_top-phone,
    .header__right_menu{
        font-size: 1.3vw;
        line-height: 1.5vw;
    }
    .header__right_menu{
        padding: 1.6vw 0 3vw 0;
    }
    .lang{
        font-size: 1vw;
        line-height: 1.2vw;
    }
    .write_us{
        width: 16.1vw;
        font-size: 1vw;
        line-height: 1.2vw;
        filter: drop-shadow(0px 0.2vw 0.2vw rgba(0, 0, 0, 0.25));
        border-radius: 2vw;
    }
    .slider-item{
        padding: 22.8vw 0 4.7vw 3.9vw;
    }
    .slider-item__title{
        font-size: 3.6vw;
        line-height: 4.4vw;
    }
    .slider-item__year{
        padding: 0 0 2.4vw 0;
    }
    .slider-item_text{
        padding: 1vw 0 3vw 0;
    }
    .slider-item__details,
    .slider-item__year,
    .slider-item_text{
        font-size: 1.8vw;
        line-height: 2.2vw;
    }
    .slider-item__more{
        margin-top: 10.1vw;
        font-size: 1vw;
        line-height: 1.2vw;
        padding-top: 0.7vw;
    }
    .slider-navigation{
        transform: none;
        top: 21.5vw;
    }
    .slider-navigation button{
        padding-top: 2.1vw;
    }
    .about{
        padding: 5vw 3.9vw 0 3.9vw;
    }
    .heading{
        font-size: 3.6vw;
        line-height: 4.4vw;
    }
    .about__title{
        margin-bottom: 5.7vw;
    }
    .about__text{
        max-width: 65vw;
        font-size: 1.8vw;
        line-height: 3.1vw;
    }
    .about__more{
        margin-top: 7.4vw;
        font-size: 1.8vw;
        line-height: 2.2vw;
    }
    .about__more_details:after{
        bottom: -0.7vw;
        max-width: 14vw;
    }
    .about__more_details{
        font-size: 1.8vw;
        line-height: 2.2vw;
        margin-bottom: 3.1vw;
    }
    .about__more_icons{
        max-width: 14vw;
        margin-bottom: -2.7vw;
    }
    .works__title{
        padding: 0 3.9vw 5vw 3.9vw;
    }
    .work{
        margin-bottom: 0.7vw;
        min-height: 37.5vw;
    }
    .work:nth-child(even) .work__desc{
        left: 3.9vw;
    }
    .work:nth-child(odd) .work__desc{
        right: 3.9vw;
    }
    .work__desc_info{
        margin-top: 16.3vw;
    }
    .work__desc_info-title{
        font-size: 2vw;
        line-height: 2.5vw;
        margin-bottom: 1.7vw;
    }
    .work__desc_info-year{
        font-size: 1.3vw;
        line-height: 1.5vw;
    }
    .work__decs_more:before{
        top: -0.5vw;
        width: 14vw;
        height: .15vw;
    }
    .work__decs_more{
        font-size: 1vw;
        line-height: 1.2vw;
        margin-bottom: 4.1vw;
    }
    .all-works{
        margin: 4vw 3.9vw 0 0;
        font-size: 1.8vw;
        line-height: 2.2vw;
    }
    .all-works:after{
        bottom: -0.8vw;
        width: 14vw;
        height: .15vw;
    }
    .services{
        margin-top:  2.83vw;
        padding: 0 3.9vw;
    }
    .services__title{
        padding-bottom: 1.1vw;
    }
    .service{
        margin-top: 3.9vw;
        width: 27.3vw;
        height: 27.3vw;
    }
    .service:after, .service:before{
        top: 1.1vw;
        width: 2.3vw;
        height: .15vw;
    }
    .service__text{
        font-size: 1.5vw;
        line-height: 1.9vw;
        padding-left: 2.6vw;
    }
    .service-wrap{
        padding:  0 1vw 5vw 1vw;
    }
    .how{
        padding:  0 3.9vw;
    }
    .how__title{
        margin-bottom: 4.8vw;
    }
    .how__block_number{
        max-width: 47.2vw;
        height: 37.4vw;
        font-size: 38.4vw;
    }
    .step__title{
        font-size: 2.6vw;
        line-height: 3.1vw;
        padding: 0.4vw 0 0.58vw 0;
    }
    .step__text{
        font-size: 0.77vw;
        line-height: 1vw;
        padding: 0.4vw 0 2vw 0;
    }
    .step{
        border-width: 0.05vw;
    }
    .step .step__title:after, .step .step__title:before{
        height: .15vw;
        width: 1.3vw;
        right: 1vw;
    }
    .how__block_steps{
        max-width: 37.5vw;
    }
    .how__block_steps{
        padding-top: 7.5vw;
    }
    .footer__contacts{
        margin-top: 9.5vw;
        margin-bottom: 11.7vw;
    }
    .footer__contacts_title{
        top: -2vw;
        font-size: 1.5vw;
        line-height: 1.9vw;
        padding: 0 13.8vw;
    }
    .footer__contacts_text{
        font-size: 1vw;
        line-height: 1.2vw;
        padding: 1.3vw 0 1vw 0;
    }
    .footer__contacts_icons-item{
        max-width: 3.9vw;
    }
    .footer__contacts_icons{
        bottom: -2.2vw;
    }
    .footer__down_left-title{
        font-size: 1.5vw;
        line-height: 1.9vw;
        margin-bottom: 1.7vw;
    }
    .footer__down_left-text{
        font-size: 0.77vw;
        line-height: 1vw;
    }
    .faqs-title{
        font-size: 1.5vw;
        line-height: 1.9vw;
        margin-bottom: 2vw;
    }
    .faq{
        padding: 0.4vw 0;
    }
    .faq, .faq__ques, .faq__answer{
        font-size: 0.77vw;
        line-height: 1.3vw;
    }
    .faq__ques:after, .faq__ques:before{
        width: 0.7vw;
        height: 0.05vw;
        right: 8px;
    }
    .footer__down .text-center{
        margin: 5.6vw 0 5.3vw 0;
        font-size: 1.3vw;
        line-height: 1.5vw;
    }
}

@media (max-width: 1199px){
    .header{
        padding: 3vw 5.7vw 0 5.7vw;
    }
    .header__right{
        display: flex;
        align-items: center;
        height: min-content;
        padding: 2.4vw 0 10vw 0;
    }
    .wheel{
        width: 18.6vw;
        height: 18.6vw;
    }
    .header__left_title{
        right: 13%;
        bottom: 19%;
        font-size: 115%;
    }
    .header__right_menu,
    .header__right_top{
        display: none;
    }
    .mobmenu-toggler-wrap{
        height: 2.7vw;
        display: flex;
        align-items: center;
    }
    .mobmenu-toggler,
    .mobmenu-toggler:after,
    .mobmenu-toggler:before{
        width: 3.9vw;
        height: 0.4vw;
        background-color: #FFFFFF;
    }
    .mobmenu-toggler{
        position: relative;
        margin-left: 7.4vw;
    }
    .mobmenu-toggler:after,
    .mobmenu-toggler:before{
        content: "";
        position: absolute;
        right: 0;
    }
    .mobmenu-toggler:after{
        top: -0.9vw;
    }
    .mobmenu-toggler:before{
        bottom: -0.9vw;
    }
    .write_us{
        border: none;
        padding: 0;
        font-size: 2vw;
        line-height: 2.6vw;
        width: initial;
        margin-bottom: 0;
    }
    .slick-slide{
        background-size: cover;
        background-position: center;
        padding: 53.6vw 5.8vw 9.5vw 5.8vw;
    }
    .news-text .info__img .slick-slide{
        padding: 0;
    }
    .slick-list .slider-item, .project .slider-item{
        min-height: 100vh;
        max-height: 100vh;
        flex-direction: column;
        display: flex;
        justify-content: space-between;
    }
    .slider-item__title{
        font-size: 4.6vw;
        line-height: 5.7vw;
        margin-bottom: 2.2vw;
    }
    .slider-item__year{
        padding: 0;
        font-size: 2vw;
        line-height: 2.6vw;
        margin-bottom: 2.4vw;
    }
    .slider-item_text{
        padding-top: 1.4vw;
        padding-bottom: 4.5vw;
        font-size: 2vw;
        line-height: 2.6vw;
    }
    .slider-item__details{
        display: block;
        font-size: 2vw;
        line-height: 2.6vw;
        margin-bottom: 33vw;
    }
    .slider-item__more{
        margin-top: 0;
        font-size: 1.5vw;
        line-height: 1.8vw;
        padding-top: 1.1vw;
        text-align: center;
    }
    .slider-item__more:before{
        width: 0;
        left: 50%;
    }

    .slider-item_text:before{
        width: 20.5vw;
    }
    .slider-item__more:before{
        transform: translateX(-50%);
        width: 20.5vw;
    }
    .slider-navigation{
        top: 16.5vw;
        transform: none;
    }
    .slider-navigation button{
        width: 9.6vw;
        height: 0.4vw;
        padding-top: 3.6vw;
        border-width: 0.4vw;
    }
    .slider-navigation .slick-active button{
        width: 14vw;
        border-width: 0.4vw;
    }
    .slider-item__more.xs-visible{
        display: block;
    }
    .how__block{
        flex-wrap: wrap;
    }
    .text__after:before{
        content: none;
    }
    .about{
        padding: 8.2vw 5.7vw 0 5.7vw;
    }
    .heading{
        font-weight: 700;
        font-size: 4.6vw;
        line-height: 5.7vw;
        color: #FFFFFF;
    }
    .about__title{
        margin-bottom: 14.4vw;
    }
    .about__text{
        max-width: 83.7vw;
        font-weight: 500;
        font-size: 2vw;
        line-height: 3.3vw;
    }
    .about__more{
        margin-top: 13.5vw;
    }
    .about__more_details{
        font-size: 2vw;
        line-height: 2.6vw;
        margin-bottom: 5.9vw;
    }
    .about__more_icons{
        margin-bottom: -4vw;
        max-width: 20.4vw;
    }
    .about__more_icons img{
        width: 5.7vw;
    }
    .about__more_details:after{
        bottom: -1.1vw;
    }
    .work{
        margin-bottom: 1.1vw;
        min-height: 55vw;
        background-size: 144% 100%;
        background-repeat: no-repeat;
    }
    .work:hover{
        background-size: 155% 110%;
    }
    .works__title{
        padding: 0 5.7vw 8.3vw 5.7vw;
    }
    .work__desc{
        max-width: 44.2vw;
        right: 5.7vw;
    }
    .work__desc_info{
        margin-top: 24vw;
    }
    .work:nth-child(odd) .work__desc {
        right: 5.7vw;
    }
    .work__desc_info-title{
        font-weight: 700;
        font-size: 3vw;
        line-height: 3.7vw;
    }
    .work__desc_info-year{
        font-size: 1.9vw;
        line-height: 2.3vw;
    }
    .work__decs_more{
        margin-bottom: 6.1vw;
        font-size: 1.5vw;
        line-height: 1.8vw;
    }
    .work__decs_more:before{
        top: -0.7vw;
    }
    .all-works{
        margin-top: 5.7vw;
        font-size: 2vw;
        line-height: 2.6vw;
    }
    .all-works:after{
        bottom: -1.3vw;
    }
    .team .service-wrap{
        display: flex;
        justify-content: space-between;
    }
    .team .service-wrap .service{
        margin-right: 0;
    }
    .services{
        margin-top: 4vw;
        padding: 0 0 0 7.2vw;
    }
    .team .services{
        padding-right: 7.2vw;
    }
    .services__title{
        padding-bottom: 2.4vw;
    }
    .service{
        width: 40.3vw;
        height: 40.3vw;
        margin-right: 5vw;
        margin-top: 5.7vw;
    }
    .service__text{
        font-size: 2.2vw;
        line-height: 2.8vw;
    }
    .service:after, .service:before{
        width: 3.3vw;
        height: 0.22vw;
        top: 1.6vw;
    }
    .service-wrap{
        padding: 0;
    }
    .how{
        padding: 7vw 5.7vw 0 5.7vw;
    }
    .how__title{
        margin-bottom: 8.4vw;
    }
    .how__block_number{
        display: none;
        max-width: 39.5vw;
        text-align: left;
    }
    .how__block_steps{
        padding: 0;
    }
    .how__block_steps{
        max-width: initial;
    }
    .step__title{
        font-size: 3.9vw;
        line-height: 4.8vw;
        padding: 1.9vw 0 3.5vw 0;
    }
    .step__text{
        font-size: 1.8vw;
        line-height: 2.4vw;
        padding: 0.6vw 0 4.6vw 0;
    }
    .step .step__title:after, .step .step__title:before{
        width: 3vw;
    }
    .work__decs_more:before,
    .all-works:after,
    .about__more_details:after{
        width: 20.5vw;
        max-width: initial;
        transition: .3s all ease;
    }
    .work__decs_more:hover:before,
    .all-works:hover:after,
    .about__more_details:hover:after{
        width: 21.5vw;
        background-color: #FFFFFF;
    }
    .work__decs_more:hover,
    .all-works:hover,
    .about__more_details:hover{
        color: #FFFFFF;
    }
    .footer__contacts{
        border: none;
        margin-top: 11.9vw;
        margin-bottom: 0;
    }
    .footer__contacts_title{
        padding: 0;
        font-size: 2.2vw;
        line-height: 2.8vw;
        top: 0;
    }
    .custom-width{
        width: 58%;
    }
    .footer__contacts_text{
        margin: 4.8vw auto;
        padding: 0;
        max-width: 30.8vw;
        font-size: 1.5vw;
        line-height: 1.8vw;
    }
    .footer__contacts_icons{
        bottom: 0;
    }
    .footer__contacts_icons img{
        width: 5.7vw;
    }
    .middle-icon{
        margin: 0 1.6vw;
    }
    .footer__down_left,
    .footer__down_right{
        display: none;
    }
    .footer__down .text-center{
        margin: 7.5vw 0;
        font-size: 1.9vw;
        line-height: 2.3vw;
    }
    .slider-item-1{
        background-image: url("../img/bg-mob.png");
    }
    .header__icons{
        display: flex;
        align-items: center;
        /* margin-right: 3.1vw; */
    }
    .black-wrap .header__left{
        padding: 0;
        margin-top: -9.6vw;
    }

    .tabs__tab{
        font-size: 3.1vw;
        line-height: 3.7vw;
        margin-right: 3.4vw;
    }
    .main__title{
        display: block;
        text-align: center;
        margin-bottom: 10.6vw;
    }
    .header__icons_left{
        display: flex;
    }
    .header__icons_right{
        margin-left: 7.8vw;
    }
    .header__icons_right .d-block{
        max-width: 8.75vw;
        width: 8.75vw
    }
    .header__icons_right img{
        width: 100%;
    }
    .header__icons_left .d-block{
        max-width: 4.6vw;
        margin-right: 3.1vw;
    }
    .black-wrap .write_us{
        display: none;
    }
    .project .slider-item{
        padding: 105vw 0 9vw 3.1vw;
    }
    .project .slider-item__title{
        margin-bottom: 1.8vw;
    }
    .project__header_year{
        padding-top: 0;
        border: none;
        font-size: 3.1vw;
        line-height: 3.7vw;
    }
    .project__header_down{
        display: none;
    }
    .slider-item__more{
        display: block;
    }
    .project .slider-item__more{
        margin-top: 7vw;
    }
    .project{
        background-image: url("../img/bg-mob.png");
        background-position: top center;
    }
    .info__text{
        padding: 0 3.1vw;
    }
    .info__title{
        text-align: left;
        margin: 9vw 0 7.5vw 0;
        padding: 0 3.1vw;
    }
    .info__text_intro-line{
        font-size: 4.6vw;
        line-height: 4.6vw;
        margin-bottom: 2.5vw;
    }
    .info__text_part{
        max-width: initial;
        margin: 6.2vw 0 10.3vw 0;
        font-size: 3.1vw;
        line-height: 4.6vw;
    }
    .info__img .project-1, .info__img .project-2, .info__img .project-3{
        margin-bottom: 3.1vw;
        max-width: 100%;
    }
    .project-main .work{
        display: none;
    }
    .project-main .all-works{
        margin-bottom: 0;
    }
    .info__text_part-second{
        margin-top: 0;
    }
    .project .slider-item{
        text-align: center;
        padding: 50vh 3.1vw 6.2vw 3.1vw;
    }
    .project .slider-item__title{
        text-align: left;
        margin-bottom: 0.8vw;
        font-size: 6.2vw;
        line-height: 7.5vw;
        text-transform: uppercase;
    }
    .team .slider-item__title{
        text-align: center;
    }
    .slider-item__title.center{
        text-align: center;
        margin-bottom: 5.9vw;
    }
    .project .slider-item_text{
        padding: 0;
        font-size: 3.1vw;
        line-height: 4.6vw;
        max-width: 100%;
    }
    .project__header_year{
        text-align: left;
    }
    .team__works .all-works-up{
        display: none;
    }
    .team .all-works-down{
        display: block;
    }
    .team__works{
        padding: 7.8vw 0;
        justify-content: center;
    }
    .news__details{
        display: none;
    }
    .news-all .work .news-bg .work__desc{
        align-items: center;
        height: 50%;
        justify-content: flex-end;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        bottom: 0;
        top: initial;
    }
    .news__title{
        font-size: 6.2vw;
        line-height: 7.5vw;
        margin-bottom: 1.8vw;
    }
    .news__date{
        font-size: 3.1vw;
        line-height: 3.7vw;
        margin-bottom: 7.1vw;
    }
    .news-bg .work__desc:before{
        content: "";
        position: absolute;
        width: 30%;
        height: 0.3vw;
        background: #FFFFFF;
        top: 0;
        left: 0;
    }
    .news-all{
        padding-top: 5.9vw;
    }
    .news-all .main__title{
        margin-bottom: 12.1vw;
    }
    .news-text .work,
    .news-text .info__text{
        display: block;
    }
    .news-text .info__text{
        font-size: 3.1vw;
        line-height: 4.6vw;
    }
    .news-text .info__text div{
        margin-bottom: 3.7vw;
    }
    .news-text .info__img{
        margin-top: 6.5vw;
    }
    .info__img_plus{
        display: none;
    }
    .news-text .info__text-2{
        padding: 7.8vw 3.1vw 3.4vw 3.1vw;
    }
    .news-text .work__desc:before{
        display: none;
    }
    .project-main .all-works-down{
        display: block;
    }
    .tabs{
        padding-bottom: 8.4vw;
    }
    .team .team__works{
        padding: 10.9vw 0;
    }
    #map{
        height: 400px;
    }
    #map .marker{
        width: 8.75vw !important;
        height: 8.75vw !important;
    }
    .service__text_post{
        font-size: 3.1vw;
        line-height: 3.7vw;
    }
}
@media (max-width: 767px){
    .ball{
        position: absolute;
        right: -2%;
        width: 13%;
        height: 12%;
        border-radius: 50%;
        background: white;
        bottom: 20%;   
    }
    .header__left{
        margin-top: 0;
    }
    .news-all{
        padding-top: 0;
    }
    .header{
        /* padding: 0 3.1vw; */
        padding: 2vw 2.3vw 0 3.1vw;
    }
    .tabs__tab{
        padding-bottom: 2.5vw;
    }
    .black-wrap .header{
        padding: 0 2.3vw 0 3.1vw;
    }
    .black-wrap .mobmenu-toggler-wrap{
        height: 8vw;
    }
    .black-wrap  .mobmenu-toggler{
        margin-left: 6.3vw;
    }
    .black-wrap .header__right{
        padding-top: 7.5vw;
    }
    .slider-wrap .header{
        padding: 2vw 2.3vw 0 3.1vw;
    }
    .header__right{
        padding-top: 6.5vw;
        padding-bottom: 13vw;
    }
    .black-wrap .header__right{
        padding-bottom: 8.5vw;
    }
    .header__left_title{
        right: 3.5vw;
        bottom: 5.2vw;
        /* font-size: 3.3vw; */
        font-size: 4.5vw;
    }
    .wheel{
        width: 27.8vw;
        height: 27.8vw;
        border: .4vw solid white;

    }
    .write_us{
        font-size: 3.1vw;
        line-height: 3.7vw;
        padding-top: 1.4vw;
    }
    .project .slider-item, .slider-item{
        padding: 60vh 3.1vw 10vh 3.1vw;
        background-position: 60%;
        background-position: top center;
    }
    .slider-item__more{
        text-align: center;
        margin-top: 2.1vw;
        font-size: 3.1vw;
        line-height: 3.7vw;
    }
    .slider-item__more.visible:before{
        width: 25vw;
    }
    .slider-item__title{
        font-size: 6.2vw;
        line-height: 7.5vw;
        margin-bottom: 1.8vw;
    }
    .slider-item__year{
        font-size: 3.1vw;
        line-height: 3.7vw;
        margin-bottom: 3.7vw;
    }
    .slider-item_text,
    .slider-item__details{
        font-size: 3.1vw;
        line-height: 3.7vw;
    }
    .slider-item_text{
        vertical-align: baseline;
        max-width: 60%;
        padding-top: 2.5vw;
        padding-bottom: 8.7vw;
    }
    .slider-item__details{
        /* padding-bottom: 20.7vw; */
        margin-bottom: 0;
    }
    .news .slider-item__more.xs-visible{
        padding-top: 1.1vw;
    }
    .slider-item_text:before{
        border-width: 0.3vw;
        width: 25vw;
    }
    .slider-navigation .slick-active button{
        border-width: 1vw;
        width: 18.7vw;
        padding-top: 7vw;
    }
    .slider-navigation button{
        width: 12.5vw;
        border-width: 0.8vw;
    }
    .works .work .work__desc{
        left: 0;
        right: 0;
        max-width: 100%;
    }
    .slider-navigation{
        top: 37.8vw;
        padding-top: 1.5vw;
    }
    .about{
        padding: 9.3vw 18.1vw 8.4vw 17.8vw;
    }
    .heading{
        font-size: 6.2vw;
        line-height: 7.5vw;
        text-align: center;
    }
    .about__title{
        margin-bottom: 8.7vw;
    }
    .about__text{
        font-size: 3.1vw;
        line-height: 4.6vw;
    }
    .about__more{
        align-items: center;
        margin-top: 12.5vw;
        display: flex;
        flex-direction: column;
    }
    .about__more_details{
        margin: 14.6vw 0 0 0;
        order: 2;
        font-size: 3.1vw;
        line-height: 3.7vw;
    }
    .about__more_details img{
        width: 8.7vw;
    }
    .about__more_icons{
        order: 1;
        margin: 0;
    }
    .about__more_icons-middle{
        margin: 0 2.5vw;
    }
    .about__more_details:after{
        max-width: 25vw;
        width: 25vw;
        bottom: initial;
        right: initial;
        top: -2.8vw;
        left: 50%;
        transform: translateX(-50%);
        height: 0.3vw;
    }
    .works__title{
        padding-bottom: 10.9vw;
    }
    .work{
        min-height: 125vw;
        max-height: 125vw;
        background-position: top center;
        margin-bottom: 0;
        background-size: 100% 100%;
    }
    .work:hover{
        background-size: 140% 130%;
    }
    .work__desc{
        width: 100%;
        top: initial;
        bottom: 0;
        height: auto;
    }
    .work__desc_info{
        margin-top: 6.8vw;
    }
    .work__desc_info-title{
        font-size: 6.2vw;
        line-height: 7.5vw;
        margin-bottom: 0;
    }
    .work__desc_info-year{
        margin-top: 1.8vw;
        margin-bottom: 7.1vw;
        font-size: 3.1vw;
        line-height: 3.7vw;
    }
    .work__decs_more{
        display: none;
    }
    .work-1{
        background-image: url("../img/works/works_1_mob.png");
    }
    .work-2{
        background-image: url("../img/works/work_2_mob.png");
    }
    .work-3{
        background-image: url("../img/works/work_3_mob.png");
    }
    .work-4{
        background-image: url("../img/works/work_4_mob.png");
    }
    .all-works{
        text-align: center;
        margin-top: 12.5vw;
        font-size: 3.1vw;
        line-height: 3.7vw;
        color: rgba(255, 255, 255, 0.5);
        margin-right: 0;
    }
    .all-works:after{
        bottom: initial;
        right: initial;
        top: -2.8vw;
        background: rgba(255, 255, 255, 0.5);
        width: 25vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .all-works:hover:after{
        width: 29vw;
    }
    .services{
        margin-top: 9vw;
        padding: 0 5.1vw;
    }
    .services__title{
        padding-bottom: 10.9vw;
    }
    .services .service-wrap .service{
        padding: 0;
        margin: 0;
        width: 93.7vw;
        max-width: 93.7vw;
        height: 93.7vw;
        display: flex;
    }
    .service:after, .service:before{
        width: 5.3vw;
        top: 2.6vw;
        height: 0.3vw;
    }
    .service-wrap{
        padding-bottom: 20.6vw;
    }
    .service__dots{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        align-items: flex-end;
    }
    .service__dots button{
        display: none;
    }
    .service__dots li:not(.service__dots li:first-child){
        margin-left: 7.8vw;
    }
    .service__dots li{
        height: 12.5vw;
        width: 0.9vw;
        background: rgba(255, 255, 255, 0.5);
    }
    .service__dots .slick-active{
        background: #FFFFFF;
        height: 18.7vw;
    }
    .how{
        padding: 10.6vw  3.4vw 0  3.4vw;
    }
    .how__title{
        margin-bottom: 6.2vw;
    }
    .step__title{
        font-size: 6.2vw;
        line-height: 7.5vw;
        padding: 4.6vw 0 3.7vw 0 ;
    }
    .step__text{
        font-size: 2.2vw;
        line-height: 3.2vw;
        padding: 0 0 5vw 0;
    }
    .step .step__title:after,
    .step .step__title:before{
        right: 2.1vw;
        height: 1px;
        width: 15px;
    }
    .custom-width{
        width: initial;
        max-width: initial;
    }
    .footer{
        margin: 0;
        padding: 10.3vw 10vw 10.6vw 10.6vw;
    }
    .footer__contacts{
        margin: 0;
    }
    .footer__contacts_title{
        font-size: 4.6vw;
        line-height: 5.6vw;
    }
    .footer__contacts_text{
        font-size: 3.1vw;
        line-height: 3.7vw;
        margin: 5.6vw auto 10.9vw auto;
        max-width: 50vw;
    }
    .footer__contacts_icons-item{
        max-width: 8.75vw;
        width: 8.75vw;
    }
    .footer__contacts_icons img{
        width: auto;
    }
    .about__more_icons img{
        width: auto;
    }
    .about__more_icons{
        max-width: 31.25vw;
    }
    .middle-icon{
        margin: 0 9px;
    }
    .footer__down .text-center{
        margin: 10vw 0 0 ;
        font-size: 3.1vw;
        line-height: 3.7vw;
    }
    .footer__contacts_text .strong{
        margin-bottom: 3.7vw;
    }
    .service__text{
        padding-left: 9vw;
        font-size: 4.6vw;
        line-height: 5.6vw;
    }
    .slider-navigation button{
        padding-top: 8vw;
        height: auto;
    }
    .mobmenu-toggler:before{
        /* bottom: -2.18vw; */
        bottom: -3.18vw;
    }
    .mobmenu-toggler:after{
        /* top: 4.36vw; */
        top: 6.36vw;
    }
    .mobmenu-toggler, .mobmenu-toggler:after, .mobmenu-toggler:before{
        width: 9.3vw;
        height: 0.93vw;
    }
    .mobmenu-toggler-wrap{
        height: 6vw;
        display: block;
    }
}

.mobile-left .menu-item {
    position: relative;
    margin-left: 2.45vw;
    font-weight: 500;
    font-size: 5vw;
    line-height: 10vw;
    color: rgba(255, 255, 255, 0.5);
    padding-bottom: .9vw;
}

.mobile-left .footer__contacts_text {
    color: rgba(255, 255, 255, 0.5);
}

.mobile-left .footer__mobile_locales {
    padding-top: 15px;
}
.mobile-left .lang a {
    text-transform: uppercase;
    font-size: 5vw;
}