@charset "utf-8";
/* CSS Document */
/*
Theme Name: ЕТКС
Version: 1.63
Description: ЕТКС
Author: LAIKA Web
*/
@font-face {
    font-family: "GolosText";
    src: url("fonts/GolosText-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GolosText";
    src: url("fonts/GolosText-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GolosText";
    src: url("fonts/GolosText-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GolosText";
    src: url("fonts/GolosText-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    margin-top: 0!important;
}
:root, [data-bs-theme=light]{
    --bs-light: #F2F8FB;
    --bs-light-rgb: 242,248,251;
    --bs-primary: #006CAD;
    --bs-primary-rgb: 0,108,173;
    --bs-border-color: #98CBDC;
}

#wpadminbar {
    position: unset;
    /* margin-bottom: 24px; */
}
body {
    font-family: 'GolosText';
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0em;
    text-align: left;
    color: #051922;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
    background-color: #fff;
}
body.admin-bar {
    margin-top: 0;
}


* {
    box-sizing: border-box;
    outline: none !important;
    box-shadow: unset !important;
}
input,
textarea {
    -webkit-appearance: none;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
textarea {
    display: block;
    outline: none;
    box-shadow: unset;
    font-family: 'GolosText', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;    
    color:#051922;
    padding:13px 12px;
    background-color: #fff;
    border:1px solid #05192233;
    border-radius: 4px;
    width: 100%;
    transition: .3s;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
    border-color:#006CAD;
}   
textarea {
    min-height: 84px;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
    color:#051922B2;
}
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="checkbox"] {
    display: block;
    width: 16px;
    height: 16px;
    outline: none;
    border:0;
    transition: .3s;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' y='0.5' width='16' height='16' rx='1' fill='white'/%3E%3Crect x='0.75' y='1' width='15' height='15' rx='0.5' stroke='%23051922' stroke-opacity='0.2'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' y='0.5' width='16' height='16' rx='1' fill='white'/%3E%3Crect x='0.75' y='1' width='15' height='15' rx='0.5' stroke='%23051922' stroke-opacity='0.2'/%3E%3Cpath d='M4.39264 8.54493C4.31447 8.62414 4.31698 8.75222 4.3982 8.82831L6.88868 11.1615C7.08881 11.349 7.40259 11.3403 7.59203 11.142L11.6097 6.9372C11.6878 6.85542 11.6868 6.72634 11.6074 6.64583C11.5286 6.56602 11.3994 6.56713 11.3221 6.64829L7.59054 10.5621C7.40175 10.7601 7.08887 10.7696 6.8884 10.5834L4.68669 8.53853C4.60305 8.46085 4.47282 8.46368 4.39264 8.54493Z' fill='%23006CAD' stroke='%23006CAD'/%3E%3C/svg%3E ");
}

a,
a:not([href]):not([class]){
    color: #006CAD;
    text-decoration: none;
    transition: .3s;
}
a:hover,
a:not([href]):not([class]):hover{
    color:#051922;
}

.btn {
    display: inline-flex;
    outline: none;
    box-shadow: unset;
    text-decoration: none;
    border: 1px solid #006CAD;
    border-radius: 8px;
    background-color: #006CAD;
    padding: 14px 28px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#fff;
    cursor: pointer;
    transition: .3s;
}
.btn:hover {
    background-color: #fff;
    color:#006CAD;
    border-color:#006CAD;
}
.btn:focus-visible {
    border: 1px solid #006CAD;
    color:#fff;
    background-color: #006CAD;
}
.btn-border {
    display: inline-flex;
    outline: none;
    box-shadow: unset;
    text-decoration: none;
    border: 1px solid #006CAD;
    border-radius: 8px;
    background-color: #fff;
    padding: 14px 28px;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#006CAD;
    cursor: pointer;
    transition: .3s;
}
.btn-border:hover {
    background-color: #006CAD;
    color:#fff;
    border-color:#006CAD;
}
.btn-border:focus-visible {
    border: 1px solid #006CAD;
    color:#006CAD;
    background-color: #fff;
}
@media(max-width:768px) {
    .btn-border,
    .btn {
        font-size: 14px;
    }
}
.single-project__title{
    font-size: 40px;
}
h1 {
    margin: 0;
    font-weight: 400;
    font-size: 46px;
    line-height: 100%;
    letter-spacing: 0%;    
    margin-bottom: 40px;
}
h2 {
    margin: 0;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;    
    margin-bottom: 40px;
}
@media(max-width:992px) {
    h1,h2,.single-project__title {
        font-size: 28px;
    }
}

section {
    margin-top: 100px;
}
@media(max-width:992px) {
    section {
        margin-top: 48px;
    }
}
body section:first-of-type {
    margin-top: 0;
}

/* HEADER */
header {
    position: relative;
    background-color: #fff;
    padding:10px 0;
}
header .container {
    display: flex;
    align-items: center;
}
header .logo {
    display: flex;
    width: 222px;
    height: auto;
    text-decoration: none;
    outline: none;
    /* margin-right: 72px; */
}
header .logo img {
    width: 100%;
    height: auto;
}
header .menu-popup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 222px);
}
header ul.menu {
    margin-left: auto;
    list-style-type: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    gap:64px;
}
header ul.menu > li {
    cursor: pointer;
}
header ul.menu > li.menu-item-has-children {
    position: relative;
    display: flex;
    padding-right: 26px;    
}
header ul.menu > li.menu-item-has-children::after {
    content:"";
    display: block;
    width: 18px;
    height: 8px;
    position: absolute;
    right: 0;
    top:14px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1L5.25 5L9.25 1' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s;
}
header ul.menu > li.menu-item-has-children:hover::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1L5.25 5L9.25 1' stroke='%23006CAD' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
header ul.menu > li > a {
    display: inline-flex;
    text-decoration: none;
    transition: .3s;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;    
    color:#051922;
    padding: 10px 0;
}
header ul.menu > li:hover > a {
    color:#006CAD;
}
header ul.menu .sub-menu {
    display: none;
    list-style-type: none;
    padding: 16px 12px;
    border-radius: 8px;
    position: absolute;
    left:-12px;
    top:100%;
    margin: 0;
    background-color: #fff;
    box-shadow: 0px 10px 20px 0px #00000033!important;
    min-width: 220px;
    z-index: 88;
}
header ul.menu li.menu-item-object-catalog .sub-menu {
    min-width: 320px;
}
header ul.menu .sub-menu li {
    margin-bottom: 8px;
}
header ul.menu .sub-menu li:last-child {
    margin-bottom: 0;
}
header ul.menu .sub-menu a {
    color:#051922;
    transition: .3s;
}
header ul.menu .sub-menu a:hover {
    color:#006CAD;
}
header ul.menu > li:hover > .sub-menu {
    display: block;
}

.header-info {
    display: flex;
    align-items: center;
    gap:24px;
}
.header-info .header-contacts {
	min-width: 165px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap:4px;
}
.header-info .header-contacts .telefon {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0%; 
    transition: .3s;
    /* color:#006CAD;    */
    color: inherit;
    text-align: end;
}
.header-info .header-contacts .telefon:hover {
    color:#051922;
}
.header-info .header-contacts .email {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0%;    
    color:#051922;
    transition: .3s;
    text-align: end;
}
.header-info .header-contacts .email:hover {
    color:#006CAD;
}
@media(max-width:1400px) {
    header ul.menu {
        gap: 24px;
    }
}
@media(max-width:1200px) {
    .header-info {
        gap: 12px;
        flex-direction: column;
    }
}
@media(max-width:992px) {
    header {
        z-index: 99;
    }
    header .menu-popup {
        display: none;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        padding:24px 0 48px;
        padding-left: calc((100% - 720px) / 2 + 12px);
        padding-right: calc((100% - 720px) / 2 + 12px);
        border-top: 1px solid #0000002b;
        border-bottom: 1px solid #0000002b;
        max-height: calc(100vh - 82px);
        overflow-y: auto;
        z-index: 99;
        background-color: #fff;
    }
    header ul.menu {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap:0;
        margin-bottom: 24px;
    }
    .header-info {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .header-info .header-contacts {
        align-items: flex-start;
    }
    header ul.menu > li.menu-item-has-children {
        flex-direction: column;
        align-items: flex-start;
    }
    header ul.menu li.menu-item-object-catalog .sub-menu {
        min-width: unset;
    }
    header ul.menu .sub-menu {
        display: none;
        position: unset;
        box-shadow: unset !important;
        min-width: unset;
        width: 100%;
        min-width: unset;
    }
    header ul.menu .sub-menu a {
        font-size: 14px;
    }
    header ul.menu > li.menu-item-has-children {
        padding-right: 0;
    }
    header ul.menu > li.menu-item-has-children::after {
       display: none;
    }
    header ul.menu > li.menu-item-has-children > a {
        padding-right: 26px;
        position: relative;
    }
    header ul.menu > li.menu-item-has-children > a::after {
        content: "";
        display: block;
        width: 18px;
        height: 8px;
        position: absolute;
        right: 0;
        top: 14px;
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1L5.25 5L9.25 1' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: .3s;
    }
    header ul.menu > li.menu-item-has-children > a.active::after {
        transform: rotate(180deg);
    }
    header ul.menu > li:hover > .sub-menu {
        display: none;
    }
    .menu-trigger {
        display: block;
        width: 22px;
        height: 22px;
        cursor: pointer;
    }
    .menu-trigger .box-sub-btn {
        position: relative;
        width: 100%;
        height: 100%;
    }
    .menu-trigger .box-sub-btn span {
        display: block;
        height: 1.5px;
        width: 100%;
        position: absolute;
        left: 0;
        background-color: #006CAD;
        border-radius: 2px;
        transition: .3s;
    }
    .menu-trigger .box-sub-btn span:nth-child(1) {
        top: 3.5px;
    }
    .menu-trigger .box-sub-btn span:nth-child(2),
    .menu-trigger .box-sub-btn span:nth-child(3) {
        top: 10.5px;
    }
    .menu-trigger .box-sub-btn span:nth-child(4) {
        top: 17.5px;
    }
    .menu-trigger.in .box-sub-btn span:nth-child(4),
    .menu-trigger.in .box-sub-btn span:nth-child(1) {
        width: 0;
    }
    .menu-trigger.in .box-sub-btn span:nth-child(2) {
        transform: rotate(45deg);
    }
    .menu-trigger.in .box-sub-btn span:nth-child(3) {
        transform: rotate(-45deg);
    }
    header .container {
        justify-content: space-between;
    }
}
@media(max-width:768px) {
    header .menu-popup {
        padding-left: calc((100% - 540px) / 2 + 12px);
        padding-right: calc((100% - 540px) / 2 + 12px);
    }
}
@media(max-width:576px) {
    header .logo {
        width: 184px;
    }
    header .menu-popup {
        padding-left: 12px;
        padding-right: 12px;
    }
}
/* END */

/* INTRO */
body section.intro {
    height: 435px;
    margin-top: 24px;
}
.intro .container {
    height: 100%;
}
.intro-inner {
    height: 100%;
    display: block;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.intro-inner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.intro-filter {
    padding:35px 43px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.intro-filter-btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-items: center;
    gap:16px;
}
.intro-filter-btns .btn {
    background-color: #fff;
    border-color:#fff;
    padding:14px 28px;
    color:#006CAD;
}
.intro-filter-btns .btn:focus-visible {
    background-color: #fff;
    border-color:#fff;
    color:#006CAD;
}
.intro-filter-btns .btn:hover {
    color:#fff;
    background-color: #006CAD;
    border-color: #006CAD;
}
@media(max-width:992px) {
    body section.intro {
        margin-top: 15px;
    }
}
@media(max-width:768px) {
    .intro-filter {
        padding:15px;
    }
    .intro-filter-btns {
        flex-direction: column;
        align-items: flex-start;
        gap:12px;
    }
    .intro-filter-btns .btn {
        min-width: 207px;
        text-align: center;
    }
}
/* END */

/* ABOUT US */
.about-us {
    margin-top: 48px;
}
.about-us-head {
    display: flex;
    align-items: flex-end;
    gap:24px;
    margin-bottom: 24px;
}
.about-us-head .excerpt {
    width: 526px;
    padding-left: 24px;
    border-left:1px solid #006CAD;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;    
    margin: 0;
}
.about-us-head .title {
    width: calc(100% - 526px - 24px);
    margin: 0;
}
.about-us-main {
    display: flex;
    align-items: flex-end;
    gap:24px;
}
.about-us-main .thumbnail {
    width: 526px;
    border-radius: 8px;
    overflow: hidden;
}
.about-us-main .thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}
.about-us-main .content {
    width: calc(100% - 526px - 24px);
}
.about-us-main .content > * {
    margin-bottom: 8px;
}
.about-us-main .content > *:last-child {
    margin-bottom: 0;
}
.about-us-main .content .about-us-advs {
    margin-top: 16px;
    margin-bottom: 48px;
    display: flex;
    gap:30px;
}
.about-us-adv-item {
    width: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:4px;
}
.about-us-adv-item .val {
    font-weight: 600;
    font-size: 42px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;    
    margin: 0;
    color:#006CAD;
}
.about-us-adv-item .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;   
    margin: 0;
    text-align: center; 
}
.about-us-main .content .link {
    display: inline-flex;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;  
    color:#006CAD;
    padding-right: 32px;
    position: relative;  
}
.about-us-main .content .link:hover {
    color: #051922;
}
.about-us-main .content .link::after {
    content:'';
    display: block;
    width: 21px;
    height: 9px;
    position: absolute;
    right: 0;
    top:4px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='9' viewBox='0 0 21 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.3536 4.85355C20.5488 4.65829 20.5488 4.34171 20.3536 4.14645L17.1716 0.964466C16.9763 0.769204 16.6597 0.769204 16.4645 0.964466C16.2692 1.15973 16.2692 1.47631 16.4645 1.67157L19.2929 4.5L16.4645 7.32843C16.2692 7.52369 16.2692 7.84027 16.4645 8.03553C16.6597 8.2308 16.9763 8.2308 17.1716 8.03553L20.3536 4.85355ZM0 5H20V4H0V5Z' fill='%23006CAD'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s;
}
.about-us-main .content .link:hover::after {
    transform: translateX(15px);
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='9' viewBox='0 0 21 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.3536 4.85355C20.5488 4.65829 20.5488 4.34171 20.3536 4.14645L17.1716 0.964466C16.9763 0.769204 16.6597 0.769204 16.4645 0.964466C16.2692 1.15973 16.2692 1.47631 16.4645 1.67157L19.2929 4.5L16.4645 7.32843C16.2692 7.52369 16.2692 7.84027 16.4645 8.03553C16.6597 8.2308 16.9763 8.2308 17.1716 8.03553L20.3536 4.85355ZM0 5H20V4H0V5Z' fill='%23051922'/%3E%3C/svg%3E ");
}
.about-us-main .btn-border {
    display: none;
}
@media(max-width:1200px) {
    .about-us-head {
        flex-direction: column;
        align-items: flex-start;
        gap:12px;
        margin-bottom: 48px;
    }
    .about-us-head .title {
        width: 100%;
        max-width: 414px;
    }
    .about-us-head .excerpt {
        width: 100%;
    }    
    .about-us-main {
        flex-direction: column;
        align-items: flex-start;
    }
    .about-us-main .content {
        width: 100%;
        order: 2;
    }
    .about-us-main .thumbnail {
        width: 100%;
        order: 1;
    }
    .about-us-main .content .link {
        display: none;
    }
    .about-us-main .btn-border {
        order: 3;
        display: flex;
        width: 100%;
        text-align: center;
        align-items: center;
        justify-content: center;
    }
}
@media(max-width:992px) {
    .about-us-main .content {
        font-size: 14px;
    }
    .about-us-main .content > * {
        margin-bottom: 4px;
    }
    .about-us-main .content > *:last-child {
        margin-bottom: 0;
    }
    .about-us-main .content .about-us-advs {
        margin-top: 16px;
        margin-bottom: 0px;
        gap:24px;
    }
    .about-us-head .excerpt {
        font-size: 14px;
        padding-left: 16px;
    }
}
@media(max-width:414px) {
    .about-us-main .content .about-us-advs {
        gap:12px;
    }
}
/* END */

/* FOOTER */
footer {
    margin-top: auto;
}
.footer-top {
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    padding-top: 11px;
    padding-bottom: 31px;
}
.footer-col {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap:12px;
    max-width: 280px;
}
.footer-col.contacts {
/*     align-items: flex-end; */
    gap:8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
}
.footer-col.contacts > * {
    margin: 0;
}
.footer-col.contacts a {
    color:#051922;
}
.footer-col.contacts a:hover {
    color:#006CAD;
}
.footer-col.contacts .telefon {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;    
    color:#006CAD;
}
.footer-col.contacts .telefon:hover {
    color:#051922;
}  
.footer-col.contacts .email {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#051922;
}
.footer-col.contacts .email:hover {
    color:#006CAD;
}
.footer-col.contacts .address {
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;    
    margin: 0;
}
.footer-col .logo {
    display: flex;
    outline: none;
    text-decoration: none;
    width: 228px;
    height: auto;
}
.footer-col .btn,
.footer-col .btn-border {
    width: 230px;
    justify-content: center;
}
.footer-col .logo img {
    width: 100%;
    height: auto;
}
.footer-col .label {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%; 
    margin-bottom: 0;
}
.footer-col ul.menu {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap:8px;
}
.footer-col ul.menu li a {
    display: inline-block;
    color:#051922;
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: 0%;    
}
.footer-col ul.menu li a:hover {
    color:#006CAD;
}
.footer-bottom {
    background-color: #F4F4F4;
    padding:8px 0 7px;
}
.footer-bottom .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-bottom .container > * {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: 0%;  
/*     margin: 0;   */
}
.footer-bottom .container a {
    color:#051922;
}
.footer-bottom .container a:hover {
    color:#006CAD;
}
@media(max-width:992px) {
    .footer-top {
        margin-top: 48px;
    }
    .footer-col {
        width: calc(50% - 12px);
        /* max-width: 100%; */
    }
    .footer-col:first-child {
        width: 100%;
        max-width: 100%;
    }
    .footer-col.contacts {
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
    }
}
@media(max-width:576px) {
    .footer-col {
        width: 100%;
        max-width: 100%;
    }
    .footer-bottom .container {
        flex-direction: column;
        align-items: flex-start;
        gap:8px;
    }
}
/* END */

/* BREADCRUMBS */
.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;    
    gap:8px;
    color:#051922;
    margin-top: 40px;
    margin-bottom: 40px;
}
.breadcrumbs > * {
    display: inline-block;
}
.breadcrumbs a {
    color: #05192280;
}
.breadcrumbs a:hover {
    color:#006CAD;
}
.breadcrumbs .separator {
    color: #05192280;
}
@media(max-width:992px) {
    .breadcrumbs {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}
/* END */

/* PROMO */
.promo-order {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:24px;
    padding:45px 12px;
    background: linear-gradient(91.22deg, #006CAD 0%, #0081CF 100%);
    position: relative;
}
.promo-order .title {
    color:#fff;
    margin: 0;
    z-index: 2;
    text-align: center;
}
.promo-order .btn {
    border-color:#fff;
    background-color: transparent;
    color:#fff;
    z-index: 2;
}
.promo-order .btn:hover {
    background-color: #fff;
    color:#006CAD;
    border-color:#006CAD;
}
.promo-order::after {
    content:'';
    display: block;
    position: absolute;
    right:0px;
    top:50%;
    transform: translateY(-50%);
    width: 670px;
    height: 900px;
    background-image: url("data:image/svg+xml,%3Csvg width='668' height='210' viewBox='0 0 668 210' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M233.827 -106.036L449.648 -322L665.47 -106.036L449.648 109.929L233.827 -106.036Z' fill='%23E7F3F8' fill-opacity='0.05'/%3E%3Cpath d='M0 127.351L215.822 -88.6132L431.643 127.351L215.822 343.315L0 127.351Z' fill='%23E7F3F8' fill-opacity='0.05'/%3E%3Cpath d='M233.53 361.036L449.351 145.071L665.173 361.036L449.351 577L233.53 361.036Z' fill='%23E7F3F8' fill-opacity='0.05'/%3E%3Cpath d='M467.357 127.649L683.179 -88.3153L899 127.649L683.179 343.613L467.357 127.649Z' fill='%23E7F3F8' fill-opacity='0.05'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
}
@media(max-width:768px) {
    .promo-order {
        padding:65px 12px;
    }
    .promo-order::after {
        width: 195px;
        height: 340px;
        background-image: url("data:image/svg+xml,%3Csvg width='194' height='268' viewBox='0 0 194 268' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M88.1727 46.437L169.556 -35L250.939 46.437L169.556 127.874L88.1727 46.437Z' fill='%23E7F3F8' fill-opacity='0.05'/%3E%3Cpath d='M0 134.444L81.3832 53.0068L162.766 134.444L81.3832 215.881L0 134.444Z' fill='%23E7F3F8' fill-opacity='0.05'/%3E%3Cpath d='M88.0607 222.563L169.444 141.126L250.827 222.563L169.444 304L88.0607 222.563Z' fill='%23E7F3F8' fill-opacity='0.05'/%3E%3Cpath d='M176.234 134.556L257.617 53.1191L339 134.556L257.617 215.993L176.234 134.556Z' fill='%23E7F3F8' fill-opacity='0.05'/%3E%3C/svg%3E%0A");
    }
}
/* END */

/* ADVANTAGES */
.advantages .title {
    margin-bottom: 40px;
}
.advantages .subtitle {
    max-width: 1076px;
    margin-bottom: 40px;
}
.advantages-svg-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.advantages-svg-wrap-svg {
    width: 534px;
    height: auto;
}
.advantages-svg-wrap-svg img {
    width: 100%;
    height: auto;
}
.advantages-svg-wrap-item {
    position: absolute;
    width: 300px;
}
.advantages-svg-wrap-item .label {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;    
    margin-bottom: 12px;
}
.advantages-svg-wrap-item .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;    
    color: #051922B2;
}
.advantages-svg-wrap-item.adv-1 {
    top:80px;
    left:64px;
}
.advantages-svg-wrap-item.adv-2 {
    top:80px;
    right:64px;
}
.advantages-svg-wrap-item.adv-3 {
    top:unset;
    bottom:0;
    left:64px;
}
.advantages-svg-wrap-item.adv-5 {
    top:unset;
    bottom:0;
    right:64px;
}
@media(max-width:1400px) {
    .advantages-svg-wrap-item.adv-5 {
        top: unset;
        bottom: 0;
        right: 0;
    }
    .advantages-svg-wrap-item.adv-3 {
        top: unset;
        bottom: 0;
        left: 0;
    }
    .advantages-svg-wrap-item.adv-2 {
        top: 60px;
        right: 0;
    }
    .advantages-svg-wrap-item.adv-1 {
        top: 60px;
        left: 0;
    }
    .advantages-svg-wrap-svg {
        width: 485px;
    }
}
@media(max-width:1200px) {
    .advantages-svg-wrap-svg {
        width: 330px;
    }
    .advantages-svg-wrap-item.adv-1 {
        top: 0;
        left: 0;
    }
    .advantages-svg-wrap-item.adv-2 {
        top: 0;
        right: 0;
    }
    .advantages-svg-wrap-item {
        width: 275px;
    }
    .advantages-svg-wrap-item .text {
        max-height: 100px;
        overflow: auto;
        padding-right: 8px;
    }
    .advantages-svg-wrap-item .text::-webkit-scrollbar {
        width: 4px;
        height: 0;
    }
    .advantages-svg-wrap-item .text::-webkit-scrollbar-track {
        background-color: #00000033;
    }
    .advantages-svg-wrap-item .text::-webkit-scrollbar-thumb {
        background-color: #006badc5;
    }
}
@media(max-width:992px) {
    .advantages-svg-wrap-svg {
        display: none;
    }
    .advantages-svg-wrap-item {
        position: unset;
        width: calc(100% / 2 - 12px);
    }
    .advantages-svg-wrap-item::before {
        content:'';
        display: block;
        width: 72px;
        height: 72px;
        margin-bottom:24px;
        background-image: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='88' height='88' rx='44' fill='%230081CF'/%3E%3Cpath d='M51.0928 27.1454C51.3064 27.266 51.4716 27.4535 51.5616 27.6774C51.6515 27.9012 51.6609 28.1482 51.5881 28.3779L47.6588 40.8127H54.9087C55.1217 40.8126 55.3302 40.8733 55.5082 40.9872C55.6863 41.1012 55.8262 41.2634 55.9106 41.4539C55.9951 41.6444 56.0204 41.8549 55.9835 42.0592C55.9466 42.2636 55.849 42.4529 55.7028 42.6039L38.2489 60.6654C38.0801 60.8403 37.8553 60.9543 37.6114 60.9889C37.3674 61.0235 37.1186 60.9766 36.9056 60.8558C36.6925 60.7351 36.5277 60.5476 36.4381 60.3239C36.3484 60.1003 36.3392 59.8536 36.4119 59.6242L40.3412 47.1873H33.0913C32.8782 47.1874 32.6698 47.1267 32.4918 47.0127C32.3137 46.8988 32.1738 46.7365 32.0894 46.546C32.0049 46.3555 31.9796 46.1451 32.0165 45.9407C32.0534 45.7364 32.151 45.547 32.2972 45.396L49.7511 27.3345C49.9197 27.1599 50.1441 27.0459 50.3877 27.0112C50.6313 26.9765 50.8798 27.023 51.0928 27.1433V27.1454ZM35.6156 45.0624H41.8183C41.989 45.0624 42.1573 45.1014 42.3097 45.1762C42.4622 45.2511 42.5944 45.3598 42.6959 45.4935C42.7973 45.6273 42.8651 45.7823 42.8938 45.9462C42.9225 46.1101 42.9113 46.2783 42.8611 46.4372L39.8765 55.878L52.3822 42.9375H46.1817C46.011 42.9376 45.8427 42.8986 45.6903 42.8237C45.5378 42.7488 45.4056 42.6401 45.3041 42.5064C45.2027 42.3727 45.1349 42.2176 45.1062 42.0537C45.0775 41.8898 45.0887 41.7217 45.1389 41.5627L48.1235 32.1219L35.6156 45.0624Z' fill='white'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .advantages-svg-wrap {
        flex-wrap: wrap;
        gap:24px;
    }
    .advantages .subtitle {
        font-size: 14px;
    }
}
@media(max-width:768px) {
    .advantages .title {
        margin-bottom: 24px;
    }
    .advantages-svg-wrap-item .text {
        max-height: 100%;
        overflow: visible;
    }
    .advantages-svg-wrap-item {
        position: relative;
        width: 100%;
        padding-left: 60px;
    }
    .advantages-svg-wrap-item::before {
        width: 42px;
        height: 42px;
        margin-bottom: 0px;
        position: absolute;
        left: 0;
        top: 0;
    }
}
/* END */

/* CATALOG CAT */
.catalog-list {
    display: flex;
    flex-wrap: wrap;
    gap:24px;
}
.catalog-list-item.first {
    border-radius: 0;
    background-color: transparent;
}
.catalog-list-item.first .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;    
    margin-bottom: 24px;
}
.catalog-list-item.first .catalog-advs {
    display: flex;
    gap: 30px;
}
.catalog-list-item.first .catalog-advs .catalog-advs-item {
    width: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.catalog-list-item.first .catalog-advs .catalog-advs-item .val {
    font-weight: 600;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0;
    color: #006CAD;
}
.catalog-list-item.first .catalog-advs .catalog-advs-item .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    margin: 0;
    text-align: center;
}
.catalog-list-item {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc(100% / 3 - 16px);
    border-radius: 8px;
    background-color: #F8F8F8;
}
.catalog-list--tax .catalog-list-item{
    width: calc(100% / 2 - 16px);
}
.catalog-list-item .img-hover-zoom {
    height: 400px;
    width: 100%;
}
.catalog-list-item .img-hover-zoom img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.catalog-list-item .prod-box {
    display: flex;
    align-items: flex-end;
    max-width: 100%;
    padding:24px 20px 15px 20px;
    margin-top: auto;
    gap:38px;
}
.catalog-list-item .prod-box .prod-title {
    width: calc(100% - 38px - 38px);
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color:#051922;
    margin: 0;
}
.catalog-list-item .prod-box .prod-arrow {
    width: 38px;
    height: 38px;
    display: block;
}
.catalog-list-item  .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(91.22deg, #006CAD 0%, #0081CF 100%);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}
.catalog-list-item:hover .mask {
    background: linear-gradient(91.22deg, #006CAD 0%, #0081CF 100%);
    height: 100%;
    border-radius: 8px;
}
.hover-active {
    transition: .5s ease;
}
.catalog-list-item:hover .hover-active {
    display: block;
    height: 100%;
}
.catalog-list-item .card-img-overlay {
    white-space: normal;
    display: flex;
    align-items: flex-start;
    padding:22px 17px;
    
}
.catalog-list-item .product-hover-text {
    transition: .3s;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #fff;
    display: block;
    margin-bottom: 24px;
    outline: none;
    position: relative;
    padding-right: 76px;
    cursor: pointer;
    transition: .3s;
}
.catalog-list-item .product-hover-text::after {
    content:'';
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 0;
    bottom:0;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='37' height='37' rx='3.5' stroke='white'/%3E%3Cpath d='M29.3536 19.3536C29.5488 19.1583 29.5488 18.8417 29.3536 18.6464L26.1716 15.4645C25.9763 15.2692 25.6597 15.2692 25.4645 15.4645C25.2692 15.6597 25.2692 15.9763 25.4645 16.1716L28.2929 19L25.4645 21.8284C25.2692 22.0237 25.2692 22.3403 25.4645 22.5355C25.6597 22.7308 25.9763 22.7308 26.1716 22.5355L29.3536 19.3536ZM9 19.5H29V18.5H9V19.5Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s;
}
.catalog-list-item .product-hover-text:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='37' height='37' rx='3.5' fill='white' stroke='white'/%3E%3Cpath d='M29.3536 19.3536C29.5488 19.1583 29.5488 18.8417 29.3536 18.6464L26.1716 15.4645C25.9763 15.2692 25.6597 15.2692 25.4645 15.4645C25.2692 15.6597 25.2692 15.9763 25.4645 16.1716L28.2929 19L25.4645 21.8284C25.2692 22.0237 25.2692 22.3403 25.4645 22.5355C25.6597 22.7308 25.9763 22.7308 26.1716 22.5355L29.3536 19.3536ZM9 19.5H29V18.5H9V19.5Z' fill='%23006CAD'/%3E%3C/svg%3E%0A");
}
.catalog-list-item .product-ul-hover {
    display: flex;
    flex-direction: column;
    gap:8px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    /* color:#006CAD; */
}
.catalog-list-item .product-ul-hover li a {
    color:#fff;
    display: inline-block;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;    
    transition: .3s;
}
.catalog-list-item .product-ul-hover li a:hover {
    border-bottom-color: #fff;
}
@media(max-width:1200px) {
    .catalog-list-item {
        width: calc(100% / 2 - 12px);
    }
}
@media(max-width:768px) {
    .catalog h2.title {
        margin-bottom: 24px;
    }
    .catalog-list-item {
        width: 100%;
    }
    .catalog-list-item.first .text {
        font-size: 14px;
    }
    .catalog-list-item.first .catalog-advs {
        gap: 24px;
        margin-bottom: 16px;
    }
    .catalog-list--tax .catalog-list-item{
        width: 100%;
    }
}
@media(max-width:576px) {
    .catalog-list-item.first .catalog-advs {
        gap: 12px;
    }
    .catalog-list-item .img-hover-zoom {
        height: 300px;
        width: 100%;
    }
    .catalog-list-item .prod-box {
        padding: 24px 12px 15px 12px;
        gap: 16px;
    }
    .catalog-list-item .prod-box .prod-title {
        width: calc(100% - 38px - 16px); 
        font-size: 16px
    }
    .catalog-list-item .product-hover-text {
        font-size: 16px;
    }
    .catalog-list-item .card-img-overlay {
        padding:22px 12px;
    }
    .catalog-list-item .product-ul-hover li a {
        font-size: 14px;
    }
}
/* END */

/* PROJECT */
.project-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.project-title .title {
    margin-bottom: 0;
}
.project-title .link {
    display: inline-flex;
    padding-right: 32px;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#006CAD;
    transition: .3s;
    text-decoration: none;    
}
.project-title .link::after {
    content:'';
    display: block;
    width: 21px;
    height: 9px;
    position: absolute;
    right: 0;
    top: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='9' viewBox='0 0 21 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.3536 4.85355C20.5488 4.65829 20.5488 4.34171 20.3536 4.14645L17.1716 0.964466C16.9763 0.769204 16.6597 0.769204 16.4645 0.964466C16.2692 1.15973 16.2692 1.47631 16.4645 1.67157L19.2929 4.5L16.4645 7.32843C16.2692 7.52369 16.2692 7.84027 16.4645 8.03553C16.6597 8.2308 16.9763 8.2308 17.1716 8.03553L20.3536 4.85355ZM0 5H20V4H0V5Z' fill='%23006CAD'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: .3s;
}
.project-title .link:hover {
    color:#051922;
}
.project-title .link:hover::after {
    transform: translateX(15px);
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='9' viewBox='0 0 21 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.3536 4.85355C20.5488 4.65829 20.5488 4.34171 20.3536 4.14645L17.1716 0.964466C16.9763 0.769204 16.6597 0.769204 16.4645 0.964466C16.2692 1.15973 16.2692 1.47631 16.4645 1.67157L19.2929 4.5L16.4645 7.32843C16.2692 7.52369 16.2692 7.84027 16.4645 8.03553C16.6597 8.2308 16.9763 8.2308 17.1716 8.03553L20.3536 4.85355ZM0 5H20V4H0V5Z' fill='%23051922'/%3E%3C/svg%3E");
}
.project-list.slider,
.project-gallery.slider {
    margin-bottom: 24px;
}
.project-list:not(.slider),
.project-gallery:not(.slider) {
    display: flex;
    flex-wrap: wrap;
    gap:48px 24px;
}
.project-list:not(.slider) .project-list-item,
.project-gallery:not(.slider) .project-gallery-item {
    width: calc(100% / 2 - 12px);
}
.project-list.slider .slick-track,
.project-gallery.slider .slick-track{
    display: flex;
}
.project-list.slider .slick-list,
.project-gallery.slider .slick-list {
    margin:0 -12px;
    padding-left: calc((100% - 1320px) / 2 + 12px);
    padding-right:calc((100% - 1320px) / 2 + 12px);
}
.project-list.slider .slick-slide,
.project-gallery.slider .slick-slide {
    margin:0 12px;
}
.project-arrows,
.project-gallery-arrows {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:16px;
}
.project-arrows .slick-arrow,
.project-gallery-arrows .slick-arrow {
    position: unset;
}
.project-list-item,
.project-gallery-item {
    display: flex;
    flex-direction: column;
    text-decoration: none; 
}
.project-list-item .thumbnail,
.project-gallery-item .thumbnail{
    height: 394px;
    background-color: #F2F8FB;
    border-radius: 12px;
    overflow: hidden;
    transition: .3s;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
.project-list-item .thumbnail img,
.project-gallery-item .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .3s;
}
.project-list-item:hover .thumbnail img,
.project-gallery-item:hover .thumbnail img {
    transform: scale(1.1);
}
.project-list-item .name,
.project-gallery-item .name {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;   
    color:#051922;
    transition: .3s;
    margin: 0;
    margin-top: 16px;
}
.project-list-item:hover .name,
.project-gallery-item:hover .name {
    color:#006CAD;
}
.project-list-item .company,
.project-gallery-item .company {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #051922B2;
    margin: 0;
    margin-top: 4px;
}
@media(max-width:1400px) {
    .project-list.slider .slick-list,
    .project-gallery-item.slider .slick-list {
        padding-left: calc((100% - 1140px) / 2 + 12px);
        padding-right: calc((100% - 1140px) / 2 + 12px);
    }
}
@media(max-width:1200px) {
    .project-list.slider .slick-list,
    .project-gallery-item .slick-list {
        padding-left: calc((100% - 960px) / 2 + 12px);
        padding-right: calc((100% - 960px) / 2 + 12px);
    }
}
@media(max-width:992px) {
    .project-list.slider .slick-list,
    .project-gallery-item .slick-list {
        padding-left: calc((100% - 720px) / 2 + 12px);
        padding-right: calc((100% - 720px) / 2 + 12px);
    }
    .project-title {
        margin-bottom: 24px;
    }
    .project-list-item .thumbnail,
    .project-gallery-item .thumbnail {
        height: 254px;
    }
}
@media(max-width:768px) {
    .project-list.slider .slick-list,
    .project-gallery-item .slick-list {
        padding-left: calc((100% - 540px) / 2 + 12px);
        padding-right: calc((100% - 540px) / 2 + 12px);
    }
}
@media(max-width:576px) {
    .project-list.slider .slick-list,
    .project-gallery-item .slick-list {
        padding-left: 12px;
        padding-right: 12px;
    }
    .project-title {
        flex-direction: column;
        align-items: flex-start;
        gap:12px;
    }
    .project-title .link {
        margin-left: auto;
    }
    .project-list:not(.slider) .project-list-item,
    .project-gallery:not(.slider) .project-list-item {
        width: 100%;
    } 
    .project-list:not(.slider),
    .project-gallery:not(.slider){
        gap: 24px 12px;
    }
}
/* END */

/* WHY SECTION */
.why .subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;    
    margin-bottom: 24px;
}
.why-list {
    display: flex;
    flex-wrap: wrap;
    gap:24px;
}
.why-list-item {
    width: calc(100% / 4 - 18px);
    border: 1px solid #98CBDC;
    border-radius: 8px;
    height: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    padding:18px 19px 17px;
    cursor: pointer;
    transition: .3s;
    overflow: hidden;
}
.why-list-item:hover {
    border-color:transparent;
}
.why-list-item > * {
    position: relative;
    z-index: 2;
}
.why-list-item::after {
    content:'';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(91.22deg, #006CAD 0%, #0081CF 100%);
    opacity: 0;
    transition: .3s;
}
.why-list-item:hover::after {
    opacity: 1;
}
.why-list-item .icon {
    display: block;
    height: 26px;
    width: auto;
    margin-bottom: 16px;
}
.why-list-item .icon svg {
    height: 100%;
    width: auto;
}
.why-list-item .icon svg path {
    transition: .3s;
}
.why-list-item:hover .icon svg path {
    fill:#fff;
}
.why-list-item .name {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;    
    margin-bottom: 8px;
}
.why-list-item:hover .name {
    color:#fff
}
.why-list-item .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;    
    color: #051922B2;
    transition: .3s;
}
.why-list-item:hover .text {
    color: #FFFFFFB2;
}
.why-video {
    margin: auto;
    margin-top: 64px;
    border-radius: 12px;
    overflow: hidden;
    max-width: 1076px;
    width: 100%;
}
.why-video > * {
    width: 100%;
    display: block;
}
@media(max-width:992px) {
    .why .title {
        margin-bottom: 24px;
    }
    .why .subtitle {
        font-size: 14px;
    }
    .why-list-item {
        width: calc(100% / 2 - 12px);
    }
    .why-video {
        margin: auto;
        margin-top: 48px;
    }
}
@media(max-width:576px) {
    .why-list {
        gap:12px;
    }
    .why-list-item {
        padding: 18px 12px 17px;
        width: calc(100% / 2 - 6px);
    }
    
}
/* END */
.news-list.slider {
    margin-bottom: 24px;
}
.news-list:not(.slider) {
    display: flex;
    flex-wrap: wrap;
    gap:48px 24px;
}
.news-list:not(.slider) .news-list-item {
    width: calc(100% / 2 - 12px);
}
.news-list.slider .slick-track {
    display: flex;
}
.news-list.slider .slick-list {
    margin:0 -12px;
}
.news-list.slider .slick-slide {
    margin:0 12px;
}
.news-arrows {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:16px;
}
.news-arrows .slick-arrow {
    position: unset;
}
.news-list-item {
    display: flex;
    flex-direction: column;
    text-decoration: none; 
}
.news-list-item .thumbnail {
    height: 283px;
    background-color: #F8F8F8;
    border-radius: 12px;
    overflow: hidden;
    transition: .3s;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
.news-list-item .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .3s;
}
.news-list-item:hover .thumbnail img {
    transform: scale(1.1);
}
.news-list-item .name {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;   
    color:#051922;
    transition: .3s;
    margin: 0;
    margin-top: 16px;
}
.news-list-item:hover .name {
    color:#006CAD;
}
@media(max-width:992px) {
    .news .title {
        margin-bottom: 24px;
    }
}
@media(max-width:768px) {
    .news-list-item .thumbnail {
        height: 183px;
    }
    .news-list-item .name {
        font-size: 16px;
    }
}
@media(max-width:576px) {
    .news-list.slider .slick-list {
        margin:0 -6px;
        padding-right: 75px;
    }
    .news-list.slider .slick-slide {
        margin:0 6px;
    }
}
@media(max-width:414px) {
    .news-list.slider .slick-list {
        margin:0 -6px;
        padding-right: 48px;
    }
}
/* NEWS */

/* GEO */
.map-main-row {
    margin-top: 50px;
}
.map-wrapper {
    width:100%;
    height:434px;
}
.map-wrapper svg {
    width:100%;
    height:100%;
}
.map-wrapper svg g g {
    transition: .3s;
    cursor: pointer;
}
.map-wrapper svg g path {
    fill: #D7D7D7;
    transition: .3s;
}
.map-wrapper svg g g.active path {
    fill: #006CAD;
}
.map-list {
    position: relative;
    margin:0;
    height: 510px;
    padding:0;
    padding-right:20px;
    overflow: auto;
}
.map-list-wrapper {
    position: relative;
    padding:1px;
}
.map-list-wrapper::after {
    content:'';
    display: block;
    position: absolute;
    height:100%;
    width:calc(100% - 25px);
    top:0;
    left:0;
    right:25px;
    bottom:0;
    z-index: -1;
}
.map-list::-webkit-scrollbar {
    height:0;
    width:6px;
}
.map-list::-webkit-scrollbar-track {
    background: #F2F8FB;
    border-radius: 6px;
}
.map-list::-webkit-scrollbar-thumb {
    background: #98CBDC;
    border-radius: 6px;
}
.map-list-item {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-bottom: 1px solid #E7F3F8;
    padding:10px 0;
    transition: .3s;
    cursor: pointer;
}
.map-list-item.active {
    
}
.map-list-item__p {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    transition: .3s;
}
.map-list-item.active .map-list-item__p {
    color:#006CAD;
}
.map-list-item__link {
    display: inline-flex;
    margin-right: auto;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: #051922B2;  
    cursor: pointer;
    transition: .3s;

    pointer-events: none;
}
.map-list-item.active .map-list-item__link {
    color:#006badd2;
}
@media(max-width:768px) {
    .map-wrapper {
        width: 600px;
        height: 374px;
    }
    .map-wrap-wrap::-webkit-scrollbar {
        height:6px;
        width:0px;
    }
    .map-wrap-wrap::-webkit-scrollbar-track {
        background: #F2F8FB;
        border-radius: 6px;
    }
    .map-wrap-wrap::-webkit-scrollbar-thumb {
        background: #98CBDC;
        border-radius: 6px;
    }
    .map-list-wrapper {
        position: relative;
        padding: 1px;
    }
    .map-list-heading {
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        border: 1px solid #D7D7D7;
        margin: -1px;
        padding: 10px 20px;
        transition: .3s;
        cursor: pointer;
        position: relative;
    }
    .map-list-heading::after {
        content: '';
        display: block;
        width: 20px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='23' height='12' viewBox='0 0 23 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.14684 0.647256L0.5 1.28878L5.9 6.64439L11.3 12L16.7 6.64439L22.1 1.28878L21.4532 0.647256L20.8005 0L16.0532 4.70835L11.3 9.42243L6.54685 4.70835L1.79947 0L1.14684 0.647256Z' fill='%233C3C3C'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: 20px;
        right: 20px;
        transition: .3s;
    }
    .map-list-heading.in::after {
        transform: rotate(180deg);
    }
    .map-list {
        height: 310px;
        display: none;
        padding: 0;
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        right: 0;
        z-index: 9;
        border: 1px solid #D7D7D7;
    }
    .map-main-row {
        margin-top: 24px;
    }
    .map-list-item {
        padding: 10px 20px;
    }
}
@media(max-width:576px) {
    .map-list-item__p {
        font-size: 16px;
    }
}
/* END */

/* CONTACTS */
.contacts .nav-tabs {
    list-style-type: none;
    padding: 0;
    margin: 0;
    border:0;
    outline: none;
    display: flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom: 40px;
}
.contacts .nav-tabs > .btn-border {
    margin-left: auto;
}
.contacts .nav-tabs .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border:0;
    outline: none;
    box-shadow: unset;
    transition: .3s;
}
.contacts .nav-tabs .nav-item button {
    display: flex;
    align-items: center;
    justify-content: center;
    border:0;
    border-radius: 8px;
    background-color: #F2F8FB;
    padding:14px 28px;
    outline: none;
    box-shadow: unset;
    transition: .3s;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0%;
    color:#006CAD;
}
.contacts .nav-tabs .nav-item button.active {
    background-color: #006CAD;
    color:#fff;
}
.contact-list {
    display: flex;
    align-items: flex-start;
    gap:92px;
    margin-bottom: 16px;
}
.contact-col {
    display: flex;
    flex-direction: column;
}
.contact-col.address {
    max-width: 210px;
}
.contact-col-label {
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color:#051922;
    margin-bottom: 8px;
}
.contact-col-value {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0%;
    color:#051922;
    margin: 0;
}
.contact-col-value a {
    display: inline-block;
    text-decoration: none;
    outline: none;
    transition: .3s;
    cursor: pointer;
    color:#051922;
}
.contact-col-value a:hover {
    color:#006CAD;
}
.contacts-map {
    width: 100%;
    height: 416px;
    border-radius: 12px;
    overflow: hidden;
}
.contacts-map > * {
    width: 100%;
    height: 100%;
}
@media(max-width:1200px) {
    .contact-list {
        gap:22px;
    }
}
@media(max-width:992px) {
    .contact-list {
        gap:22px;
        flex-wrap: wrap;
    }
    .contact-col.address {
        max-width: 100%;
    }
    .contact-col {
        width: calc(50% - 11px);
    }
    .contacts-map {
        height: 316px;
    }
}
@media(max-width:576px) {
    .contact-col-label {
        font-weight: 500;
        font-size: 16px;
    }
    .contact-list {
        gap: 22px 10px;
    }
    .contact-col {
        width: calc(50% - 5px);
    }
    .contacts .nav-tabs .nav-item button {
        font-size: 14px;
        line-height: 120%;
    }
    .contacts .nav-tabs > .btn-border {
        margin-top: 10px;
    }
}
/* END */

/* WPCF7 & MODAL */
.modal-dialog {
    max-width: 561px;
}
.modal-content {
    border-radius: 12px;
    border:0;
}
.modal-body {
    padding:30px 50px;
}
.modal .btn-close {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right:21px;
    top:18px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L19 19M19 1L1 19' stroke='%23051922' stroke-opacity='0.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    outline: none;
    box-shadow: unset;
    border:0;
    text-decoration: none;
    background-color: transparent;
}
.modal .btn-close:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L19 19M19 1L1 19' stroke='%23051922' stroke-opacity='1' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.wpcf7-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal-title {
    font-weight: 400;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    color:#051922;
    margin: 0;
}
.modal-subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0%;
    color:#051922;
    text-align: center;
    margin-bottom: 24px;
}
.wpcf7-form .inputs-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 416px;
    width: 100%;
    margin:auto;
    gap:8px;
}
.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.wpcf7-form .wpcf7-not-valid {
    border-color:#dc3232;
}
.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7-form.invalid .wpcf7-response-output {
    margin: 0;
    margin-top: 32px;
    border-radius: 4px;
    background-color: #E7F3F8;
    font-size: 14px;
    line-height: 1.3;
    color:#051922;
    text-align: center;
    padding:12px 24px;
    border:0;
}
.wpcf7-form.sent .wpcf7-response-output {
    border:0;
    outline: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:12px;
    justify-content: center;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color:#051922;
}
.wpcf7-form.sent .wpcf7-response-output::before {
    content:'Спасибо!';
    display: block;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.2;
    text-align: center;
    color:#006CAD;
}
.wpcf7-form.sent > *:not(.wpcf7-response-output) {
    display: none;
}
.acceptance-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 16px;
    margin-top: 6px;
}
.acceptance-wrap .wpcf7-acceptance {
    display: block;
    position: relative;
    margin: 0;
    transition: 0.3s;
    overflow: hidden;
    margin-right: 7px;
} 
.acceptance-wrap .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}
.acceptance-wrap .wpcf7-acceptance .wpcf7-list-item label {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.acceptance-wrap .wpcf7-acceptance .wpcf7-list-item label input {
    margin-right: 7px;
}
.acceptance-wrap .wpcf7-acceptance .wpcf7-list-item label span {
    width: calc(100% - 23px);
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #051922;
}
.acceptance-wrap .wpcf7-acceptance .wpcf7-list-item label span a {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #051922;
    text-decoration: underline;
    text-decoration-color: #051922;
    transition: .3s;
}
.acceptance-wrap .wpcf7-acceptance .wpcf7-list-item label span a:hover {
    text-decoration-color: transparent;
}
.wpcf7-spinner {
    display: none;
}
.wpcf7-form textarea {
    height: 84px;
}
@media(max-width:768px) {
    .modal-title {
        font-size: 24px;
    }
}
@media(max-width:576px) {
    .modal-body {
        padding: 30px 12px;
    }
    .modal .btn-close {
        width: 12px;
        height: 12px;
        right: 12px;
        top: 12px;
    }
}
/* END */

.grecaptcha-badge {
 right:-256px !important;
}
/*  */
.wp-content p:last-child{
    margin-bottom: 0;
}
.wp-content blockquote{
    padding-left: 24px;
    border-left: 1px solid #006CAD;
}

.vacancy__title{
    font-size: 24px;
}
.vacancy__city{
    font-size: 14px;
}
.vacancy__wages{
    font-size: 20px;
}
.vacancy__description{
    font-size: 14px;
}
@media(max-width:767.98px){
    .vacancy__mark{
        font-size: 14px;
    }
    .vacancy__title{
        font-size: 20px;
    }
    .vacancy__wages{
        font-size: 18px;
    }
}
.input-title{
    font-size: 14px;
    margin-top: 8px;
}
/*  */
.custom-file-input {
    position: relative;
    overflow: hidden;
    display: inline-block;
    color: #006CAD;
    font-size: 14px;
}

.custom-file-input label {
    display: block;
    cursor: pointer;
    transition: all 0.3s;
}

.custom-file-input label:hover {
    color: #051922;
}

.custom-file-input input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    visibility: hidden;
}

