/*Ширина макета 1825*/
:root {
        --vw: calc(100vw / 1280);
        --vm: calc(100vw / 390);
        --accent: #00AFFF;
}

.sliderblock {
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        height: calc(100vh - calc(81 * var(--vw)));
        font-size: calc(16 * var(--vw));
        padding: calc(60 * var(--vw)) calc(80 * var(--vw));
        padding-left: 0;
        position: relative;
        overflow: hidden;
        z-index: 1;
        display: flex;
        align-items: center;
}
.sliderblock a {
        transition: all .3s ease-out;
        text-decoration: none !important;
}
.sliderblock .container {
         width: calc(1280 * var(--vw));
         height: 100%;
         margin-right: 0;
}
.sliderblock__wrapper {
        height: 100%; 
}

.sliderblock__item.is-active {
        opacity: 1;
}
.sliderblock__item--1 {
        transform: rotate(0deg);          
}
.sliderblock__item--2 {
        transform: rotate(90deg);          
}
.sliderblock__item--3 {
        transform: rotate(180deg);          
}
.sliderblock__item--4 {
        transform: rotate(270deg);          
}

.sliderblock__forms {
        display: flex;
        align-items: center;
        gap: calc(48 * var(--vw));
        width: 100%;
}
.sliderblock__content {
        flex-grow: 1;
        position: relative;
        height: 100%;
        max-height: calc(460 * var(--vw));
        height: calc(460 * var(--vw));
}
.sliderblock__item {
        background-color: #fff;
        padding: calc(32 * var(--vw)) calc(60 * var(--vw));
        border-radius: calc(28 * var(--vw));
        height: 100%;
        position: relative;
        transform-origin: -50% 50%;
        position: absolute;
        top: 0;
        /* bottom: 0;
        right: 0; */
        left: 0;
        opacity: 0;
        width: 100%;
        transition: opacity .6s ease-out; 
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);

}


.sliderblock__circle {
        margin-left: calc(-276 * var(--vw));
}
.circlenav {
        width: calc(500 * var(--vw));
        height: calc(500 * var(--vw));
        border-radius: 50%;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
}

.circlenav svg {
        width: calc(500 * var(--vw)) !important;
        height: calc(500 * var(--vw)) !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}

.circlenav .path {
        fill-opacity: 0;
        transition: all .3s ease-out;
}
.circlenav .path:hover {
        fill-opacity: .4; 
        cursor: pointer;
       
}
.circlenav .path.is-active {
        fill-opacity: 8;
        cursor: default;
}

.slide__heading {
        text-transform: uppercase;
        font-size: calc(24 * var(--vw));
        font-weight: 700;
        margin-bottom: calc(24 * var(--vw));
}

.slide__subheading {
        font-size: calc(16 * var(--vw));
        font-weight: 700;
        line-height: 130%;
        margin-bottom: calc(72 * var(--vw));
}

.s-mission__title {
        font-size: calc(20 * var(--vw));
        margin-bottom: calc(8 * var(--vw));;
        font-weight: 600;
        line-height: 130%; 
}

.s-mission__subtitle {
        font-size: calc(24 * var(--vw));
        margin-bottom: calc(72 * var(--vw));
        font-weight: 800;
        line-height: 130%; 
        color: #00AFFF;
}

.s-1__container {
        display: flex;
        max-height: 100%;
}
.s-1__wrapper {
        max-width: calc(630 * var(--vw));
}

.s-1__content {
        font-size: calc(16 * var(--vw));
        line-height: 130%; 
}

.s-1__content  b {
        font-size: calc(20 * var(--vw));
        color: var(--accent);
        font-weight: 700;
        line-height: 130%; 
}
.s-1__btn {
        display: flex;
        justify-content: flex-end;
}
.s-1__images {
        display: flex;
        flex-direction: column;
        gap: calc(20 * var(--vw));
        max-height: 100%;
}

.s-1__image {
        border-radius: calc(12 * var(--vw));
        position: relative;
        overflow: hidden;
        z-index: 1;
      
}
.s-1__image img {
        width: 100%;
}
.s-1__col--1 {
        flex-basis: 47.45%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        
}
.s-1__col--2 {
        flex-basis: 52.54%;
        padding-left: calc(40 * var(--vw));
}

.s-2__container {
        display: flex;
        height: 100%;
}

.s-2__content {
        flex-basis: 53.33%;
        padding-right: calc(60 * var(--vw));
}

