@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Oswald:100,300,400,500,700&subset=cyrillic");
@import url("https://www.rosmetalloprokat.ru/assets/template/css/responsive.css");
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.filter_modal_main{
    display:none;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px;
}

.section{
    margin: 85px 0;
}

.red-txt{
    color: var(--red) !important;
}

.faq_title{
    margin: 0 0 30px 0;
}
.faq_list{
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
}
.faq-item{
    background: none;
}
.faq-item_question{
    font-size: 18px;
    background: #F7F7F7;
    border-radius: 20px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: space-between;
}
.faq-item_question:before{
    display: none;
}
.faq-item_question:after{
    content: '';
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    border-right: 2px solid #81277F;
    border-bottom: 2px solid #81277F;
    transform: rotate(45deg);
}
[open] .faq-item_question:after{
    transform: rotate(-135deg);
}
.faq-item_answer{
    padding: 20px 30px 0 30px;
}

.categories-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.category{
    border: 1px solid #D9D9D9;
    border-radius: 20px;
    padding: 30px;
}
.category_title-img{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1em;
    flex-wrap: wrap;
}
.category_title{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #444;
}
.category_img{
    width: 125px;
    object-fit: contain;
}
.category_children-list{
    margin: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 35px;
    row-gap: 18px;
    font-size: 16px;
}
.no-img .category_children-list{
    margin: 70px 0 0 0;
}
.category_children{
    text-decoration: none;
    color: #444444;
}

.colum-fill {
    cursor: pointer;
    position: relative;
}

.colum-fill .product__filter__title {
    padding: 10px 15px;
    margin-top: 10px;
}

.opcity-0 {
    opacity: 0;
}
p.headDescr {
    line-height: 20px;
}
.prosto {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

span.day-counter {
    position: absolute;
    text-align: center;
    width: 450px;
    top: 125px;
    background-color: #be2a34;
    font-size: 24px;
    left: 11px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #ffffff;
    border-radius: 5px;
}

.head-ticket-wrap {
    background: transparent url(../img/avtografmin.jpg) no-repeat top center;
    position: absolute;
    float: left;
    left: 10px;
    top: 200px;
    max-width: 100%;
    opacity: 0.8;
    cursor: pointer;
}

.head-ticket-wrap .head-ticket {
    width: 490px;
    height: 279px;
    position: relative;
}

.fr-name {
    display: none
}

td {
    padding: 5px;
    text-align: left;
}

input::-webkit-input-placeholder {
    color: #C4C4C4;
}

input:-moz-placeholder {
    color: #C4C4C4;
}

input::-moz-placeholder {
    color: #C4C4C4;
}

input:-ms-input-placeholder {
    color: #C4C4C4;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

.we__thumb.thumb {
    padding-right: 155px;
}

.rating-article{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin: 10px 0 25px 0;
}
.rating{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 1em;
}
.rating_stars{
    display: flex;
    align-items: center;
    gap: 10px;
}
.rating .no-active path{
    fill: #E2E2E2;
}
.article{
    font-size: 16px;
    line-height: 1em;
}

.diplom a img {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
    color: #52535A;
}

body input:required:valid,
body textarea:required:valid {
    color: #52535A;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

html, body {
    height: 100%;
}

video {
    width: 100%;
}

a {
    transition: all .3s;
    display: inline-block;
    color: #3A54A3;
    text-decoration: none;
}

a:hover, a:active {
    color: #BE2A34;
}

a.disabled {
    color: #E3E3E3;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

button {
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.editor .partner p {
    color: #b3b3b3;
}

/*a,
input,
button,
textarea,
select {
outline: none;
border: none;
-webkit-appearance: none; }*/
a:focus,
input:focus,
button:focus,
textarea:focus,
select:focus {
    outline: none;
}

ol, ul {
    list-style: none;
}

.стиль16 {
    font-size: 16px;
    line-height: 1.5em;
}

body {
    font: 400 14px/1 "Roboto", sans-serif;
    min-width: 320px;
    position: relative;
    overflow-x: hidden;
    color: #52535A;
    opacity: 1;
    display: flex;
    flex-direction: column;
}

.blagpos {
    height: 385px;
}

.blag {
    line-height: 1.5em;
    font-size: 16px;
}

.svg {
    display: inline-block;
    transition: all .3s;
}

.Animated_button {
    -moz-animation: cycle 10s linear infinite;
    -webkit-animation: cycle 10s linear infinite;
}

.callback {
    cursor: pointer;
    transition: all .3s ease;
    position: fixed;
    left: 10px;
    z-index: 111;
    bottom: 12px;
    text-align: center;
}

.playbut {
    cursor: pointer;
    transition: all .3s ease;
    position: absolute;
    right: 10px;
    top: 103px;
    z-index: 111;
    bottom: 12px;
    text-align: center;
}

.diplom img {
    padding-left: 5px;
}

.diplom {
    display: flex;
    justify-content: space-between;
}

.whatsap {
    cursor: pointer;
    transition: all 0.3s ease;
    position: fixed;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    right: 3px;
    z-index: 111;
    bottom: 12px;
    text-align: center;
}

.whatsap {
    display: none;
}

@media (max-width: 1024px) {
    .whatsap {
        display: block;
    }
}

.btn-right img {
    padding: 0px 10px 0px 0px;
}
.request button.btn.btn--red {
    margin-left: 10px;
}
.btn-right {
    width: 300px;
    position: fixed;
    right: -127px;
    transform: rotate(90deg) translate(-40.2%, 0%);
    /*transform-origin: calc(0% - 1px) 0%;*/
    top: 50%;
    z-index: 9999;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 400;
    padding: 0 15px;
    height: 50px;
    font-size: 14px;
    line-height: 1;
    transition: all .3s;
    outline: none;
    box-shadow: none;
    color: #FFF;
    min-width: 220px;
    text-decoration: none
}

#cookie_notification {
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
    bottom: 15px;
    left: 50%;
    width: 900px;
    max-width: 90%;
    transform: translateX(-50%);
    padding: 25px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
    z-index: 99;
}

#cookie_notification p {
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: #111;
}

@media (min-width: 576px) {
    #cookie_notification.show {
        display: flex;
    }

    .cookie_accept {
        margin: 0 0 0 25px;
    }
}

@media (max-width: 575px) {
    #cookie_notification.show {
        display: block;
        text-align: left;
        position: fixed;
        bottom: 124px;
    }

    .cookie_accept {
        margin: 10px 0 0 0;
    }
}

.wrapper {
    position: relative;
    background-color: #f6f6f6;
    flex: 1 0;
}

details, summary {
    display: block;
    /* margin: 5px 0px 0px 0px; */
    line-height: 25px;
}

main.content {
    position: relative;
    padding-top: 145px;
}

main.content.home {
    padding-top: 0;
}

.cart--show main.content {
    padding-bottom: 100px;
}

.s-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
    padding: 0 15px;
}

.s-cart.fixed {
    position: fixed;
    bottom: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.cart--show .s-cart, .not_empty .s-cart {
    display: flex;
    z-index: 9999;
}

.s-cart .btn {
    margin: 0 !important;
    font-size: 14px;
    font-weight: 700;
}

.s-cart .btn--wrap {
    display: flex;
    align-items: center;
}

.cart__quantity {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: white;
    margin: 0 90px 0 0;
}

.cart__quantity strong {
    font-size: 18px;
    margin: -2px 0 0 15px;
}

.cart__quantity .svg {
    margin: -12px 20px 0 0 !important;
    width: 30px !important;
    height: 30px !important;
    fill: #fff !important;
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 15px;
    position: initial;
}

section {
    position: relative;
}

.inline-blok {
    display: inline-block;
}

[data-thumb] {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    width: 100%;
}

[data-thumb] img {
    display: block;
    opacity: 0;
    width: 100%;
}

[data-thumb].hover-zoom:hover {
    background-size: 110%;
}

.custom-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
    border: none;
    border-bottom: 2px solid #beb038;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    overflow: hidden;
    background: #be2a34;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}
.custom-btn:hover {
    background: #3A54A3;
}
.custom-btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#b3ffffff', GradientType=0);
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0px;
    }
    30% {
        left: 110%;
        margin-left: 80px;
    }
    100% {
        left: 110%;
        margin-left: 80px;
    }
}

.thumb {
    position: relative;
    overflow: hidden;
}

.thumb img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.editor {
    position: relative;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 40px;
    text-align: right;
}

.first-slide__body .btn {
    width: 300px;
}

.btn img {
    padding-right: 10px;
}

.editor p {
    overflow: hidden;
    margin: 10px;
    color: #111;
    line-height: 24px;
}

.editor p img {
    margin-top: 4px;
    float: left;
    width: 60%;
    max-width: 450px;
}

.editor p img.left {
    margin-right: 20px;
}

.editor p img.right {
    float: right;
    margin-left: 20px;
}

.editor a {
    font-weight: 900;
}

.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    margin-bottom: 10px;
}

.editor h3 {
    font-size: 18px;
}

.editor ul li {
    position: relative;
    padding: 0 0 0 15px;
}

/*.editor ul li::before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 3px);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #000; }
*/
.checkbox,
.radio {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 0 10px 10px 0;
}

.checkbox:last-child,
.radio:last-child {
    margin-right: 0;
}

.checkbox__title,
.radio__title {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #52535A;
    padding: 2px 0 2px 25px;
}

.checkbox__title::before, .checkbox__title::after,
.radio__title::before,
.radio__title::after {
    content: '';
    position: absolute;
    display: block;
    transition: all .3s;
}

.checkbox__title::before,
.radio__title::before {
    background-color: transparent;
    border: 1px solid #E3E3E3;
    height: 16px;
    width: 16px;
    left: 0;
    top: 0;
}

.checkbox--error .checkbox__title,
.checkbox--error .radio__title,
.radio--error .checkbox__title,
.radio--error .radio__title {
    color: #BE2A34;
}

.checkbox--error .checkbox__title::before,
.checkbox--error .radio__title::before,
.radio--error .checkbox__title::before,
.radio--error .radio__title::before {
    border: 1px solid #BE2A34;
}

.checkbox input,
.radio input {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 50%;
}

.checkbox.required i,
.radio.required i {
    display: inline-block;
    margin: 0 0 0 2px;
    color: #BE2A34;
    font-style: normal;
}

.checkbox__title {
    color: #52535A;
}

.checkbox__title::before {
    border-radius: 3px;
}

.checkbox__title::after {
    border-bottom: 2px solid #BE2A34;
    border-left: 2px solid #BE2A34;
    transform: rotate(-50deg);
    height: 7px;
    opacity: 0;
    width: 14px;
    left: 3px;
    top: 2px;
}

input:checked + .checkbox__title::before {
    background-color: transparent;
}

input:checked + .checkbox__title::after {
    opacity: 1;
}

.radio__title {
    color: #52535A;
}

.radio__title::before {
    border-radius: 50%;
}

.radio__title::after {
    background-color: #3A54A3;
    border-radius: 50%;
    height: 8px;
    opacity: 0;
    width: 8px;
    left: 4px;
    top: 4px;
}

input:checked + .radio__title::after {
    opacity: 1;
}

.massa {
    height: 30px;
    width: 120px;
    display: flex;
    align-items: center;
    border: 1px solid #C4C4C4;
    border-radius: 1px;
    padding: 0 30px 0 10px;
    position: relative;
    margin: 0 auto;
}

.massa input {
    min-width: 0;
    display: block;
    color: #52535A;
}

.massa span {
    user-select: none;
    cursor: text;
}

.massa button {
    position: absolute;
    display: block;
    width: 10px;
    height: 7px;
    right: 5px;
}

.massa button.plus {
    top: 4px;
    background: transparent url(../img/svg/arrow-up.svg) no-repeat center/cover;
}

.massa button.minus {
    background: transparent url(../img/svg/arrow-down.svg) no-repeat center/cover;
    top: 17px;
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    padding: 0 15px;
    height: 50px;
    font-size: 14px;
    line-height: 1;
    transition: all .3s;
    outline: none;
    box-shadow: none;
    color: #ffffff;
    min-width: 220px;
    text-decoration: none;
}

.btn:hover, .btn:focus, .btn:active {
    box-shadow: none;
    outline: none;
    color: #fff;
}

.btn .svg {
    width: 14px;
    flex: 0 0 14px;
    height: 14px;
}

.btn--wrap .btn {
    margin: 0 auto;
}

.btn--wrap.left {
    text-align: left;
}

.btn--wrap.right {
    text-align: right;
}

.btn--red {
    background-color: #BE2A34;
    border-color: #BE2A34;
}

.btn--red:hover, .btn--red:active {
    background-color: #3A54A3 !important;
    border-color: #3A54A3 !important;
}

.btn--red:hover .svg, .btn--red:active .svg {
    fill: #FFF;
}

.btn--red .svg {
    fill: #FFF;
}

.btn--blue {
    background-color: #3A54A3;
    border-color: #3A54A3;
}

.btn--blue:hover, .btn--blue:active {
    background-color: #BE2A34 !important;
    border-color: #BE2A34 !important;
}

.btn--blue:hover .svg, .btn--blue:active .svg {
    fill: #FFF;
}

.btn--blue .svg {
    fill: #FFF;
}

.btn--white {
    background-color: #FFF;
    border-color: #FFF;
}

.s-red .btn--white {
    color: #BE2A34;
}

.s-red .btn--white .svg {
    fill: #BE2A34;
}

.s-red .btn--white:hover, .s-red .btn--white:active {
    background-color: #3A54A3 !important;
    border-color: #3A54A3 !important;
    color: #FFF;
}

.s-red .btn--white:hover .svg, .s-red .btn--white:active .svg {
    fill: #FFF;
}

.s-blue .btn--white {
    color: #3A54A3;
}

.s-blue .btn--white .svg {
    fill: #3A54A3;
}

.s-blue .btn--white:hover, .s-blue .btn--white:active {
    background-color: #BE2A34 !important;
    border-color: #BE2A34 !important;
    color: #FFF;
}

.s-blue .btn--white:hover .svg, .s-blue .btn--white:active .svg {
    fill: #FFF;
}

.btn--delivery {
    background-color: transparent;
    border-color: #3A54A3;
    color: #3A54A3;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    height: 70px;
    max-width: 300px;
}

.btn--delivery:focus, .btn--delivery:hover, .btn--delivery:active {
    background-color: #BE2A34 !important;
    border-color: #BE2A34 !important;
}

.btn--delivery:focus .svg, .btn--delivery:hover .svg, .btn--delivery:active .svg {
    fill: #FFF !important;
}

.btn--delivery .svg {
    fill: #3A54A3 !important;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    margin: 0 15px 0 0;
}

.btn--disabled {
    background-color: #A1A1A1 !important;
    border-color: #A1A1A1 !important;
    color: #FFF !important;
    cursor: default !important;
}

.btn--disabled:hover, .btn--disabled:focus, .btn--disabled:active {
    background-color: #A1A1A1 !important;
    border-color: #A1A1A1 !important;
    color: #FFF !important;
}

.s-blue {
    background-color: #3A54A3 !important;
}

.s-red {
    background-color: #BE2A34 !important;
}

.s-white {
    background-color: #FFF !important;
}

.title {
    font-family: 'Gotham Pro', sans-serif;
    text-transform: uppercase;
}

.title--medium {
    display: block;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    font-size: 28px;
    color: #52535A;
    text-transform: none;
    margin: 0 0 30px;
}

.title--big {
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 60px;
    font-weight: 700;
    color: #52535A;
}

.title--catalog {
    color: #fff;
    height: 120px;
}

.title--catalog .useful-links {
    display: flex;
    align-items: center;
    color: #fff;
    flex-flow: row nowrap;
    white-space: nowrap;
    margin: 0 60px 0 0;
}

.title--catalog .useful-links:last-child {
    margin: 0;
}

.title--catalog .useful-links:hover {
    color: #3A54A3;
}

.title--catalog .useful-links:hover .svg {
    fill: #3A54A3;
}

.title--catalog .useful-links:hover .svg-calc {
    stroke: #3A54A3;
}

.title--catalog .svg {
    width: 27px;
    height: 27px;
    fill: #fff;
    margin: -3px 15px 0 0;
}

.title--catalog .svg-calc {
    stroke: #fff;
}