.file-text {
    display: inline-block;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.02221 2.946L2.96221 9.97813C2.96221 9.97813 2.00762 11.3948 3.51049 12.2625C4.86566 13.0449 5.71775 11.569 5.71775 11.569L9.98775 4.17318C9.98775 4.17318 11.1077 2.23328 9.17887 1.11965C7.25 0.00601196 6.13 1.94591 6.13 1.94591L1.86 9.34177C1.86 9.34177 0.25 12.1304 2.72998 13.5622C5.20996 14.994 6.81996 12.2054 6.81996 12.2054L11.09 4.80955C11.265 4.50644 10.7139 4.18825 10.5389 4.49136L6.26886 11.8872C6.26886 11.8872 5.17764 14.2405 3.04816 13.0111C1.11929 11.8974 2.41111 9.65995 2.41111 9.65995L6.68111 2.26409C6.68111 2.26409 7.48293 0.875301 8.86069 1.67076C10.2385 2.46621 9.43664 3.855 9.43664 3.855L5.16664 11.2509C5.16664 11.2509 4.66454 12.1205 3.86048 11.6563C3.05643 11.1921 3.51332 10.2963 3.51332 10.2963L7.57332 3.26418C7.74832 2.96108 7.19721 2.64289 7.02221 2.946Z' fill='%23006CAD' stroke='%23006CAD' stroke-width='0.2'/%3E%3C/svg%3E%0A");
    background-size: 14px;
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    cursor: pointer;
}