.s-2__images {
        flex-basis: 46.22%;
        display: flex;
        position: relative;
       
}
.s-2__imagesitem {
        flex-direction: column;
        gap: calc(16 * var(--vw));
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-out;
        display: flex;

}

.s-2__imagesitem.is-active {
        flex-direction: column;
        opacity: 1;
        visibility: visible;

}
.s-2__imagesitem.is-active .s-2__image img  {
        visibility: visible;
        opacity: 1;
        transform: scale(1);

}
.s-2__image img {
        visibility: hidden;
        opacity: 0;
        transform: scale(5);
        transition: all .5s ease-out;
}
.s-2__imagesitem.is-active .s-2__image {
        transform: scale(1);
        visibility: visible;
        opacity: 1;
}
.s-2__image {
        position: relative;
        z-index: 1;
        overflow: hidden;
        border-radius: calc(16 * var(--vw));
        transform: scale(0);
        transition: all .5s ease-out;
        visibility: hidden;
        opacity: 0;
}
.s-2__image--1,
.s-2__image--3 {
        height: calc(25% - calc(8 * var(--vw)));
}
.s-2__image--2 {
        height: calc(50% - calc(8 * var(--vw)));
}
.s-2__image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
}
.s-2__menu {
        padding-left: 0;
}
.s-2__menu li {
       font-size: calc(18 * var(--vw));
       font-weight: 500;
       line-height: 130%;
       list-style: none;
       margin-bottom: calc(12 * var(--vw));
}
.s-2__menu li a {
        color: #08272C;
        text-decoration: none;
        &:hover {
                color: var(--accent);
        }
}
.s-2__menu > li > a {
        &:hover {
                font-size: calc(24 * var(--vw));
                font-weight: 600;
        }
}
.s-2__menu li ul {
        padding-top: calc(12 * var(--vw));
}
.s-2__menu li ul li {
        font-weight: 400;
        font-size: calc(14 * var(--vw));
}

.s-2__btn {
        margin-left: calc(34 * var(--vw));
        margin-top: auto;
        margin-bottom: 0;

}

.s-3 {
        padding-right: calc( 40 * var(--vw));
}

.s-3__newsblock {
        display: flex;
        max-height: 100%;
}
.s-3__mainnews {
        flex-basis: 48.73%;
        flex-shrink: 0;
}
.mainnews__image {
        position: relative;
        z-index: 1;
        overflow: hidden;
        border-radius: calc(12 * var(--vw));
        margin-bottom: calc(12 * var(--vw));
        height: calc(203 * var(--vw));
}

.mainnews__image img {
        width: 100%;
        object-fit: cover;
        max-height: 100%;

}
.mainnews__title {
        display: flex;
        text-transform: uppercase;
        font-weight: 600;
        font-size: calc(16 * var(--vw));
        line-height: 120%;
        margin-bottom:  calc(10 * var(--vw));
}
.mainnews__title:hover {
        text-decoration: none;
}
.mainnews__intro {
        font-size: calc(14 * var(--vw));
        line-height: 130%;
        color: #08272C;
        margin-bottom: calc(12 * var(--vw));
        
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
}

.mainnews__ftr {
        display: flex;
        align-items: center;
        justify-content: space-between;
}

.mainnews__date {
        font-weight: 300;
        line-height: 130%;
        color: #A3A3A3;
        font-size: calc(14 * var(--vw));
}

.s-3__link {
        display: inline-flex;
        align-items: center;
        gap: calc(16 * var(--vw));
        font-size: calc(14 * var(--vw));
        color: var(--accent);
        text-decoration: none !important;
}
.s-3__link:hover svg {
        transform: rotate(-45deg)
}
.s-3__link svg {
        width: calc(32 * var(--vw));
        height: calc(32 * var(--vw));
        transition: all .3s ease-out;
}

.s-3__othernews {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: calc(10 * var(--vw));
        flex-basis: 51.26%;
        padding-left: calc(20 * var(--vw));
        margin-bottom:  calc(32 * var(--vw));
}

.s-3__newsitem {
        max-height: calc(33.33% - calc(10 * var(--vw)));
}

.news {
        display: flex;
        border-radius: calc(12 * var(--vw));
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        position: relative;
}
.news__content {
        padding: calc(10 * var(--vw)) calc(20 * var(--vw));
        display: flex;
        flex-direction: column;
}
.news__image {
        width: calc(200 * var(--vw));
        flex-shrink: 0;
        position: relative;
        overflow: hidden;
        z-index: 1;
        border-radius: calc(12 * var(--vw));
}