.title--group {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.title--group__body {
    display: flex;
    align-items: center;
}

.title--group .title {
    flex: 1 0;
    max-width: 100%;
}

.title-p-size--l {
    font-size: 1.5em;
}

.breadcrumbs {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 65px 0 35px;
}

.breadcrumbs a, .breadcrumbs span {
    display: inline-block;
    color: #52535A;
    font-size: 12px;
    position: relative;
    font-weight: 300;
    line-height: 1.2;
}

.breadcrumbs a::after {
    content: '/';
    display: inline-block;
    margin: 0 5px;
}

.breadcrumbs span {
    font-weight: 700;
}

.header {
    position: absolute;
    z-index: 888;
    left: 0;
    top: 0;
    display: block;
    /*display: flex;
    align-items: center;*/
    width: 100%;
    transition: all .3s;
    background-color: white;
}

.header.home {
    background-color: rgb(243 243 243 / 20%);
}

.header.home .logo__img {
    display: none;
}

.header.home .logo__home {
    display: block;
}

.header.home .logo__text {
    color: #fff;
}

.header.home .header__companu-info {
    background: transparent url(../img/logo-nmz-st-grey4.png) no-repeat center left;
    color: #fff;
}

.header.home .header__companu-info-two {
    background: transparent url(../img/steel-tumen-grey4.png) no-repeat center left;
    color: #fff;
}

.header.home .header__tel, .header.home .header__email {
    color: #fff;
}

.header.home .header__contact .drop__body .header__tel {
    color: #52535A;
}

.header.home .search input {
    border: 1px solid rgba(255, 255, 255, 0.001);
    background-color: rgba(255, 255, 255, 0.1);
}

.header.home .search button {
    background-color: rgba(255, 255, 255, 0.1);
}

.header.home .search button:hover .svg {
    fill: #BE2A34;
}

.header.home .language .button {
    border: 1px solid transparent;
    color: #fff;
}

.header.home .language .button:hover {
    color: #BE2A34 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.header.home .language .button.active {
    color: #3A54A3;
    font-weight: 700;
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
}

.header.fixed {
    position: fixed;
    background-color: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.header.fixed.home .header__menu {
    background-color: #fff;
}

.header__content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.header__content > div {
    padding: 10px 0;
}

.header__content > div:nth-child(1) {
    flex: 1 0 312px;
    max-width: 312px;
    order: 1;
    /*background: url(/assets/images/girlyanda.png) no-repeat bottom;*/
}

.header__content > div:nth-child(2) {
    flex: 1 0 380px;
    max-width: 380px;
    order: 2;
}

.header__content > div:nth-child(3) {
    flex: 1 0 230px;
    max-width: 230px;
    order: 3;
}

.header__content > div:nth-child(4) {
    flex: 1 0 180px;
    max-width: 180px;
    order: 4;
}

.header__content > div:nth-child(5) {
    flex: 1 0 650px;
    max-width: 650px;
    order: 5;
}

.header__content > div:nth-child(6) {
    flex: 1 0 481px;
    max-width: 481px;
    order: 6;
}

.header__logo {
    flex: 1 0 120px;
    max-width: 270px;
}

.logo:hover .logo_hover {
    display: block;
}

.logo_hover {
    display: none;
}

.header__companu-info {
    font-weight: 500;
    line-height: 1.7;
    font-size: 9px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #52535A;
    padding: 15px 0 4px 185px;
    background: transparent url(../img/logo-nmz-st-rgb4.png) no-repeat center left;
    height:73px;
}

.header__companu-info-two {
    font-weight: 500;
    line-height: 1.4;
    font-size: 9px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #52535A;
    padding: 4px 0 4px 40px;
    background: transparent url(../img/steel-tumen-rgb.png) no-repeat center left;
}

.header__contact .svg-phone {
    /*margin: 0 5px 0 0;*/
    fill: #3A54A3;
    width: 18px;
    height: 18px;
}

.header__contact .svg-message {
    margin: 0 7px 0 1px;
    fill: #3A54A3;
    width: 15px;
    height: 12px;
}

.header__contact .svg-arrow-down {
    fill: #BE2A34;
    width: 13px;
    height: 12px;
}

.header__contact .drop__button {
  cursor: pointer;
  width: 32px;
  height: 25px;
  padding: 5px 5px 4px 7px;
  text-align: center;
  margin-top: -10px;
}

.header__contact .drop__button:hover {
    color: #3A54A3;
}

.header__contact .drop__button:hover .svg {
    fill: #3A54A3;
}

.header__contact .drop__body {
    max-width: 200px;
    width: 200px;
    z-index: 1;
}

.header__contact .drop__body .header__tel {
    margin-bottom: 15px;
}

.header__contact .drop__body li:first-child .header__tel {
    margin-top: 12px;
}

.header__tel {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    font-size: 18px;
    color: #52535A;
    font-weight: 700;
    max-width: 180px;
    margin: 0 0 8px;
    justify-content: center;
}

.header__tel:hover {
    color: #3A54A3;
}

.header__tel__wrap {
    display: flex;
    align-items: center;
}

.header__city {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    flex: 0 0 100%;
    font-style: italic;
    color: #A7A7A7;
    padding: 0 23px 3px 0;
}

.header__email {
    display: flex;
    align-items: center;
    color: #52535A;
    justify-content: flex-start;
}

.header__email:hover {
    color: #3A54A3;
}

.header__menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.header__menu a {
    line-height: 1.2;
    letter-spacing: 0.05em;
    color: #52535A;
}

.header__menu a:hover {
    color: #BE2A34 !important;
}

.header__menu .lvl-1.active > a {
    color: #BE2A34;
}

.header__toggle-menu {
    display: none;
    position: relative;
    cursor: pointer;
}

.header__toggle-menu span {
    display: block;
    width: 35px;
    height: 3px;
    background: #3A54A3;
    margin: 5px 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s all ease;
    -o-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease;
    opacity: 1;
}

.menu-open .header__toggle-menu span:nth-child(1) {
    background: #BE2A34;
    transform: rotate(45deg) translateY(11px);
}

.menu-open .header__toggle-menu span:nth-child(2) {
    opacity: 0;
}

.menu-open .header__toggle-menu span:nth-child(3) {
    background: #BE2A34;
    transform: rotate(-45deg) translateY(-11px);
}

.header .btn {
    min-width: 0;
}

.logo__text {
    font-weight: 500;
    line-height: 1.3;
    font-size: 14px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #52535A;
    padding: 0 0 10px 3px;
}

.logo__home {
    display: none;
}

.logo__mobile {
    display: none;
}

.drop {
    display: block;
    position: relative;
}

.drop__body {
    transition: all .3s;
    position: absolute;
    max-height: 0;
    width: 100%;
    left: 0;
    display: block;
    overflow: auto;
    background-color: #fff;
}

.drop-open .drop__body {
    max-height: 100vh;
}

.drop__button {
    cursor: pointer;
    display: block;
}

.search {
    display: flex;
    align-items: center;
}

.search input {
    font-size: 12px;
    border: 1px solid #E3E3E3;
    border-radius: 1px;
    height: 30px;
    display: block;
    flex: 1 0;
    text-indent: 20px;
    color: #A7A7A7;
    font-style: italic;
}

.search input:focus + button {
    background-color: #BE2A34;
}

.search button {
    width: 30px;
    height: 30px;
    background-color: #3A54A3;
    padding-top: 2px;
    transition: all .3s;
}

.search button .svg {
    fill: #fff;
    width: 17px;
    height: 17px;
}

.search button:hover {
    background-color: #BE2A34;
}

.search--panel {
    display: flex;
    align-items: center;
}

.search--panel .search {
    flex: 1 0;
    -margin: 0 15px 0 0;
}

.search--group {
    margin: 0 0 60px;
}

.search--group .title {
    margin: 0;
    flex: 0 0 auto;
}

.search--group .title--group__body {
    flex: 1 0;
    padding: 0 0 0 30px;
    transform: translateY(3px);
}

.search--group .search {
    width: 100%;
    max-width: 420px;
    margin: 0 60px 0 0;
}

.search--group .search input {
    border-color: #C4C4C4;
    background-color: transparent;
}

.search--result {
    display: flex;
    align-items: center;
}

.search--result strong {
    margin: 0 0 0 5px;
}

.language {
    display: flex;
}

.language .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    width: 30px;
    border: 1px solid #E3E3E3;
    text-align: center;
    border-radius: 1px;
    font: 400 13.3333px Arial;
    transition: all .3s;
    color: #52535A;
}

.language .button:hover {
    color: #fff !important;
    background-color: #BE2A34 !important;
    border-color: #BE2A34 !important;
}

.language .button.active {
    color: #fff;
    background-color: #3A54A3;
    border-color: #3A54A3;
}

.first-slide {
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: -145px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.first-slide__body {
    max-width: 1170px;
    display: flex;
    z-index: 11;
    width: 100%;
    flex-flow: row wrap;
    padding: 0 15px;
}

.first-slide__description h2, .first-slide__description h1 {
    color: #fff;
}

/*max-width: 1110px;
display: flex;
z-index:10;
width: 100%;
flex-flow: row wrap;
padding: 0 15px;
position: relative;*/
.first-slide__title {
    flex: 0 0 50%;
    max-width: 50%;
    font-family: 'Gotham Pro', sans-serif;
    line-height: 1.2;
    font-size: 39px;
    color: #fff; /*#E3E3E3;*/
    font-weight: 500;
    padding: 0 44px 0 0;
}

.first-slide__description {
    max-width: 50%;
    color: #fff; /*#E3E3E3;*/
    font-family: 'Gotham Pro', sans-serif;
}

.first-slide__description h3, .custom-p {
    font-size: 28px;
    display: flex;
    vertical-align: top;
    margin-bottom: 15px;
    justify-content: flex-end;
}

.first-slide__description h3 span, .first-slide__description h3 strong, .first-slide__description h3 b, .custom-p b {
    font-size: 64px;
    font-weight: 400;
    display: inline-block;
    margin: 0 15px;
}

.first-slide__description .editor p {
    color: #fff; /*#E3E3E3;*/
    font-size: 16px;
}

.type {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    height: 150px;
    position: relative;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}

.type::after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #E95761;
    right: 0;
    transition: all .3s;
}

.type__list {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    max-width: 1170px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-start;
}

.type__list > div:nth-child(1), .type__list > div:nth-child(2), .type__list > div:nth-child(3), .type__list > div:nth-child(4) {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    background-color: #BE2A34;
    transition: all .3s;
}

.type__list > div:nth-child(1) .type:hover, .type__list > div:nth-child(2) .type:hover, .type__list > div:nth-child(3) .type:hover, .type__list > div:nth-child(4) .type:hover {
    background-color: #3A54A3;
    color: #FFF;
}

.type__list > div:nth-child(1) .type:hover::after, .type__list > div:nth-child(2) .type:hover::after, .type__list > div:nth-child(3) .type:hover::after, .type__list > div:nth-child(4) .type:hover::after {
    background-color: #3A54A3;
}

.type__list > div:nth-child(5), .type__list > div:nth-child(6), .type__list > div:nth-child(7) {
    flex: 0 0 16.666%;
    max-width: 16.666%;
}

.type__list > div:nth-child(5) .type:hover, .type__list > div:nth-child(6) .type:hover, .type__list > div:nth-child(7) .type:hover {
    color: #BE2A34;
}

.type__list > div:nth-child(5) .type:hover .svg, .type__list > div:nth-child(6) .type:hover .svg, .type__list > div:nth-child(7) .type:hover .svg {
    fill: #BE2A34;
}

.type__list > div:nth-child(5) .type:hover .svg-calc, .type__list > div:nth-child(6) .type:hover .svg-calc, .type__list > div:nth-child(7) .type:hover .svg-calc {
    stroke: #BE2A34;
}

.type__list > div:nth-child(4) .type::after, .type__list > div:nth-child(5) .type::after, .type__list > div:nth-child(6) .type::after, .type__list > div:nth-child(7) .type::after {
    content: none !important;
}

.type__thumb .svg {
    margin-bottom: 15px;
    width: 40px;
    height: 40px;
    fill: #fff;
}

.type__thumb .svg-calc {
    stroke: #fff;
}

.type__thumb .svg-stal {
    fill: none;
    width: 70px;
    height: 60px;
    margin: -7px 0 0;
}

.type .svg-stal path:nth-child(2) {
    fill: #BE2A34;
    transition: all .3s;
}

.type:hover .svg-stal path:nth-child(2) {
    fill: #3A54A3;
}

.type__title {
    max-width: 110px;
    margin: 0 auto;
}

.our-advantage {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    max-width: 1010px;
    margin: 0 auto;
}

.our-advantage__section {
    background-color: #fff;
    padding: 90px 0;
}

.our-advantage__body {
    flex: 1 0;
}

.our-advantage__list > div:last-child .our-advantage__item {
    margin-bottom: 0;
}

.our-advantage__item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.our-advantage__ico {
    width: 65px;
    flex: 0 0 65px;
    max-width: 65px;
    text-align: center;
}
.our-advantage__item__body {
    margin: 0 0 0 25px;
}


.our-advantage__title {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    color: #52535A;
    margin-bottom: 15px;
    font-weight: 700;
}

.our-advantage__description {
    font-size: 12px;
    color: #52535A;
    line-height: 1.2;
    font-weight: 300;
}

.our-advantage__description a {
    font-weight: 700;
}

.our-advantage .svg {
    width: 36px;
    height: 60px;
    fill: #3A54A3;
}

.achievements {
    margin: 115px 0 0 0;
    padding: 50px 0 0;
    position: relative;
}

.achievements::before {
    content: '';
    position: absolute;
    top: 50px;
    height: 4px;
    width: 100%;
    display: block;
    background: linear-gradient(90deg, #3A54A3 28.46%, #BE2A34 72.16%);
}

.achievements__section {
    padding: 90px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.achievements__item:nth-child(1) .achievements__nav {
    left: 0;
}

.achievements__item:nth-child(2) .achievements__nav {
    left: 25%;
}

.achievements__item:nth-child(3) .achievements__nav {
    left: 50%;
}

.achievements__item:nth-child(4) .achievements__nav {
    left: 75%;
}

.achievements__nav {
    position: absolute;
    width: 25%;
    bottom: 100%;
    font-size: 55px;
    font-family: 'Gotham Pro', sans-serif;
    color: #E3E3E3;
    text-align: center;
    user-select: none;
    cursor: pointer;
}

.active .achievements__nav::after {
    content: '';
    position: absolute;
    bottom: -54px;
    height: 4px;
    width: 100%;
    display: block;
    background: #fff;
}

.achievements__nav span {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-top: 15px;
}

.achievements__description {
    padding: 60px 70px 0 70px;
    color: #E3E3E3;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4;
    display: none;
}

.active .achievements__description {
    display: block;
}

.achievements__description strong {
    font-size: 20px;
    font-weight: 700;
}

.delivery-pay {
    display: flex;
    flex-flow: row wrap;
}

.delivery-pay__info {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex: 0 0 50%;
    max-width: 50%;
    background-color: #fff;
}

.delivery-pay__info__body .btn--wrap {
    display: flex;
    margin: 0 -10px;
}

.delivery-pay__info__body .btn {
    margin: 0 10px;
    flex: 1 0;
    height: 70px;
    font-size: 18px;
    font-weight: 700;
}

.delivery-pay__list {
    margin-bottom: 60px;
    display: block;
}

.delivery-pay__list li {
    font-size: 18px;
    margin-bottom: 50px;
}

.delivery-pay__list li:last-child {
    margin-bottom: 0;
}

.delivery-pay__thumb {
    flex: 0 0 50%;
    max-width: 50%;
}

.partners {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
}

.partners__section {
    padding: 160px 0 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.partners__section .container {
    max-width: 1500px;
}

.partners .title {
    color: #fff;
    flex: 0 0 100%;
    margin-bottom: 120px;
}

.partners__list,
.partners .we {
    flex: 0 0 50%;
    max-width: 50%;
}

.partners__list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    max-width: 640px;
}

.partners__list > div {
    flex: 0 0 20%;
    max-width: 20%;
}

.partners__list [data-thumb] {
    background-color: transparent;
    background-size: contain;
    max-width: 70px;
    max-height: 50px;
    margin: 0 auto;
}

.partners__list [data-thumb] img {
    max-height: 100%;
}

.we {
    display: flex;
    align-items: center;
}

.we__body {
    max-width: 365px;
    margin: 0 auto;
    width: 100%;
}

.we__thumb {
    margin-bottom: 20px;
}

.we__description {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 1.6;
    text-align: left;
}

.we__description strong {
    font-size: 18px;
}

.news {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
    justify-content: space-around;
}

.news > div {
    flex: 0 0 30%;
    max-width: 33%;
    padding: 0 6px;
}

.news_link {
    width: 100%;
}

.news_link:hover {
    color: unset;
    text-decoration: none;
}

.news.articles > div {
    max-width: 422px;
    width: 100%;
    height: 389px;
    padding: 0;
    overflow: hidden;
}

.news__section {
    padding: 85px 75px;
    background-color: #fff;
}

.news .btn--wrap {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 55px 0 0;
}

.news .btn {
    max-width: 220px;
}

.new {
    display: flex;
    gap: 18px;
    flex-direction: column;
}

.new__preview {
    height: 100%;
}

.news.articles .new__preview {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.news.articles .new__thumb {
    width: 100%;
    height: 279px;
    background-size: cover;
}

.news.articles img {
    width: 100%;
    height: 100%;
}


.container-1170 {
    max-width: 1170px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0;
    font-family: inherit;
    min-width: 340px;
    width: 100%;
    margin: 0 auto;
}

.news-articles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(374px, 1fr));
    column-gap: 24px;
    row-gap: 50px;
    margin: 0;
    width: 100%;
}

.news_pagination {
    display: flex;
    align-items: center;
    gap: 4px;
}

.news_pagination-pages-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.news_pagination_prev,
.news_pagination_next {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
}

.news_pagination_prev:after,
.news_pagination_next:after {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
}

.news_pagination_prev:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%231C1C1C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.news_pagination_next:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%231C1C1C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.news_pagination-pages-item {
    color: #494949;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 16px;
    line-height: 28px;
    padding: 12px 16px;
    border-radius: 4px;
    width: 48px;
    height: 48px;
}

.news_pagination-item-active {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #F6F6F6;
}

.wrapper[data-page-type="news-page"] {
    background: white;
}

.wrapper[data-page-type="each-news-page"] {
    background: white;
}

.news-follow-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: #F6F6F6;
    padding: 48px 52px 50px 52px;
    margin-top: 90px;
}

.news-follow_title {
    color: #000;
    font-size: clamp(24px, 29vw, 34px);
    font-weight: 500;
    margin: 0;
}

.news-follow_form-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.news-follow_form-wrapper form {
    display: flex;
    gap: 15px;
    font-size: 14px;
}

.news-follow_form-wrapper label {
    margin: 0;
    display: flex;
    gap: 23px;
    white-space: nowrap;
    align-items: center;
    font-weight: 400;
}

.news-follow_form-input {
    width: clamp(300px, 29vw, 416px);
    border-radius: 10px;
    border: 1px solid #000;
    height: 60px;
    background: #FFF;
    padding: 20px;
    border: none;
}

.news-follow_form_button {
    padding: 18px 79px;
    border-radius: 10px;
    background: #C83737;
    color: #FFF;
    height: 60px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px; 
    border: none;
}


.each-news {
    border-radius: 20px;
    background: #3A54A3;
    padding: 25px 37px;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.each-news_date {
    margin: 0;
    width: min-content;
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    color: #A4A4A4;
    font-size: 14px;
    white-space: nowrap;
}

.each-news_header {
    max-width: 674px;
    color: #FFF;
    font-size: 34px;
    font-weight: 500;
    line-height: 48px;
    margin: 0;
}

.each-news_additionally {
    display: flex;
    justify-content: space-between;
    padding-right: 31px;
    margin-top: 12px;
}

.likes_href:before {
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    background-image: url(../img/lice.png);
    background-size:cover;
}

.likes_href {
    display:none;
}


.each-news_additionally_leave-comment, .likes_href {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.each-news_additionally_leave-comment:before {
    display: block;
    content: '';
    width: 46px;
    height: 46px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_10_3603)'%3E%3Cpath d='M20 5.33329V14.6666H6.89329L6.10663 15.4533L5.33329 16.2266V5.33329H20ZM21.3333 2.66663H3.99996C3.26663 2.66663 2.66663 3.26663 2.66663 3.99996V22.6666L7.99996 17.3333H21.3333C22.0666 17.3333 22.6666 16.7333 22.6666 16V3.99996C22.6666 3.26663 22.0666 2.66663 21.3333 2.66663ZM28 7.99996H25.3333V20H7.99996V22.6666C7.99996 23.4 8.59996 24 9.33329 24H24L29.3333 29.3333V9.33329C29.3333 8.59996 28.7333 7.99996 28 7.99996Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10_3603'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size:cover;
}

.each-news_additionally_follow {
    display: flex;
    align-items: center;
    gap: 134px;
}

.each-news_additionally_button-follow {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 16px;
}

.each-news_additionally_button-follow:before {
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_10_3612)'%3E%3Cpath d='M24 21.44C22.9867 21.44 22.08 21.84 21.3867 22.4666L11.88 16.9333C11.9467 16.6266 12 16.32 12 16C12 15.68 11.9467 15.3733 11.88 15.0666L21.28 9.58663C22 10.2533 22.9467 10.6666 24 10.6666C26.2133 10.6666 28 8.87996 28 6.66663C28 4.45329 26.2133 2.66663 24 2.66663C21.7867 2.66663 20 4.45329 20 6.66663C20 6.98663 20.0533 7.29329 20.12 7.59996L10.72 13.08C10 12.4133 9.05333 12 8 12C5.78667 12 4 13.7866 4 16C4 18.2133 5.78667 20 8 20C9.05333 20 10 19.5866 10.72 18.92L20.2133 24.4666C20.1467 24.7466 20.1067 25.04 20.1067 25.3333C20.1067 27.48 21.8533 29.2266 24 29.2266C26.1467 29.2266 27.8933 27.48 27.8933 25.3333C27.8933 23.1866 26.1467 21.44 24 21.44ZM24 5.33329C24.7333 5.33329 25.3333 5.93329 25.3333 6.66663C25.3333 7.39996 24.7333 7.99996 24 7.99996C23.2667 7.99996 22.6667 7.39996 22.6667 6.66663C22.6667 5.93329 23.2667 5.33329 24 5.33329ZM8 17.3333C7.26667 17.3333 6.66667 16.7333 6.66667 16C6.66667 15.2666 7.26667 14.6666 8 14.6666C8.73333 14.6666 9.33333 15.2666 9.33333 16C9.33333 16.7333 8.73333 17.3333 8 17.3333ZM24 26.6933C23.2667 26.6933 22.6667 26.0933 22.6667 25.36C22.6667 24.6266 23.2667 24.0266 24 24.0266C24.7333 24.0266 25.3333 24.6266 25.3333 25.36C25.3333 26.0933 24.7333 26.6933 24 26.6933Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10_3612'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.each-news_follow-site {
    display: block;
    content: '';
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background: orange;
}

.each-news_additionally_follow-wrapper {
    position: relative;
}

.each-news_additionally_follow-sub-menu {
    display: none;
    position: absolute;
    right: -16px;
    top: 100%;
    margin-top: 18px;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
    white-space: nowrap;
}

.each-news_additionally_follow-sub-menu.open {
    display: flex;
    z-index:999999;
}


.each-news_additionally_follow-sub-menu:before {
    position: absolute;
    bottom: 100%;
    left: 59%;
    display: block;
    content: '';
    width: 16px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M7 0L13.9282 8.25H0.0717969L7 0Z' fill='white'/%3E%3C/svg%3E");
}

.each-news_additionally_follow-sub-menu li a {
    display: flex;
    gap: 8px;
    text-decoration: none;
    color: #242424;
    font-size: 14px;
    line-height: 20px;
}

.each-news_additionally_follow-sub-menu li a:before {
    display: block;
    content: '';
}

.each-news_additionally_follow-sub-menu li:nth-child(1) a:before {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_140_157)'%3E%3Cpath d='M14.1667 5.83337H10.8334V7.50004H14.1667C15.5417 7.50004 16.6667 8.62504 16.6667 10C16.6667 11.375 15.5417 12.5 14.1667 12.5H10.8334V14.1667H14.1667C16.4667 14.1667 18.3334 12.3 18.3334 10C18.3334 7.70004 16.4667 5.83337 14.1667 5.83337ZM9.16669 12.5H5.83335C4.45835 12.5 3.33335 11.375 3.33335 10C3.33335 8.62504 4.45835 7.50004 5.83335 7.50004H9.16669V5.83337H5.83335C3.53335 5.83337 1.66669 7.70004 1.66669 10C1.66669 12.3 3.53335 14.1667 5.83335 14.1667H9.16669V12.5ZM6.66669 9.16671H13.3334V10.8334H6.66669V9.16671Z' fill='%23242424'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_140_157'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.each-news_additionally_follow-sub-menu li:nth-child(2) a:before {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M7.59184 15C2.59592 14.2 1.11565 8.22222 1 5.33333V5H3.77551C3.77551 5 3.77551 7.33333 4.12245 8.66667C5.23265 11.0667 6.20408 11.6667 6.55102 11.6667H7.93878V5H10.3673V9H11.7551L15.2245 5H18V5.66667L13.8367 10.3333L18 14.3333V15H15.5714L12.102 11.6667H10.3673V15H7.59184Z' fill='%23242424'/%3E%3C/svg%3E");
}
.each-news_additionally_follow-sub-menu li:nth-child(3) a:before {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M17.2636 3.01547L1.1237 9.67763C0.949992 9.74933 0.962112 9.99932 1.14194 10.0539L5.66141 11.4251C5.71506 11.4414 5.77307 11.4344 5.82132 11.4059L12.425 7.49885C12.6245 7.38077 12.8315 7.64005 12.6721 7.80846L8.28571 12.4427C8.19885 12.5345 8.2178 12.6828 8.32494 12.7498L14.6744 16.7194C14.7935 16.7939 14.9504 16.7255 14.9768 16.5874L17.5363 3.238C17.5663 3.08175 17.4106 2.95477 17.2636 3.01547Z' fill='%23242424'/%3E%3C/svg%3E");
}
.each-news_additionally_follow-sub-menu li:nth-child(4) a:before {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M12 5C12 6.65685 10.6569 8 9 8C7.34315 8 6 6.65685 6 5C6 3.34315 7.34315 2 9 2C10.6569 2 12 3.34315 12 5Z' stroke='%23242424' stroke-width='2'/%3E%3Cpath d='M4.5 16.5L9 12M9 12L14 16.5M9 12C10 11.5 12.5 10.5 14.5 9M9 12C8 11.5 6 10.5 4 9' stroke='%23242424' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.each-news_additionally_follow-sub-menu li:nth-child(5) a:before {
    width: 19px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M10.9063 9.98617L10.4707 10.5669C10.4288 10.6228 10.3592 10.6517 10.2906 10.6386C8.83458 10.3611 7.92341 9.0248 7.64523 8.37572C7.60219 8.28064 7.93047 8.09047 8.3108 7.51998C8.60297 7.08172 7.92489 6.3746 7.50571 6.03845C7.47299 6.01221 7.43254 5.99824 7.39064 6.00018C6.79404 6.02782 5.61627 6.44072 6.1239 8.09047C6.88458 10.5626 9.4518 11.8938 10.878 12.084C12.3043 12.2741 12.7797 11.038 12.5895 10.5626C12.4483 10.2096 11.5864 9.99314 11.0831 9.91317C11.0151 9.90237 10.9476 9.93113 10.9063 9.98617Z' fill='%23242424'/%3E%3Cpath d='M9.27733 2.02531C1.20022 2.64197 1.61384 9.40752 3 12.4739L2 16.9739L6.15847 15.709C10.5018 17.5488 14.0519 15.4024 15.284 14.0992C19.096 10.0746 16.5 1.47388 9.27733 2.02531Z' stroke='%23242424' stroke-width='1.5'/%3E%3C/svg%3E");
}


.each-news_additionally_print {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-size: 16px;
}

.each-news_additionally_print:before {
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_10_3615)'%3E%3Cpath d='M25.3334 10.6667H24V4H8.00002V10.6667H6.66669C4.45335 10.6667 2.66669 12.4533 2.66669 14.6667V22.6667H8.00002V28H24V22.6667H29.3334V14.6667C29.3334 12.4533 27.5467 10.6667 25.3334 10.6667ZM10.6667 6.66667H21.3334V10.6667H10.6667V6.66667ZM21.3334 25.3333H10.6667V20H21.3334V25.3333ZM24 20V17.3333H8.00002V20H5.33335V14.6667C5.33335 13.9333 5.93335 13.3333 6.66669 13.3333H25.3334C26.0667 13.3333 26.6667 13.9333 26.6667 14.6667V20H24Z' fill='white'/%3E%3Cpath d='M24 16.6667C24.7364 16.6667 25.3334 16.0697 25.3334 15.3333C25.3334 14.597 24.7364 14 24 14C23.2636 14 22.6667 14.597 22.6667 15.3333C22.6667 16.0697 23.2636 16.6667 24 16.6667Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10_3615'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.each-news-content-wrapper {
    margin-top: 40px;
    display: flex;
    gap: 42px;
}