.wp-content ul:not([class]){
    list-style: none;
    padding: 0;
}
.wp-content ul:not([class]) li{
    position: relative;
    padding-left: 12px;
}
.wp-content ul:not([class]) li::after{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #006CAD;

    position: absolute;
    top: .55em;
    left: 0;
}
.catalog-list-item__title{
    font-size: 18px;
    color: #006CAD;
}
.catalog-list-item__subtitle{
    font-size: 14px;
}
.catalog-list-item__description{
    font-size: 14px;
}
.catalog-list-item__description h3{
    margin-bottom: 0;
    font-size: 14px;
}

.project__info-title{
    font-size: 18px;
}
.project__info-content{
    font-size: 14px;
}

.news-date{
    font-size: 14px;
}
.news-title{
    font-size: 18px;
}
/*  */
/* Основные стили галереи */
.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px; /* Компенсируем padding у элементов */
}

.gallery-item {
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
}

.gallery-icon img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    border-radius: 0.375rem;
}

/* Стили для разного количества колонок */
.gallery-columns-1 .gallery-item {
    flex: 0 0 100%;
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    flex: 0 0 50%;
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
    flex: 0 0 25%;
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    flex: 0 0 20%;
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    flex: 0 0 11.11111%;
    max-width: 11.11111%;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .gallery-item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* @media (max-width: 480px) {
    .gallery-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
} */

/* pagination */
.pagination {
    margin-top: 40px;
    justify-content: center;
}

.pagination .nav-links {
    display: flex;
}

.pagination .nav-links .page-numbers {
    min-width: 36px;
    height: 36px;
    border: 1px solid #006CAD;
    color: #006CAD;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 6px;
    line-height: 1;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
    margin: 0 2.5px;
}

.pagination .nav-links a.page-numbers:hover,
.pagination .nav-links .page-numbers.current {
    color: #fff;
    background-color: #006CAD;
}

/* /pagination */
.slider-certificates{
    margin-left: -12px;
    margin-right: -12px;
}
.slider-certificates__item{
    padding-left: 12px;
    padding-right: 12px;
}
@media(max-width:767.98px){
    .slider-certificates{
        margin-left: -6px;
        margin-right: -6px;
    }
    .slider-certificates__item{
        padding-left: 6px;
        padding-right: 6px;
    }
}
.dropdown-menu{
    --bs-dropdown-link-active-bg: #006CAD;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.12em;
    content: "";
    border: 0;
    width: 18px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1L5.25 5L9.25 1' stroke='%23006CAD' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .3s;
}
.header-info .dropdown-toggle[aria-expanded="true"]::after{
    transform: rotate(180deg);   
}
@media(max-width:1399.98px){
    .header-info .header-contacts .telefon{
        font-size: 16px;
    }
    .header-info .btn{
        padding: 14px;
    }
}
.btn-border.active{
    background-color: #006CAD;
    color: #fff;
}