:root {  
  --dark: #1c1c1c;  
  --red: #DC0505;  
  --red2: #EE0606;
  --gray: #F5F5F5;
  --gray2: #F7F7F7;
  --gray-text: #A4A4A4;
  --gray-line: #E2E2E2; 
  --logo-color: #FF151F;
  --color-grey-87: #DDDDDD;
}

 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
 
body {position: relative; min-width: 100%; min-height: 100%; font-family: 'Manrope','Arial', sans-serif; font-size: 16px; line-height: normal; color: var(--dark); font-weight: normal; overflow: auto; background: #FFF; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none; text-size-adjust:none; -ms-text-size-adjust:none;}
 
button, textarea, select, input {font-family: 'Manrope','Arial', sans-serif; font-size: 16px; line-height: normal; color: var(--dark); outline: none !important; box-shadow: none;}

button,
input[type="button"],
input[type="submit"] {-webkit-appearance: none; box-shadow: none;}

ul, ol, li {list-style-type:none; padding: 0; margin: 0;} 

a,
a:focus,
a:hover {text-decoration: none; outline: none; box-shadow: none;}

::selection {background: var(--red); color: #FFF;}
::-moz-selection {background: var(--red); color: #FFF;}

h1, .h1 {position: relative; margin: 0 0 100px; font-weight: 800; font-size: 64px; line-height: 120%;} 
.article_container h1, .article_container .h1 { margin-bottom: 40px; }

h2, .h2 {position: relative; margin: 0 0 50px; font-weight: 700; font-size: 46px; line-height: 115%;}
 
svg :where(path, rect, circle, line, polyline, polygon, g) {transition: fill 0.2s ease, stroke 0.2s ease, opacity 0.2s ease;}

.archive_bottom {position: relative; margin: 30px 0 0 0; text-align: center;}
.archive_bottom .button {width: 221px;}
.archive_bottom .pagination {position: absolute; right: 0; bottom: 0;}

.block {width: 1540px; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 3;}
 
.back_img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.back_img img,
.back_img source {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: 1;}
 
.back_img__relative {position: relative; left: auto; top: auto; height: auto; width: 100%;} 
.back_img__relative img,
.back_img__relative source {position: relative; display: block; left: auto; top: auto; width: 100%; height: auto; object-fit: initial; object-position: 0 0;}

.block_head {display: flex; position: relative; flex-flow: row wrap; justify-content: space-between; margin: 0 0 100px;}
.block_head h2, .block_head .h2 {width: calc((100% - 40px)/2); margin: 0;}
.block_head__text {position: relative; width: calc((100% - 40px)/2); font-weight: 600; font-size: 24px; line-height: 150%; box-sizing: border-box;}

.breadcrumbs {position: relative; margin: 0 0 50px; font-weight: 600; font-size: 14px; line-height: 140%;}
.breadcrumbs a {color: var(--dark); transition: 0.2s;}
.breadcrumbs a:hover {color: var(--red);}
.breadcrumbs em {position: relative; width: 4px; margin: 0 10px;}
.breadcrumbs em:before {content:""; position: absolute; margin-left: -2px; left: 50%; top: 50%; width: 4px; height: 4px; border-radius: 100%; background: var(--red); transform: translate(-50%,-50%);}
.breadcrumbs span {color: #a4a4a4;}

.bottom_menu {display: none;}

.button_wrap {text-align: center; position: relative;}

.button {display: inline-block; box-sizing: border-box; vertical-align: top; position: relative; height: 72px; padding: 0 42px 1px; font-size: 16px; border-radius: 10px; font-weight: 700; border: 2px solid #000; text-align: center; margin: 0; transition: 0.2s;}
.button:hover {cursor: pointer;} 

.button_uppercase {font-weight: 700; font-size: 14px; text-transform: uppercase;}

.button_red {background: var(--red); border-color: var(--red); color: #FFF;}
.button_red:hover {background: var(--red2); border-color: var(--red2);}  

.button_red_tr {background: transparent; border-color: var(--red); color: var(--red);}
.button_red_tr:hover {background: var(--red); color: #FFF;}  

.button_white {background: #FFF; border-color: #FFF; color: var(--red);}

.button_white_tr {background: transparent; border-color: #FFF; color: #FFF;}
.button_white_tr:hover {background: #FFF; border-color: #FFF; color: var(--red);}

.button_video {justify-content: center;}
.button_video path {fill: var(--red);}
.button_video:hover path {fill: #FFF;}

.cart {position: absolute; top: 700px; right: -20px; width: 150px; border-radius: 20px 0 0 20px; color: #FFF; display: block; box-shadow: -2px 3px 7px 0 rgba(220, 5, 5, 0.13), -7px 10px 12px 0 rgba(220, 5, 5, 0.11), -16px 23px 17px 0 rgba(220, 5, 5, 0.07), -28px 40px 20px 0 rgba(220, 5, 5, 0.02), -44px 63px 22px 0 rgba(220, 5, 5, 0); background: var(--red); z-index: 66; transition: right 0.2s;}
.cart div {position: relative; width: 130px; text-align: center; padding: 30px 0;}
.cart svg {position: relative; display: inline-flex; vertical-align: top; width: 22px; height: 22px; margin: 0 5px 0 0;}
.cart strong {display: inline-block; vertical-align: top; font-weight: 500; font-size: 16px; line-height: 140%;}
.cart span {display: block; padding: 10px 0 0 0; text-align: center; font-weight: 700; font-size: 16px; line-height: 140%; text-transform: uppercase;}

.cart:hover {right: 0;}

body.cart_fix .cart {position: fixed; top: 110px;}

.container {position: relative; box-sizing: border-box;}

.date {height: 38px; font-weight: 600; font-size: 16px; line-height: 140%; color: #a4a4a4; display: inline-flex; align-items: center;}

.flex_items {position: relative; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start;}
.flex_items__sb {justify-content: space-between;}

.hidden {display: none;} 

.main_layout {position: relative; padding-top: 143px; overflow: hidden;}

.nav {display: flex; margin: 0 0 50px; position: relative; border-bottom: 1px solid #b3b3b3;}
.nav li {cursor: pointer; margin: 0 20px 0 0; padding: 0 0 14px; position: relative;}
.nav li:last-of-type {margin: 0;}
.nav li:before {content:""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--dark); opacity: 0; transition: 0.2s;}
.nav a, 
.nav span {padding: 0 20px; color: #a4a4a4; font-weight: 500; font-size: 16px; line-height: 140%; cursor: pointer; transition: 0.2s;}
.nav a:hover, 
.nav span:hover {color: var(--dark);}
.nav li.active a,
.nav li.active span {color: var(--dark); font-weight: 700;}
.nav li.active:before {opacity: 1;}

.pagination {display: flex; justify-content: flex-end; position: relative;}
.pagination li {margin: 0 10px 0 0;}
.pagination li:last-of-type {margin: 0;}
.pagination a {width: 72px; height: 72px; font-weight: 700; font-size: 20px; line-height: 140%; text-transform: uppercase; text-align: center; color: var(--dark); display: inline-flex; justify-content: center; align-items: center; border: 1px solid #D9D9D9; border-radius: 100%; transition: 0.2s; cursor: pointer;}
.pagination .current {background: var(--red); border-color: var(--red); color: #FFF;}

.pagination a:hover {background: var(--red); border-color: var(--red); color: #FFF;}

.read_more {position: relative; padding: 0 30px 0 0; transition: 0.2s; font-weight: 700; font-size: 14px; line-height: 140%; text-transform: uppercase; color: var(--dark);}
.read_more svg {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.read_more:hover {color: var(--red);}
.read_more:hover path {stroke: var(--red);}

.sidebox_in:hover {cursor: pointer;}
.sidebox_in svg {pointer-events: none;}

.search_back {display: none;}

.socials {display: flex;}
.socials a:hover path {fill: var(--red);}
.socials a:hover rect {stroke: var(--red);}
.socials img {width: 100%; height: 100%;}

.socials a.rutube:hover svg > path {fill: transparent; stroke: var(--red);}
.socials a.rutube:hover g {fill: var(--red);  }
.socials a.rutube:hover g path {fill: var(--red);}



.tag {font-weight: 700; font-size: 12px; line-height: 120%; text-transform: uppercase; color: #a4a4a4; border: 1px solid var(--gray-line); border-radius: 30px; padding: 12px 20px;}

.video_item {position: relative; padding: 0 0 45.455%; box-sizing: border-box; border-radius: 30px; overflow: hidden;}
.video_item video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.video_item__poster {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.video_item__placeholder {position: absolute; left: 0; top: 0;}
.video_item__play {cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3; transition: 0.2s;}
.video_item__play:hover { transform: translate(-50%,-50%) scale(1.2);}

.video_item.play .video_item__play {display: none;}


::-webkit-input-placeholder {color: var(--dark);}
:-ms-input-placeholder      {color: var(--dark);}
:-moz-placeholder 			    {color: var(--dark);}
::-moz-placeholder 			    {color: var(--dark);}



/* SLICK */

.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,
.slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}

.slick-slide {display: none; float: left; height: 100%; min-height: 1px;} 
.slick-slide:focus {box-shadow: none; outline: none; border: 0;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slick-track {display: flex !important;}
.slick-slide {height: inherit !important;}

.slick-dots {position: absolute; left: 0; right: 0; height: 8px; bottom: -28px; text-align: center; z-index: 1; display: flex; flex-flow: row wrap; justify-content: center;}
.slick-dots li {position: relative; width: 8px; height: 8px; margin: 0 6px; display: inline-block; vertical-align: top; transition: 0.2s;}
.slick-dots li:hover {cursor: pointer;}
.slick-dots button {font-size: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; background: var(--grey6); border: 0; border-radius: 10px; box-sizing: border-box; transition: 0.2s;}
.slick-dots button:hover {background: var(--orange2); cursor: pointer;}

.slick-dots .slick-active {width: 22px;} 
.slick-dots .slick-active button {background: var(--orange1);}



/* ФОРМЫ */

.field_wrap {padding: 0 0 40px; position: relative;}
.field_label {position: absolute; left: 0; top: 25px; font-size: 20px; line-height: 100%; font-weight: 500; color: var(--dark); transition: 0.2s;}
.field {position: relative; width: 100%; height: 72px; color: var(--white); padding: 0; font-weight: 500; font-size: 20px; background: transparent; border: 0; border-bottom: 1px solid #bbbbbb; box-sizing: border-box;}

.field_group {position: relative; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between;}
.field_group.col2 .field_wrap {width: calc((100% - 40px * 1)/2);}
.field_group.col3 .field_wrap {width: calc((100% - 40px * 2)/3);}

.field_wrap.valid .field_label,
.field_wrap.active .field_label,
.field_wrap.filled .field_label {top: 0; font-size: 14px;}
 
.field_wrap__textarea .field {padding: 20px 0 0 0; height: 124px; font-size: 20px; line-height: 140%;}

.error_message {font-size: 14px; line-height: 140%; font-weight: 500; padding: 10px 0 0 0; color: var(--red); display: none;}
  
.field_wrap.error .error_message {display: block;}

.field_wrap:hover .field {border-bottom: 1px solid var(--dark);}
.field_wrap.active .field {border-bottom: 2px solid var(--dark);}
.field_wrap.filled .field {border-bottom: 1px solid var(--dark);}
.field_wrap.error .field {border-bottom: 1px solid var(--red);}

.select_wrap:after {content:""; position: absolute; right: 0; top: 46px; width: 22px; height: 22px; z-index: 3; background: url('/img/arrow.svg') 0 0 no-repeat; background-size: 100% 100%; pointer-events: none;}

.select_wrap .field_label,
.select_wrap.valid .field_label,
.select_wrap.active .field_label,
.select_wrap.filled .field_label {top: 0; font-weight: 700; font-size: 16px;}

.select {position: relative; width: 100%; height: 86px; box-sizing: border-box; padding: 26px 0 0 0; font-weight: 500; font-size: 16px; background: transparent; border: 0; border-bottom: 1px solid #bbbbbb; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}

.field_order__wrap {padding: 24px 0; border-top: 1px solid var(--color-grey-87); display: flex; flex-flow: row wrap; justify-content: space-between;}
.field_order__title {font-weight: 500; border: 0; height: auto; font-size: 16px; line-height: 120%; margin: 0 0 10px; width: 100%;}
.field_order__price {height: 42px; align-content: center; align-items: center; display: inline-flex; margin: 0 auto 0 0; font-weight: 700; font-size: 16px; line-height: 120%;}
.field_order__price span {margin: 0 0 0 5px;}
.field_order__remove {position: relative; border-radius: 10px; width: 62px; height: 42px; background: var(--gray); cursor: pointer; margin: 0 0 0 auto; transition: 0.2s;}
.field_order__remove svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none;}
.field_order__remove:hover {background: var(--red);}
.field_order__remove:hover path {stroke: #FFF;}

.quantity {position: relative; display: flex; width: 164px; align-content: center; align-items: center; margin: 0 auto; border: 1px solid var(--color-grey-87); border-radius: 10px; justify-content: center; transition: 0.2s;}
.quantity:hover {border-color: var(--dark);}
.quantity_minus,
.quantity_plus {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; cursor: pointer;}
.quantity_plus {left: auto; right: 20px;}
.quantity_minus svg,
.quantity_plus svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none;}
.quantity_input {margin: 0 auto; height: 42px; width: 40px; font-weight: 500; font-size: 16px; text-align: center; background: transparent; border: 0;}

.order_total {position: relative; text-align: right; margin: 0 0 50px; padding: 20px 0 0 0; font-weight: 700; font-size: 24px; line-height: 140%; border-top: 1px solid var(--color-grey-87);}
.order_total span {margin: 0 0 0 15px;}

.form_agreement {position: relative; padding: 0 0 0 40px; margin: 0 0 20px; min-height: 20px; cursor: pointer; display: flex; align-content: center; align-items: center; box-sizing: border-box;}
.form_agreement__icon {position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 4px; border: 1px solid var(--dark); box-sizing: border-box;}
.form_agreement__icon svg {content:""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.2s; opacity: 0;}
.form_agreement__text {font-size: 14px; line-height: 140%; color: var(--white);}
.form_agreement__text a {color: var(--red); text-decoration: underline; text-decoration-thickness: 0.5px; text-underline-offset: 3px;}
.form_agreement__text a:hover {text-decoration: none;}

.form_agreement.checked .form_agreement__icon {background: var(--dark);}
.form_agreement.checked .form_agreement__icon svg {opacity: 1;} 

.error_message__agreement {position: relative; top: -20px;}

form .button {padding: 0 24px 2px; width: 100%;}

.file_field_wrap {width: 100%;}
.file_field_wrap .field {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; cursor: pointer;}

.file_placeholder {position: relative; padding: 0 32px; height: 52px; box-sizing: border-box; font-weight: 700; font-size: 14px; line-height: 140%; display: inline-flex; align-content: center; align-items: center; justify-content: center; border: 1px solid var(--gray-line); border-radius: 10px; background: var(--gray);}
.file_placeholder svg {display: block; margin: 0 0 0 10px;}

.file_uploading {position: relative; display: none;}
.file_uploading__title {position: relative; padding: 0 0 0 30px; margin: 0; font-size: 16px; line-height: 24px; color: var(--dark);}
.file_uploading__title svg {position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
 
.file_field_wrap.uploaded .file_placeholder {display: none;}
.file_field_wrap.uploaded .file_uploading {display: block;} 
 
.form_success {display: none; font-size: 18px; line-height: 150%; font-weight: 500; text-align: left;}
 
form.submitted .form_success {display: block;} 

form.submitted .field_group,
form.submitted .field_wrap,
form.submitted .form_agreement,
form.submitted .error_message,
form.submitted .button {display: none;}



/* САЙДБОКС */

.sidebox_zone {position: fixed; height: 100vh; overflow: auto; left: 0; right: 0; top: 0; z-index: 9990; display: none; overflow: hidden;}
.sidebox_zone__content {position: relative; min-height: 100vh; padding: 0; overflow: auto; display: flex; width: 100%; align-items: center; box-sizing: border-box;}

.sidebox_back {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.65; z-index: 90; cursor: pointer;}

.sidebox {position: relative; right: -545px; width: 545px; padding: 52px 60px; display: none; box-sizing: border-box; margin: 0 0 0 auto; top: 0; min-height: 100vh; background: #FFF; z-index: 99; transition: 0.2s;}

.sidebox_close {position: absolute; right: 20px; top: 20px; cursor: pointer; z-index: 3;}

.sidebox_title {position: relative; font-weight: 800; font-size: 46px; line-height: 110%; margin: 0 0 20px;}

.sidebox_subtitle {position: relative; font-weight: 500; font-size: 20px; line-height: 120%; margin: 0 0 50px;}

.sidebox_form {position: static; height: 100%;}
 
.sidebox_form__bottom {position: absolute; left: 60px; width: calc(100% - 60px * 2); bottom: 20px;}

body.sidebox_show {height: 100%; overflow: hidden;}
body.sidebox_show .sidebox_zone {overflow: auto;}


.sidebox_feedback {padding: 80px 80px; width: 757px; right: -757px;}
.sidebox_feedback__img {position: relative; width: 224px; margin: 0 0 50px; display: block;}
.sidebox_feedback__img img {width: 100%;}
.sidebox_feedback__title {margin: 0 0 40px; font-weight: 600; font-size: 24px; line-height: 140%; color: var(--dark);}
.sidebox_feedback__text {position: relative; padding: 20px 0 0 0; border-top: 1px solid #d9d9d9;}
.sidebox_feedback__text p {margin: 0 0 20px; padding: 0;}
.sidebox_feedback__text p:last-of-type {margin: 0;}
.sidebox_feedback__text strong {font-weight: 700;}


.sidebox_city {padding: 52px 60px;}
.sidebox_city__title1 {font-weight: 800; margin: 0 0 50px; font-size: 46px; line-height: 110%;}
.sidebox_city__title2 {font-weight: 800; font-size: 24px; line-height: 110%; margin: 0 0 20px;}
.sidebox_city ul {margin: 0 -10px 50px 0;}
.sidebox_city ul:last-of-type {margin-bottom: 0;}
.sidebox_city__item {position: relative; margin: 0 10px 10px 0; font-weight: 600; font-size: 16px; line-height: 140%; border-radius: 10px; padding: 12px 32px; background: #f5f5f5; transition: 0.2s;} 
.sidebox_city__item:hover {cursor: pointer;}
.sidebox_city__item.active {background: var(--red); color: #FFF;}
.sidebox_city__out {display: none;}
.sidebox_city__out.active {display: flex;}


.sidebox_order .cart_item.deleted {display: none;}



/* ШАПКА */

.header_container {width: 100%; border-bottom: 1px solid #cecece; background: #FFF; position: absolute; left: 0; top: 0; z-index: 80;}
.header_container .header_block {width: 100%;}

.header_container .header_logo {position: absolute; left: 0; top: 0; width: 276px; height: 100%; z-index: 5; text-align: center; display: flex; align-items: center; justify-content: center; flex-flow: row wrap; align-content: center;}
.header_container .header_logo img {margin: 0 0 13px; width: 208px;}
.header_container .header_logo span {font-weight: 600; font-size: 12px; line-height: 140%; color: var(--dark); width: 100%;}

.header_container .header_top {background: var(--red); position: relative; margin: 0 0 0 276px; height: 72px; display: flex; justify-content: space-between; align-items: center;}

.header_container .header_city {position: absolute; left: 40px; top: 50%; transform: translateY(-50%); padding: 0 0 0 30px; box-sizing: border-box; min-width: 180px;}
.header_container .header_city svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.header_container .header_city__chosen {font-weight: 700; font-size: 16px; color: #FFF;}


.header_container .header_search {margin: 0 0 0 274px; flex-grow: 1; position: relative;}
.header_container .header_search input {background: #e34548; border-radius: 10px; height: 56px; padding: 0 0 0 62px; border: 0; width: 100%; font-weight: 700; font-size: 16px; color: #FFF; box-sizing: border-box;}
.header_container .header_search svg {position: absolute; left: 30px; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 2;}

.header_container .header_search ::-webkit-input-placeholder {color: #FFF;}
.header_container .header_search :-ms-input-placeholder      {color: #FFF;}
.header_container .header_search :-moz-placeholder           {color: #FFF;}
.header_container .header_search ::-moz-placeholder          {color: #FFF;}


.header_container .header_topright {position: relative; margin: 0 0 0 36px; display: flex; align-items: center;}

.header_container .mobmenu_in,
.header_container .header_mobphone,
.header_container .header_mobphones,
.header_container .header_mobcontacts,
.header_container .header_mobsocials,
.header_container .header_mobbutton {display: none;}

.header_container .header_phone {position: relative; margin: 0; white-space: nowrap;}
.header_container .header_phone__chosen {position: relative; padding: 0 38px 0 30px; font-weight: 800; font-size: 16px; color: #FFF; z-index: 5;}
.header_container .header_phone__icon {position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.2s;}
.header_container .header_phone__arrow {position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: 0.2s; z-index: 3;}

.header_container .header_phonebox {display: none; margin-top: -4px; position: absolute; padding: 10px 10px 20px 30px; width: 250px; left: 0; top: 100%; background: var(--red); color: #FFF; border-radius: 0 0 10px 10px; box-sizing: border-box;}

.header_container .header_phonebox__free {position: relative; margin: 0 0 15px; font-weight: 500; font-size: 12px; line-height: 140%;}
.header_container .header_phonebox__phones {padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.header_container .header_phonebox__phones li {display: block; margin: 0 0 15px; font-weight: 800; font-size: 16px; line-height: 140%;}
.header_container .header_phonebox__phones li:last-of-type {margin: 0;}
.header_container .header_phonebox__phones a {color: #FFF;}
.header_container .header_phonebox__contacts {position: relative;}
.header_container .header_phonebox__label {margin: 0 0 4px; font-weight: 700; font-size: 12px; line-height: 140%; color: rgba(255, 255, 255, 0.65);}
.header_container .header_phonebox__contacts li {margin: 0 0 20px;}
.header_container .header_phonebox__contacts li:last-of-type {margin: 0;}
.header_container .header_phonebox__contacts a,
.header_container .header_phonebox__contacts span {color: #FFF; font-weight: 500; font-size: 16px; line-height: 140%; white-space: normal;}

.header_container .header_phonebox a:hover {text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;}

.header_container .header_phone:hover {z-index: 8;}
.header_container .header_phone:hover .header_phone__icon {opacity: 0;}
.header_container .header_phone:hover .header_phone__arrow {transform: translateY(-50%) scaleY(-1);}
.header_container .header_phone:hover .header_phonebox {display: block;}


.header_container .header_button {border-radius: 10px; height: 56px; padding: 0 0 1px; width: 274px; margin: 0 0 0 46px; z-index: 9; transition: 0.2s;}
.header_container .header_button:hover {opacity: 0.9;}

.header_container .header_socials {position: relative; display: flex; margin: 0 0 0 36px;}
.header_container .header_socials a {width: 46px; height: 46px; margin: 0 0 0 20px;}
.header_container .header_socials rect {transition: 0.4s;}
.header_container .header_socials a:first-of-type {margin: 0;}
.header_container .header_socials a:hover rect {fill: #FFF;}
.header_container .header_socials a:hover path {fill: var(--red);}
.header_container .header_socials svg {width: 100%; height: 100%;}

.header_container .header_lang {position: relative; width: 90px; background: #c30914; margin: 0 0 0 36px;}
.header_container .header_lang img {width: 36px;}
.header_container .header_lang__chosen {position: relative; height: 72px; width: 100%; display: flex; align-items: center; justify-content: center;}
.header_container .header_lang__list {position: absolute; left: 0; top: 0; width: 100%; background: #c30914; display: none; z-index: 3;}
.header_container .header_lang__list li {display: block; border-bottom: 1px solid #FFF;}
.header_container .header_lang__list li a,
.header_container .header_lang__list li span {height: 72px; display: flex; align-items: center; align-content: center; justify-content: center;}
.header_container .header_lang__list li:last-of-type {border: 0;}
 
.header_container .header_lang:hover .header_lang__list {display: block;}


.header_container .header_bottom {background: #FFF; position: relative; margin: 0 0 0 276px; border-left: 1px solid #cecece; height: 72px; display: flex;}

.header_container .header_catalog__in {position: absolute; left: 0; top: 0; width: 274px; height: 100%; padding: 0 0 0 40px; display: inline-flex; cursor: pointer; box-sizing: border-box; align-items: center;}
.header_container .header_catalog__in svg {margin: 0 10px 0 0;}
.header_container .header_catalog__in span {font-weight: 700; font-size: 16px; color: var(--red);}
.header_container .header_catalog__in .header_catalog__icon2,
.header_container .header_catalog__in .header_catalog__icon3 {display: none;}

.header_container .header_menus {position: static; margin-left: 274px; display: flex; width: calc(100% - 274px);}

.header_container .header_menus__item {margin: 0 80px 0 0; height: 100%; font-weight: 600; font-size: 16px; white-space: nowrap; display: inline-flex; align-items: center; position: relative; transition: 0.2s;}
.header_container .header_menus__item:last-of-type {margin: 0;}
.header_container .header_menus__item a {color: var(--dark); transition: 0.2s;}
.header_container .header_menus__item a:hover {color: var(--red);}
.header_container .header_menus__item a.active_item,
.header_container .header_menus__item a.active_item:hover {
	color: var(--red);
}
.header_container .header_menus__item svg {position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition: 0.2s; pointer-events: none;}

.header_container .header_menus__item.with_submenu {padding: 0 28px 0 0;} 

.header_container .header_menus__item.active,
.header_container .header_menus__item:hover {color: var(--red);}
.header_container .header_menus__item.active path,
.header_container .header_menus__item:hover path {stroke: var(--red);}
.header_container .header_menus__item.active svg {transform: translateY(-50%) scaleY(-1);}


body.catalog_show .header_container .header_catalog__in .header_catalog__icon1 {display: none;}
body.catalog_show .header_container .header_catalog__in .header_catalog__icon2 {display: block;}


body.fix_header .header_container {position: fixed;}
body.fix_header .header_container .header_block {display: flex; justify-content: space-between;}

body.fix_header .header_container .header_top {width: calc(100% - 1056px - 190px - 40px); height: 76px; order: 3; margin: 0 40px 0 0; background: transparent;} 
body.fix_header .header_container .header_topright {margin: 0; display: flex; justify-content: space-between; width: 100%;}

body.fix_header .header_container .header_logo {width: 190px; order: 1;}
body.fix_header .header_container .header_logo img {margin: 0; width: 110px;}

body.fix_header .header_container .header_phone {z-index: 3; margin: 0 auto;}
body.fix_header .header_container .header_phonebox {margin-top: 0; padding: 54px 10px 20px 30px; width: 250px; top: -27px; }

body.fix_header .header_container .header_phone__chosen {color: var(--dark);}
body.fix_header .header_container .header_phone__icon path {fill: var(--dark);} 
body.fix_header .header_container .header_phone__arrow path {stroke: var(--dark);}

body.fix_header .header_container .header_phone:hover .header_phone__chosen {color: #FFF;}
body.fix_header .header_container .header_phone:hover .header_phone__arrow path {stroke: #FFF;}

body.fix_header .header_container .header_button {width: 277px; margin: 0; background: var(--red); border-color: var(--red); color: #FFF;}
body.fix_header .header_container .header_button:hover {background: var(--red2); border-color: var(--red2);} 

body.fix_header .header_container .header_bottom {margin: 0 0 0 190px; width: 1056px; border: 0; height: 76px; order: 2;}

body.fix_header .header_container .header_catalog__in {width: auto; margin: 0; padding: 0; position: relative;}

body.fix_header .header_container .header_menus {width: 100%; margin: 0; justify-content: space-between;}
body.fix_header .header_container .header_menus__item {margin: 0;}

body.fix_header .header_container .header_city,
body.fix_header .header_container .header_lang, 
body.fix_header .header_container .header_socials,
body.fix_header .header_container .header_search,
body.fix_header .header_container .header_logo span {display: none;}



/* МЕНЮ */

.menu_outbox__back {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 69; display: none;}
.menu_outbox {position: fixed; left: 0; padding-left: 300px; right: 0; top: 144px; border-bottom: 1px solid #cecece; transform: translateY(-100vh); background: #FFF; box-sizing: border-box; z-index: 70; transition: transform 0.3s;}

.menu_out,
.menu_goback {display: none; position: relative;} 

.menu_out__label {position: absolute; left: 0; top: 40px; font-weight: 700; font-size: 16px; line-height: 140%; color: var(--gray-text);}

.menu_out__content {margin: 0 0 0 220px; padding: 40px 0 60px; display: flex;}
.menu_out__content ul {width: 355px; margin: 0 40px 0 0; position: relative;}
.menu_out__content ul:nth-child(2n) {margin-right: 0;}
.menu_out__content li {margin: 0 0 20px;}
.menu_out__content li:last-of-type {margin: 0;}
.menu_out__content a {font-size: 16px; line-height: 140%; font-weight: 500; color: var(--dark); transition: 0.2s;}
.menu_out__content a:hover {color: var(--red);}
.menu_out__content a.active_item,
.menu_out__content a.active_item:hover {
	color: var(--red);
}

body.menu_show .menu_outbox {transform: none;}
body.menu_show .menu_outbox__back {display: block;}

body.fix_header .menu_outbox {top: 75px;}

body.fix_header.menu_show .menu_outbox {padding-left: 192px;}



/* МЕНЮ - КАТАЛОГ */

.menu_catalog {position: fixed; left: 0; width: 100%; bottom: 0; transform: translateY(-100vh); height: calc(100vh - 145px); background: #FFF; box-sizing: border-box; z-index: 70; transition: transform 0.3s;}
.menu_catalog:before {content:""; position: absolute; left: 0; top: 0; width: 545px; height: 100%; background: #f5f5f5;}

.menu_catalog__label {position: relative; margin: 0 0 20px 60px; font-weight: 700; font-size: 16px; line-height: 140%; color: var(--dark); opacity: 0.2;}

.menu_catalog__nav {width: 545px; position: relative; padding: 40px 0 0 0;}
.menu_catalog__nav li {font-weight: 600; font-size: 20px; line-height: 140%; color: var(--dark); transition: 0.2s; cursor: pointer;}
.menu_catalog__nav li.active,
.menu_catalog__nav li:hover {background: #FFF; color: var(--red);} 
.menu_catalog__nav li.pseudo_hover {background: #FFF;}
.menu_catalog__nav a {display: block; padding: 20px 60px; color: var(--dark); transition: 0.2s;}
.menu_catalog__nav a:hover {color: var(--red);}
.menu_catalog__nav a.active_item,
.menu_catalog__nav a.active_item:hover {
	color: var(--red);
	cursor: default;
}
.menu_catalog__nav li > div {display: none;}

.menu_catalog__outwrap {position: relative; width: calc(100% - 545px);}

.menu_catalog__out {display: none;}
.menu_catalog__out1 {display: block;}
.menu_catalog__out .flex_items {padding: 40px;}
.menu_catalog__out ul {width: 355px; margin: 0 40px 0 0; position: relative;}
.menu_catalog__out li {margin: 0 0 24px;}
.menu_catalog__out li:last-of-type {margin: 0;}
.menu_catalog__out a {font-weight: 500; font-size: 16px; line-height: 140%; color: var(--dark); transition: 0.2s;}
.menu_catalog__out a:hover {color: var(--red);}
.menu_catalog__out a.active_item,
.menu_catalog__out a.active_item:hover {
	color: var(--red);
	cursor: default;
}

body.catalog_show .menu_catalog {transform: none;}

body.fix_header .menu_catalog {height: calc(100vh - 76px);}



/* ГЛАВНАЯ СТРАНИЦА */

.hometop_container {z-index: 2;}
.hometop_container .hometop_block {width: auto; margin: 0;}

.hometop_container .hometop_slide {position: relative;}
.hometop_container .hometop_slide__content {height: 670px; display: flex; align-items: center; flex-flow: row wrap; align-content: center;} 

.hometop_container .hometop_title {margin: 0 0 30px; font-weight: 800; font-size: 64px; line-height: 120%;}

.hometop_container .hometop_subtitle {margin: 0 0 80px; font-weight: 500; font-size: 20px; line-height: 140%; width: 100%;}

.hometop_container .hometop_items {align-items: center; width: 100%;}

.hometop_container .hometop_button {margin: 0 74px 0 0;}

.hometop_container .hometop_deadlines {font-weight: 600; font-size: 14px; line-height: 140%; margin: 0 100px 0 0;}

.hometop_container .hometop_supply {font-weight: 600; font-size: 14px; line-height: 140%;}

.hometop_container .hometop_banner {position: absolute; left: 50%; margin: 0 0 0 60px; top: 100%; z-index: 2; width: 710px; height: 108px; display: block; background: #FFF; box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.08);}
.hometop_container .hometop_banner__img {position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: url('/img/hometop_banner.png') 0 0 no-repeat; background-size: 100% 100%;}
.hometop_container .hometop_banner__text {position: relative; width: 50%; margin: 0 0 0 auto; padding: 30px; box-sizing: border-box; font-weight: 700; font-size: 20px; line-height: 120%; color: var(--dark); text-transform: uppercase; transition: 0.2s;}
.hometop_container .hometop_banner__text svg {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); pointer-events: none;}

@media(max-width: 750px) {
	.hometop_container .hometop_banner__img {background-size: cover;}
}

.hometop_container .hometop_banner:hover .hometop_banner__text {color: var(--red);}
.hometop_container .hometop_banner:hover path {stroke: var(--red);}

.hometop_container .slick-initialized .slick-slide {display: block !important;}

.hometop_container .custom_arrow {top: 50%; transform: translateY(-50%); position: absolute; opacity: 0; transition: 0.3s; cursor: pointer;}
.hometop_container .custom_arrow__prev {left: 40px;}
.hometop_container .custom_arrow__next {right: 40px; transform: translateY(-50%) scaleX(-1);}
.hometop_container .custom_arrow:hover {}

.hometop_container:hover .custom_arrow {opacity: 1;}



.products_container {z-index: 1;}
.products_container .products_block {padding: 150px 0;}

.products_container .products_item {position: relative; width: calc((100% - 40px * 3)/4); margin: 0 40px 40px 0;}
.products_container .products_item:nth-child(4n) {margin-right: 0;}
.products_container .products_item__img {position: relative; padding: 0 0 108.733%; margin: 0 0 2px; border-radius: 10px; overflow: hidden;}
.products_container .products_item__title {display: flex; position: relative; height: 72px; font-weight: 700; font-size: 16px; line-height: 140%; padding: 0 20px; color: var(--dark); text-align: center; background: #f5f5f5; align-items: center; border-radius: 10px; transition: 0.2s; justify-content: center;}

.products_container .products_item:hover .products_item__title {background: var(--red); color: #FFF;}

.products_container .button_wrap {padding: 60px 0 0 0;}
.products_container .button {padding-top: 21px;}




.homeform_container {background: #f5f5f5;}
.homeform_container .homeform_block {padding: 150px 0;}

.homeform_container .block_head__text p {padding: 0; margin: 0;}
.homeform_container .block_head__text p:last-of-type {font-weight: 500; font-size: 20px; line-height: 150%; padding: 20px 0 0 0;}
.homeform_container .block_head__text a {font-weight: 700; color: var(--dark);}

.homeform_container .homeform_title {width: 355px; font-weight: 700; font-size: 24px; line-height: 130%; top: -5px; margin: 0 40px 0 0; position: relative;}

.homeform_container .homeform_form {position: relative; width: calc(100% - 40px - 355px);} 

.homeform_container .homeform_form .field_wrap__textarea {width: 100%;}
.homeform_container .homeform_form .form_bottom {padding: 0; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; align-items: center; align-content: center;}
.homeform_container .homeform_form .file_button {background: #FFF; border-color: #FFF; padding: 0 24px 2px;} 
.homeform_container .homeform_form .form_agreement {width: calc(100% - 355px - 30px); margin: 0;}
.homeform_container .homeform_form .button {width: 355px;}


.homeprod_container {}
.homeprod_container .homeprod_block {padding: 150px 0;}

.homeprod_container .homeprod_img {position: relative; margin: 0 0 50px; border-radius: 30px; overflow: hidden;}

.homeprod_container .homeprod_cols {position: relative; margin: 0 0 150px; align-items: stretch;}

.homeprod_container .homeprod_col {width: calc((100% - 40px)/2); position: relative; min-height: 100%;}
.homeprod_container .homeprod_col strong {display: block; margin: 0 0 50px; font-weight: 600; font-size: 24px; line-height: 150%;}
.homeprod_container .homeprod_col img {margin: 0 20px 0 0; height: 100px;}

.homeprod_container .homeprod_col:nth-child(2) {position: relative; padding: 0 0 30px;}
.homeprod_container .homeprod_col p {font-size: 16px; line-height: 160%; margin: 0 0 20px; padding: 0;}
.homeprod_container .homeprod_col p:last-of-type {margin: 0; padding: 0;}

.homeprod_container .read_more {position: absolute; left: 0; bottom: 0; text-transform: none; font-size: 16px;}

.homeprod_container .homeprod_digits {position: relative; margin: 0 0 50px;}

.homeprod_container .homeprod_digit {position: relative; padding: 50px 0; margin: 0 0 50px; width: 50%; box-sizing: border-box; border-top: 1px solid #d9d9d9;}
.homeprod_container .homeprod_digit:nth-child(2n) {margin-right: 0; border-left: 1px solid #d9d9d9; padding-left: 40px;}
.homeprod_container .homeprod_digit__title {color: var(--red); margin: 0 0 10px; font-weight: 500; font-size: 100px; line-height: 120%;}
.homeprod_container .homeprod_digit__subtitle {font-weight: 500; font-size: 20px; line-height: 120%;}

.homeprod_container .homeprod_video {position: relative;}


.homenews_container {}
.homenews_container .homenews_block {padding: 0 0 150px;}

.homenews_container .homenews_head {position: relative; margin: 0 0 50px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center;}
.homenews_container .homenews_head h2, .homenews_container .homenews_head .h2 {margin: 0;}

.homenews_container .homenews_nav {width: calc((100% - 40px)/2); margin: 0 0 0 auto; position: relative; align-self: center; display: flex;}
.homenews_container .homenews_nav li {margin: 0 40px 0 0;}
.homenews_container .homenews_nav li:last-of-type {margin: 0;}
.homenews_container .homenews_nav a {font-weight: 500; font-size: 16px; line-height: 140%; color: #a4a4a4; transition: 0.2s;}
.homenews_container .homenews_nav a:hover {color: var(--dark);}
.homenews_container .homenews_nav a.active {color: var(--dark); font-weight: 700;}


.news_item {position: relative; display: block; width: calc((100% - 40px )/2); margin: 0 40px 70px 0;}
.news_item:nth-child(2n) {margin-right: 0;}
.news_item__img {width: 100%; padding: 0 0 65.755%; margin: 0 0 20px; display: block; position: relative; border-radius: 30px; overflow: hidden;}
.news_item__head {display: flex; margin: 0 0 40px; align-items: center; justify-content: space-between;}
.news_item__tag {margin: 0 auto 0 0;}
.news_item__date {margin: 0 0 0 auto;}
.news_item__title {font-weight: 500; font-size: 24px; line-height: 140%; color: var(--dark); transition: 0.2s;}
.news_item__title:hover {color: var(--red);}