.each-news-text-wrapper {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.each-news-swiper-wrapper {
    max-width: 526px;
    width: 100%;
    max-height: 330px;
    display: flex;
    justify-content: center;
    position: relative;
}

.each-news-swiper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.each-news-swiper_img {
    width: 100%;
    height: 100%;
    max-height: 330px;
    object-fit: cover;
}

.each-news-swiper-button-prev,
.each-news-swiper-button-next {
    position: absolute;
    bottom: 18px;
    z-index: 9;
}

.each-news-swiper-button-prev {
    right: 82px;
}

.each-news-swiper-button-next {
    right: 20px;
}

.each-news-swiper-button-prev:after,
.each-news-swiper-button-next:after {
    display: block;
    content: '';
    width: 52px;
    height: 52px;
}

.each-news-swiper-button-prev:after {
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' transform='rotate(180 26 26)' fill='white'/%3E%3Cpath d='M30 33L22 26L30 19' stroke='%23242424'/%3E%3C/svg%3E%0A");
}

.each-news-swiper-button-next:after  {
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' fill='white'/%3E%3Cpath d='M22 19L30 26L22 33' stroke='%23242424'/%3E%3C/svg%3E%0A");
}

.each-news_leave-coments {
    margin-top: 90px;
    width: 100%;
    display: flex;
    /* gap: 24px; */
    gap: 12px;
}

.each-news_leave-coments_form {
    max-width: 746px;
    width: 100%;
    display: flex;
    gap: 35px;
    flex-direction: column;
    border-radius: 20px;
    background: #F6F6F6;
    padding: 40px;
}

.each-news_leave-coments_header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.each-news_leave-coments_header {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

.each-news_leave-coments_stars {
    display: flex;
    gap: 6px;
}

.each-news_leave-coments_star-item {
    display: block;
    content: '';
    width: 30px;
    height: 30px;
}

.each-news_leave-coments_star-item.item-full-star {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg clip-path='url(%23clip0_11_3686)'%3E%3Cpath d='M14.9987 21.5874L22.7237 26.2499L20.6737 17.4624L27.4987 11.5499L18.5112 10.7874L14.9987 2.49988L11.4862 10.7874L2.49866 11.5499L9.32366 17.4624L7.27366 26.2499L14.9987 21.5874Z' fill='%23E8D52A'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_3686'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.each-news_leave-coments_star-item.item-empty-star {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cg clip-path='url(%23clip0_11_3710)'%3E%3Cpath d='M15.257 21.1593L14.9987 21.0034L14.7403 21.1593L8.02979 25.2095L9.81058 17.576L9.87915 17.2821L9.65104 17.0845L3.72174 11.9479L11.5284 11.2856L11.8289 11.2601L11.9465 10.9825L14.9987 3.78118L18.0508 10.9825L18.1685 11.2601L18.4689 11.2856L26.2756 11.9479L20.3463 17.0845L20.1182 17.2821L20.1867 17.576L21.9675 25.2095L15.257 21.1593Z' stroke='%23909090'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_3710'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.each-news_leave-coments_form label {
    margin: 0;
    cursor: unset;
}

.each-news_leave-coments_input {
    border: none;
    background: #FFF;
    resize: none;
    padding: 20px;
    width: 100%;
    height: 178px;
    border-radius: 10px;
}

.each-news_leave-coments_button-sent {
    padding: 18px 79px;
    border-radius: 10px;
    background: #C83737;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    height: 60px;
    border: none;
}

.each-news_leave-coments_join-to-us {
    max-width: 526px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.join-to-us_header-wrapper {
    border-radius: 20px;
    border: 1px solid #B0B0B0;
    padding: 43px 30px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.join-to-us_header {
    color: #000;
    font-size: 24px;
    font-weight: 500;
}

.join-to-us_team-name {
    display: flex;
    align-items: center;
    gap: 16px;
}

.join-to-us_team-name_avatar {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background: #F2F2F2;
}

.join-to-us_team-name_name {
    color: #242424;
    font-size: 20px;
    font-weight: 500;
}

.join-to-us_team-name_btn {
    width: max-content;
    height: 60px;
    padding: 18px 52px;
    border-radius: 10px;
    border: 1px solid #242424;
    color: #242424;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.join-to-us_fotter-wrapper {
    border-radius: 20px;
    background: #F6F6F6;
    padding: 26px;
    display: flex;
    justify-content: center;
    gap: 25px;
}

.join-to-us_site-icon {
    display: block;
    content: '';
    width: 46px;
    height: 46px;
}

.join-to-us_site-icon:nth-child(1) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none'%3E%3Cg clip-path='url(%23clip0_11_3726)'%3E%3Cpath d='M23 0C10.2974 0 0 10.2974 0 23C0 35.7026 10.2974 46 23 46C35.7026 46 46 35.7026 46 23C46 10.2974 35.7026 0 23 0ZM35.2514 30.8074H32.3328C32.0167 30.8078 31.7046 30.7369 31.4196 30.6C31.1347 30.4631 30.8843 30.2638 30.687 30.0168C29.8118 28.9179 28.0875 26.9695 26.2771 26.1326C26.1722 26.0835 26.0566 26.0616 25.9411 26.069C25.8256 26.0764 25.7137 26.1128 25.616 26.1749C25.5182 26.2369 25.4377 26.3226 25.3818 26.424C25.326 26.5254 25.2965 26.6392 25.2963 26.755V29.6415C25.2964 29.7946 25.2662 29.9462 25.2077 30.0877C25.1491 30.2291 25.0632 30.3577 24.955 30.4659C24.8468 30.5742 24.7183 30.6601 24.5768 30.7187C24.4354 30.7773 24.2838 30.8074 24.1307 30.8074H22.7811C21.0261 30.8074 17.2468 29.7391 14.2353 25.3522C11.6694 21.6147 10.5256 18.7181 9.85855 16.3696C9.81978 16.232 9.81343 16.0872 9.84 15.9467C9.86658 15.8062 9.92536 15.6737 10.0117 15.5598C10.0981 15.4458 10.2097 15.3534 10.3378 15.2898C10.4659 15.2262 10.607 15.1932 10.75 15.1933H13.7024C13.997 15.193 14.2838 15.2879 14.5201 15.4637C14.7564 15.6395 14.9297 15.8869 15.0141 16.1691C15.5632 18.0054 16.9852 21.9667 19.4989 23.9393C19.5755 23.9997 19.6676 24.0374 19.7646 24.0479C19.8617 24.0584 19.9597 24.0415 20.0475 23.9989C20.1353 23.9564 20.2094 23.8899 20.2613 23.8073C20.3132 23.7246 20.3407 23.629 20.3408 23.5314V18.9075C20.3408 17.9937 19.9448 17.0795 19.3266 16.365C19.2376 16.2625 19.1799 16.1365 19.1604 16.0022C19.1409 15.8678 19.1605 15.7306 19.2168 15.6071C19.2731 15.4835 19.3638 15.3788 19.478 15.3054C19.5922 15.2319 19.7251 15.1928 19.8609 15.1928H24.4129C24.6473 15.1928 24.8721 15.286 25.0378 15.4517C25.2036 15.6174 25.2967 15.8422 25.2968 16.0766V22.3051C25.2968 22.3952 25.3216 22.4836 25.3685 22.5606C25.4154 22.6376 25.4826 22.7002 25.5628 22.7416C25.6429 22.7829 25.7328 22.8014 25.8228 22.795C25.9127 22.7886 25.9992 22.7576 26.0727 22.7054C26.9082 22.1106 27.6238 21.232 28.282 20.2443C29.1104 19.002 30.1212 16.9483 30.6283 15.8825C30.7264 15.676 30.8811 15.5016 31.0744 15.3795C31.2677 15.2574 31.4916 15.1926 31.7202 15.1926H34.9402C35.0747 15.1925 35.2069 15.2268 35.3244 15.2922C35.4419 15.3575 35.5408 15.4518 35.6116 15.5661C35.6825 15.6804 35.723 15.8109 35.7293 15.9452C35.7355 16.0795 35.7074 16.2132 35.6476 16.3336C34.835 17.9634 33.2524 20.9532 31.7632 22.7073C31.55 22.9595 31.4456 23.2861 31.473 23.6152C31.5003 23.9444 31.6571 24.2492 31.909 24.4628C32.8798 25.2923 34.3952 26.8257 36.0291 29.3799C36.1193 29.5197 36.1701 29.6812 36.1762 29.8474C36.1824 30.0137 36.1436 30.1785 36.064 30.3245C35.9844 30.4706 35.867 30.5925 35.724 30.6775C35.581 30.7625 35.4177 30.8074 35.2514 30.8074Z' fill='%233A54A3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_3726'%3E%3Crect width='46' height='46' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.join-to-us_site-icon:nth-child(2) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none'%3E%3Cg clip-path='url(%23clip0_11_3728)'%3E%3Cpath d='M23 0C10.2974 0 0 10.2974 0 23C0 35.7026 10.2974 46 23 46C35.7026 46 46 35.7026 46 23C46 10.2974 35.7026 0 23 0ZM15.6389 34.3802V11.6198L35.7517 23.1936L15.6389 34.3802Z' fill='%233A54A3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11_3728'%3E%3Crect width='46' height='46' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.join-to-us_site-icon:nth-child(3) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none'%3E%3Ccircle cx='23' cy='23' r='23' fill='%233A54A3'/%3E%3Ccircle cx='22.5669' cy='15.5669' r='6.00136' stroke='white' stroke-width='3.13114'/%3E%3Cpath d='M28.2363 36.3083L16.62 24.5839' stroke='white' stroke-width='3.13114' stroke-linecap='round'/%3E%3Cpath d='M28.147 24.7539L16.4225 36.3703' stroke='white' stroke-width='3.13114' stroke-linecap='round'/%3E%3C/svg%3E");
}

.each-news_other-news-wrapper {
    display: flex;
    flex-direction: column;
    gap: 66px;
    margin-top: 134px;
}

.each-news_other-news_header-wrapper {
    display: flex;
    justify-content: space-between;
}

.each-news_other-news_header {
    color: #000;
    font-size: 32px;
    font-weight: 400;
    margin: 0;
}

.each-news_other-news_slider-btn-wrapper {
    position: relative;
    display: flex;
    gap: 10px;
}

.each-news_other-news-swiper-button-prev,
.each-news_other-news-swiper-button-next {
    display: block;
    content: '';
    width: 52px;
    height: 52px;
}

.each-news_other-news-swiper-button-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' transform='rotate(180 26 26)' fill='%23F6F6F6'/%3E%3Cpath d='M30 33L22 26L30 19' stroke='%23242424'/%3E%3C/svg%3E%0A");
}

.each-news_other-news-swiper-button-next {
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' fill='%23F6F6F6'/%3E%3Cpath d='M22 19L30 26L22 33' stroke='%23242424'/%3E%3C/svg%3E%0A");
}

.each-news_other-news-news-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.each-news_other-news-news-swiper .new__thumb {
    border-radius: 20px;
}


.new__preview__body {
    padding: 30px;
}

.new__thumb {
    flex: 1 0;
    transition: background-size .3s;
}

.new__preview:hover .new__thumb {
    background-size: 110% !important;
    transition: background-size .3s;
}

.new__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 97px;
}

.new__body .new__preview__body {
    flex: 1 0;
    padding: 40px 45px;
}

.new__body .new__show-more {
    margin: 0 0 0 45px;
}

.new__body .editor p {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 0;
}

.new__date {
    width: min-content;
    padding: 10px;
    border-radius: 10px;
    background: rgba(217, 217, 217, 0.24);
    color: #A4A4A4;
    font-size: 14px;
    white-space: nowrap;
}

.new__title {
    color: #242424;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.new__show-more {
    font-weight: 700;
}

footer {
    flex: 0 0 auto;
    position: relative;
}

.footer {
    color: rgba(255, 255, 255, 0.8);
}

.footer a {
    color: rgba(255, 255, 255, 0.8);
}

.footer a:hover {
    color: #FFF;
    text-decoration: underline;
}

.footer a:hover .svg {
    fill: #FFF;
}

.footer a:hover .svg-calc {
    fill: #FFF;
    stroke: #FFF;
    opacity: 1;
}

.footer a:hover .svg-elips {
    stroke: #FFF;
    opacity: 1;
}

.footer .svg {
    fill: rgba(255, 255, 255, 0.8);
    width: 21px;
    height: 21px;
    margin: 0 15px 0 0;
}

.footer .svg-calc,
.footer .svg-elips {
    fill: #fff;
    stroke: #fff;
    opacity: .8;
}

.footer .svg-elips {
    fill: none !important;
}

.footer__top {
    background-color: #243567;
    padding: 70px 0 1px;
}

.footer__bottom {
    background-color: #1d2a52;
}

.footer__bottom .container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    color: #EAF0FF;
    height: 87px;
}

.footer__content {
    display: flex;
    flex-flow: row wrap;
}

.footer__content > * {
    flex: 0 0 23.333%;
    max-width: 23.333%;
    margin: 0 0 70px;
}

.footer__content > *:nth-child(1) {
    flex: 0 0 30%;
    max-width: 30%;
}

.footer__content > *:nth-child(5) {
    flex: 0 0 76.666%;
    max-width: 76.666%;
}

.footer__content > *:nth-child(5),
.footer__content > *:nth-child(6) {
    margin: 0 0 35px;
}

.footer__logo {
    max-width: 100%;
    overflow: hidden;
}

.footer__logo, .footer__contacts {
    line-height: 1.2;
    margin: 0 0 42px;
    text-align: left;
}

.footer__logo:last-child, .footer__contacts:last-child {
    margin: 0;
}

.footer__logo a, .footer__contacts a {
    font-size: 18px;
}

.footer__logo .tel, .footer__contacts .tel {
    font-size: 14px;
    font-weight: 400;
}

.footer__catalog, .footer__nav {
    padding: 10px 0 0;
}

.footer__catalog__title {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin: 0 0 32px;
}

.footer__links li:last-child a, .footer__nav li:last-child a {
    margin: 0;
}

.footer__links li a, .footer__nav li a {
    margin: 0 0 34px;
}

.footer__nav {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.footer__callback {
    display: flex;
    align-items: center;
    margin: 0 0 35px;
}

.footer__callback .svg {
    width: 25px;
    height: 25px;
}

.footer .btn {
    min-width: 0;
    margin: 0 0 73px;
    max-width: 220px;
}

.footer .btn:hover {
    color: #fff;
    text-decoration: none;
}

.footer__social {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.footer__social .svg {
    width: 32px;
    height: 32px;
    margin: 0;
}

.footer__social .svg-vk {
    width: 40px;
}

.footer .editor p {
    color: rgba(255, 255, 255, 0.8);
}

.useful-links {
    display: flex;
    flex-flow: row wrap;
    flex: 1 0;
}

.useful-links li {
    flex: 0 0 30.5%;
    max-width: 30.5%;
}

.useful-links li:nth-child(1), .useful-links li:nth-child(4) {
    flex: 0 0 39%;
    max-width: 39%;
}

.useful-links a {
    display: flex;
    align-items: center;
    margin: 0 0 25px;
}

.privacy-policy {
    color: #EAF0FF;
}

.catalog {
    position: relative;
    overflow: hidden;
    margin: 0 0 0 -18px;
}

.catalog__group {
    float: left;
    margin: 0 0 50px 18px;
}

.catalog__list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -9px;
}

.catalog__list > div {
    padding: 0 9px;
}

.sidebar {
    position: absolute;
    left: 15px;
    top: 0;
    background-color: #fff;
    width: 280px;
    height: 100%;
    overflow: auto;
}

.sidebar--wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 1px 298px;
}

.sidebar__body {
    padding: 40px 60px;
}

.filter__drop {
    margin: 0 0 15px;
}

.filter__drop .drop__body {
    position: relative;
    overflow: hidden;
}

.filter__drop .drop__body a {
    color: #52535A;
    font-weight: 300;
    font-size: 14px;
    padding: 7px 0 7px 15px;
}

.filter__drop .drop__body a:hover {
    color: #3A54A3;
    font-weight: 700;
}

.filter__button {
    display: flex;
    align-items: center;
    color: #52535A;
    font-weight: 500;
    transition: all .3s;
    padding: 0 0 10px;
}

.filter__button .svg {
    width: 11px;
    height: 11px;
    fill: #52535A;
    margin: 0 0 0 5px;
}

.filter__button:hover,
.drop-open .filter__button {
    color: #3A54A3;
}

.filter__button:hover .svg,
.drop-open .filter__button .svg {
    fill: #3A54A3;
}

.drop-open .filter__button {
    text-shadow: 0 0 0 #3A54A3, 0 0 0 #3A54A3, 0 0 0 #3A54A3, 0 0 0 #3A54A3, 0 0 0 #3A54A3;
}

.drop-open .filter__button .svg {
    transform: rotate(-180deg);
}

.category__info {
    max-width: 100%;
    margin-bottom: 70px;
    line-height: 2em;
}

.product__item {
    position: relative;
    overflow: hidden;
    max-width: 180px;
    max-height: 180px;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 180px;
    margin: 0 0 20px;
    transition: all .3s;
    transform: translateY(0);
    text-transform: uppercase;
    font-size: 14px;
}

.product__item:hover {
    transform: translateY(-10px);
}

.product__item:hover .product__item__title {
    background-color: #BE2A34;
}

.product__item__preview {
    max-width: 180px;
}

.product__item__title {
    background-color: #3A54A3;
    transition: all .3s;
    text-align: center;
    position: relative;
    padding: 8px;
    display: block;
    width: 100%;
    color: #fff;
}

.float-left {
    float: left;
}

.product__filter {
    display: flex;
    flex-flow: row wrap;
    margin: 20px;
}

.product__filter .product__item {
    margin: 0 20px 0 0;
}

.product__filter .product__item:hover {
    transform: translateY(0);
}

.product__filter__body {
    flex: 1 0;
    margin: 0 -10px;
    display: flex;
    flex-flow: row wrap;
}

.product__filter__body > div {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 10px;
}

.product__filter__body > div:first-child {
    flex: 0 0 40%;
    max-width: 40%;
}

.product__filter__box {
    background-color: #fff;
    height: 100%;
    position: relative;
}

.product__filter__title {
    color: #FFF;
    text-align: center;
    font-weight: 500;
    background-color: #3A54A3;
    padding: 8px 0;
}

.product__filter__list {
    padding: 20px 15px 30px 15px;

    flex-flow: row wrap;
    background: #fff;
    margin-bottom: 10px;
}

.product__filter__list > div.full {
    display: inline;
}

.product__search {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 35px;
}

.product__search .product__item {
    margin: 0 20px 0 0;
    max-width: 180px;
}

.product__search .product__item:hover {
    transform: translateY(0);
}

.product__search__title {
    flex: 1 0;
    max-width: 100%;
}

.product__search__title .title {
    color: #3A54A3;
    margin-bottom: 15px;
}

.product__search__title .title:hover {
    color: #BE2A34;
}

.product__search__title__text {
    font-weight: 300;
}

.product__search__description {
    margin: 30px 0 0;
    flex: 0 0 100%;
}

.product__search__description p {
    line-height: 1.6;
    border-top: 1px solid #E3E3E3;
    padding: 20px 45% 20px 0;
    font-weight: 300;
    margin: 0;
}

.product__advantage__list {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    text-align: center;
    margin-bottom: 55px;
}

.product__advantage__list > div {
    flex: 0 0 25%;
    max-width: 25%;
}

.product__advantage .thumb {
    margin-bottom: 15px;
}

.product__advantage .svg {
    width: 70px;
    height: 35px;
    fill: #3A54A3;
}

.product__advantage .svg-discount-symbol {
    width: 30px;
}

.filter {
    padding: 5px 10px;
    margin: 0;
    font-size: 15px;
    transition: .3s;
    cursor: pointer;
    display: inline-block;
    line-height: 1.4;
    user-select: none;
    background: transparent url(../img/svg/close-button.svg) no-repeat center right 5px/0;
    min-width: 105px;
    border: 1px solid #ddd;
    padding-right: 22px;
}

.filter:hover {
    background: #EAF0FF url(../img/svg/close-button.svg) no-repeat center right 5px/0;
}

.filter.filter--active {
    background: #EAF0FF url(../img/svg/close-button.svg) no-repeat center right 5px/10px;
}

.btn--remove-all-filter {
    display: flex;
    font-weight: 700;
    color: #3A54A3;
    transition: all .3s;
    cursor: pointer;
    font-size: 12px;
    margin: 0 0 25px;
}

.btn--remove-all-filter .svg {
    width: 10px;
    height: 10px;
    margin: 0 10px 0 0;
    fill: #3A54A3;
}

.btn--remove-all-filter:hover {
    color: #BE2A34;
}

.btn--remove-all-filter:hover .svg {
    fill: #BE2A34;
}

.show-all-filter {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #3A54A3;
    transition: all .3s;
    cursor: pointer;
    font-size: 12px;
    position: absolute;
    bottom: 13px;
    height: 35px;
    bottom: 0;
    background-color: #fff;
    left: 0;
}

.show-all-filter .svg {
    width: 8px;
    height: 8px;
    margin: 0px 0 0 5px;
    fill: #3A54A3;
}

.show-all-filter:hover {
    color: #BE2A34;
}

.show-all-filter:hover .svg {
    fill: #BE2A34;
}

.order {
    margin-bottom: 55px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    width: 100%;
}

.order__info {
    flex: 0 0 50%;
    max-width: 50%;
}

.order__info__title {
    font-size: 14px;
    background-color: #3A54A3;
    padding: 18px 0;
    text-align: center;
    color: #fff;
}

.order__info__body {
    background-color: #fff;
    padding: 20px;
}

.order__info__list {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px 20px;
}

.order__info__list:last-child {
    margin-bottom: 0;
}

.order__info__list > div {
    padding: 0 10px;
    flex: 0 0 50%;
    max-width: 50%;
}

.order__info__list > div.full {
    flex: 0 0 100%;
    max-width: 100%;
}

.order__advantage {
    flex: 0 0 50%;
    max-width: 50%;
}

.order__advantage__item {
    margin-bottom: 60px;
}

.order__advantage__thumb {
    margin-bottom: 25px;
}

.order__advantage__description {
    line-height: 1.4;
    color: #52535A;
    max-width: 250px;
    margin: 0 auto;
    text-align: center;
}

.input__group {
    position: relative;
    display: block;
    margin: 0 0 15px;
}

.input__title {
    font-size: 14px;
    margin-bottom: 5px;
    color: #52535A;
    padding: 0px 0px 8px 0px;
    line-height: 25px;
}

.input__default {
    border: 1px solid #E3E3E3;
    border-radius: 1px;
    height: 30px;
    background-color: transparent;
    font-size: 12px;
    color: #000000;
    -text-indent: 15px;
    padding: 5px;
    font-style: italic;
    min-width: 0;
    display: block;
    width: 100%;
}

textarea.input__default {
    padding-top: 7px;
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
    font-size: 13px;
}

.select {
    border: 1px solid #E3E3E3;
    border-radius: 1px;
    position: relative;
    background-color: transparent;
    font-size: 12px;
    font-style: italic;
    min-width: 0;
    width: 100%;
}

.select__title {
    display: flex;
}

.select input {
    height: 30px;
    flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    text-indent: 15px;
    color: #C4C4C4;
    font-style: italic;
}

.select .button {
    flex: 1 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.select .button span {
    padding-left: 15px;
    flex: 1 0;
}

.select .button .svg {
    width: 10px;
    flex: 0 0 10px;
    margin: 0 10px;
    height: 10px;
    fill: #52535A;
}

.select .button:hover .svg {
    fill: #3A54A3;
}

.select ul {
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    top: 100%;
    left: -1px;
    max-height: 0;
    overflow: auto;
    z-index: 999;
    background-color: #fff;
}

.select ul li {
    padding: 10px;
    border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    cursor: pointer;
    color: #52535A;
}

.select ul li:first-child {
    border-top: 1px solid #E3E3E3;
}

.drop-open .button .svg {
    transform: rotate(-180deg);
    fill: #3A54A3;
}

.required .input__title::after {
    display: inline-block;
    content: '*';
    margin: 0 0 0 5px;
    color: #BE2A34;
}

.table--wrapper {
    position: relative;
    overflow: auto;
    width: 100%;
}

.table--order {
    width: 100%;
    margin-bottom: 55px;
    background-color: #fff;
    line-height: 1rem;
}

.table--order td, .table--order th {
    padding: 2px 5px;
    vertical-align: middle;
    text-align: center;
}

.table--order th {
    background-color: #3A54A3;
    height: 50px;
    color: #fff;
}

.table--order td {
    height: 60px;
    border-bottom: 1px solid #E3E3E3;
}

.table--order td:last-child {
    width: 100px;
}

.product_available-marker {
    display: flex;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #8AD45C;
    margin: 0 auto;
}

.table--order .btn--add-to-cart {
    cursor: pointer;
    font-weight: 700;
    color: #BE2A34;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}

.table--order .btn--add-to-cart :where(img, svg) {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.table--order .btn--add-to-cart .svg {
    width: 20px;
    height: 20px;
    fill: #BE2A34;
    margin: 0 10px 0 0;
}

.table--order .btn--add-to-cart:hover {
    color: #3A54A3;
}

.table--order .btn--add-to-cart:hover .svg {
    fill: #3A54A3;
}

.table--order .btn--remove {
    cursor: pointer;
}

.table--order .btn--remove .svg {
    width: 12px;
    height: 12px;
    fill: #787878;
}

.table--order .btn--remove:hover .svg {
    fill: #BE2A34;
}

.table--replace {
    background-color: #fff;
    width: 100%;
}

.table--replace--wrapper {
    max-height: 0;
}

.table--replace--wrapper.table-open {
    max-height: 100%;
}

.table--replace td, .table--replace th {
    vertical-align: middle;
    text-align: center;
    color: #52535A;
}

.table--replace th {
    padding: 2px 5px;
    background-color: #EAF0FF;
    height: 30px;
    font-size: 12px;
    font-weight: 300;
}

.table--replace td {
    padding: 20px 10px;
    height: 75px;
    border-bottom: 1px solid #E3E3E3;
    font-weight: 700;
    vertical-align: top;
}

.table--replace td b {
    display: block;
    width: 100%;
    margin-bottom: 7px;
}

.table--replace td:last-child {
    font-size: 12px;
}

#col1 {
    width: 10%; /* Ширина первой колонки */
}

#col2 {
    width: 10%; /* Ширина второй колонки */
}

#col3 {
    width: 30%; /* Ширина третьей колонки */
}

#col4 {
    width: 60%; /* Ширина третьей колонки */
}

