@charset "utf-8";

:root{
    --step: 50px;
}

a, svg, .button
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.selectGroup input
{-moz-transition: none;-webkit-transition: none;-o-transition: none;-ms-transition: none}

.button{padding: 15px 45px;}

/* Всплывающая форма начата */
.absCenter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; flex-direction: column}

.d--close,.d--Inner a,.d--but, .d--show, .ani--box
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.ani--wrap{position: relative;}
.ani--box{position: relative;visibility: hidden;opacity: 0;transition: opacity 0.5s linear, visibility 0.5s linear;will-change: opacity;display: flex;}
.ani--wrap:hover .ani--box{opacity: 1;visibility: visible;}

.d--dialog{display: none;background-color: rgba(0,0,0,0.5);position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1000;}
.d--inner {background-color: #fff;padding:40px 40px;position: relative;min-width: 320px;max-width: 400px;max-height:90vh;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);text-align: center;}
.d--inner h2{font-family: 'Montserrat Bold',Verdana,sans-serif;font-size: 24px; font-weight: 600;line-height: 32px;margin-bottom:14px;text-align: left}
.d--inner > div{display: none}
.d--inner > .d--active{display: block}

.d--close{position: absolute;right: 15px;top:15px;border-radius: 50%;width: 18px;height:18px;cursor:pointer;fill:#000;stroke:#000;}
.d--close:hover{fill:#545454;stroke:#545454;}

.d--title{font-size: 14px;font-weight: 600;color:#000;width: 70%;margin: 0 auto;padding-bottom: 10px}

.d--inner .d--input{width: 80%;height: 44px;border-radius: 0px;border-style: none;border-width: 1px;border-bottom: 1px solid #ccc;font-family: 'Montserrat Regular', 'OpenSans-Regular';box-sizing: border-box;padding-left: 12px;background-color: white;background-image: none;margin: 0;display: inline-block;outline: 0;color:#000;font-size: 1rem;}
.d--inner textarea.d--input{min-height: 90px}

/* active state */
.d--input input:focus ~ .d--bar:before,
.d--input input:focus ~ .d--bar:after {
    width: 50%;
}

.d--submit {margin-top: 10px;text-transform: uppercase}
.d--but {outline: 0;display: inline-block;padding: 0 27px;text-shadow: none;text-decoration: none;background-color: #000;color: #fff;min-width: 110px;height: 44px;line-height: 44px;border-radius: 0;border-style: none;font-family: 'Montserrat Bold';font-size: 13px;letter-spacing: 2px;cursor: pointer;border:1px solid #000}
.d--but:hover {background-color: #ffffff;color: #000000;}

.d--policy {width: 100%;margin: 0 auto;line-height: 18px;margin-top: 30px;font-family: 'Montserrat Regular',Verdana,sans-serif;font-size: 12px}
.d--policy a{text-decoration: none;border-bottom:1px solid transparent}
.d--policy a:hover{text-decoration: none;border-bottom:1px solid #a2a2a2}

.d--bar {position: relative;display: block;width: 80%;margin: 0 auto;}
.d--bar:before, .d--bar:after {content: "";height: 2px;width: 0;bottom: 0;position: absolute;background: #000;transition: 0.2s ease all;-moz-transition: 0.2s ease all;-webkit-transition: 0.2s ease all;}
.d--bar:before {left: 50%;}
.d--bar:after {right: 50%;}

.d--row {margin-bottom: 10px}

.d--row.f--error .d--bar:before,.d--row.f--error .d--bar:after{background-color: #ff0000}
.d--row.f--error .d--input{border-bottom: 1px solid #ff0000}

@media all and (max-width: 545px) {
    .d--Inner {min-width: 320px;max-width: 320px;padding: 40px 20px 40px 20px;}
}

.d--additional {margin-top: 10px;font-size: 12px;text-align: right}
.d--additional div {border-bottom: 1px dotted #333;display: inline-block;cursor: pointer}

.d--hire .input-row:nth-child(4){display: none}

.d--row.d--error .d--bar:before,.d--row.d--error .d--bar:after{background-color: #ff0000}
.d--row.d--error .d--input{border-bottom: 1px solid #ff0000}

.js--error-tooltip {color:var(--error);text-align: left;width: 80%;margin: 0 auto;font-size: 12px}

.d--show:hover {border-color: transparent}

.f--MAIL {display: none}

.d--inf {border: 1px dotted #1771f1;width: 18px;height:18px;display: inline-flex;align-items: center;justify-content: center;color:#1771f1;border-radius: 50%;margin-right: 5px}
.d--MAIL {display: none}
/* Всплывающая форма окончена */

/* Кастомный прелоадер начат*/
.pWrap{background: rgba(0,0,0,0.7);height: 100%;position: fixed;width: 100%;z-index: 100;top: 0;left: 0;}
.pInner {width: 50px;height: 50px;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
/* Кастомный прелоадер окончен*/

.js--lazy {background-size: 24px 24px !important;background-repeat: no-repeat !important;background-position: center center !important;}

/* 404 начат*/
#notfound {position: relative;height: 100vh;}
#notfound .notfound-bg {position: absolute;width: 100%;height: 100%;background-image: url('../img/bg.jpg');background-size: cover;}
#notfound .notfound-bg:after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(255, 0, 36, 0.7);}
#notfound .notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notfound {max-width: 910px;width: 100%;line-height: 1.4;text-align: center;}
.notfound .notfound-404 {position: relative;height: 200px;}
.notfound .notfound-404 h1 {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 220px;font-weight: 900;margin: 0px;color: #fff;text-transform: uppercase;letter-spacing: 10px;}
.notfound h2 {font-size: 22px;font-weight: 700;text-transform: uppercase;color: #fff;margin-top: 20px;margin-bottom: 15px;}
.notfound .home-btn, .notfound .contact-btn {display: inline-block;font-weight: 700;text-decoration: none;background-color: transparent;border: 2px solid transparent;text-transform: uppercase;padding: 13px 25px;font-size: 18px;border-radius: 40px;margin: 7px;-webkit-transition: 0.2s all;transition: 0.2s all;}
.notfound .home-btn:hover, .notfound .contact-btn:hover {opacity: 0.9;}
.notfound .home-btn {color: rgba(255, 0, 36, 0.7);background: #fff;}
.notfound .contact-btn {border: 2px solid rgba(255, 255, 255, 0.9);color: rgba(255, 255, 255, 0.9);}
.notfound-social {margin-top: 25px;}
.notfound-social>a {display: inline-block;height: 40px;line-height: 40px;width: 40px;font-size: 14px;color: rgba(255, 255, 255, 0.9);margin: 0px 6px;-webkit-transition: 0.2s all;transition: 0.2s all;}
.notfound-social>a:hover {color: rgba(255, 0, 36, 0.7);background-color: #fff;border-radius: 50%;}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 h1 {font-size: 182px;}
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {height: 146px;}
    .notfound .notfound-404 h1 {font-size: 146px;}
    .notfound h2 {font-size: 16px;}
    .notfound .home-btn, .notfound .contact-btn {font-size: 14px;}
}

/* 404 окончен*/

/* Notes */
#notes {
    position: fixed;
    top: var(--padding);
    right: 0;
    width: 100%;
    cursor: default;
    transition: height 0.45s ease-in-out;
    -webkit-transition: height 0.45s ease-in-out;
    pointer-events: none;
    z-index: 10000;
}
#notes .note-item {
    max-height: 12em;
    opacity: 1;
    will-change: opacity, transform;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 50vw;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    z-index: 2;
    pointer-events: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack:end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    max-width: 20em;
    font: inherit;
    line-height: 1.25em;
    color: #fff;
    margin: 0;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding: 0.75em 1em;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 10px;
}
@media all and (max-width: 30em) {
    #notes .note-item {
        width: 75vw;
        max-width: none;
    }
}
#notes .note-item[data-show=false] {
    pointer-events: none;
    opacity: 0 !important;
    max-height: 0 !important;
    margin-bottom: 0 !important;
}
#notes .note-item[data-type=info] {
    background-color: rgba(55, 94, 151, 0.72);
}
#notes .note-item[data-type=warn] {
    background-color: rgba(235, 172, 0, 0.72);
    animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type=error] {
    background-color: rgba(153, 0, 0, 1);
    animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type=success] {
    background-color: rgba(63, 104, 28, 0.72);
}
#notes .note-item .note-item-text {
    flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    padding-right: 0.5em;
    max-width: calc(100% - 1.25em);
    max-width: -webkit-calc(100% - 1.25em);
}
#notes .note-item .note-item-btn {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}
#notes .note-item .note-item-btn:hover {
    opacity: 0.6;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
        -webkit-transform: translate3d(-1px, 0, 0);
        -ms-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
        -webkit-transform: translate3d(2px, 0, 0);
        -ms-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
        -webkit-transform: translate3d(-4px, 0, 0);
        -ms-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
        -webkit-transform: translate3d(4px, 0, 0);
        -ms-transform: translate3d(4px, 0, 0);
    }
}
@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        -webkit-transform: translate3d(4px, 0, 0);
    }
}
/* Notes End */

/* Hint */
.nTip {display:none;position:absolute;background-color:#2b2b2b;padding:15px;color:#fff;max-width:400px;min-width:20px;z-index:99999;font-size: 12px;}
.asteriks {cursor: help;position: relative}
.asteriks--help {color:#fff;background-color:#2b2b2b;border-radius: 3px;margin-right: 10px;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;font-size: 12px}
.asteriks--box p{margin-top: 0}
.asteriks--box p:last-child{margin-bottom: 0}
/* Hint End *

.lang--option,.header--lang-list
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

.header--top-row {background-color: #f3f3f3;}
.header--top-row > .container{display: flex;justify-content: space-between;align-items: center;height: 40px}
.header--bottom-row > .container{display: flex;height: 100%}
.header--logo {width: 300px}
.header--column.header--phone {width: 180px;min-width: 180px;flex-direction: column;justify-content: center;align-items: flex-end}
.header--menu {width: 100%;position: relative;}

.header--text {color:#808080;}
.header--lang-current {cursor: pointer}
.header--lang-box {height: 41px;position: relative;display: flex;align-items: center;justify-content: center;padding: 15px;background-color: var(--text-light);font-size: 16px;color:#616161}
.header--lang-box img{width: 22px;height: 12px;margin-right: 7px}
.header--lang-list {position: absolute;top:41px;right:0;background-color: var(--text-light);display: none;visibility: hidden;opacity: 0;-webkit-box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);-moz-box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);box-shadow: 0px 3px 14px -8px rgba(0,0,0,0.24);}
.header--lang-box.opened .header--lang-list {display: block;visibility: visible;opacity: 1}
.lang--option{display: flex;padding: 7px 15px 7px 15px}
.lang--option:not(.active){cursor: pointer;}
.lang--option.active {background-color: #f3f3f3;font-weight: 600}
.lang--option:hover {background-color: var(--input-background-hover)}

.header--bottom-row {height: 110px;}
.header--column {display: flex;align-items: center}
.h--phone{font-size: 18px;color:var(--text-black)}
.h--call{margin-top: 3px;color:var(--second-color);font-weight: 500;cursor: pointer;font-size: 16px;}

/* Custom checkbox */
.custom-checkbox+label::before, .custom-checkbox:not(:disabled):not(:checked)+label:hover::before,
.custom-checkbox:not(:disabled):active+label::before, .custom-checkbox:focus+label::before, .custom-checkbox:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

/* для элемента input c type="checkbox" */
.custom-checkbox {position: absolute;z-index: -1;opacity: 0;}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {display: inline-flex;align-items: center;user-select: none;text-align: left;padding-left: 25px;font-size: 12px;cursor: pointer;position: relative}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;position: absolute;top: 5px;left: 0;}

.d--row.d--checbox-big{margin-bottom: 0}
.d--checbox-big .custom-checkbox+label {padding-left: 35px;font-family: 'Proxima Nova Regular';font-style: normal;font-weight: 400;font-size: 14px;color: var(--text-dark);margin-bottom: 0}
.d--checbox-big .custom-checkbox+label::before {width: 22px;height: 22px;top: 0;left: 0;border-radius: 6px}
.d--checbox-big .custom-checkbox:checked+label::before {border-color:#DBDBDB;background-color: transparent;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23606060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.d--checbox-big label {font-family: 'Proxima Nova Bold';font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: #4F4F4F;}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: #FF8E25;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: rgba(255, 142, 37, 0.5);
    border-color: rgba(255, 142, 37, 0.5);
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 142, 37, 0.5);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: rgba(255, 142, 37, 0.5);
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
    border-color: #FF8E25;
    background-color: #FF8E25;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}

/* Custom radio */
.d--radio .custom-radio+label::before{width: 16px;height: 16px}

.custom-radio+label::before, .custom-radio:not(:disabled):not(:checked)+label:hover::before,
.custom-radio:not(:disabled):active+label::before, .custom-radio:focus+label::before, .custom-radio:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
/* для элемента input c type="radio" */
.custom-radio {position: absolute;z-index: -1;opacity: 0;}
/* для элемента label связанного с .custom-radio */
.custom-radio+label {display: inline-flex;align-items: center;user-select: none;position: relative;cursor: pointer;}
/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio+label::before {content: '';display: inline-block;width: 17px;height: 17px;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 50%;margin-right: 9px;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: rgba(255, 142, 37, 0.5);
}
/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active+label::before {
    background-color: rgba(255, 142, 37, 0.5);
    border-color: rgba(255, 142, 37, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе */
.custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 142, 37, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked)+label::before {
    border-color: rgba(255, 142, 37, 0.5);
}
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
    border-color: #FF8E25;
    background-color: #FF8E25;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled+label::before {
    background-color: #fff;
}

/* Fake List */
.select--list {position: relative;min-width: 180px}
.select--list svg{width: 14px;height: 18px;margin-right: 5px}
.select--list-items {display: none;opacity: 0;visibility: hidden;position: absolute;top:100%;left:0;width: 100%;height: auto;background-color: var(--white);z-index: 10;padding: 15px 0;border-bottom-left-radius: var(--b-radius-small);border-bottom-right-radius: var(--b-radius-small)}
.select--list-item {display: flex;align-items: center;justify-content: flex-start;cursor: pointer;padding: 5px 10px;user-select: none}
.select--list-item:hover {background-color: var(--back)}
.select--list-item:last-child {margin-bottom: 0;}
.select--list.opened .select--list-items {display: block;opacity: 1;visibility: visible;box-shadow: 0 7px 8px rgba(34, 34, 34, 0.15);}
.select--list.opened .select--list-visible {border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.select--list.opened {}
.select--list-visible {display: flex;align-items: center;justify-content: flex-start;padding: 0 20px;background-color: var(--white);border-radius: var(--b-radius-small);cursor: pointer;height: 48px;line-height: normal;transition: .5s;border: 1px solid var(--border)}
.select--list.opened .select--list-visible {box-shadow: 0 4px 8px rgba(34, 34, 34, 0.25);}
.select--list-visible:hover {box-shadow: 0 4px 4px rgba(34, 34, 34, 0.05);}

.youtube {background-position: center;background-repeat: no-repeat;position: relative;display: block;overflow: hidden;transition: all 200ms ease-out;cursor: pointer;position: absolute;top: 0;left: 0;background-size: cover;}
.youtube .play {background-image: url('/upload/youtube.svg');background-position: center center;background-repeat: no-repeat;background-size: 64px 64px;position: absolute;height: 100%;width: 100%;opacity: .8;filter: alpha(opacity=80);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; z-index: 2;}
.youtube .play:hover {opacity: 1;filter: alpha(opacity=100);}
.youtube::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, #102351 0%, rgba(37, 125, 227, 0.00) 100%);
    z-index: 1;
}
.youtube::after {
    content: "";
    position: absolute;
    top: 22px;
    left: 30px;
    width: 169px;
    height: 44px;
    background: url('/local/templates/remeza/images/logo-white.svg') center center / cover no-repeat;
    z-index: 3;
}
.main--video-box .video--items {display: flex;gap:30px;}
.main--video-box .video--item {
    width: calc(33.33333% - 20px);
    height: auto;
}
.main--video-box .video--item-img {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}

.main--video-box .video--item-img iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

.cert--items__container {
    position: relative;
    padding: 0 15px;
}
/* .cert--items {max-width: 870px;} */
.cert--items .cert--item {/*width: calc(33.33333% - 20px)*/width:270px;height:378px;}
.cert--item {box-shadow: 1px 4px 20px #999da070;}
.cert--item-image {width:100%;height:100%;display: block}
.cert--item-image img{width:100%;height:100%;object-fit: cover;object-position: center;}

.cert--items__container .cert-prev,
.cert--items__container .cert-next {
    border-radius: 50%;
}
.cert--items__container .cert-pagination {
    position: static;
    margin-top: 30px;
}
.cert--items__container .swiper-button-prev {
    left: 0;
}
.cert--items__container .swiper-button-next {
    right: 0;
}


/* Accordion */
.accordion {
    margin-bottom: 20px;
    overflow: hidden;
}

.accordion__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 15px 20px;
    width: 100%;
    font: inherit;
    font-weight: 500;
    color:var(--text-black);
    text-align: left;
    background: #f5f5f5;
    border: 0;
    border-radius: 0;
    transition: background 0.3s ease;
    cursor: pointer;
    font-family: "Montserrat Medium";
}

.accordion__button:after {
    content: "+";
    display: block;
    margin-left: 15px;
    font: inherit;
    color: var(--text-black);
}

.accordion__button:hover,
.accordion__button.is-active {
    background: #dfdfdf;
}

.accordion__button.is-active:after {
    content: "−";
}

.accordion__button:focus {
    background: #f5f5f5;
    outline: none;
}

.accordion__body {
    /* "max-height" isn't needed, but it's better for the first page draw. */
    max-height: 0;
    background: #fff;
    transition: max-height 0.3s ease;
    overflow: hidden;
}

.contacts--box {display: flex}
.contacts--box-item {width: 33.33333%;padding: 20px;display: flex;gap:10px}

#contacts--map {height: 400px}

.slider--splide {margin: 40px 0}
.slider--splide .splide__slide  {width: 158px;height: 158px;}
.slider--splide .splide__slide img {object-fit: cover;object-position: center;width: 100%;height: 100%;cursor: pointer}

ul.splide__pagination > li:before{display: none}

.main--about {display: flex; align-items: flex-start; margin: 20px 0;padding: var(--step) 0}
.main--about-left {width: 100%; padding-right: 20px;}
.main--about-right {max-width: 630px; margin: 0;}
.main--about-title {display: inline-block;margin: 0 38px var(--step) 0;font-family: Montserrat,Arial,sans-serif;font-weight: 700;line-height: 1.126em;font-size: 1.6em;color: var(--white_text_black);}

.main--about-box.maxwidth-theme,
.main--about-box__container {
    background-color: #EEEEEE;
}
.main--about__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: 20px;
    margin-bottom: 65px;
}
.main--about__title {
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.12;
    max-width: 565px;
}
.main--about__list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 65px;
    margin-bottom: 55px;
    max-width: 666px;
}
.main--about__item {
    width: calc(100% / 2 + 85px);
}
.main--about__item:nth-child(2n + 1) {
    max-width: 145px;
}
.main--about__item--hidden {
    width: 100%;
}
.main--about__number {
    color: #0066B3;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    margin-bottom: 20px;
}
.main--about__description {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}
.main--about__icon {
    display: flex;
    align-items: center;
    column-gap: 30px;
}
.main--about__icon svg {
    flex-shrink: 0;
}
.main--about__icon p {
    color: #333;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    max-width: 370px;
    margin: 0;
}
.main--about .main--about__pagination {
    position: static;
    margin-top: 40px;
}

.main--buy-box {display: flex;background: var(--darkerblack_bg_black);position: relative;margin: 40px 0;padding: var(--step)}
.main--buy-box:after {background-image: url('/upload/medialibrary/69d/jxanm1bexapknfuly3hgz1c08owph9xd.jpg');content: '';position: absolute;bottom:0;left:0;width:100%;height: 100%;z-index: 1;background-position: center 170px;background-repeat: no-repeat;background-size: 100%}
.main--buy-form {max-width: 500px;position: relative;z-index: 3;margin-bottom: 70px; box-shadow: 10px 13px 34px #7a91a070;}
.main--buy-form .form  .form_footer{margin-bottom: 0}
.main--buy-form h4{font-family: Montserrat,Arial,sans-serif;font-weight: 700;line-height: 1.126em;font-size: 1.6em;}
.main--buy-title {width: calc(100% - 500px);padding-left: var(--step);position: relative;z-index: 3;margin-bottom: 70px;}
.main--buy-text {font-family: Montserrat,Arial,sans-serif;font-weight: 700;line-height: 1.126em;font-size: 1.6em;color: var(--white_text_black);}

.main--catalog {display: flex;padding-top: var(--step);padding-bottom: 100px;}
.main--catalog-left {width: 50%;padding-right: var(--step);display: flex;align-items: center;}
.main--catalog-right {width: 50%;padding-left: var(--step);position: relative;text-align: center}
.main--catalog-right .main--catalog-image{position: relative;z-index: 3}
.main--catalog-image2 {position: absolute;z-index: 1;top: -30px;right: 0;transform: translateX(-50px);width: 180px;}
.main--catalog-image3 {position: absolute;z-index: 1;bottom: -70px;left: 40px;width: 290px}
.main--catalog-image4 {position: absolute;z-index: 1;top:0;right:0;}
.main--catalog-title {font-family: Montserrat,Arial,sans-serif;font-weight: 700;line-height: 1.126em;font-size: 1.6em;color: var(--white_text_black);margin-bottom: 40px}

body .logo.colored a img, body #mobileheader .logo.colored img {background-color: transparent}

.main--video-box,
.main--video-box .maxwidth-theme {background: var(--darkerblack_bg_black);}
.main--video.maxwidth-theme {background: transparent;}
.main--video-items {padding-top: var(--step);padding-bottom: var(--step);}
.main--video-title {text-align: center;font-family: Montserrat,Arial,sans-serif;font-weight: 700;line-height: 1.126em;font-size: 1.6em;color: var(--white_text_black);margin: 0 auto}
.video--items {margin-top: 40px;}
.video--item-title {margin-top: 10px;}

.main--video-items .video--item {background-color: #fff;padding-bottom: 20px;}
.main--video-items .video--item-title, .main--video-items .video--item-link {padding: 0 20px}

.main--cert-title {
    color: #333;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.12;
    max-width: 1040px;
    margin: 0 auto 50px;
}
.main--cert-desc {text-align: center;margin: 10px 0 20px 0}

.main--cert-box.maxwidth-theme {padding-top: var(--step);padding-bottom: var(--step)}

.main--cert-box__wrapper {
    background-color: #EEEEEE;
}
.main--cert-box__wrapper .main--cert-box.maxwidth-theme,
.main--cert-box__wrapper .main--cert.maxwidth-theme {
    background-color: #EEEEEE;
}

.main--complex-box.maxwidth-theme {background: var(--darkerblack_bg_black);padding-top: var(--step);padding-bottom: var(--step)}

.main--preim-box {padding-top: var(--step);padding-bottom: var(--step);min-height: 400px;background-position: top center;background-repeat: no-repeat;margin-top: var(--step);background-size: 100%;}
.main--complex-title {text-align: center;font-family: Montserrat,Arial,sans-serif;font-weight: 700;line-height: 1.126em;font-size: 1.6em;color: var(--white_text_black);}
.complex--items {display: flex;gap:30px;margin-top: 30px}
.complex--item {width: calc(33.33333% - 20px);background-color: #fff;padding-bottom: 20px}
.complex--item-name, .complex--item-desc {padding: 0 20px}
.complex--item-image img{object-fit: cover;object-position: center;width: 100%;height: 100%;}
.complex--item-name {margin-top: 10px;font-family: Montserrat,Arial,sans-serif;font-weight: 500;line-height: normal;font-size: 1.2em;color: var(--white_text_black);}
.complex--item-desc {margin-top: 15px}

.main--preim-box .maxwidth-theme {background-color: transparent;display: flex}
.main--preim-title {width: calc(100% - 400px);color:#fff;font-family: Montserrat,Arial,sans-serif;font-weight: 700;line-height: 1.126em;font-size: 1.6em;display: flex;align-items: center;padding-right: 200px}
.main--preim-content {width: 400px;background-color: #fff;padding: 40px}
.preim--items {margin-bottom: 20px}
.preim--item {position: relative;line-height: 20px;margin-bottom: 10px;}
.preim--item:last-child {margin-bottom: 0;}
.preim--item:before {content: '';width: 6px;height: 6px;border-radius: 50%;display: inline-block;background-color: var(--theme-base-color);margin-right: 10px;}

.main--recall {background-position: top center;background-repeat: no-repeat;background-size: 100%;margin-bottom: 100px;margin-top: 60px}
.main--recall .maxwidth-theme{background-color: transparent}
.main--recall-content {background-color: #fff}
.main--recall-header {display: flex;color:#fff}
.main--recall-right {
    width: 44%;
    padding: var(--step); 
    display: flex; 
    align-items: flex-start; 
    justify-content: space-between; 
    margin-right: 55px;
    column-gap: 15px;
}
.main--recall-left {width: 56%;padding: var(--step)}
.main--recall-desc {
    margin-top: 20px;
    max-width: 350px;
}
.main--recall-content.row {margin: 0 var(--step);box-shadow: 10px 13px 34px #7a91a070;padding: 50px 20px 20px 20px;position: relative}
.main--recall-title {
    font-family: Montserrat,Arial,sans-serif;
    font-weight: 700;
    line-height: 1.126em;
    font-size: 1.6em;
    max-width: 350px;
}
.main--recall .maxwidth-theme>.form.inline{margin: 0;padding-bottom: 0}
body .main--recall-right a{
    color:#fff;
}
/* body .main--recall-right a:hover{border-bottom: 1px dashed transparent;} */
body .main--recall__email {
    color: #FFF;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
}
.main--recall-right p, .main--recall-right a{margin: 0 0 10px 0;}
.main--recall-right a {display: inline-block}
.main--recall-phone {font-size: 26px;font-weight: 600}
.main--recall-list {position: relative;line-height: 20px;margin-bottom: 20px;color:var(--white_text_black)}
.main--recall-list:before {content: '';width: 6px;height: 6px;border-radius: 50%;display: inline-block;background-color: var(--theme-base-color);margin-right: 10px;}
.main--recall-man {position: absolute;z-index: 2;bottom: 0;left: 40%;}
.main--recall-lists {    padding: 50px 40px;}
.man-hero__badge {position: absolute;bottom: -25px;}
p.main--recall__bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.12;
    margin-bottom: 17px;
}
.man-hero__bage_name {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 2.66;
    margin-bottom: 6px;
}
/* .man-hero__bage_name::before {content: "";position: absolute;left: -24px;width: 0;height: 0;border-bottom: 20px solid #f1b53c;border-right: 12px solid #f1b53c;border-top: 20px solid transparent;border-left: 12px solid transparent;}
.man-hero__bage_name::after {content: "";position: absolute;right: -24px;width: 0;height: 0;border-top: 20px solid #f1b53c;border-left: 12px solid #f1b53c;border-bottom: 20px solid transparent;border-right: 12px solid transparent;} */
.man-hero__bage_spec {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}
/* .man-hero__bage_spec::before {content: "";position: absolute;left: -36px;bottom: 0;width: 0;height: 0;border-bottom: 30px solid #4c8fc6;border-right: 18px solid #4c8fc6;border-top: 30px solid transparent;border-left: 18px solid transparent;}
.man-hero__bage_spec::after {content: "";position: absolute;right: -36px;bottom: 0;width: 0;height: 0;border-top: 30px solid #4c8fc6;border-left: 18px solid #4c8fc6;border-bottom: 30px solid transparent;border-right: 18px solid transparent;} */

@media all and (max-width: 1280px) {
    .main--recall-content .col-md-5{width: 33.33333%}
    .main--recall-content .col-md-3{width: 33.33333%}
    .main--recall-content .col-md-4{width: 33.33333%}
    .main--recall-man{left: 33.33333%}

    .main--preim-box{background-size: cover;}
}

@media all and (max-width: 1200px) {
    .main--buy-box:after{background-position: center 210px;}
    .main--buy-box {padding-bottom: 0}
}

@media all and (max-width: 1120px) {
    .main--buy-box:after{background-position: center 250px;}
    .main--buy-box {padding-bottom: 0}

    .main--recall-right {padding: var(--step) var(--step) var(--step) 10px}
}

@media all and (max-width: 1024px) {
    :root{
        --step:30px
    }
    .main--recall-man, .main--recall-content .col-md-3 {display: none}
    .main--recall-content .col-md-5, 
    .main--recall-content .col-md-4 {
        width: 100%
    }
    .main--recall-content.row{
        display: flex;
        flex-wrap: wrap;
    }

    .main--buy-box {flex-wrap: wrap}
    .main--buy-title {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;width: 100%;margin-bottom: 30px;padding-left: 0}
    .main--buy-form {-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;width: 100%;max-width: 100%}

    .main--preim-title {padding-right: var(--step)}
}

@media all and (max-width: 950px) {
    /*.main--catalog {flex-wrap: wrap}
    .main--catalog-left {width: 100%}
    .main--catalog-right {width: 100%}*/
    .main--catalog-right img {width: 100%}
    .main--about-right img {width: 100%}
    /* .main--about-left, .main--about-right{width: 50%} */
}

@media all and (max-width: 900px) {
    .main--recall-phone{font-size: 20px}
}

@media all and (max-width: 767px) {
    
    .main--about-left, .main--about-right{width: 100%}
    .main--about-right, .main--catalog-right {padding-left: 0;margin-top: 30px}
    .main--catalog {flex-wrap: wrap}
    .main--catalog-left,.main--catalog-right {width: 100%}
    .main--catalog-left {padding-right: 0}
    .main--catalog-image2,.main--catalog-image3,.main--catalog-image4 {display: none}

    .complex--items {flex-wrap: wrap}
    .complex--item {width: calc(50% - 15px)}

    .main--recall-content .col-md-5, .main--recall-content .col-md-4 {width: 100%}

    .main--preim-box .maxwidth-theme {flex-wrap: wrap}
    .main--preim-title {width: 100%}
    .main--preim-content {width: 100%;margin-top: 20px}

    .main--preim-title, .main--recall-title, .main--news-title, .main--complex-title, .main--cert-title, .main--video-title,
    .main--catalog-title, .main--buy-text, .main--about-title, .main--buy-form h4{font-size: 1.4em}

    

    .main--catalog {padding-bottom: var(--step)}

}


@media all and (max-width: 550px) {
    .complex--items {flex-wrap: wrap}
    .complex--item {width: 100%}
    .main--recall-content.row {margin: 0}

    .main--preim-title, .main--recall-title, .main--news-title, .main--complex-title, .main--cert-title, .main--video-title,
    .main--catalog-title, .main--buy-text, .main--about-title, .main--buy-form h4{font-size: 1.2em}

    .main--buy-box{padding: var(--step) 0 0 0}
    .main--buy-title {padding: 0 15px}
    .main--buy-form {margin-bottom: 0;padding-bottom: 0}

    .main--recall .maxwidth-theme, .main--recall-content .col-md-5, .main--recall-content .col-md-4{padding: 0}
    .main--recall .maxwidth-theme>.form.inline{padding: 0}
}

.video-container {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;margin: 10px 0;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

body .phone.with_dropdown > .dropdown {max-width: 280px}
body footer .info .phone.blocks .dropdown .wrap{max-height: 270px;}

.group_description_block td{padding: 5px 10px}

.b-main-benifits {
    max-width: 1395px;
    margin: 40px auto 120px auto;

}
.b-main-benifits .main-benifits__heading {
    color: #333;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.12;
    margin-bottom: 60px;
}
.b-main-benifits .main-benifits__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.b-main-benifits .main-benifits__item::before {
    display: none;
}
.b-main-benifits .main-benifits__item {
    width: 100%;
    max-width: 265px;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0;
    position: relative;
}
.b-main-benifits .main-benifits__item svg {
    margin-bottom: 42px;
}
.b-main-benifits .main-benifits__desc {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}
.b-main-benifits .main-benifits__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.b-tour {
    position: relative;
    margin-bottom: 90px;
}
.b-tour .tour__text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 55px;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.47;
    max-width: 185px;
    margin: 0;
}
.b-tour img {
    max-width: 100%;
}

.flex-block {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
/*-------------------------------------*/
.b-main-sections {
    padding: 25px 0 90px 0 !important;
}
.b-main-sections .main-sections__heading {
    color: #333;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.12;
    margin-bottom: 40px;
}
.b-main-sections .main-sections__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 35px;
}
.b-main-sections .main-sections__item {
    width: calc(100% / 3 - 23px);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
.b-main-sections .main-sections__img {
    background: linear-gradient(180deg, #EEE 0%, rgba(238, 238, 238, 0.00) 100%);
    text-align: center;
    padding: 22px 36px;
}
.b-main-sections .main-sections__img img {
    max-width: 100%;
    /* mix-blend-mode: darken; */
}
.b-main-sections .main-sections__name {
    padding: 11px 40px 11px 18px;
    background-color: #EEE;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    flex-grow: 1;
    display: flex;
    align-items: center;
    position: relative;
}
.b-main-sections .main-sections__name-inner a {
    color: #000;
    font-size: 20px;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.b-main-sections .main-sections__name-inner {
    position: static;
}
.b-main-sections .main-sections__name-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    width: 5px;
    height: 8px;
    background: url('/local/templates/remeza/components/bitrix/catalog.section.list/front_sections_on_main/images/arrow-small.svg') center center / cover no-repeat;
    transition: right 0.3s ease-in-out;
}
.b-main-sections .main-sections__name--catalog {
    display: block;
    padding: 17px 40px 20px 19px;
}
.b-main-sections .main-sections__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.b-main-sections .main-sections__link:hover ~ .main-sections__name::after {
    right: 15px;
}

.b-main-sections .main-sections__submenu-wrapper .arrow-container {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.b-main-sections .main-sections__submenu-wrapper.active .arrow-container {
    transform: rotate(90deg);
}
.b-main-sections .main-sections__submenu {
    margin-top: 30px;
}
.b-main-sections .main-sections__submenu-wrapper {
    margin-bottom: 1em;
}
.b-main-sections .main-sections__submenu-container {
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.b-main-sections .main-sections__submenu-level-1-link {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.b-main-sections .swiper-pagination {
    position: static;
    margin-top: 10px;
}
.b-main-sections .main-sections__submenu-level-2 {
    display: none;
}
.b-main-sections--catalog {
    padding: 0 50px;
    box-sizing: border-box;
    margin-bottom: 25px;
}
.b-main-sections--catalog .main-sections__item {
    width: calc(100% / 2 - 10px);
}
.b-main-sections--catalog .main-sections__name-inner::after {
    right: -20px;
}
.b-main-sections--catalog .main-sections__submenu-level-2 ul {
    list-style: none;
    padding: 0;
}
.b-main-sections--catalog .main-sections__submenu-level-2 ul > li {
    margin-left: 20px;
    margin-bottom: 1em;
}
.b-main-sections--catalog .main-sections__submenu-level-2 ul > li a {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}
.b-main-sections--catalog .main-sections__submenu-level-2 ul > li::before {
    display: none;
}
.b-main-sections--catalog a:hover {
    color: #0066B3 !important;
}
.b-main-sections--catalog .main-sections__name-inner {
    position: relative;
}
.sections_item_block {
    padding-top: 30px;
}
.sections_item_block > h3 {
    padding: 0 50px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 26px;
    line-height: 1.23;
    margin-bottom: 35px;
}
@media screen and (min-width: 767px) and (max-width: 1180px) {
    .b-main-sections {
        padding: 75px 0 30px !important;
    }
    .b-main-sections .main-sections__items {
        flex-wrap: nowrap;
        align-items: stretch;
    }
    .b-main-sections .main-sections__item {
        height: auto;
    }

    .b-main-sections--catalog {
        padding: 0;
    }
    .b-main-sections .main-sections__name--catalog {
        padding: 17px 40px 20px 19px;
    }
    .b-main-sections--catalog .main-sections__items {
        flex-wrap: wrap;
    }

    .sections_item_block > h3 {
        padding: 0;
    }
}
@media screen and (max-width: 767px) {
    .b-main-sections {
        padding: 50px 0 !important;
        margin-bottom: 0;
    }
    .b-main-sections.swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 0;
    }
    .b-main-sections .main-sections__heading {
        margin-bottom: 20px;
    }
    .b-main-sections .main-sections__items {
        flex-wrap: nowrap;
        align-items: stretch;
    }
    .b-main-sections .main-sections__name {
        padding: 15px 40px 15px 11px;
        font-size: 16px;
    }
    .b-main-sections--catalog .main-sections__name {
        padding: 15px 40px 15px 11px;
    }
    .b-main-sections--catalog {
        padding: 0;
    }
    .b-main-sections--catalog .main-sections__items {
        flex-wrap: wrap;
    }
    .b-main-sections--catalog .main-sections__item {
        width: 100%;
    }
    .sections_item_block > h3 {
        padding: 0;
    }
}
/*-------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1179px) {
    .main--about {
        flex-direction: column;
        row-gap: 70px;
        align-items: center;
        margin: 40px 0 55px 0;
    }
    .main--about__top {
        flex-direction: column;
    }
    .main--about__title {
        max-width: 100%;
        margin-bottom: 40px;
    }
    .main--about-left,
    .main--about-right {
        width: 100%;
    }
    /*--------------------------*/
    /*--------------------------*/
    .b-main-benifits .main-benifits__list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }
    .b-main-benifits .main-benifits__item {
        width: calc(100% / 2 - 40px);
        max-width: 100%;
    }
    /*--------------------------*/
    .main--cert-box.maxwidth-theme {
        padding-left: 0;
        padding-right: 0;
    }
    .main--cert-title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 50px;
    }
    /*--------------------------*/
    .cert--items .swiper-wrapper {
        margin-left: -40px;
    }
    /*--------------------------*/
    .main--video-box {
        overflow: hidden;
    }
    .main--video-box .maxwidth-theme {
        padding: 0;
        max-width: 70%;
        margin: 0 auto;
    }
    .main--video-items > .swiper {
        overflow: visible;
    }
    .main--video-box .video--items {
        gap: 0;
    }
    /*--------------------------*/
    .main--recall {
        background-size: 300%;
    }
    .main--recall-header {
        flex-direction: column;
    }
    .main--recall-left {
        width: 100%;
        padding: 60px 30px 0;
    }
    .main--recall-desc,
    .main--recall-title {
        max-width: 100%;
    }
    .main--recall-title {
        font-size: 23px;
        text-align: center;
    }
    .main--recall-desc {
        margin-top: 15px;
        font-size: 15px;
        text-align: center;
    }
    .main--recall-right {
        width: 100%;
        margin: 0;
        padding: 40px 80px;
    }
    .main--recall-right a {
        display: block;
    }
    p.main--recall__bold {
        font-size: 22px;
    }
    body .main--recall__email {
        font-size: 20px;
    }
    .man-hero__badge {
        display: none;
    }
    .main--recall-content .main--recall-lists {
        padding-top: 0;
    }
    /*--------------------------*/
    /*--------------------------*/
}
@media screen and (max-width: 767px) {
    .main--about__top {
        flex-direction: column;
        row-gap: 20px;
        margin-bottom: 57px;
    }
    .main--about__title {
        font-size: 22px;
    }
    .main--about__list {
        row-gap: 30px;
        margin-bottom: 30px;
    }
    .main--about__icon {
        align-items: flex-start;
        flex-direction: column;
        row-gap: 15px;
    }
    .main--about .main--about__pagination {
        margin-top: 20px;
    }
    .main--about {
        flex-wrap: wrap;
        margin-top: 0;
        margin-bottom: 66px;
        padding-bottom: 0;
    }
    .b-main-benifits {
        margin: 50px auto;
    }
    .b-main-benifits .main-benifits__list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 35px 20px;
    }
    .b-main-benifits .main-benifits__heading {
        margin-bottom: 40px;
    }
    .b-main-benifits .main-benifits__item {
        width: calc(50% - 20px);
    }
    .b-main-benifits .main-benifits__item svg {
        margin-bottom: 21px;
    }
    .b-main-benifits .main-benifits__desc {
        font-size: 16px;
    }
    /*------------------------*/
    .b-tour {
        padding-top: 128px;
        margin-bottom: 40px;
    }
    .b-tour::before {
        content: "";
        position: absolute;
        left: 0;
        top: -0;
        width: 100%;
        height: 128px;
        background: linear-gradient(71deg, #0066B3 -4.31%, #6AA9FF 67.7%);
    }
    .b-tour .tour__text {
        top: 0;
        left: 50%;
        right: 28px;
        top: 28px;
        transform: translate(-50%, 0);
        max-width: 250px;
        width: 100%;
        text-align: center;
    }
    .b-tour img {
        width: 100%;
    }
    /*------------------------*/
    .main--cert-box__wrapper {
        overflow: hidden;
    }
    .main--cert-box__wrapper .main--cert-box.maxwidth-theme {
        padding-left: 0;
        padding-right: 0;
        max-width: 80%;
        margin: 0 auto;
    }
    .main--cert-box__wrapper .main--cert.maxwidth-theme {
        padding-left: 0;
        padding-right: 0;
    }
    .cert--items {
        /* flex-wrap: wrap; */
        /* margin: 0 -18px; */
    }
    .cert--items__container .swiper {
        overflow: visible;
    }
    .cert--items .cert--item {
        height: auto;
    }
    .cert--items__container .cert-prev, 
    .cert--items__container .cert-next {
        display: none;
    }
    /* .video--items {
        flex-wrap: wrap;
    } */
    /*------------------------*/
    .main--video-box {
        overflow: hidden;
    }
    .main--video-box .maxwidth-theme {
        padding: 0;
        max-width: 80%;
        margin: 0 auto;
    }
    .main--video-items > .swiper {
        overflow: visible;
    }
    .main--video-box .video--items {
        gap: 0;
    }
    .main--video-items .swiper-pagination {
        position: static;
        margin-top: 40px;
    }
    .main--video-box .video--item {
        height: auto;
    }
    /*------------------------*/
    .main--recall {
        background-size: 550%;
        margin-bottom: 52px;
        margin-top: 40px;
        margin-left: -18px;
        margin-right: -18px;
    }
    .main--recall-left {
        width: 100%;
        padding: 34px 27px 6px;
    }
    .main--recall-right {
        width: 100%;
        padding: 6px 27px 50px;
        flex-direction: column;
        align-items: center;
        margin: 0;
    }
    .main--recall-content.row {
        flex-wrap: wrap;
        margin-left: 18px;
        margin-right: 18px;
    }
    .main--recall-header {
        flex-wrap: wrap;
    }
    .main--recall-title {
        text-align: center;
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    .main--recall-desc {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    p.main--recall__bold {
        text-align: center;
        font-size: 22px;
    }
    .main--recall-right__phones {
        text-align: center;
    }
    .main--recall-right__email {
        margin-top: 17px;
    }
    body .main--recall-right a {
        font-size: 20px;
    }
    /*------------------------*/
    .man-hero__badge {
        display: none;
    }
    /*------------------------*/
    .header-phones {
        flex-direction: column;
    }
    .flex-block {
        align-items: flex-start;
    }
    /*------------------------*/
}

.b-companies-info {
    margin-bottom: 90px;
  }
  @media (min-width: 768px) and (max-width: 1239px) {
    .b-companies-info {
      margin-bottom: 50px;
    }
  }
  @media (max-width: 767px) {
    .b-companies-info {
      margin-bottom: 20px;
    }
  }
  .b-companies-info .companies-info__inner {
    display: flex;
    align-items: flex-start;
    column-gap: 22px;
  }
  @media (min-width: 320px) and (max-width: 1239px) {
    .b-companies-info .companies-info__inner {
      row-gap: 15px;
      flex-wrap: wrap;
    }
  }
  .b-companies-info .companies-info__tabs-list {
    width: 100%;
    max-width: 340px;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  @media (min-width: 768px) and (max-width: 1239px) {
    .b-companies-info .companies-info__tabs-list {
      max-width: 270px;
    }
  }
  
  @media (min-width: 320px) and (max-width: 1239px) {
    .b-companies-info .companies-info__tabs-list {
      display: flex;
      max-width: 100%;
    }
  }
  @media (max-width: 768px) {
    .b-companies-info .companies-info__tabs-list {
        display: flex;
        flex-direction: column;
      }
  }
  .b-companies-info .companies-info__tabs-item {
    display: block;
    margin: 0;
  }
  .b-companies-info .companies-info__tabs-item::before {
    display: none;
  }
  .b-companies-info .companies-info__tabs-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    text-decoration: none;
    background-color: #f5f5f5;
    color: #222;
    transition: all 0.2s ease-in-out;
    word-wrap: break-word;
    padding: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    letter-spacing: -0.04em;
  }
  @media (min-width: 320px) and (max-width: 1239px) {
    .b-companies-info .companies-info__tabs-link {
      color: #4a84ed;
    }
  }
  @media (max-width: 767px) {
    .b-companies-info .companies-info__tabs-link {
      padding: 10px 20px;
      font-weight: 700;
      font-size: 16px;
      line-height: 1.25;
      color: #4a84ed;
    }
  }
  @media (min-width: 320px) and (max-width: 1239px) {
    .b-companies-info .companies-info__tabs-link svg {
      display: none;
    }
  }
  .b-companies-info .companies-info__tabs-link:hover, .b-companies-info .companies-info__tabs-link:focus, .b-companies-info .companies-info__tabs-link.active {
    background-color: #4a84ed;
    color: #fff;
  }
  .b-companies-info .companies-info__tabs-link:hover svg path, .b-companies-info .companies-info__tabs-link:focus svg path, .b-companies-info .companies-info__tabs-link.active svg path {
    stroke: #ffffff;
  }
  .b-companies-info .companies-info__tabs-content {
    flex-grow: 1;
    display: none;
  }
  @media (max-width: 767px) {
    .b-companies-info .companies-info__tabs-content {
      width: 100%;
    }
  }
  .b-companies-info .companies-info__tabs-content.active {
    display: block;
  }

.b-attestation {
    display: flex;
    margin-bottom: 30px;
    column-gap: 22px;
    font-size: 14px;
    line-height: 1.428;
    color: rgba(34, 34, 34, 0.6);
  }
  @media (max-width: 767px) {
    .b-attestation {
      flex-direction: column;
      margin-bottom: 20px;
      font-size: 12px;
      line-height: 1.25;
    }
  }
  .b-attestation .attestation__left {
    width: 340px;
    flex: 1 0 auto;
  }
  @media (min-width: 768px) and (max-width: 1239px) {
    .b-attestation .attestation__left {
      width: 270px;
    }
  }
  @media (max-width: 767px) {
    .b-attestation .attestation__left {
      width: 100%;
      margin-bottom: 10px;
    }
  }
  .b-attestation .attestation__right {
    flex: 1 1 auto;
  }
  .b-attestation .attestation__confirm {
    display: flex;
    align-items: center;
  }
  .b-attestation .attestation__confirm img {
    flex: 0 0 auto;
    margin-right: 7px;
    vertical-align: middle;
  }
  
  /*------------------------------*/
  .b-contacts-section {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    color: #000;
  }
  .b-contacts-section .contacts-section__collumns {
    display: grid;
    grid-template-columns: minmax(0, 500px) minmax(0, 590px);
    justify-content: space-between;
    gap: 50px;
  }
  .b-contacts-section .contacts-section__title {
    font-weight: 700;
    font-size: 20px;
    color: #000;
  }
  .b-contacts-section .contacts-section__block {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .b-contacts-section .contacts-section__block--watch {
    gap: 13px;
  }
  .b-contacts-section .contacts-section__collumn {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .b-contacts-section .contacts-section__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .b-contacts-section .contacts-section__list--horizontal {
    flex-direction: row;
  }
  .b-contacts-section .contacts-section__list--space-beetwen {
    justify-content: space-between;
  }
  .b-contacts-section .contacts-section__item--li {
    box-sizing: border-box;
    padding-left: 16.8px;
    position: relative;
  }
  .b-contacts-section .contacts-section__item--li::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 0;
    top: 7px
  }
  .b-contacts-section .contacts-section__item--icon {
    display: flex;
    gap: 14px
  }
  .b-contacts-section .contacts-section__item-icon {
    width: 20px;
    margin-top: 6px;
  }
  .b-contacts-section .contacts-section__item--icon-center {
    align-items: center;
  }
  .b-contacts-section .contacts-section__item--icon-center .contacts-section__item-icon {
    margin-top: 0;
  }
  .b-contacts-section .contacts-section__item-icon img {
    max-width: 100%;
    vertical-align: middle;
  }
  .b-contacts-section .contacts-section__item--icon span:not(.contacts-section__item-icon) {
    width: calc(100% - 34px);
    display: flex;
    align-items: center;
  }
  .b-contacts-section .contacts-section__img {
    margin-top: 10px;
    max-height: 400px;
    border-radius: 14px;
    overflow: hidden;
    width: fit-content;
  }
  .b-contacts-section .contacts-section__img img {
    max-width: 100%;
    vertical-align: middle;
    object-fit: cover;
  }
  .b-contacts-section .contacts-section__map {
    margin-top: 50px;
  }
  .b-contacts-section .contacts-section__title--warehouse {
      margin-bottom: 3px;
  }
  .b-contacts-section .contacts-section__title--auto {
      margin-bottom: 14px;
  }
  .b-contacts-section .contacts-section__title--exit {
    margin-bottom: 2px;
  }
  .b-contacts-section .contacts-section__title--transport {
    margin-bottom: 3px;
  }
  /*------------------------------*/
  @media (max-width: 1239px) and (min-width: 992px) {
      .b-contacts-section .contacts-section__collumns {
          grid-template-columns: 1fr;
        }
    }
    @media (max-width: 767px) {
        .b-contacts-section .contacts-section__collumns {
          grid-template-columns: 1fr;
          gap: 40px;
      }
      .b-contacts-section .contacts-section__title--transport,
      .b-contacts-section .contacts-section__title--exit,
      .b-contacts-section .contacts-section__title--warehouse,
      .b-contacts-section .contacts-section__title--auto {
        margin-bottom: 0;
      }
      .b-contacts-section .contacts-section__list--horizontal {
        flex-direction: column;
      }
      .b-contacts-section .contacts-section__item-separator {
        display: none;
      }
    }
  /*------------------------------*/