.news__image img {
        width: 100%;
        transform: scale(1.1);
        transition: all .3s ease-out;
        max-height: 100%;
        object-fit: cover;
       
}
.news:hover .news__image img {
        transform: scale(1); 
}
.news__title {
        font-size: calc(14 * var(--vw));
        font-weight: 600;
        line-height: 130%;
        margin-bottom: calc(8 * var(--vw));
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
}
.news__title::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
}
.news__intro {
        font-size: calc(14 * var(--vw));
        line-height: 130%;
}

.news__date {
        font-weight: 300;
        line-height: 130%;
        color: #A3A3A3;
        font-size: calc(14 * var(--vw));
        display: flex;
        justify-self: flex-end;
        margin-top: auto;
        margin-bottom: 0;
}
.s-4 {
        padding-right: calc(40 * var(--vw)); 
}
.s-4__container {
        display: flex;
        margin: 0 calc(-14 * var(--vw)); 
        height: calc(100% - calc(20 * var(--vw)));
        box-sizing: content-box;
      
}
.s-4__col {
        margin: 0 calc(10 * var(--vw)); 
        border: 1px solid var(--accent);
        padding: calc(20 * var(--vw)); 
        border-radius: calc(28 * var(--vw)); 
}
.s-4__col--1 {
        flex-basis: calc(36.27% - calc(10 * var(--vw)));
}

.s-4__col--2 {
        flex-basis: calc(63.72% - calc(10 * var(--vw)));
}

.s-4__heading {
        line-height: 120%;
        font-weight: 600;
        font-size: calc(16 * var(--vw));
        color: var(--accent);
        margin-bottom: calc(20 * var(--vw));
}

.s-4__map {
        height: calc(172 * var(--vw));
        border-radius: calc(16 * var(--vw));
        position: relative;
        overflow: hidden;
        z-index: 1;
        margin-bottom: calc(20 * var(--vw));
}
.s-4__map iframe {
        width: 100%;
        height: 100%;
}
.s-4__contacts {
        gap: calc(10 * var(--vw));
        display: flex;
        flex-direction: column;
}
.contact {
        display: flex;
        align-items: center;
        gap: calc(12 * var(--vw));
}
.contact__text {
        font-size: calc(12 * var(--vw));
        line-height: 130%;
}
.contact__text a {
        color: #08272C;
        
}
.contact__text b {
        display: block;
        color: var(--accent);
        font-weight: 700;
}
.contact__text a:hover {
        color: var(--accent);
}
.contact__ico {
        flex-shrink: 0;
}
.contact__ico svg {
        width: calc(28 * var(--vw));
        height: calc(28 * var(--vw));
}
.s-4__tabs {
        display: flex;
        flex-wrap: wrap;
        margin: 0 calc(-5 * var(--vw));
        margin-bottom: calc(12 * var(--vw));
}
.s-4__tab {
        font-size: calc(12 * var(--vw));
        font-weight: 500;
        line-height: 130%;
        color: var(--accent);
        padding: calc(6 * var(--vw)) calc(12 * var(--vw));
        background-color: #F9FAFA;
        border-radius: calc(28 * var(--vw));
        margin: 0 calc(5 * var(--vw));
        margin-bottom: calc(8 * var(--vw));
        flex-basis: calc(33.333% - calc(10 * var(--vw)));
        transition: all .3s ease-out;
        cursor: pointer;
        border: 1px solid #F9FAFA;
}
.s-4__tab:hover {
        border-color: var(--accent);
}
.s-4__tab.active {
        background-color: var(--accent);
        color: #fff;
}
.s-4__tabs .s-1__btn {
        font-weight: 500;
        line-height: 130%;
        color: var(--accent);
        margin: 0 calc(5 * var(--vw));
        margin-bottom: calc(8 * var(--vw));
        flex-basis: calc(33.333% - calc(10 * var(--vw)));
        transition: all .3s ease-out;
        cursor: pointer;
        justify-content: center !important;
}
.s-4__tabs .s-1__btn .s-3__link {
        font-size: calc(12 * var(--vw)) !important;
}
.filial {
        display: flex;
        align-items: center;
}

.filial__map {
        width: calc(138 * var(--vw));
        height: calc(113 * var(--vw));
        position: relative;
        overflow: hidden;
        z-index: 1;
        border-radius: calc(16 * var(--vw));
        margin-right: calc(20 * var(--vw));
}