.banner {
    margin: 20px 0 0;
}

.box {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px 30px;
}

.box > div {
    padding: 0 10px;
    margin-bottom: 35px;
}

.box > div:nth-child(odd) {
    flex: 0 0 60%;
    max-width: 60%;
}

.box > div:nth-child(even) {
    flex: 0 0 40%;
    max-width: 40%;
}

.box__ico {
    flex: 0 0 100px;
    max-width: 100px;
}

.box__advantage {
    padding: 50px 30px;
}

.box__advantage li {
    display: flex;
    align-items: center;
    line-height: 1.4;
    margin-bottom: 30px;
    font-size: 16px;
}

.box__advantage li:last-child {
    margin-bottom: 0;
}

.box__text-info {
    background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 15px;
    height: 100%;
}

.box__text-info .title {
    font-size: 18px;
    color: #3A54A3;
    margin-bottom: 50px;
    font-weight: 700;
    max-width: 250px;
    text-align: center;
    line-height: 1.8;
    text-transform: none;
}

.box .svg {
    height: 55px;
    width: 40px;
    fill: #fff;
}

.box .editor {
    max-width: 580px;
}

.box .s-blue li {
    color: #fff;
}

.box .s-red {
    background-color: #BE2A34;
}

.box .s-red .title {
    color: #fff;
    text-align: left;
    max-width: 370px;
}