.filial__contacts {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
}

.circlenav__btn {
        width: calc(64 * var(--vw));
        height: calc(64 * var(--vw));
        position: absolute;
        right: 26%;
        z-index: -1;
}
.circlenav__btn--up {
        top: 9%;
}
.circlenav__btn--down {
        bottom: 9%;
}
.circlenav__btn svg {
        width: calc(26 * var(--vw)) !important;
        height: calc(26 * var(--vw)) !important;
}
.circlenav__icons {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
}

.circlenav__icon {
        width: calc(150 * var(--vw)) !important;
        height: calc(150 * var(--vw)) !important;
        display: none;
}
.circlenav__icon img {
        max-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}

.circlenav__icon.is-active {
      display: block;
}
.for-mobile {
        display: none;
}
@media (max-width: 992px) { 

        .for-desktop {
                display: none;
        }
        .for-mobile {
                display: block;
        }
        .m-pagewrapper {
                padding: calc(20 * var(--vm));     
                background-color: #F2F2F2;
                font-family: "Montserrat";
        }
        .m-pagewrapper img {
                max-width: 100%;
                width: 100%;
        }
        .m-projects .m-project__image img {
                max-width: 100%;
                width: 100%;
                height: 198px;
                object-fit: cover;
        }
        .m-mission {
                padding: calc(80 * var(--vm)) calc(30 * var(--vm)) calc(54 * var(--vm)); 
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                border-radius: calc(20 * var(--vm));
                margin-bottom: calc(40 * var(--vm));
                text-align: center;
                color: #fff;
                position: relative;
                z-index: 1;
                overflow: hidden;
        }
        .m-mission::after {
                content: "";
                position: absolute;
                display: block;
                z-index: 1;
                bottom: 0;
                top: 0; 
                right: 0;
                left: 0;
                background: rgba(0,175, 239, .4);  
                z-index: -1;
        }
        .m-mission__title {
                font-size: calc(12 * var(--vm));
                font-weight: 700;
                margin-bottom: calc(20 * var(--vm));
        }
        .m-mission__content {
                font-size: calc(24 * var(--vm));
                font-weight: 600;
                line-height: 120%;
                letter-spacing: -0.01em;
        }

        .m-projects__header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom:  calc(20 * var(--vm));
        }
        .m-heading {
                text-transform: uppercase;
                font-size: calc(24 * var(--vm));
                font-weight: 800;
                line-height: 120%;
                letter-spacing: -0.01em;
                color: var(--accent);
                margin: 0;
        }

        .m-more {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: calc(108 * var(--vm));
                height: calc(36 * var(--vm));
                font-weight: 600;
                font-size: calc(14 * var(--vm));
                border-radius: calc(36 * var(--vm));
                border: 1.5px solid var(--accent);
        }
        .m-projects__container {
                display: flex;
                overflow-x: scroll;
                margin: 0 calc(-20 * var(--vm));
                padding: 0 calc(20 * var(--vm));
                padding-bottom: calc(40 * var(--vm));

        }
        .m-projects__project {
                width: calc(264 * var(--vm));
                margin-right: calc(20 * var(--vm));
                flex-shrink: 0;
        }

        .m-project {
                position: relative;
                overflow: hidden;
                border-radius: calc(20 * var(--vm));
                box-shadow: 0 6px 12px 0 rgba(11, 10, 10, 0.1);
                background: #fff;
                display: flex;
                flex-direction: column;
        }
      
        .m-project__title {
                font-size: calc(20 * var(--vm));
                font-weight: 600;
                line-height: 120%;
        }
        .m-project__wrap {
                padding: calc(30 * var(--vm));
                padding-top: calc(20 * var(--vm));
                gap:  calc(48 * var(--vm));
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: flex-start;
               flex-grow: 1;
        }
        .m-project__more {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: calc(36 * var(--vm));
                width: calc(150 * var(--vm));
                height: calc(34 * var(--vm));
                font-weight: 600;
                font-size: calc(14 * var(--vm));
                border: 1.5px solid var(--accent);

        }

        .m-about {
                position: relative;
                z-index: 1;
                overflow: hidden;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                color: #fff;
                padding: calc(60 * var(--vm)) calc(20 * var(--vm)) calc(44 * var(--vm));
                background-repeat: no-repeat;
                background-position: center center;
                background-size: cover;
                border-radius: calc(20 * var(--vm));
                margin-bottom: calc(40 * var(--vm));
                gap: calc(60 * var(--vm));
        }
        .m-about::after {
                content: "";
                position: absolute;
                display: block;
                z-index: 1;
                bottom: 0;
                top: 0; 
                right: 0;
                left: 0;
                background: rgba(0,175, 239, .4);  
                z-index: -1;
        }

       

        .m-about__text {
                font-weight: 600;
                font-size:  calc(24 * var(--vm));
                line-height: 110%;
                letter-spacing: -0.01em;
        }

        .m-about__link {
                color: #fff;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: calc(36 * var(--vm));
                width: calc(177 * var(--vm));
                height: calc(34 * var(--vm));
                font-weight: 600;
                font-size: calc(14 * var(--vm));
                border: 1px solid #fff;
        }
        .m-newsblock {
                margin-bottom:  calc(40 * var(--vm));
        }
        .m-newsblock__header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom:  calc(20 * var(--vm));
        }

        .m-newsblock__items {
                display: flex;
                flex-direction: column;
                gap: calc(23 * var(--vm));
        }

        .m-news {
                box-shadow: 0 0 12px 0 rgba(11, 10, 10, 0.12);
                border-radius: calc(20 * var(--vm));
                position: relative;
                overflow: hidden;
                z-index: 1;
                background-color: #fff;
        }

        .m-news__image {
                position: relative;
                overflow: hidden;
                z-index: 1;
                border-radius: calc(16 * var(--vm));
        }

        .m-news__wrap {
                padding: calc(16 * var(--vm)) calc(20 * var(--vm));
        }
        .m-news {
                font-size: calc(14 * var(--vm));
        }

        .m-news__title {
                line-height: 130%;
                font-weight: 600;
                margin-bottom: calc(8 * var(--vm));
                display: block;
        }
        .m-news__intro {
                margin-bottom: calc(20 * var(--vm));
                display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        }
        .m-news__date {
                font-weight: 300;
                color: #A3A3A3;
        }

        .m-contacts__heading {
                margin-bottom: calc(20 * var(--vm));;
        }
        .m-contactcard{
                border: 1px solid var(--accent);
                border-radius: calc(28 * var(--vm));
                padding: calc(20 * var(--vm));
                background-color: #fff;
        }
        .m-contactcard__title {
                font-weight: 600;
                font-size: calc(16 * var(--vm));
                line-height: 130%;
                margin-bottom: calc(20 * var(--vm));
        }

        .m-contactcard__map {
                position: relative;
                overflow: hidden;
                z-index: 1;
                border-radius: calc(20 * var(--vm));
                margin-bottom: calc(20 * var(--vm));

        }

        .m-contactcard__map iframe {
                width: 100%;
                height: 100%;
        }

        .contact__text {
                font-size: calc(12 * var(--vm));;
        }

        .m-contacts__items {
                display: flex;
                flex-direction: column;
                gap: calc(20 * var(--vm));
        }

        .choices {
                position: relative;
                z-index: 2;
        }

        
        .choices__inner {
                border: 1px solid  var(--accent);
                border-radius: calc(36 * var(--vm));
                background: #fff;
                font-size: calc(14 * var(--vm));
                font-weight: 500;
                height: calc(40 * var(--vm));
                display: flex;
                align-items: center;
                color: var(--accent);
        }
        .choices__placeholder {
                opacity: 1;
        }
        .is-open .choices__inner {
                border-radius: calc(36 * var(--vm));
             
        }
        .choices[data-type*="select-one"]::after {
                border: 1px solid transparent;
                width: calc(20 * var(--vm));
                height: calc(20 * var(--vm));
                top: 50%;
                transform: translateY(-50%);
                margin-top: 0;
                background: url(../images/icons/ico-select.svg) no-repeat center
                        center;
                background-size: cover;
             
        }
        .choices.is-open[data-type*="select-one"]::after {
                border: 1px solid transparent;
                width: calc(20 * var(--vm));
                height: calc(20 * var(--vm));
                transform: rotate(180deg);
        }

        .choices__list--dropdown, .choices__list[aria-expanded] {
                border-radius: calc(20 * var(--vm));
                border: 1px solid  var(--accent) !important;
        }

        .choices__list--dropdown .choices__item {
                color: var(--accent);
                border-bottom: 1px solid  var(--accent) !important;
                font-weight: 500;
                font-size: calc(14 * var(--vm));;
        }

 }