.box .s-red .btn {
    font-weight: 700;
}

.box .s-white .svg {
    width: 50px;
    fill: #BE2A34;
}

.box .s-white .svg-delivery {
    width: 60px;
    height: 30px;
}

.contacts {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px 55px;
}

.contacts > div > .contacts__card > .editor {
    text-align: left;
}

.contacts > div {
    padding: 0 10px;
    flex: 0 0 25%;
    max-width: 25%;
}

.contacts__card {
    display: flex;
    height: 100%;
    background-color: #fff;
    padding: 30px 20px;
}

.contacts__card .editor {
    line-height: 1.2;
    color: #52535A;
}

.contacts__card .editor p {
    margin-bottom: 15px;
}

.contacts__card .editor p:last-child {
    margin-bottom: 0;
}

.contacts__card .editor a {
    color: #52535A;
    font-weight: 400;
}

.contacts__card.s-blue .editor p, .contacts__card.s-red .editor p {
    color: #EEEEEE;
}

.contacts__card.s-blue .editor p a, .contacts__card.s-red .editor p a {
    color: #EEEEEE;
}

#map {
    height: 80vh;
    max-height: 700px;
    min-height: 620px;
    margin-bottom: 55px;
}

#map .gm-style-iw {
    background-color: #FFF;
    padding: 10px 15px;
    overflow: visible !important;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

#map .gm-style-iw::after {
    right: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 0 20px 13px 0;
    margin-top: 0;
}

#map .iw-content p {
    color: #52535A;
}

#map .iw-subTitle {
    color: white;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}

.contact-us {
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
}

.contact-us .contacts__card {
    display: block;
}

.contact-us .contacts__card:nth-child(1) {
    float: left;
    width: 32.48%;
    margin-bottom: 20px;
    padding: 25px 15px 25px 35px;
}

.contact-us .contacts__card:nth-child(2) {
    float: right;
    width: 66%;
    padding: 0;
    min-height: 564px;
}

.contact-us .contacts__card:nth-child(3) {
    float: left;
    width: 32.48%;
    padding: 25px 15px 25px 35px;
}

.contact-us .title--medium {
    color: #FFF;
    background-color: #3A54A3;
    flex: 0 0 100%;
    margin: 0;
    text-align: center;
    padding: 10px 0 12px;
}

.contact-us .contacts__card {
    background-color: #fff;
}

.contact-us .contacts__body {
    padding: 50px 30px;
    max-width: 640px;
    margin: 0 auto;
}

.contact-us .contacts__body .btn--wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.contact-us .contacts__body .btn {
    margin: 0;
}

.input--file {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.input--file .svg {
    fill: #52535A;
    width: 18px;
    height: 18px;
    margin: 0 10px 0 0;
}

.input--file__wrap {
    position: relative;
    overflow: hidden;
}

.input--file input {
    /*  margin: 0 0 0 -115px;   */
}

.ajax-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 500;
    height: 50px;
    color: #3A54A3;
    text-transform: uppercase;
    background-color: #EAF0FF;
    cursor: pointer;
    -margin-bottom: 55px;
    transition: all .3s;
}

.ajax-btn .svg {
    width: 12px;
    height: 12px;
    fill: #3A54A3;
    margin: -2px 0 0 5px;
}

.ajax-btn:hover {
    color: #BE2A34;
}

.ajax-btn:hover .svg {
    fill: #BE2A34;
}

.no-m {
    margin: 0 !important;
}

.replace {
    display: flex;
    height: 65px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 0 15px;
}

.replace strong {
    margin: 0 0 0 5px;
}

.replace .btn--see {
    margin: 0 0 0 30px;
    display: flex;
    align-items: center;
    color: #3A54A3;
    font-weight: 700;
    cursor: pointer;
}

.replace .btn--see .svg {
    width: 12px;
    height: 12px;
    fill: #3A54A3;
    margin: 2px 0 0 5px;
}

.replace .btn--see.table-open .svg {
    transform: rotate(-180deg);
}

.replace + .table--wrapper {
    margin-bottom: 55px;
}

.modal {
    width: 100%;
    max-width: 100vw;
    padding: 0;
    z-index: 999;
}

.modal__close {
    padding: 3px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.modal__title {
    text-align: center;
    font-size: 18px;
    color: #52535A;
    font-weight: 700;
    padding: 15px 0;
}

.modal__body {
    height: 90%;
    padding: 0 30px;
    margin-bottom: 30px;
}

.modal__footer {
    background-color: #3A54A3;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal .svg-close-button {
    width: 15px;
    height: 15px;
    fill: #E3E3E3;
}

.modal .svg-close-button:hover {
    fill: #BE2A34;
}

.checkbox-remover {
    color: #fff;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: all .3s;
    cursor: pointer;
}

.checkbox-remover:hover {
    color: #BE2A34;
}

.checkbox-remover:hover .svg {
    fill: #BE2A34;
}

.checkbox-remover .svg {
    width: 12px;
    height: 12px;
    margin: 0 5px 0 0;
}

.checkbox__list {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    max-height: 50vh;
    overflow: auto;
}

.checkbox__list > div {
    flex: 1 0 180px;
    max-width: 100%;
}

.checkbox__list.checkbox__list_sizes > div {
    flex: 0 0 33%;
}

.checkbox__list .checkbox {
    margin-bottom: 15px;
}

#modal-callback {
    max-width: 380px;
}

#modal-callback .checkbox {
    letter-spacing: -0.04em;
    margin: 0 0 40px;
}

#modal-send-application,
#modal-calc {
    max-width: 500px;
     height:70%;
}

#modal-price {
    max-width: 700px;
    height:70%;
}

#modal-thanks {
    max-width: 380px;
    height:380px;
}

#modal-thanks .modal__title {
    padding-top: 65px;
}

#modal-thanks .editor p {
    line-height: 1.8;
    text-align: center;
    max-width: 90%;
    margin: 0 auto 60px;
}

#modal-thanks .btn {
    width: 70px;
    margin: 0 auto;
}

.video {
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
}

.video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.safari .achievements__nav {
    color: #fff;
    -webkit-text-fill-color: #fff;
    background: transparent;
}

@-moz-document url-prefix() {
    .input--file input {
        margin: 0 0 0 -70px;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body {
        display: block;
    }

    .wrapper {
        padding-top: 145px;
    }

    main.content {
        padding-top: 0;
    }

    textarea.input__default {
        overflow: hidden;
    }

    .video video {
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
    }

    .header__contact .drop__body {
        overflow: hidden;
    }

    .new__body .new__preview__body {
        min-height: 400px;
    }

    .title--group__body {
        display: block;
    }

    .title--catalog .useful-links {
        margin: 0 0 10px;
    }
}

@media only screen and (max-width: 1440px) {
    .first-slide__description {
        max-width: 40%;
    }

    .editor {
        padding-bottom: 15px;
    }

    .first-slide__body {
        justify-content: space-between;
    }

    .first-slide__description h2, .first-slide__description h1 {
        font-size: 1.6rem;
    }

    .first-slide__body {
    }
}

/*==========  Desktop First  ==========*/
/* Large Devices, Wide Screens */
/* @media only screen and (max-width: 1900px) {
    .download {
        visibility: hidden;
    }

    .new__body {
        margin: 0 0 0 0px;
        padding: 0 0 15px;
        height: 280px;
    }

    .new__body .new__preview__body {
        padding: 20px 15px;
    }

    .new__body .new__show-more {
        margin: 0 0 0 15px;
    }
} */



/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    .download {
        visibility: hidden;
    }

    .first-slide__body {
    }

    .header__content > div:nth-child(2) {
        display: none;
    }

    .header__content > div:nth-child(3) {
        flex: 1 0 230px;
        max-width: 205px;
        order: 2;
    }

    .header__content > div:nth-child(6) {
        flex: 1 0 300px;
        max-width: 300px;
    }

    .footer__content {
        justify-content: space-between;
    }

    .footer__content > *:nth-child(2) {
        display: none;
    }

    .footer__content > *:nth-child(1) {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .footer__content > *:nth-child(3), .footer__content > *:nth-child(4) {
        flex: 0 0 27.5%;
        max-width: 27.5%;
    }

    .title--big {
        font-size: 45px;
        margin-bottom: 50px;
    }

    .achievements__section {
        padding: 150px 0;
    }

    .achievements__nav {
        font-size: 45px;
    }

    .delivery-pay__info {
        padding: 50px 15px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .delivery-pay__thumb {
        display: none;
    }

    .partners__section {
        padding: 50px 0;
    }

    .partners .title {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .news__section {
        padding: 50px 15px;
    }

    /*.new__preview {
max-width: 250px; }*/
    .new__show-more {
        text-align: right;
        margin: 0 15px 0 0 !important;
    }

    .order__info {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .order__advantage {
        flex: 0 0 35%;
        max-width: 35%;
    }
}

/**/
/* Medium Devices, Desktops */
@media only screen and (max-width: 1024px) {
    .download {
        visibility: hidden;
    }
.editor {
    width: 60%;
}
    .first-slide__title {
        font-size: 32px;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    }

    .first-slide__description {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
    flex-direction: column;
    align-items: flex-end;
    }

    .first-slide__description h3 span, .first-slide__description h3 strong, .first-slide__description h3 b, .custom-p b {
        font-size: 42px;
    }

    .first-slide__description .editor p {
        font-size: 18px;
        max-width: 600px;
        line-height: 18px;
    }

    .head-ticket-wrap {
        visibility: hidden;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    .header__content > div:nth-child(4) {
        flex: 1 0 145px;
        max-width: 145px;
    }

    .header__content > div:nth-child(5) {
        flex: 1 0 100%;
        max-width: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        padding: 0;
        max-height: 0;
        overflow: auto;
        transition: all .3s;
    }

    .menu-open .header__content > div:nth-child(5) {
        max-height: 100vh;
    }

    .header__content > div:nth-child(6) {
        flex: 1 0 100%;
        max-width: 100%;
    }

    .header__menu {
        padding: 0 15px;
        background-color: #fff;
        position: relative;
    }

    .header__menu li {
        flex: 1 0 100%;
        max-width: 100%;
    }

    .header__menu a {
        margin-bottom: 15px;
    }

    .header__toggle-menu {
        display: block;
        order: 4;
    }

    .header.home {
        background-color: rgb(243 243 243 / 20%);
    }

    .sidebar {
        display: block;
        width: 100%;
        position: relative;
        left: 0;
    }

    .sidebar__body {
        padding: 30px 15px 0 15px;
    }

    .sidebar--wrapper {
        padding: 0;
    }

    .our-advantage__section {
        padding: 50px 0;
    }

    .our-advantage__thumb img {
        max-height: 300px;
    }

    .achievements__section {
        padding: 10px 0 65px;
    }

    .achievements__nav {
        font-size: 45px;
    }

    .achievements__description {
        padding: 60px 0 0 0;
    }

    .contacts {
        margin-bottom: 0;
    }

    .contacts > div {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }

    .contact-us {
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 30px;
    }

    .contact-us .contacts__card:nth-child(2) {
        float: none;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        order: 1;
        min-height: 0;
    }

    .contact-us .contacts__card:nth-child(1) {
        float: none;
        width: 48%;
        flex: 0 0 48%;
        max-width: 48%;
    }

    .contact-us .contacts__card:nth-child(3) {
        float: none;
        width: 50%;
        flex: 1 0;
        max-width: 50%;
        margin: 0 0 0 20px;
    }
}

/**/
@media only screen and (min-width: 768px) {
    .playbut {
        display: none;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    /* .wrapper {
    background-color: #111;
}*/.editor {
    width: 60%;
}
    .first-slide__title {
        font-size: 32px;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    }
    .download {
        visibility: visible;
        margin-left: 20px;
    }

    .download img {
        max-width: 80%;
    }

    .diplom {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .diplom a {
        width: 49%;
        float: left;
    }

    .first-slide__body {
        padding-bottom: 50px;
    }

    .first-slide__title {
        margin: 0;
    }

    .first-slide__description .prosto {
        height: 100%;
    }

    .first-slide__description .prosto img {
        margin-top: auto;
    }

    table {
        font-size: 10px;
    }

    .header__content {
        padding: 5px 0;
    }

    .video {
        position: absolute;
        left: 0;
        z-index: 1;
        top: 160px;
        max-width: 100%;
        height: 47%;
    }

    .callback {
        display: none;
    }

    .header__content > div {
        padding: 0 0 16px 0;
    }

    .header__content > div:nth-child(1) {
        flex: 1 0 50px;
        max-width: 50px;
    }

    .header.home {
        background-color: transparent;
    }

    .header.home .logo__home {
        display: none;
    }

    main.content {
        padding-top: 115px;
    }

    .cart--show main.content {
        padding-bottom: 50px;
    }

    .logo__img, .logo__text {
        display: none;
    }

    .logo__mobile {
        display: block;
    }

    .footer__top {
        padding: 45px 0 1px;
    }

    .footer__content {
        justify-content: space-between;
    }

    .footer__content > * {
        margin-bottom: 30px;
    }

    .footer__content > *:nth-child(3), .footer__content > *:nth-child(6), .footer__content > *:nth-child(5) {
        display: none;
    }

    .footer__content > *:nth-child(4) {
        flex: 1 0 40%;
        max-width: 40%;
    }

    .title--catalog {
        align-content: center;
    }

    .title--catalog .title--group__body {
        flex-flow: row wrap;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .title--catalog .title--group__body .svg {
        margin: -2px 5px 0 0;
    }

    .title--catalog .useful-links {
        margin: 10px 15px 0 0 !important;
    }

    .title--big {
        font-size: 35px;
        margin-bottom: 30px;
    }

    .first-slide {
        /* height: auto;*/
        padding: 250px 0 400px;
    }

    .first-slide__title, .first-slide__description {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
    flex-direction: column;
    align-items: flex-end;
    }

    .first-slide__title {
        padding: 0;
        margin: 0 0 15px;
    }

    .type__list {
        flex-flow: row wrap;
    }

    .type__list > div:nth-child(1), .type__list > div:nth-child(2), .type__list > div:nth-child(3), .type__list > div:nth-child(4) {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .type__list > div:nth-child(5), .type__list > div:nth-child(6), .type__list > div:nth-child(7) {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .our-advantage__thumb img {
        max-height: 200px;
    }

    .achievements {
        margin: 0;
    }

    .achievements::before {
        content: none;
    }

    .achievements__section {
        padding: 10px 0 65px;
    }

    .achievements__nav {
        position: relative;
        width: 100%;
        left: 0 !important;
        bottom: auto;
        background: linear-gradient(90deg, #6883d4 28.46%, #d66d74 72.16%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 900;
    }

    .achievements__nav::after {
        content: none !important;
    }

    .achievements__nav span {
        -webkit-text-fill-color: #fff;
        margin-top: 15px;
        font-weight: 300;
    }

    .achievements__description {
        display: block !important;
        padding: 15px 0 45px;
        font-size: 16px;
    }

    .delivery-pay__list {
        margin-bottom: 30px;
    }

    .delivery-pay__list li {
        line-height: 1.2;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .delivery-pay__info__body .btn--wrap {
        flex-flow: row wrap;
    }

    .delivery-pay__info__body .btn {
        margin: 0 10px 15px;
        max-width: 100%;
    }

    .partners__list,
    .partners .we {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .partners .we {
        margin-bottom: 50px;
    }

    .new {
        align-items: flex-start;
    }

    .new .editor p {
        font-size: 16px;
    }

    .search--group .title {
        margin: 0 0 10px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .search--group .title--group__body {
        padding: 0;
    }

    .search--group .search {
        width: 100%;
        max-width: 420px;
        margin: 0 20px 0 0;
    }

    .order__info, .order__advantage {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order__info {
        margin-bottom: 50px;
    }

    .order__advantage__list > div {
        display: none;
    }

    .order__advantage__list > div.btn--wrap {
        display: block;
    }

    .box__text-info .title {
        font-size: 14px;
    }

    .s-cart {
        height: 50px;
    }

    .s-cart .btn {
        height: 35px;
    }

    .product__filter {
        margin: 0 0 20px;
    }

    .product__filter__body {
        flex: 1 0 100%;
        max-width: 100%;
        margin: 0;
    }

    .product__filter__body > div:first-child {
        padding-left: 0;
    }

    .product__filter__body > div:last-child {
        padding-right: 0;
    }

    .product__filter .product__item {
        margin: 0 0 20px;
    }

    .replace + .table--wrapper {
        margin-bottom: 20px;
    }

    .js-table {
        background-color: transparent;
    }

    .js-table thead {
        display: none !important;
    }

    .js-table td {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        align-content: center;
        justify-content: flex-start;
        border-bottom: 1px dotted #ccc;
        background-color: #fff;
        padding: 0 15px 0 50%;
        position: relative;
        font-weight: 400;
    }

    .js-table td::before {
        content: attr(data-name);
        display: block;
        position: absolute;
        font-weight: 700;
        margin-right: auto;
        font-size: 16px;
        max-width: 45%;
        left: 15px;
        text-align: left;
    }

    .js-table td:last-child {
        margin: 0 0 30px;
        width: 100%;
    }

    .js-table td b {
        text-align: left;
        font-weight: 400;
    }

    .js-table .massa {
        margin: 0;
    }

    .first-slide__body {
    }

    .type__thumb .svg {
        margin-bottom: 0px;
        width: 30px;
        height: 40px;
    }

    .news > div {
        flex: 0 0 100%;
        max-width: 90%;
        padding: 0 15px;
    }

    .news {
        display: flex;
        margin: 0 -15px;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .editor {
        position: relative;
        line-height: 1.5;
        padding-bottom: 10px;
        float: left;
        width: 74%;
        text-align: left;
    }

    .first-slide__description h1, h2 {
        color: #fff;
        font-size: 30px;
        margin-top: 52px;
    }
}

/**/
/* Extra Small Devices, Phones */
@media only screen and (max-width: 600px) {
    .head-ticket-wrap {
        position: absolute;
        float: left;
        left: 10px;
        top: 200px;
        max-width: 100%;
        opacity: 0.6;
        cursor: pointer;
    }

    .head-ticket-wrap .head-ticket {
        width: 360px;
        height: 200px;
        position: relative;
    }

    .our-advantage__thumb img {
        display: none;
    }

    .news > div {
        margin-bottom: 16px;
    }

    .new__preview {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .new__body {
        margin: 0;
        padding: 0 0 15px;
    }

    .product__search__description p {
        padding: 20px 0;
    }

    .box > div {
        margin-bottom: 15px;
    }

    .first-slide__description .editor p {
        font-size: 14px;
        max-width: 600px;
    }

    .first-slide__body {
    }

    .box > div:nth-child(odd), .box > div:nth-child(even) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box__advantage {
        padding: 30px 15px;
    }

    .box__ico {
        flex: 0 0 70px;
        max-width: 70px;
    }

    .contacts > div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #map {
        margin-bottom: 30px;
    }

    .contact-us .contacts__card:nth-child(1), .contact-us .contacts__card:nth-child(3) {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 20px;
    }

    .product__filter {
        margin: 0;
    }

    .product__filter__body > div {
        margin-bottom: 20px;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .product__filter__body > div:first-child {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .product__filter__body > div:nth-child(2) {
        padding-left: 0;
    }

    .category__info {
        margin-bottom: 30px;
    }
}

/**/
/* Extra Small Devices, Phones */
@media only screen and (max-width: 550px) {
    .first-slide__body {
        margin-top: 20%;
    }

    .title--big {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .header__content > div:nth-child(3) {
        flex: 1 0 180px;
        max-width: 180px;
    }

    .header__content > div:nth-child(4) {
        display: none;
    }

    .header__contact .svg-phone {
        display: none;
    }

    .header__tel {
        font-size: 17px;
        margin: 0 0 2px;
    }

    .header__email {
        justify-content: flex-end;
        padding-right: 20px;
    }

    .header__email .svg {
        display: none;
    }

    main.content {
        padding-top: 108px;
    }

    .footer__logo, .footer__contacts {
        margin: 0 0 20px;
    }

    .footer__logo img {
        width: 290px;
    }

    .footer__content {
        justify-content: space-between;
    }

    .footer__content > * {
        margin-bottom: 20px;
    }

    .footer__content > *:nth-child(1), .footer__content > *:nth-child(4) {
        flex: 1 0 100%;
        max-width: 100%;
    }

    .footer__callback {
        margin: 0 0 20px;
    }

    .footer__social {
        justify-content: space-around;
    }

    .footer .btn {
        margin: 0 auto 30px;
    }

    .partners__list > div {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .order__info {
        margin-bottom: 50px;
    }

    .order__info__list > div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .replace {
        flex-flow: row wrap;
        align-content: center;
    }

    .replace .btn--see {
        margin: 10px 0 0;
        flex: 1 0 100%;
        justify-content: center;
    }

    .modal__title {
        padding: 5px 0;
    }

    .fancybox-content {
        padding: 15px;
    }

    .first-slide__title, .first-slide__description {
        flex: 0 0 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .first-slide__description h2, .first-slide__description h1 {
        color: #fff;
        font-size: 17px;
    }

    .editor {
        position: relative;
        line-height: 1.5;
        padding-bottom: 10px;
        float: left;
        width: 74%;
        text-align: right;
    }

    .prosto {
        margin: 0px -12px 0px 0;
        /*margin: 80px -12px 0px 0;*/
    }

    .prosto img {
        width: 140px;
        /*max-width: 220px;*/
    }
}

/**/
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .first-slide {
        padding: 180px 0 320px;
        background-position: 46%;
    }

    .first-slide__title {
        font-size: 20px;
    }

    .first-slide__description h3, .custom-p {
        font-size: 14px;
    }

    .first-slide__description h3 span, .first-slide__description h3 strong, .first-slide__description h3 b, .custom-p b {
        font-size: 20px;
        margin: 0 10px;
    }

    .type__list {
        bottom: 10px;
    }

    .type {
        height: 80px;
    }

    .type__title {
        font-size: 13px;
        min-height: 26px;
    }

    .catalog__list > div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .product__item {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: 100%;
    }

    .cart__quantity {
        margin: 0 10px 0 0;
    }

    .cart__quantity .svg {
        margin: -8px 10px 0 0 !important;
        width: 25px !important;
        height: 25px !important;
    }

    .product__filter__body > div {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .product__advantage__list {
        margin-bottom: 20px;
    }

    .product__advantage__list > div {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }

    .js-table td {
        padding: 10px 15px;
        height: auto;
    }

    .js-table td::before {
        position: relative;
        left: auto;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .js-table .btn--remove {
        margin: -5px auto 0;
    }
}

.we__description.editor > * {
    color: #fff;
}

/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
/**/
/* Extra Small Devices, Phones */
/**/
/* Small Devices, Tablets */
/**/
/* Medium Devices, Desktops */
/**/
/* Large Devices, Wide Screens */
/**/
.hidden {
    display: none;
}

.margin-content {
    margin-bottom: 40px;
}

#mse2_results {
    margin: 0 !important;
}

#mse2_mfilter .btn_more {
    width: 100% !important;
}

.btn_more_container td {
    padding: 0;
    border: none;
    height: auto;
}

svg.svg.svg-cart {
    width: 20px;
    height: 20px;
    fill: #be2a34;
    margin: 0 10px 0 0;
}

button.btn.btn--border.btn--add-to-cart {
    cursor: pointer;
    font-weight: 700;
    color: #be2a34;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    /* padding-left: 10px; */
}

#msCart th, #msCart td {
    line-height: 16px !important;
}

.product__filter__list input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}

.product__filter__list {
    max-height: 100%;
    overflow: hidden;
}

.checkboxModal.active .checkbox__title::before, .radioModal.active .radio__title::before {
    background-color: transparent;
    border: 1px solid #E3E3E3;
    height: 16px;
    width: 16px;
    left: 0;
    top: 0;
}

.checkboxModal.active .checkbox__title::after {
    border-bottom: 2px solid #BE2A34;
    border-left: 2px solid #BE2A34;
    transform: rotate(-50deg);
    height: 7px;
    width: 14px;
    left: 3px;
    top: 2px;
    opacity: 1;
}

input.error {
    border-color: brown;
}

.fancybox-content img {
    margin-bottom: 15px;
    max-width: 100%;
}

.fancybox-content {
    background-color: #fff;
}

.fancybox-slide--iframe .fancybox-content {
    -background-color: transparent !important;
    max-width: 1000px;
    width: 100%;
    max-height: 840px;
}

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
    top: -9px !important;
    right: -9px !important;
    color: #E3E3E3 !important;
}

.fancybox-slide--iframe .fancybox-close-small:hover, .fancybox-slide--image .fancybox-close-small:hover, .fancybox-slide--video .fancybox-close-small:hover, .fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
    color: #BE2A34 !important;
}

.ajax_form .error + .checkbox__title::before {
    border-color: brown;
}

.video_bg {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    right: 0;
    bottom: 0;
}

.gm-style-iw div > p {
    margin-bottom: 10px;
}

.gm-style-iw div > p:last-child {
    margin-bottom: 0;
}

.we__description a {
    color: white;
}

.we__description a:hover {
    color: white;
    text-decoration: underline;
}

.printTable {
    color: #fff !important;
    text-transform: uppercase;
    max-width: 250px;
    margin: 0 auto;
}

.printTable:hover {
    text-decoration: none !important;
}

button {
    outline: none;
}

.text {
    display: block;
    height: 0px;
    outline: none;
    overflow: hidden;
}

.text:focus, button:focus ~ .text {
    height: auto;
}

.our-advantage__description button {
    color: #3a54a3;
}

.product-card__main {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.product-card__main-preview {
    flex: 0 1 28%;
    border-radius: 6px;
    background: #FFFFFF;
}

.product-card__main-prices {
    flex: 1 1 auto;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-card__main-characteristics {
    flex: 0 1 28%;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 20px;
}

.product-card__main-preview img {
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}

.product-prices__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
}

.product-prices__actions button {
    flex: 1 1 auto;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    max-width: 50%;
    border-radius: 4px;
    transition: all 0.3s ease 0s;
}

.product-prices__actions .add-baset-btn {
    background: #BE2B34;
}

.product-prices__actions .add-baset-btn:hover {
    background: #3A55A2;
}

.product-prices__actions .order-btn {
    background: #3A55A2;
}

.product-prices__actions .order-btn:hover {
    background: #BE2B34;
}

.product-prices__top {
    display: flex;
    flex-direction: column;
}

.product-prices__top div {
    display: flex;
}

.product-prices__top div:not(:first-child) {
    margin-top: 20px;
}

.product-prices__top div span:first-child {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    display: block;
    width: 30%;
    margin-top: 3px;
}

.product-prices__top div span:last-child {
    color: #000;
    font-size: 20px;
    line-height: 24px;
    display: block;
    font-weight: 600;
}

.product-card__main-characteristics h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #000;
}

.product-card__main-characteristics p {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    margin-top: 20px;
}

.product-tabs input[type="radio"] {
    display: none;
}

.product-tabs .product-tabs__content-item {
    display: none;
}

.product-tab__wrapper {
    background: #FFFFFF;
    border-radius: 6px;
    height: 60px;
    padding: 0 30px;
    display: flex;
    align-items: center;
}

.product-tabs__content-item._active {
    display: block;
}

.product-tab__wrapper .product-tabs__item {
    height: 100%;
}

.product-tab__wrapper .product-tabs__item label {
    height: 100%;
    font-size: 18px;
    line-height: 160%;
    color: #0F0F0F;
    display: flex;
    align-items: center;
    margin-right: 50px;
    position: relative;
    transition: all 0.2s ease 0s;
    cursor: pointer;
    font-weight: 400;
}

.product-tab__wrapper .product-tabs__item label::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 2px;
    background: #BE2B34;
    border-radius: 3px;
    left: 0;
    bottom: 0;
    transition: all 0.2s ease 0s;
    transform: scale(0);
    left: 50%;
    margin-left: -13px;
}

.product-tab__wrapper .product-tabs__item label:hover {
    color: #BE2B34;
}

.product-tab__wrapper .product-tabs__item label:hover::after {
    transform: scale(1);
}

.product-tab__wrapper .product-tabs__item label._active::after {
    transform: scale(1);
}

.product-tab__wrapper .product-tabs__item label._active {
    color: #BE2B34
}

.info-tabs .product-tabs__content-item {
    background: #f7f6f7;
    border-radius: 6px;
    margin-top: 30px;
}

.product-tabs {
    display: block !important;
}

.tab-accordion__btn {
    display: none;
}

.info-tabs {
    margin-top: 20px;
}

.tabs-info__container p {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    margin-bottom: 0;
}

.tabs-info__container p:not(:first-child) {
    margin-top: 20px;
}

.product-card__form {
    margin-top: 40px;
    background: #fff;
    padding: 30px;
}

.product-form__item {
    display: flex;
    flex-direction: column;
}

.product-form__item:not(:first-child) {
    margin-top: 20px;
}

.product-form__item-label {
    font-size: 18px;
    margin-bottom: 10px;
    margin-left: 0;
}

.product-form__item-input {
    height: 40px;
    border: 1px solid #e3e3e3;
    font-style: italic;
    padding: 0 10px;
}

.product-form__item textarea {
    padding-top: 10px;
    resize: none;
    height: 100px;
}

#file-input {
    opacity: 0;
    visibility: collapse;
    display: none;
}

.file__input label img {
    width: 20px;
    height: 20px;
}

.file__input label {
    margin-top: 15px;
    margin-left: 0;
}

.file__input label .file-input__selected {
    width: 20px;
    height: 20px;
    font-weight: 400;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox + label {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.custom-checkbox + label::before {
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid #adb5bd;
    border-radius: 3px;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.custom-checkbox:checked + label::before {
    border-color: #adb5bd;
    background-color: #fff;
    background-image: url("../../img/red-arrow.jpg");
}

.cusom-checkbox-wrapper label {
    margin-left: 0;
    margin-top: 5px;
    font-weight: 400;
}

.cusom-checkbox-wrapper {
    flex: 1 1 auto
}

.send-order-btn {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    transition: all 0.3s ease 0s;
    margin-left: 25px;
    background: #3A55A2;
    flex: 1 1 auto
}

.send-order-btn:hover {
    background: #BE2B34;
}

.product-form__actions {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-form {
    max-width: 60%
}

.product-card__saw {
}

.saw-card__item-top {
    height: 270px;
    background: #fff;
    text-align: center;
}

.saw-card__item__bottom {
    padding: 20px;
    background: #fff;
}

.saw-card__item-top img {
    object-fit: cover;
    max-height: 100%;
    max-width: 100%;
}

.saw-card__item__bottom button {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    transition: all 0.3s ease 0s;
    background: #BE2B34;
    flex: 1 1 auto;
    min-width: 100%;
}

.saw-card__item__bottom button:hover {
    background: #3A55A2;
}

.product-card__saw-container {
    margin-top: 50px;
    margin-bottom: 50px;
}

.product-card__saw-container h2 {
    font-weight: 600;
    color: #000;
    font-size: 20px;
    margin-bottom: 30px;
}

.product-card {
}

.product-tab__wrapper-slider {
    overflow: hidden;
    background: #fff
}

.product-tabs__item {
    width: auto !important;
}

.showed-products__slider {
    overflow: hidden;
}

@media (max-width: 991px) {
    .product-card__main-characteristics {
        min-width: 100%;
        margin-top: 20px;
    }

    .product-card__main {
        flex-wrap: wrap;
    }

    .product-form {
        min-width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .product-card__main-prices {
        min-width: 100%;
        margin-top: 10px;
    }

    .product-card__main-characteristics {
        margin-top: 10px;
    }

    .product-card__main-preview {
        min-width: 100%;
        text-align: center;
    }

    .product-prices__actions {
        margin-top: 30px;
        flex-direction: column;
        row-gap: 15px;
    }

    .product-prices__actions button {
        min-width: 100%;
    }

    .info-tabs {
        margin-top: 10px;
    }

    .info-tabs .product-tabs__content-item {
        margin-top: 20px;
    }

    .product-card__form {
        margin-top: 30px;
        padding: 30px 20px;
    }

    .tab-accordion__content {
        padding: 0 20px;
    }

    .product-tab__wrapper {
        padding: 0 10px;
    }

    .product-tab__wrapper .product-tabs__item label {
        margin-right: 25px;
    }

    .product-prices__top div span:first-child {
        width: auto;
        max-width: 66%;
    }

    .product-prices__top div {
        justify-content: space-between;
    }

    .product-form__item-input {
        font-style: normal;
        font-size: 16px;
        line-height: 26px;
    }

    .product-form__actions {
        flex-direction: column;
    }

    .product-form__actions button {
        margin-top: 20px;
        min-width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
}

.product-card {
    display: none;
}

.footer__wrapper {
    background-color: #243567;
}

.footer-row__top {
    display: flex;
    justify-content: space-between;
}

.footer-row__top-logo {
    flex-direction: column;
    display: flex;
}

.footer-row__top-logo p {
    line-height: 22px;
}

.footer a {
    color: #fff;
    font-size: 16px;
}

.footer__catalog__title {
    font-weight: 500;
    text-transform: none;
}

.footer__catalog__title {
    margin-top: 15px;
}

.footer__nav {
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
}

.footer-row__top-item .btn--blue {
    min-width: 200px;
}

.footer__callback {
    cursor: pointer;
    margin-top: 15px;
}

.footer-row__top-item:nth-child(3) .footer__nav {
    margin-top: 8px;
}

.footer-row__right {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    max-width: 70%;
    flex-wrap: wrap;
}

.footer-row__bottom {
    display: flex;
    justify-content: space-between;
}

.footer-row__bottom-social {
    flex: 1 1 auto;
}

.footer__social {
    justify-content: flex-start;
    column-gap: 40px;
    margin-top: auto;
    margin-bottom: 105px;
}

.useful-links {
    flex-direction: column;
}

.useful-links li:nth-child(1), .useful-links li:nth-child(4) {
    max-width: 100%;
    flex: 1 1 100%;
}

.useful-links li {
    max-width: 100%;
    flex: 1 1 100%;
    font-size: 14px;
}

.useful-links li a {
    font-size: 14px;
}

.footer-row__right-item {
    width: 100%;
    max-width: 33%;
}

.footer__container {
    max-width: 1350px;
}

.footer-row__right-item:nth-child(3) {
    width: 200px;
}

.footer-row__right-item:nth-child(6) {
    width: 200px;
}

.useful-links li:last-child {
    margin-top: 20px;
}

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

.footer__bottom-right__item a img {
    height: 40px;
}

.footer__bottom-center {
    display: flex;
    column-gap: 25px;
}

.footer__bottom-left p {
    margin-bottom: 0 !important;
    font-size: 16px;
    line-height: 32px;
}

.footer__bottom .container {
    padding: 0 !important;
}

@media (max-width: 1400px) {
    .footer__container {
        max-width: 1200px;
    }
}

.footer-top__old {
    display: none;
}

.diplom a {
    width: 23%;
}

.diplom a img {
    width: 100% !important;
}

@media (max-width: 1200px) {
    .footer__container {
        padding: 70px 15px;
    }
}

@media (max-width: 820px) {
    .footer-row__top-item .btn--blue {
        min-width: auto;
    }

    .footer-row__right-item:nth-child(1) {
        display: none;
    }

    .footer-row__right-item:nth-child(2) {
        display: none;
    }

    .footer-row__right-item:nth-child(4) {
        display: none;
    }

    .footer-row__right-item:nth-child(5) {
        display: none;
    }

    .footer-row__right-item:nth-child(6) {
        display: none;
    }

    .footer-row__top {
        flex-direction: column;
    }

    .footer__container {
        padding: 30px 15px;
    }

    .social {
        margin: 30px auto 30px auto;
    }

    .footer-row__right-item:nth-child(3) {
        display: flex;
        align-items: start;
        max-width: 100%;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
    }

    .footer-row__right {
        max-width: 100%;
    }

    .footer .btn {
        margin: 0;
    }

    .footer__callback {
        margin: 0;
    }

    .footer__bottom .container {
        display: flex;
        flex-wrap: wrap;
    }

    .footer__bottom-left {
        width: 100%;
        order: 1
    }

    .footer__bottom-right {
        order: 2;
        width: 100%;
        margin-top: 15px;
        justify-content: flex-start;
    }

    .footer__bottom-center {
        order: 3;
        margin-top: 10px;
    }

    .footer__bottom .container {
        height: auto;
        padding: 20px 15px !important;
    }
}

.about-container {
    background: #fff;
}

.about-us__wrapper {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 230px 0;
}

.about-us__wrapper .container {
    height: 100%;
}

.about-us__body {
    display: flex;
    align-items: center;
    height: 100%;
}

.about-us__cart {
    background: #FFFFFF;
    width: 530px;
    padding: 55px 40px 40px 40px;
}

.about-us__body h2 {
    font-weight: 700;
    font-size: 40px;
}

.about-us__body p {
    font-weight: 400;
    font-size: 16px;
    margin-top: 22px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D5D5D5;
    margin-bottom: 30px;
    line-height: 1.6;
}

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

.about-us__footer a {
    font-size: 16px;
    line-height: 1.6;
    color: #52545B;
}

.about-container #map {
    margin-bottom: 0 !important;
}

.workers {
    padding: 100px 0;
}

.workers__body {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.workers__body-item {
    text-align: center;
}

.workers__body-item:not(:last-child) {
    margin-right: 50px;
}

.workers__body-item h5 {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.6;
}

.workers__body-item span {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.6;
}

.workers-item__preview {
    height: 420px;
}

.workers-item__preview img {
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1520px) {
    .workers-item__preview {
        height: 320px;
    }

    .workers__body-item:not(:last-child) {
        margin-right: 35px;
    }
}

.algorithm__body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.algorithm__step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #3955A5;
    border: 7px solid #3955A5;
    margin: 0 auto;
    position: relative;
    background: #ECF2F4;
}

.algorithm__step:not(:last-child) .algorithm__step-number::after {
    content: '';
    width: 400%;
    height: 7px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #3955A5;
    z-index: 1;
}

.algorithm__step {
    text-align: center;
}

.algorithm__step:not(:last-child) {
    margin-right: 40px;
}

.algorithm__step h5 {
    margin-top: 50px;
    font-size: 20px;
    font-weight: 400;
    color: #52535A;
    line-height: 1.6;
}

.algorithm__step p {
    margin-top: 15px;
    font-size: 16px;
    color: #52535A;
    line-height: 1.6;
}

.number-wrap {
    background: #ECF2F4;
    border-radius: 50%;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.algorithm {
    background: #ECF2F4;
    padding: 100px 0;
}

@media (max-width: 991px) {
    .algorithm__body {
        flex-direction: column;
        justify-content: center;
    }

    .algorithm__step {
        width: 100%;
    }

    .algorithm__step:not(:last-child) .algorithm__step-number::after {
        width: 7px;
        height: 120%;
        left: 50%;
        margin-right: -3px;
        display: none;
    }

    .algorithm__step h5 {
        margin-top: 20px;
    }

    .algorithm__step:not(:last-child) {
        margin-right: 0;
        margin-bottom: 25px;
    }
}

.context-header h1 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 46px;
    font-weight: bold;
    text-transform: none;
}

.context-header {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}


header h1 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 46px;
    font-weight: bold;
    text-transform: uppercase;
}

.context-header h1 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 46px;
    font-weight: bold;
    text-transform: none;
}

.context-header .after-h1 {
    margin-bottom: 60px;
    font-size: 30px;
    line-height: 1.6;
}

.context-header .header-box {
    padding-top: 80px;
}

.context-header .header-box .btn {
    margin-right: 15px;
    margin-bottom: 100px;
    background: #be2a34;
    color: #fff;
}

.context-header .header-box .btn:hover {
    background: #3a54a3;
}

.context-header img.header-item-img {
    display: block;
    width: 90% !important;
    margin-top: -30px;
}

.context-header .plan-img {
    height: 340px;
    margin: 0 auto;
    display: block;
    border: 1px solid #efefef;
    border-radius: 6px;
}

.context-header .item-box {
    color: #2d2c2c;
    position: relative;
    padding-left: 75px;
}

.context-header .item-box img {
    position: absolute;
    top: 0;
    left: -45px;
}

.context-header .item-box span {
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
    font-size: 19px;
    line-height: 24px !important;
}

.context-header .item-box p {
    font-size: 14px;
    margin-bottom: 30px;
}

.context-header .item-info {
    font-size: 18px;
    line-height: 1.6;
}

.context-header .item-info a {
    display: inline;
    font-size: 18px;
    color: #be2a34;
}

.context-header .btn {
    max-width: 350px;
    font-size: 16px;
}

@media (max-width: 768px) {
    .context-header .header-box {
        padding: 50px 0 30px 0px;
    }

    .context-header h1 {
        font-size: 27px;

    }

    .context-header .after-h1 {
        margin-bottom: 40px;
        font-size: 20px;
    }

    .context-header .m-top55 {
        margin-top: 55px;
    }

    .context-header {
        padding: 40px 0 50px;
    }

    .context-header .item-box span {
        font-size: 15px;
        line-height: 16px;
    }

    .context-header .item-box {
    }

    .context-header #step-form {
        padding: 20px;
        height: auto;
    }

    .context-header #how .how-card {
        padding: 20px;
        margin-top: 50px;
    }

    .context-header .after-h2 {
        font-size: 16px;
        margin: 0 0 40px;
    }

    .context-header .navbar-default .navbar-nav > li.phone {
        text-align: center;
        margin: 0 auto;
        padding-top: 6px;
        margin-bottom: 15px;
    }

    .context-header .col-sm-5 {
        display: none;
    }

    .context-header .header-box .btn {
        margin-bottom: 0;
    }

    .context-header .m-top55 {
        margin-top: 0;
    }

    .context-header .item-box p {
        margin-bottom: 0;
    }

    .context-header .item-box {
        margin-top: 15px;
    }

    .context-header .item-box img {
        width: 85px !important;
        left: 0;
    }

    .context-header .item-info {
        margin-left: 25px;
    }
}

#how .how-card {
    background: #fff;
    padding: 30px;
    border-top: 5px solid #3a54a3;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.12);
}

.how-box {
    position: relative;
    padding-left: 100px;
}

.how-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px !important;
}

#how {
    padding: 40px 0;
}

#how .after-h2 {
    font-size: 20px;
    margin-top: 15px;
    line-height: 1.4;
    margin: 0 0 40px;
}

#how .how-box h4 {
    font-size: 18px;
    line-height: 1.3;
}

.table-bordered thead td, .table-bordered thead th {
    line-height: 1.2;
    color: #333333 !important;
}

.table-bordered td, .table-bordered th {
    color: #787878;
    font-size: 18px;
    line-height: 1.2;
}

#wizard p {
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
}

#wizard ul li {
    font-size: 16px;
    line-height: 1.5;
    list-style-type: disc !important;
    margin-left: 25px;
}

#work h2 {
    text-align: center;
}

#work .after-h1 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

#work .marquiz__button {
    display: none;
}

#work {
    margin-bottom: 50px;
    margin-top: 50px;
}

.sidebar {
    position: static;
    width: 100%;
    margin-bottom: 30px;
}

.filters-container {
    display: flex;
    flex-wrap: wrap;
}

.filters-container form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(31%, 0.37fr));
    column-gap: 20px;
    margin-bottom: 5px;
}

.filters-container form button {
    flex: 1 1 auto;
}

.filters-container form button:not(:last-child) {
}

.filters-container .filter__drop {
    width: 100%;
}

.filters-container .drop__body {
    margin-bottom: 0 !important;
}

.sidebar--wrapper {
    padding: 0;
}

.sidebar--wrapper {
    margin-top: 40px;
}

.close {
    text-align: right;
}

.no-margin {
    margin-right: 0 !important;
}


/*форма pop-up*/
.modal-form {
    display: none;
    position: fixed;
    align-items: center;
    justify-content: center;
    z-index: 900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal-form-block{
    position: relative;
    margin: 15% auto;
    padding: 38px 40px;
    width: 100%;
    max-width: 674px;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.09);
}

.close-modal-form {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.form-title{
    color: #444444;
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
     width: 100%;
    max-width: 423px;
}
.modal-form-content{
    margin-top: 34px;
    display: flex;
    flex-direction: column;
    gap: 38px;
}
.form-bottom{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 19px;
}
.form-agreement{
    margin: 0;
    padding: 0;
}
.form-agreement-text{
    color: #A1A1A1;
    font-size: 10px;
    font-weight: 500;
    line-height: 16px;
    width: 100%;
    max-width: 210px;
}
.form-agreement{
    display: flex;
    align-items: start;
    gap: 13px;
}
.form-agreement-check{
    margin-top: 3px;
}
.form-form-inputs{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 23px;
}
.form-form-inputs input{
    width: 100%;
    padding: 19px 20px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #E9E9E9;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
.modal-form-btn{
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    background: #C83737;
    border-color: #C83737;
}

.sent-successfully-icon{
    width: 68px;
    height: 68px;
    flex-shrink: 0;
    background: #C83737;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sent-successfully{

    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    display: none;
}
.sent-successfully .form-title{
    text-align: center;
}

/*форма pop-up END*/



@media (max-width: 991px) {
    .filters-container form {
        display: flex;
        flex-wrap: wrap;
    }

    .filters-container form button {
        width: 45%;
    }
}

@media (max-width: 470px) {
    .filters-container form button {
        width: 100%;
    }
    .form-title{
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        max-width: 199px;
    }
    .form-form-inputs{
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .close-modal-form svg{
        height: 18px;
        width:18px;
    }
    .form-form-inputs input{
        padding: 17px 20px;
    }
    .modal-form-block{
        padding: 28px 28px 35px 28px;
    }
    .modal-form-content{
        margin-top: 26px;
    }
    .modal-form-content{
        gap: 29px;
    }

}

.marquiz__bg {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 25, 25, 0.89);
    /* visibility: hidden; */
    position: fixed;
    opacity: 0;
    z-index: -10000;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
}

.marquiz__modal {
    z-index: 100010;
    position: relative;
    max-width: 1200px;
    width: 80%;
}

.marquiz__frame {
    width: 100%;
    background: #fff;
    transition: height .2s ease-in;
    height: 650px;
}


.marquiz__bg_open {
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}

._locked {
    overflow: hidden;
}

@media (max-width: 1023px) {
    .marquiz__modal {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        position: absolute;
        width: 100%;
    }
}

#marquiz__close {
    position: absolute;
    right: -40px;
    top: -40px;
    height: 45px;
    width: 45px;
    cursor: pointer;
    background-size: 16px;
    background-position: center;
    border: none;
    z-index: 100020;
    box-sizing: border-box;
    padding: 0;
    font-size: 26px;
    color: #fff;
}

.similar__item {
    background-color: white;
}

.similar__item-header {
    font-size: 16px;
}

.city-info {
    display: flex;
    flex-direction: column;
}

.editor ul li {
    list-style-type: disc;
    margin-left: 30px;
    padding: 0 0 5px;
}

.editor p {
    margin: 10px 0
}

.modal .modal-dialog .modal-title {
    display: none;
}

@media only screen and (max-width: 992px) {
    .header__menu {
        padding: 15px 15px 0 15px;
    }
}

@media (max-width: 768px) {
    .product__search {
        margin-bottom: 0;
    }

    .product__search .product__item {
        max-width: 100%;
        margin: 0;
    }

    .product__search .product__search__title {
        margin-top: 10px;
    }

    .product__search .product__item__preview {
        max-width: 100%;
        max-height: 300px;
    }

    .new__preview__body .new__title {
        margin-bottom: 10px;
    }

    .new__preview__body .editor {
        text-align: left;
    }

    .new__show-more {
        text-align: left;
        margin-left: 15px;
        padding-left: 15px;
    }

    .we__body {
        max-width: 100%;
        padding: 0 20px;
    }

    .we__body .thumb img {
        margin: 0;
    }

    .we__body .partner p {
        text-align: left;
    }

    .akczii-wrap {
        width: 100%;
    }

    .editor {
        width: 56%;
    }

    .editor .krstroka {
        text-align: left;
        text-indent: 0px;
    }

    .sidebar--wrapper .category__info {
        float: none;
    }

    .tabs-info__container .editor p {
        text-align: left;
    }

    .new {
        flex-direction: column;
    }

    .news.articles .new__preview {
        max-height: 300px;
        max-width: none;
    }

    .text-container iframe {
        max-width: 100%;
    }

    .text-container a {
        display: block !important;
        text-align: left;
    }

    .text-container h3 {
        text-align: left;
    }

    .title--group {
        height: 170px;
    }

    .new__preview {
        flex: 1 1 auto
    }
}

.lvl-1 > .header__submenu {
    display: none;
    position: absolute;
    padding: 30px;
    border-radius: 6px;
    /* background: rgba(255, 255, 255, 0.21); */
    background-color: white;
}

.header__nav-item.lvl-1 {
    position: relative;
}

.header__submenu-wrap:hover > .header__submenu > .header__submenu {
    display: block;
}

.header__nav-link1 {
    text-transform: uppercase;
}

.header__nav-item.lvl-1 > .header__nav-link {
    text-transform: uppercase;
    font-weight: 900;
}

.header__nav-item.lvl-2 > .header__nav-link {
    font-size: 16px;
    font-weight: 600;
}

.header__nav-item.lvl-3 > a {
    font-size: 14px;
}

.lvl-3 {
    padding: 5px 0;
}

.lvl-2 .header__nav-link {
    padding-bottom: 10px;
}

.mobil__menu {
    z-index: 900;
}

.similar__item {
    background-color: white;
    border-radius: 0 0 6px 6px;
}

@media (max-width: 1024px) {
    #marquiz__close {
        background-size: 26px;
        background-position: center;
        height: 25px;
        width: 25px;
        color: #000;
        top: 15px;
        right: 15px;
    }
    .categories-grid{
        grid-template-columns: 100%;
    }
    .category{
        padding: 20px;
    }
    .category_title-img{
        flex-direction: column-reverse;
    }
    .category_title{
        font-size: 16px;
    }
    .category_img{
        height: 60px;
    }
    .no-img .category_children-list{
        margin: 20px 0 0 0;
    }
}

@media (max-width: 992px) {
    .mobil__menu {
        transition: transform .5s cubic-bezier(.77, .2, .05, 1);
        overflow-y: scroll;
        height: 100vh;
        background-color: white;
    }

    .header__menu-arrow {
        position: absolute;
        top: 0;
        right: 0px;
        width: 77px;
        height: 100%;
        border: none;
        background: 0 0;
    }

    .header__submenu-wrap.lvl-1 > .header__nav-link:after {
        content: '';
        display: block;
        border-top: 2px solid #434343;
        border-right: 2px solid #434343;
        transform: rotate(45deg);
        transform-origin: center;
        transition: all 0.7s ease;
        position: absolute;
        right: 18px;
        top: 9px;
        margin: auto;
        padding: 4px;
        width: 0px;
        height: 0px;
        cursor: pointer;
        font-size: 0;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(40deg) translate(-85%, -15%) scale(.8) skew(170deg);
        -ms-transform: rotate(40deg) translate(-85%, -15%) scale(.8) skew(170deg);
        transform: rotate(40deg) translate(-85%, -15%) scale(.8) skew(170deg);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
    }

    .product-absolute__link {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .header__submenu-wrap.lvl-2 > .header__nav-link:after {
        content: '';
        display: block;
        border-top: 2px solid #434343;
        border-right: 2px solid #434343;
        transform: rotate(45deg);
        transform-origin: center;
        transition: all 0.7s ease;
        position: absolute;
        right: 18px;
        top: 17px;
        margin: auto;
        padding: 4px;
        width: 0px;
        height: 0px;
        cursor: pointer;
        font-size: 0;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(40deg) translate(-85%, -15%) scale(.8) skew(170deg);
        -ms-transform: rotate(40deg) translate(-85%, -15%) scale(.8) skew(170deg);
        transform: rotate(40deg) translate(-85%, -15%) scale(.8) skew(170deg);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
    }

    .lvl-1 > .header__submenu, .lvl-2 > .header__submenu {
        width: 100vw;
        height: calc(100vh - 85px);
        position: absolute;
        left: -100vw;
        top: 0;
        display: none;
        padding: 30px 30px 0 50px;
    }

    .header__submenu.visible_submenu {
        display: block;
        left: 0;
        z-index: 7;
        background-color: #f7f7f7;
        transition: all 0.25s ease-out;
    }

    .switch.lvl-1, .switch.lvl-2 {
        position: static;
    }

    .lvl-1 > .header__nav-link, .lvl-2 > .header__nav-link {
        line-height: 2;
        font-size: 17px;
    }

    .hide-submenu {
        font-size: 16px;
    }

    .hide-submenu:before {
        content: "";
        position: absolute;
        top: 33px;
        right: 12px;
        bottom: 14%;
        padding: 4px;
        width: 6px;
        height: 6px;
        cursor: pointer;
        font-size: 0;
        border-bottom: 2px solid #434343;
        border-right: 2px solid #434343;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        left: 28px;
        right: -6px;
        transition: opacity 0.1s ease-out;
        z-index: 12;
    }

    .lvl-2 {
        position: relative;
    }

    /* .header.home .header__submenu-wrap.lvl-1>.header__nav-link:after {
        content: '';
        display: block;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        transform-origin: center;
        transition: all 0.7s ease;
        position: absolute;
        right: 18px;
        top: 9px;
        margin: auto;
        padding: 4px;
        width: 0px;
        height: 0px;
        cursor: pointer;
        font-size: 0;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(40deg) translate(-85%,-15%) scale(.8) skew(170deg);
        -ms-transform: rotate(40deg) translate(-85%,-15%) scale(.8) skew(170deg);
        transform: rotate(40deg) translate(-85%,-15%) scale(.8) skew(170deg);
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease,-webkit-transform .5s ease;
    } */
    .header__submenu.show {
        position: absolute;
        top: 0;
    }

    .lvl-2.static {
        position: static;
    }

    .lvl-3 .header__nav-link {
        color: #52535A;
    }
}

@media (min-width: 992px) {
    .hide-submenu, .header__menu-arrow {
        display: none;
    }

    .lvl-1 > .header__submenu {
        min-width: 747px;
    }

    .lvl-1:hover > .header__submenu {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
    }

    .home .header__menu .lvl-1 > .header__submenu {
        background: rgba(255, 255, 255, 0.21);
        backdrop-filter: blur(5px);
    }

    .header.home .header__menu a {
        color: white;
    }

    /* .home .header__menu {
        background-color: rgba(0, 0, 0, 0.7);
    } */
}

.title__h1 {
    margin-top: 0;
    font-size: 46px;
    font-weight: bold;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .title__h1 {
        font-size: 27px;
    }
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 889;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}


/* page news, each news   start*/

@media (max-width: 1320px) {
    .container-1170 {
        padding: 0 10px;
    }
}

@media (max-width: 992px) {
    .news-follow-wrapper {
        flex-wrap: wrap;
        gap: 30px;
    }
    
    
    .each-news-content-wrapper {
        flex-wrap: wrap;    
    }
    
    .each-news_leave-coments {
        flex-wrap: wrap; 
    }
    

}

@media (max-width: 768px) {
    .news-follow-wrapper {
        padding: 20px;
        margin-top: 30px;
    }
    
    .news-follow_form-wrapper form {
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .news-articles {
        margin: 0 auto;   
        row-gap: 30px;
    }
    
    .news.articles > div {
        height: 100%;
    }
    
    
    .each-news {
        padding: 20px;    
    }
    
    .each-news_header {
        font-family: Roboto;
        font-size: clamp(20px, 6vw, 34px);
        line-height: clamp(28px, 6vw, 48px);
    }
    
    .each-news_additionally {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 33px;
    }
    
    .each-news_additionally_follow {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    
    .each-news_leave-coments {
        margin-top: 60px;
    }
    
    .each-news_leave-coments_form {
        gap: 16px;
        padding: 20px;
    }
    
    
    .each-news_other-news-wrapper {
        margin-top: 60px;
    }
    
    .join-to-us_header-wrapper {
        padding: 20px;
    }
    
    .each-news_other-news_header {
        font-size: 24px;
        font-weight: 500;

    }
    
    .each-news-swiper_img {
        max-height: 100%;
    }
    
    .each-news_other-news-news-swiper .new__preview {
        width: 100%;
    }
    
}

@media (max-width: 520px) {
    .container-1170 {
        margin: 0 auto;
        max-width: 340px;
    }
    
    .news.articles .new__thumb {
        height: 198px;
    }
    
    .news_pagination {
        gap: 0;
        margin-left: -26px;
    }
    
    .news_pagination-pages-wrapper {
        gap: 0;
    }
    
    .margin-content[data-page-type="each-news-page"] {
        overflow-x: hidden;
    }
    
    
    .each-news_other-news-wrapper {
        gap: 30px;
        padding-bottom: 90px;
        position: relative;
    }
    
    .each-news_other-news-news-swiper .new__thumb {
        height: 198px;
    }

    
    .each-news_other-news_slider-btn-wrapper {
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    
    
    .each-news_additionally_follow-sub-menu {
        right: unset;
        left: 2px;
    }
    
    .each-news_additionally_follow-sub-menu:before {
        left: 19%;
    }
}


/* временно */ 

.text-container div p:last-child {
    margin-top: 30px;
    display: grid;
    gap: 20px;
    /* grid-template-columns: repeat(auto-fill, minmax(clamp(290px, 28vw, 404px), max-content)); */
    grid-template-columns: repeat(auto-fill, minmax(290px, max-content));
}

.text-container div p:last-child a img {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

/* временно */ 

/* page news, each news   end*/

.uslugaCard{
    padding: 8px;
}
.uslugaCard a{
    color:#000;
    text-decoration: none;
}
.uslugaCard .img img{
    height: 190px;
    width: 100%;
}
.uslugaCard .headTitle{
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    padding: 8px 0 0 0;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .modal_price_title {
        display:block;
        margin-top:20px;
        margin-bottom:20px;
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    #modal-price {
        background:#fff url(../images/bokprice.png) top right no-repeat;
        height: auto;
    }
}

@media (max-width: 767px) {
    .modal_price_title {
        display:block;
        margin-top:50px;
        margin-bottom:20px;
        color: #000;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}    

.input__group button.btn.btn--blue {
    display:inline-flex;
    align-items: center;
}

.input__group button.btn.btn--blue img{
    margin-bottom:0px !important
}

/*form-price2*/

.form-price2 {
    width:100%;
    color: #000 !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    padding:10px 14px !important;
    background: #D9D9D9 !important;
}

.ec-rating {
    display:none !important;
}

.vacansies .col-sm-3 {
    padding-bottom:30px;
}

.vacansy {
    padding:15px;
    background:#aaa;
    border-radius:8px;
    overflow:hidden;
    height:100%;
    color:#000;
    display:flex;
    font-size:16px;
    flex-direction: column;
    justify-content: space-between;
    gap:30px;    
}

.btn-secondary {
    background: #3A54A3;
}

.drgroup {
    position:absolute;
    left:0;
    top:0;
    width:100%;
}