/*
    -----------------------------------------------------
    Stylesheet Guide
    -----------------------------------------------------

    1. Default stylesheets

    1.1. Color Schemes

    2. General classes

    3. Main

    3.1 Offsets

    4. Basic Elements

    4.1. Typography
    4.2. Lists
    4.3. Buttons
    4.4. Forms
    4.5. Tables
    4.6. Tooltips
    4.7. Dividers

    5. Widgets and Shortcodes

    6. Header

    6.1. Logo
    6.2. Main Navigation

    7. Footer

    */

@import 'reset.css';
@import 'animate.css';

:root {
  --font-family: 'Euclid Circular A', sans-serif;
  --border: rgba(0, 0, 0, 0.15);
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --black: #000;
  --black-rgb: 0, 0, 0;
  --red: #e53659;
  --green: #111427;
  --green-rgb: 17, 20, 39;
  --gray: #767676;
  --gray_light: #edf0ee;
  --gray_light2: #d8d8d8;
  --orange: #e89f71;
  --primary: #b2935a;
  --primary-light-theme: #948200;
  --primary-rgb: 234, 206, 1;
  --primary2: var(--green);
  --primary-hover: #baa60d;
  --primary-text: #b2935a;
  --primary-text-light-theme: #948200;
  --black-text: #1b1a1a;
  --black-text-rgb: 27, 26, 26;
  --secondary: #6c757d;
  --light: #f8f9fa;
  --navajo-white: #ffd8a7;
  --navajo-white-rgb: 255, 216, 167;
  --vista-white: #f0f1f3;
  --bg-grey: #eee;
  --bg-grey-light: #f1f2f4;
  --bg-gradient: radial-gradient(155.26% 155.26% at 51.39% 157.31%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
  --placeholder: rgba(0, 0, 0, 0.35);
  --text-white: rgba(255, 255, 255, 0.85);
  --radius-half: 50%;
}

#arrow_down path {
  fill: #000 !important;
  stroke: #000 !important;
}


/* ------------------------------------------------

    1. Default stylesheets

    ------------------------------------------------ */

html,
body {
  height: 100%;
  scrollbar-color: var(--primary) var(--bg-grey-light);
  /* «цвет ползунка» «цвет полосы скроллбара» */
  scrollbar-width: thin;
  /* толщина */
  overscroll-behavior: none; /* Отключаем резиновый эффект */
  -webkit-overflow-scrolling: touch; /* Для плавного скролла на iOS */
}

body {
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 22px;
  -webkit-text-size-adjust: none;
  color: var(--black);
  background: var(--white);
}

* {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 7px;
  /* ширина для вертикального скролла */
  height: 7px;
  /* высота для горизонтального скролла */
  background-color: var(--bg-grey-light);
}

::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(var(--primary-rgb), 0.5);
}

::-moz-selection {
  color: var(--white);
  background-color: var(--primary);
}

::selection {
  color: var(--white);
  background-color: var(--primary);
}

::-webkit-input-placeholder {
  color: var(--placeholder);
  transition: text-indent 0.5s ease, color 0.5s ease;
  -webkit-transition: text-indent 0.5s ease, color 0.5s ease;
}

input::-moz-placeholder {
  opacity: 1;
  color: var(--placeholder);
}

textarea::-moz-placeholder {
  opacity: 1;
  color: var(--placeholder);
}

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

[placeholder]:focus::-webkit-input-placeholder {
  text-indent: 10em;
  color: transparent;
}


/* --------------------------------------------
    Color Schemes
    -------------------------------------------- */

.accent_color {
  color: var(--primary);
}

.grey_color {
  color: var(--gray);
}

.white_color {
  color: var(--white);
}

.white_light_color {
  color: rgba(var(--white-rgb), 0.68);
}

.white_light_color2 {
  color: rgba(var(--white-rgb), 0.85);
}

.black_color {
  color: var(--black);
}

.black_light_color {
  color: rgba(var(--black-rgb), 0.45);
}

.bg_vista {
  background-color: var(--vista-white);
}

.bg_white {
  background-color: var(--white);
}

.bg_green {
  background-color: var(--green);
}

.bg_light {
  background-color: var(--light);
}

.bg_light2 {
  background-color: var(--gray_light2);
}


/* ------------------------------------------------

    2. General Classes

    ------------------------------------------------ */

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wrapper {
  overflow: hidden;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.d_ib {
  display: inline-block;
}

.transparent {
  opacity: 0;
}

.invisible {
  opacity: 0;
  visibility: hidden;
}

.visible {
  opacity: 1;
  visibility: visible;
}

.p_abs {
  position: absolute;
}

.p_rel {
  position: relative;
}

.p_fix {
  position: fixed;
}

.clear {
  clear: both;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.reg {
  text-transform: uppercase;
}

.gilroy {
  font-family: Gilroy;
}

.bold {
  font-weight: 700;
}


/* ------------------------------------------------

    3. Main

    ------------------------------------------------ */

.container2 {
  max-width: 1440px;
  margin: 0 auto;
}

.page_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#content {
  display: block;
  flex-grow: 1;
  padding: 0 0 60px;
}

.back_to_top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  width: 50px;
  height: 50px;
  text-align: center;
  color: var(--white);
  background-color: var(--gray);
  border: none;
  outline: none;
  cursor: pointer;
}

.back_to_top:hover {
  background-color: var(--primary);
}

.back_to_top i {
  margin: 0;
  font-size: 30px;
  line-height: 30px;
}

.content_wrapp {
  display: flex;
}

.sidebar {
  flex: none;
  width: 320px;
}

.sidebar_inner {
  position: sticky;
  top: 140px;
  overflow: hidden;
}

.page_content {
  flex: none;
  width: calc(100% - 320px);
  padding-top: 20px;
}


/* --------------------------------------------
    3.1. Offsets
    -------------------------------------------- */

.mb0 {
  margin-bottom: 0;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.pt20 {
  padding-top: 20px;
}


/* ------------------------------------------------

    4. Basic Elements

    ------------------------------------------------ */


/* --------------------------------------------
    4.1. Typography
    -------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.title1,
.title2,
.title3,
.title4 {
  margin: 0;
  margin-bottom: 15px;
  line-height: 1.87em;
  font-weight: 600;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
  font-weight: 400;
}

h5 {
  font-size: 11px;
}

h6 {
  font-size: 10px;
}

.title1 {
  font-size: 30px;
}

.title2 {
  font-size: 26px;
}

.title3 {
  font-size: 18px;
}

.title4 {
  font-size: 14px;
  font-weight: 400;
}

.title5 {
  font-size: 17px;
  line-height: 32px;
  font-weight: 400;
}

.page_title {
  font-family: var(--font-family);
  font-size: 32px;
  line-height: 1.5;
  font-weight: 400;
}

.signature_text {
  font-size: 11px;
  line-height: 22px;
  color: rgba(var(--black-rgb), 0.7);
}

p:not(:last-child) {
  margin-bottom: 20px;
}

strong {
  font-weight: 600;
}

a {
  text-decoration: underline;
  color: var(--primary);
  transition: all 0.5s;
}

a:hover {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s;
}

a:focus,
a:visited {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.img_box:not(:last-child) {
  margin-bottom: 40px;
}

.img_box img {
  width: auto;
}

/* data */
.data {
  padding: 10px 15px;
  min-width: 105px;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  line-height: 1.5;
}

.data_middle {
  min-width: 133px;
}

.data_primary {
  background-color: var(--primary);
  color: var(--white);
}

.data_primary_light {
  background-color: rgba(var(--primary-rgb), 0.15);
  color: var(--black);
}

/* box_bg_img */
.box_bg_img {
  height: 347px;
  box-shadow: 0px 24px 94px 1px rgba(0, 0, 0, 0.16);
  background: var(--bg-grey) center center / cover no-repeat;
}

.box_bg_img:not(:last-child) {
  margin-bottom: 60px;
}

/* figure */
.figure:not(:last-child) {
  margin-bottom: 60px;
}

.figure .figure_bg {
  height: 334px;
  background: var(--bg-grey) center center / cover no-repeat;
  box-shadow: 0px 24px 74px 1px rgba(0, 0, 0, 0.13);
}

.figure .figure_bg:not(:last-child) {
  margin-bottom: 35px;
}

.figure .figcaption {
  font-size: 11px;
  line-height: 1.82;
  text-align: center;
  color: rgba(var(--black-rgb), 0.55);
  opacity: 0.7;
}

.figure .figcaption a {
  text-decoration: none;
}

/* blockquote */
.blockquote {
  padding: 59px 97px;
  font-size: 14px;
  line-height: 1.9;
  position: relative;
  z-index: 1;
}

.blockquote::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--bg-grey);
  z-index: -1;
}

.blockquote:not(:last-child) {
  margin-bottom: 70px;
}

.blockquote_primary_light::before {
  background: linear-gradient(90deg, #eace01 -8.81%, #FFD8A7 118.49%);
  opacity: 0.07;
}

/* --------------------------------------------
    4.2. Lists
    -------------------------------------------- */

li > ul:not([class]) {
  padding-top: 9px;
}

ul:not([class]):not(:last-child) {
  margin-bottom: 35px;
}

ul:not([class]) > li {
  position: relative;
  padding-left: 23px;
}

ul:not([class]) > li:not(:last-child) {
  margin-bottom: 8px;
}

ul:not([class]) > li:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
  width: 11px;
  height: 1px;
  background-color: var(--primary);
}

li > ol:not([class]) {
  padding-top: 9px;
}

ol:not([class]):not(:last-child) {
  margin-bottom: 35px;
}

ol:not([class]) {
  counter-reset: item;
}

ol:not([class]) > li {
  position: relative;
  padding-left: 23px;
}

ol:not([class]) > li:not(:last-child) {
  margin-bottom: 8px;
}

ol:not([class]) > li:before {
  content: counter(item) '.';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  counter-increment: item;
  color: var(--primary);
}

li > .list1 {
  padding-top: 9px;
}

.list1:not(:last-child) {
  margin-bottom: 35px;
}

.list1 li {
  position: relative;
  padding-left: 23px;
}

.list1 li:not(:last-child) {
  margin-bottom: 8px;
}

.list1 > li:before {
  content: attr(data-list) '.';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: var(--primary);
}

/* definition_count_head */
.definition_count_head {
  counter-reset: definition_count_head;
  line-height: 1.8;
}

.definition_count_head:not(:last-child) {
  margin-bottom: 65px;
}

.definition_count_head dt {
  font-weight: 600;
  font-size: 15px;
  display: block;
  margin-bottom: 13px;
}

.definition_count_head dt::before {
  counter-increment: definition_count_head;
  content: counter(definition_count_head) ". ";
}

.definition_count_head dd {
  display: block;
  font-size: 13px;
  color: rgba(var(--black-rgb), 0.85);
}

.definition_count_head dd:not(:last-child) {
  margin-bottom: 40px;
}

/* --------------------------------------------
    4.3. Buttons
    -------------------------------------------- */

button {
  transition: all 0.5s;
  cursor: pointer;
}

button:hover {
  transition: all 0.3s;
}

.btn {
  display: inline-flex;
  min-width: 246px;
  padding: 10px 15px;
  font-family: var(--font-family);
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  color: var(--white);
  background: var(--primary);
  border: 2px solid var(--primary);
  outline: none;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.btn .old_price {
  font-size: 13px;
}

.btn:hover {
  color: var(--white);
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.btn_light {
  color: var(--black);
  background: none;
  border-color: var(--border);
}

.btn_light:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}

.btn_grey {
  color: var(--black);
  background-color: var(--bg-grey);
  border-color: var(--bg-grey);
}

.btn_grey:hover {
  color: var(--black);
  background-color: var(--bg-grey-light);
  border-color: var(--bg-grey-light);
}

.btn_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  color: var(--primary);
  background: none;
  border-color: var(--border);
}

.btn_icon .icon {
  width: 16px;
  height: 16px;
  fill: var(--primary);
  stroke: var(--primary);
  transition: all 0.5s;
}

.btn_icon:hover .icon {
  fill: var(--white);
  stroke: var(--white);
  transition: all 0.3s;
}

.btn_white {
  color: var(--black);
  background: var(--white);
  border-color: var(--white);
}

.btn_white:hover {
  color: var(--white);
  background: none;
  border-color: var(--white);
}

.btn_outline {
  position: relative;
  color: var(--primary);
  background: none;
  border: none;
}

.btn_outline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--primary);
}

.btn_outline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--primary);
}

.link_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}

.link_icon .badge {
  position: absolute;
  top: -10px;
  right: -11px;
}

.link_icon .icon {
  width: 100%;
  height: 100%;
  fill: var(--black);
  stroke: var(--black);
  transition: all 0.5s;
}

.link_icon:hover .icon {
  fill: var(--primary);
  stroke: var(--primary);
  transition: all 0.3s;
}

.link_icon--wishlist {
  display: none;
}

.link_icon--compare {
  display: none;
}

.badge {
  display: inline-block;
  min-width: 17px;
  max-width: 24px;
  height: 17px;
  padding: 0 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 8px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  color: var(--white);
  border-radius: var(--radius-half);
  background: var(--primary);
}

.full_width {
  min-width: 0;
  width: 100%;
}

.btn.large {
  padding: 15px 20px;
}

.filter_btn {
  display: none;
  background-color: var(--white);
  border-color: var(--white);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.09);
}

.btn_link {
  font-size: 12px;
  line-height: 22px;
  color: var(--primary);
  background: none;
  border: none;
  outline: none;
}

.btn_link:hover {
  color: var(--primary2);
}


/* --------------------------------------------
    4.4. Forms
    -------------------------------------------- */


/*Grid for form*/

.grid_box {
  margin-top: -35px;
}

[class*='grid_row_'] {
  display: grid;
  grid-gap: 14px;
}

.grid_item {
  margin-top: 35px;
}

.grid_row_1 {
  grid-template-columns: 1fr;
}

.grid_row_2 {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.grid_row_3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid_row_4 {
  grid-template-columns: repeat(4, 1fr);
}

.form_row {
  margin-bottom: 35px;
}

.form_row_reset {
  margin-bottom: -35px;
}

.form_label {
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 20px;
}

.form_input {
  width: 100%;
  height: 53px;
  padding: 14px 30px;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 25px;
  border: none;
  outline: none;
}
.modal_box .form_input {
  font-size: 16px;
  border: 1px solid #ccc;
  outline: none;
}
.modal_box .form_label {
  font-size: 14px;
}
textarea.form_input {
  height: auto;
  resize: none;
}

.form_select {
  width: 100%;
  height: 53px;
  border: none;
  outline: none;
}

.form_select .jq-selectbox__select {
  height: 100%;
  padding: 14px 30px;
  font-family: var(--font-family);
  font-size: 13px;
  line-height: 25px;
  text-shadow: none;
  background: var(--gray_light);
  border: none !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none;
}

.form_select .jq-selectbox__trigger {
  border: none;
}

.form_select .jq-selectbox__trigger-arrow {
  top: 26px;
  right: 22px;
  width: 10px;
  height: 5px;
  background: url('../images/icons/arrow_down.svg') 50% 50% no-repeat;
  border: none;
}

.jq-selectbox__dropdown {
  right: 0;
  width: calc(100% + 20px) !important;
  font-family: var(--font-family);
  border: none;
  border-radius: 0;
}

.jq-selectbox ul li {
  margin: 0;
  padding: 10px;
  white-space: normal;
}

.jq-selectbox ul li:not(:last-child) {
  margin-bottom: 0;
}

.jq-selectbox ul li:before {
  display: none;
}


/*Radio checkbox*/

.input_wrapper + .input_wrapper {
  margin-top: 13px;
}

.input_wrapper > input {
  display: none;
}

.input_wrapper > label {
  position: relative;
  display: block;
  padding-left: 30px;
  font-size: 13px;
  line-height: 22px;
  cursor: pointer;
}

.input_wrapper > label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid var(--border);
  transition: all 0.3s;
}

.input_wrapper > input:checked + label:before {
  background-color: var(--primary);
  border-width: 3px;
  border-color: var(--primary);
}

.circle_label:before {
  border-radius: var(--radius-half);
}

.input_wrapper > input:checked + .circle_label:before {
  background: none;
}

.input_wrapper > .square_label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  opacity: 0;
  background: url('../images/icons/check.svg') 50% 50% no-repeat;
  transition: all 0.3s;
}

.input_wrapper > input:disabled + .square_label {
  color: var(--gray);
  cursor: not-allowed;
}

.input_wrapper > input:checked + .square_label:after {
  opacity: 1;
}


/*Order Radio*/

.order_radio_wrapper input {
  display: none;
}

.order_radio_label {
  display: block;
  padding: 20px 30px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: var(--primary);
  border: 2px solid var(--border);
  cursor: pointer;
}

.order_radio_wrapper.type2 .order_radio_label {
  padding-left: 52px;
  text-align: left;
}

.order_radio_tetx {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: var(--black);
}

.order_radio_tetx:not(:last-child) {
  margin-bottom: 4px;
}

.order_radio_wrapper input:checked + .order_radio_label {
  border-color: var(--primary);
}

.order_finish_box {
  display: flex;
  align-content: center;
  padding: 180px 0;
  text-align: center;
}

.order_finish_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 106px;
  margin: 0 auto 40px;
  background-color: var(--primary);
  border-radius: var(--radius-half);
  box-shadow: 0 4px 90px rgba(var(--primary-rgb), 0.7);
}

.order_finish_icon img {
  width: 37px;
  height: auto;
}

.order_finish_text {
  margin-bottom: 52px;
  font-size: 12px;
  line-height: 22px;
  color: rgba(var(--black-rgb), 0.65);
}


/* --------------------------------------------
    4.5. Tables
    -------------------------------------------- */

.table_wrapp {
  overflow: auto;
}

.table_type1 {
  width: 100%;
  table-layout: fixed;
}

.table_type1 th {
  border: none;
  border-left: 7px solid transparent;
}

.table_type1 th:first-child {
  border-left: none;
}

.table_type1 tr {
  border: none;
  border-bottom: 8px solid transparent;
}

.table_type1 tbody td {
  margin: 0;
  padding: 0;
}

.table_type1 tbody .cell {
  padding: 9px 15px 9px 35px;
  font-size: 12px;
  line-height: 22px;
}

.table_type1 tbody tr:nth-child(odd) .cell {
  background-color: var(--white);
}

.table_type1 tbody tr:nth-child(even) .cell {
  background-color: rgba(var(--primary-rgb), 0.06);
}


/* --------------------------------------------
    4.6. Tooltips
    -------------------------------------------- */


/* --------------------------------------------
    4.7. Dividers
    -------------------------------------------- */


/* ------------------------------------------------

    5. Widgets and Shortcodes

    ------------------------------------------------ */


/* --------------------------------------------
    Brands Catalog
    -------------------------------------------- */

.brends_catalog_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.brends_catalog_wrapper:not(:last-child) {
  margin-bottom: 60px;
}

.brend_box {
  position: relative;
  padding: 20px;
  background-color: var(--white);
  transition: all 0.3s;
}

.brend_box:hover {
  box-shadow: 0 24px 64px 11px rgba(105, 105, 105, 0.07);
}

.brend_logo {
  display: flex;
  align-items: center;
  height: 107px;
  justify-content: center;
}

.brend_text {
  font-size: 13px;
  line-height: 1.8;
  color: rgba(var(--black-rgb), 0.85);
}

.brend_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: block;
}


/* --------------------------------------------
    Quantity
    -------------------------------------------- */

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

.quantity_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  background-color: var(--white);
  border-radius: var(--radius-half);
  box-shadow: 0 4px 8px rgba(73, 92, 136, 0.15);
  transition: all 0.3s;
  cursor: pointer;
}

.quantity_btn:hover {
  background-color: var(--bg-grey);
}

.quantity_number {
  width: 53px;
  font-size: 13px;
  line-height: 1.68;
  text-align: center;
}

.quantity_number:after {
  content: attr(data-pref);
  margin-left: 3px;
}

.quantity_wrapper.quantity_big .quantity_btn {
  width: 36px;
  height: 36px;
}

.quantity_wrapper.quantity_big .quantity_number {
  font-size: 15px;
  line-height: 1.75;
}

/* --------------------------------------------
    Card
    -------------------------------------------- */

.cart_wrapper:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: block;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(var(--black-rgb), 0.86);
  transition: all 0.3s;
}

.cart_inner {
  position: fixed;
  top: 0;
  right: -398px;
  bottom: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  width: 398px;
  padding: 30px 45px 0;
  overflow: auto;
  background-color: var(--white);
  transition: right 0.3s;
}

.cart_wrapper.active:before {
  opacity: 1;
  visibility: visible;
}

.cart_wrapper.active .cart_inner {
  right: 0;
}

.cart_header {
  position: sticky;
  top: -30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px 0;
  background-color: var(--white);
}

.cart_title {
  margin-bottom: 3px;
  font-family: var(--font-family);
  font-size: 26px;
  line-height: 1.87;
  font-weight: 700;
}

.cart_subtitle {
  font-size: 13px;
  line-height: 1.8;
  color: rgba(var(--black-rgb), 0.65);
}

.cart_close {
  width: 42px;
  height: 42px;
  margin-top: 7px;
  background: var(--bg-grey) url('../images/icons/close.svg') 50% 50% no-repeat;
  background-size: 10px 10px;
  transition: all 0.3s;
  cursor: pointer;
}

.cart_close:hover {
  background-color: var(--bg-grey-light);
}

.cart_footer {
  position: sticky;
  bottom: 0;
  padding-top: 30px;
  padding-bottom: 44px;
  background-color: var(--white);
}

.cart_sum_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 51px;
  padding: 16px 0;
  border-top: 1px solid rgba(var(--black-rgb), 0.12);
  border-bottom: 1px solid rgba(var(--black-rgb), 0.12);
}

.cart_sum {
  font-size: 15px;
  line-height: 1.65;
}

.cart_sum:after {
  content: attr(data-pref);
  margin-left: 3px;
}

.cart_content {
  flex-grow: 1;
  padding: 26px 0 32px;
}

.cart_item {
  display: flex;
}

.cart_item + .cart_item {
  margin-top: 44px;
}

.cart_item_img {
  flex-shrink: 0;
  width: 80px;
}

.cart_item_img > img {
  width: 100%;
}

.cart_item_info {
  flex-grow: 1;
  padding-left: 28px;
}

.cart_item_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.cart_item_btn_wrapper {
  flex-shrink: 0;
  margin-right: 5px;
  margin-left: 5px;
}

.cart_item_close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

.cart_item_close:hover {
  background-color: var(--bg-grey-light);
}

.cart_item_title {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 600;
}

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

.cart_item_price {
  font-size: 13px;
  line-height: 1.68;
  color: var(--black);
}

.cart_item_price:after {
  content: attr(data-pref);
  margin-left: 3px;
}

.order_busket {
  margin-left: 16px;
  padding: 39px 30px 20px;
}

.cart_item_qt_info {
  margin-top: 6px;
  font-size: 13px;
  line-height: 21px;
  color: rgba(var(--black-rgb), 0.59);
}

.order_busket_list {
  margin-top: 40px;
  margin-bottom: 15px;
  padding: 15px 0;
  font-size: 13px;
  line-height: 1.68;
  color: rgba(var(--black-rgb), 0.79);
  border-top: 1px solid rgba(var(--black-rgb), 0.12);
  border-bottom: 1px solid rgba(var(--black-rgb), 0.12);
}

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

.order_busket_list li + li {
  margin-top: 15px;
}

.order_busket_list li .cart_sum {
  font-size: 15px;
  line-height: 1.65;
  color: var(--black);
}

.order_busket_total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--black);
}

.order_busket_total .cart_sum_label {
  font-size: 13px;
  line-height: 1.68;
}

.order_busket_total .cart_sum {
  font-size: 15px;
  line-height: 1.65;
}

.order_busket .cart_item + .cart_item {
  margin-top: 30px;
}


/* --------------------------------------------
    Modals Windows
    -------------------------------------------- */

.modal_box {
  position: relative;
  max-width: 986px;
  margin: 0 auto;
  padding: 86px 114px;
  background-color: var(--white);
}

.modal_title {
  max-width: 398px;
  margin: 0 auto 53px;
  font-family: var(--font-family);
  font-size: 33px;
  line-height: 48px;
  text-align: center;
}

.modal_btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.modal_btns .btn + .btn {
  margin-left: 13px;
}

button.mfp-close,
button.mfp-close:active {
  top: 30px;
  right: 30px;
  width: 42px;
  height: 42px;
  font-size: 0;
  background: var(--bg-grey) url('../images/icons/close.svg') no-repeat;
  background-position: 50% 50%;
}

#login {
  max-width: 752px;
}

.login_form {
  max-width: 364px;
  margin: 0 auto 42px;
}

.agreement_box {
  margin: 0 35px;
}

.agreement_box .square_label {
  font-size: 11px;
  line-height: 20px;
  color: rgba(var(--black-rgb), 0.55);
}

.agreement_box .input_wrapper > label:before,
.agreement_box .input_wrapper > label:after {
  top: 50%;
  transform: translateY(-50%);
}

.login_social {
  margin: 0 -114px -86px;
  padding: 32px 114px 40px;
  text-align: center;
  background-color: #fafafa;
}

.login_social_label {
  display: inline-block;
  max-width: 280px;
  margin-bottom: 30px;
  font-size: 11px;
  line-height: 1.85;
  color: rgba(var(--black-rgb), 0.6);
}

.social_list {
  font-size: 0;
}

.social_list > li {
  display: inline-block;
  padding: 0 8px;
}

.social_list > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  font-size: 17px;
  text-decoration: none;
  color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: var(--radius-half);
}

.social_list > li > a:hover {
  color: var(--white);
  background-color: var(--primary);
}

#product_add_cart,
#product_comparison {
  max-width: 1078px;
  margin: 87px auto 20px;
}

.modal_product_add_cart,
.modal_product_comparison {
  background-color: transparent;
  padding: 0;
}

.modal_product_add_cart .modal_btns,
.modal_product_comparison .modal_btns {
  font-weight: 600;
}

.modal_product_comparison .product_comparison_header {
  padding: 86px 114px;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.modal_product_comparison .product_comparison_header h2 {
  margin-bottom: 40px;
  font-family: var(--font-family);
}

.modal_product_add_cart .product_add_cart_header + .product_add_cart_content,
.modal_product_comparison .product_comparison_header + .product_comparison_content {
  margin-top: 15px;
}

.modal_product_add_cart .product_add_cart_content,
.modal_product_comparison .product_comparison_content {
  background-color: var(--bg-grey-light);
  padding: 48px 83px;
}

.modal_product_add_cart .product_add_cart_content h3,
.modal_product_comparison .product_comparison_content h3 {
  text-align: center;
  margin-bottom: 30px;
}

.modal_product_add_cart .product_add_cart_content h3 {
  text-align: left;
}

.cart_item.horizontal {
  align-items: center;
  background-color: var(--white);
  min-height: 112px;
  padding: 12px 40px 12px 30px;
}

.cart_item.horizontal .cart_item_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 47px;
}

.cart_item.horizontal .cart_item_title {
  font-weight: 400;
}

.cart_item.horizontal .cart_item_price {
  font-size: 15px;
  min-width: 93px;
}

.cart_item.horizontal .cart_item_price + .cart_item_qt {
  margin-left: 30px;
}

.cart_item.horizontal .cart_item_header {
  margin-bottom: 0;
}

.cart_item.horizontal .cart_item_footer {
  padding-left: 10px;
}

.cart_item.horizontal .cart_item_close {
  width: auto;
  height: auto;
  background-color: transparent;
  text-decoration: none;
}

.cart_item.horizontal .cart_item_close span + img {
  margin-left: 14px;
}

.cart_item.horizontal .quantity_btn {
  width: 36px;
  height: 36px;
}

.product_comparison_carts:not(:last-child) {
  margin-bottom: 40px;
}

.product_comparison_carts .cart_item.horizontal + .cart_item.horizontal {
  margin-top: 15px;
}

/* modal_product_add_cart */
.modal_product_add_cart .product_add_cart_header {
  padding: 50px 83px 50px 50px;
  background-color: var(--white);
}

.modal_product_add_cart .product_add_cart_header + .product_add_cart_content {
  margin-top: 15px;
}

.modal_product_add_cart .product_add_cart_content .cart_item_title {
  max-width: 168px;
}

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

.product_card_horisontal .product_card_horisontal_img {
  width: 394px;
  height: 360px;
  flex: none;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.product_card_horisontal .product_card_horisontal_img img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
}

.product_card_horisontal .product_card_horisontal_img::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.product_card_horisontal .product_card_horisontal_img + .product_card_horisontal_desc {
  padding-left: 46px;
}

.product_card_horisontal .product_card_horisontal_desc {
  padding: 15px 0;
}

.product_card_horisontal .product_card_horisontal_desc h2 {
  font-family: var(--font-family);
  margin-bottom: 34px;
}

.product_card_horisontal .product_card_horisontal_desc p {
  font-size: 13px;
  line-height: 24px;
  color: rgba(var(--black-rgb), 0.65);
}

.product_card_horisontal .product_card_horisontal_desc p:not(:last-child) {
  margin-bottom: 34px;
}

.product_card_horisontal .product_card_horisontal_desc .product_price_wrapp {
  margin-bottom: 45px;
}

.tabs_wrap {
  display: flex;
  background-color: var(--gray_light2);
  flex-wrap: nowrap;
  overflow: auto;
  scrollbar-width: thin;
}
.new_charac .tab {
  padding-bottom: 30px;
}
/* Анимация подсказки */
.tabs_wrap.scroll-hint {
  animation: scrollHint 1.5s ease-in-out;
}

@keyframes scrollHint {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-20px);
  }
  40% {
    transform: translateX(0);
  }
  60% {
    transform: translateX(-15px);
  }
  80% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
.tab_item {
  margin: 16px 36px;
  color: var(--primary2);
  font-size: 16px;
  transition: ease 0.3s;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .tab_item {
    margin: 16px 25px;
  }
}
@media only screen and (max-width: 350px) {
  .tab_item {
    margin: 16px 13px;
  }
}
.tab_item:hover {
  border-bottom: 2px solid;
}

.tab_item.active {
  border-bottom: 2px solid;
  cursor: default;
}

.tab {
  display: none;
  margin: 16px 0;
}

.tab.active {
  display: block;
}

/* --------------------------------------------
    Catalog Menu
    -------------------------------------------- */

body.open_menu {
  overflow: hidden;
  height: 100%;
}

.catalog_menu_wrapper {
  position: fixed;
  top: 104px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(var(--black-rgb), 0.86);
  transition: opacity 0.3s, visability 0.3s;
}

.catalog_menu_wrapper.active {
  opacity: 1;
  visibility: visible;
}

.catalog_menu_box {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  width: 510px;
  height: 100%;
  padding-top: 10px;
  background-color: var(--primary2);
}

.catalog_menu_top {
  flex-grow: 1;
  overflow: auto;
  -ms-overflow-style: none;
}

.catalog_menu_top,
.catalog_submenu {
  scrollbar-width: thin;
}

.catalog_menu_top > li > a {
  display: flex;
  align-items: center;
  padding: 5px 0 5px 100px;
  font-size: 17px;
  line-height: 1.87;
  text-decoration: none;
  color: rgba(var(--white-rgb), 0.65);
}

.catalog_menu_top > li > a > span {
  /*white-space: nowrap;*/
}

.catalog_menu_top > li > a img {
  margin-right: 25px;
  /*opacity: 0.35;*/
  transition: all 0.5s;
}

.catalog_menu_top > li.current > a,
.catalog_menu_top > li:hover > a {
  color: var(--white);
  background: linear-gradient(270deg, rgba(var(--white-rgb), 0.05) 0%, rgba(var(--white-rgb), 0) 97.89%);
}

.catalog_menu_top > li.current > a img,
.catalog_menu_top > li:hover > a img {
  opacity: 1;
  transition: all 0.3s;
}

.catalog_menu_bottom {
  background-color: var(--primary2);
}

.catalog_menu_bottom > li {
  background: rgba(var(--primary-rgb), 0.14);
}

.catalog_menu_bottom > li + li {
  border-top: 1px solid rgba(var(--primary-rgb), 0.32);
}

.catalog_menu_bottom > li > a {
  display: block;
  padding: 33px 0 33px 100px;
  text-decoration: none;
  color: var(--primary-text);
}

.catalog_menu_bottom > li > a:hover {
  background: rgba(var(--primary-rgb), 0.14);
}

.catalog_menu_item.active > .catalog_submenu_wrapp {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.catalog_menu_item .all_brands_link {
  color: var(--primary);
  font-size: 20px;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}

/*level 2*/

.catalog_submenu_wrapp {
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 330px;
  padding: 47px 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(var(--white-rgb), 0.97);
  transform: translateX(100%);
  pointer-events: none;
  z-index: 0;
  display: flex;
  flex-direction: column;
}

li.t_active > .catalog_submenu_wrapp {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  pointer-events: auto;
  transform: translateX(-100%);
}

.catalog_submenu {
  overflow-y: auto;
}

.catalog_submenu > li > a {
  display: block;
  padding: 16px 20px 16px 60px;
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  color: rgba(var(--black-text-rgb), 0.8);
}

.catalog_submenu > li:hover > a {
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.14) -8.81%, rgba(var(--navajo-white-rgb), 0.14) 118.49%);
}

.catalog_submenu > li.current > a {
  padding: 20px 20px 20px 60px;
  background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.26) -8.81%, rgba(var(--navajo-white-rgb), 0.26) 118.49%);
}


/*level 2*/

.catalog_submenu_wrapp.menu_lev3 {
  background-color: rgba(var(--white-rgb), 0.91);
  backdrop-filter: blur(240px);
}


/*submenu header*/

.submenu_header {
  display: none;
  padding-bottom: 18px;
  padding-left: 60px;
}

.touchevents .submenu_header {
  display: block;
}

.submenu_header a {
  font-size: 13px;
  line-height: 24px;
  text-decoration: none;
  color: var(--primary-light-theme);
}

.catalog_back_btn {
  /*display: inline-flex;*/
  display: none;
  align-items: center;
  margin-bottom: 34px;
  font-size: 11px;
  line-height: 20px;
  text-decoration: none;
}

.catalog_back_btn img {
  margin-right: 12px;
}

.submenu_title {
  margin-bottom: 3px;
  font-family: var(--font-family);
  font-size: 23px;
  line-height: 34px;
  font-weight: 400;
}


/* --------------------------------------------
    Page Title Box
    -------------------------------------------- */

.page_title_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /*min-height: 183px;
    margin-bottom: 40px;*/
  padding: 20px 0;
  text-align: left;
  color: var(--white);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.page_title_wrapper:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0.9;
  background-color: var(--primary2);
}

.page_title_wrapper .container {
  position: relative;
  z-index: 2;
}

.page_title_wrapper .breadcrumbs {
  margin-bottom: 16px;
}

.page_title_box {
  margin: 60px 0;
  text-align: center;
}

.page_title_box.with_breadcrumbs {
  text-align: left;
}

.page_title_box.with_breadcrumbs > .container {
  display: flex;
  align-items: center;
}

.page_title_box.with_breadcrumbs .page_title {
  margin-right: 40px;
}

.page_title_box.with_breadcrumbs .breadcrumbs li + li:before {
  background-image: url('../images/icons/breadcrumbs_arrow_primary.svg');
}


/* --------------------------------------------
    Breadcrumbs
    -------------------------------------------- */

.breadcrumbs {
  font-size: 12px;
  line-height: 17px;
}

.breadcrumbs_small {
  font-size: 9px;
  line-height: 1.86;
}

.breadcrumbs li {
  position: relative;
  display: inline-block;
}

.breadcrumbs li + li {
  padding-left: 22px;
}

.breadcrumbs li + li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 7px;
  display: block;
  width: 8px;
  height: 8px;
  background: url('../images/icons/breadcrumbs_arrow.svg') 50% 50% no-repeat;
  background-size: 4px auto;
}

.breadcrumbs li a {
  text-decoration: none;
}

.breadcrumbs-primary-arrows li + li:before {
  background-image: url('../images/icons/breadcrumbs_arrow_primary.svg');
}

.product_media .breadcrumbs {
  margin: 16px 0 20px 40px;
}

/* --------------------------------------------
    Page Navigation
    -------------------------------------------- */

.page_nav_title {
  position: relative;
  padding: 13px 10px 13px 43px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  background-color: rgba(var(--primary-rgb), 0.12);
}

.page_nav_title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 7px;
  background-color: var(--primary);
}

.page_nav_list {
  padding: 15px 45px 20px;
  font-size: 14px;
  line-height: 20px;
}

.page_nav_list li {
  position: relative;
}

.page_nav_list li a {
  display: block;
  padding: 14px 0;
  text-decoration: none;
  color: var(--black);
  border-bottom: 1px solid var(--border);
}

.page_nav_list .have_submenu > a {
  padding-right: 30px;
}

.page_nav_list .have_submenu .submenu_btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 49px;
  background: url('../images/icons/arrow_top.svg') 50% 50% no-repeat;
  transition: all 0.3s;
  cursor: pointer;
}

.page_nav_list .have_submenu .submenu_btn.active {
  transform: rotate(180deg);
}

.page_nav_list .page_nav_list {
  padding: 0;
}

.page_nav_list .page_nav_list li > a {
  padding-left: 20px;
  font-size: 13px;
  opacity: 0.5;
}


/* --------------------------------------------
    Sections
    -------------------------------------------- */

.section1 {
  padding-left: 128px;
}

.section1:not(:last-child) {
  padding-bottom: 60px;
}

.section_title {
  margin-bottom: 35px;
  margin-left: -128px;
  padding: 30px 20px 30px 128px;
  font-family: var(--font-family);
  font-size: 26px;
  line-height: 48px;
  font-weight: 700;
  background-color: rgba(var(--primary-rgb), 0.12);
}


.text_page .section_title:not(:first-child) {
  margin-top: 60px;
}


/* section 2 */

.section2 {
  padding: 33px 76px 50px;
}

.section2:not(:last-child) {
  margin-bottom: 16px;
}

.section2_title1 {
  margin-bottom: 46px;
}

.section2_title3 {
  margin-bottom: 32px;
}


/* --------------------------------------------
    Info Box
    -------------------------------------------- */

.info_box {
  font-size: 14px;
  line-height: 26px;
  color: var(--primary);
  border-top: 1px solid var(--bg-grey);
  border-bottom: 1px solid var(--bg-grey);
}

.info_box:not(:last-child) {
  margin-bottom: 45px;
}

.info_box_inner {
  padding: 17px 30% 20px 0;
}

.info_box2 {
  position: relative;
  padding: 94px 115px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-top: 80px;
}

.info_box2:not(:last-child) {
  margin-bottom: 80px;
}

.info_box2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(var(--green-rgb), 0.93);
}

.info_box2_title {
  margin-bottom: 40px;
  font-family: var(--font-family);
  font-size: 33px;
  line-height: 1.66;
  color: var(--primary);
}

.info_box2_subtitle {
  font-size: 12px;
  line-height: 22px;
  color: rgba(var(--white-rgb), 0.7);
}

.info_box3 {
  position: relative;
  padding: 94px 115px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-top: -80px;
}

.info_box3:not(:last-child) {
  margin-bottom: 80px;
}


.info_box3_title {
  margin-bottom: 40px;
  font-family: var(--font-family);
  font-size: 33px;
  line-height: 1.66;
  color: var(--primary);
}

.info_box3_subtitle {
  font-size: 12px;
  line-height: 22px;
  color: var(--secondary);
  margin-bottom: 30px;
}

/* --------------------------------------------
    Advantages
    -------------------------------------------- */

.advantages_list {
  display: flex;
  margin: 0 -50px;
}

.advantage_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 33.33%;
  padding: 30px 50px 0;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
}

.advantage_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 105px;
  margin-bottom: 24px;
  background-color: rgba(var(--primary-rgb), 0.06);
  border-radius: var(--radius-half);
}
.advantage {
  display: flex;
  align-items: center;
  gap: 12px;
}
.advantages-wrapper {
  display: flex;
  padding: 20px;
  justify-content: space-around;
}
.advantages-wrapper.advantages {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 30px;
  background: #f2f2f2b3;
  margin-bottom: 60px;
}
.advantages-wrapper .advantage a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  color: #624307;
  text-decoration: none;
  border-bottom: 1px solid var(--primary-light-theme);
}


.advantages-wrapper .advantage span {
  color: #000;
  font-size: 14px; /* или 15px что лучше подойдёт */
  margin-top: 16px;
}

.new_charac .advantages-wrapper {
  width: 50%;
  margin-top: -175px;
  margin-bottom: 0;
  background-color: white;
}
@media only screen and (max-width: 1160px) {
  .advantages-wrapper.advantages{
    flex-direction: column;
    gap: 15px;
}
}
/* --------------------------------------------
    Pagination
    -------------------------------------------- */

.pagination_wrapper {
  display: flex;
  align-items: center;
  padding-top: 26px;
}

.pagination_label {
  flex-grow: 1;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  opacity: 0.5;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -7px;
}

.pagination > li {
  padding: 0 7px;
}

.pagination > li > span {
  display: block;
  width: 20px;
  text-align: center;
}

.pagination > li > a {
  display: block;
  width: 44px;
  height: 44px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: var(--black);
  border: 2px solid var(--border);
}

.pagination > li > a:hover {
  color: var(--white);
  background-color: var(--bg-grey);
  border-color: var(--bg-grey);
}

.pagination > li.current > a {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.pagination_link {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  color: var(--black);
}

.pagination_link img {
  margin: 0 5px;
  transition: all 0.3s;
}

.pagination_link:hover {
  color: var(--primary);
}

.pagination_link.next {
  margin-left: 26px;
}

.pagination_link.prev {
  margin-right: 26px;
}

.pagination_link.next:hover img {
  transform: translateX(10px);
}

.pagination_link.prev:hover img {
  transform: translateX(-10px);
}


/* --------------------------------------------
    Sort Box
    -------------------------------------------- */



.filter_list {
  display: flex;
  flex-grow: 1;
  padding: 11px 11px 10px 0;
  overflow: auto;
  overflow-y: hidden;
  /*border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);*/
}

.filter_link {
  position: relative;
  display: block;
  margin: 0 19px;
  text-decoration: none;
  white-space: nowrap;
  color: var(--black);
}

.filter_link:first-child {
  margin-left: 0;
}

.filter_link .count {
  opacity: 0.5;
}

.filter_link:before {
  content: '';
  position: absolute;
  bottom: -11px;
  display: block;
  width: 100%;
  height: 2px;
  opacity: 0;
  background-color: var(--primary);
  transition: all 0.3s;
}

.filter_link:hover {
  color: var(--primary);
}

.filter_link.current {
  font-weight: 600;
}

.filter_link.current:before {
  opacity: 1;
}

.sort_select.jq-selectbox {
  height: auto;
  border: none;
  outline: none;
}


.sort_select .jq-selectbox__select-text {
  width: 100% !important;
  font-family: var(--font-family);
}

.sort_select .jq-selectbox__trigger {
  border: none;
}

.sort_select .jq-selectbox__trigger-arrow {
  top: 8px;
  right: 12px;
  width: 10px;
  height: 5px;
  background: url('../images/icons/arrow_down.svg') 50% 50% no-repeat;
  border: none;
}


/* --------------------------------------------
    Product
    -------------------------------------------- */

.product_wrapper {
  padding: 0 10px;
}

.product_post {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 -10px;
  padding-bottom: 46px;
}

.product_top_mob {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.product_top_mob .product_description .price {
  display: none;
}

@media only screen and (max-width: 575px) {
  .product_top_mob {
    flex-direction: column;
  }

  .product_top_mob .product_description .price {
    display: block;
    font-size: 16px;
    font-weight: 400;
  }
}

.product_img {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 100%;
}

@media only screen and (max-width: 575px) {
  .product_top_mob .product_img {
    flex-shrink: 0;
    width: 30%;
    padding-bottom: 32%;
    margin-bottom: 10px;
  }

  .product_top_mob .product_img img {
    height: auto;
  }
}

.product_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product_img:hover .product_img_description,
.product_img:focus .product_img_description {
  display: block;
}

.product_img_description {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  color: var(--white);
  overflow: hidden;
  padding: 20px;
}

.section_inner {
  flex: 0 0 auto;
  width: 100%;
  padding-bottom: 60px;
}

.section_inner .section_title {
  padding: 50px 20px 0 55px;
  margin-left: 0;
  margin-bottom: 0;
  background: none;
}

@media only screen and (max-width: 575px) {
  .product_img:hover .product_img_description,
  .product_img:focus .product_img_description {
    display: none;
  }
}

.product_description {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--gray);
}

@media only screen and (max-width: 575px) {
  .product_top_mob .product_description {
    margin-left: 10px;
    margin-bottom: 15px;
  }
}

.product_title_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

@media only screen and (max-width: 575px) {
  .product_top_mob .product_title_wrapper {
    flex-direction: column-reverse;
    margin-bottom: 0;
  }
}

.product_title {
  flex-grow: 1;
  line-height: 1.23;
  font-weight: 600;
}

.product_lable {
  flex-shrink: 0;
  margin-left: 10px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 21px;
  font-weight: 600;
}

@media only screen and (max-width: 575px) {
  .product_top_mob .product_lable {
    margin-left: 0;
    padding: 0;
  }
}

.product_lable.sale {
  padding: 2px 20px;
  color: var(--white);
  background-color: var(--red);
}

.product_lable.new {
  text-transform: uppercase;
  color: var(--red);
}

.product_lable.lable_type1 {
  color: var(--primary);
}

.product_title > a {
  text-decoration: none;
  color: inherit;
}

.product_title > a:hover {
  color: var(--primary);
}

.product_text {
  font-size: 12px;
  line-height: 20px;
  opacity: 0.39;
  margin-bottom: 15px;
}

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

.product_btn_wrapp .btn_icon {
  flex-shrink: 0;
}

.product_btn_wrapp_bottom {
  margin: 10px -5px 0 -5px;
}

.product_btn_wrapp_bottom .btn_icon {
  display: none;
}
.filter_link > .product_lable.sale {
  position: static;
  display: block;
}
@media only screen and (max-width: 575px) {
  /*.product_top_mob .product_btn_wrapp {*/
  /*  display: none;*/
  /*}*/

  .product_btn_wrapp_bottom {
    margin: 0 0 0 -2px;
  }

  .product_btn_wrapp_bottom .btn_icon {
    display: flex;
    margin-left: 2px;
  }
}

.old_price {
  font-size: 14px !important;
  text-decoration: line-through;
}

.new_price {
  font-weight: 600;
  color: var(--red);
}

.price {
  font-weight: 600;
}
span.btn.btn_icon.compare_btn, span.btn.btn_icon.add_to_favorites{
  border: 0;
}

/* --------------------------------------------
    Filter
    -------------------------------------------- */

.filter_wrapp {
  padding-right: 100px;
  max-height: calc(100vh - 140px);
  margin-right: -30px;
  overflow-y: auto;
}
.filter_wrapp::-webkit-scrollbar {
  display: none;
}
.filter_wrapp.scroll-end {
  max-height: calc(100vh - 140px);
}
.filter_header {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  height: 70px;
  padding: 20px 25px 17px;
  background-color: var(--white);
  box-shadow: 0 -6px 54px rgba(0, 0, 0, 0.15);
}

.filter_header_title {
  font-size: 18px;
  line-height: 1.87;
  font-weight: 600;
  text-align: center;
}

.filter_close {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 20px;
  height: 20px;
  padding: 4px;
  transform: translateY(-50%);
  cursor: pointer;
}

.filter_header_btn {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.filter_wrapp .title5 {
  font-weight: 600;
}

.filter_section {
  padding: 20px 0 20px;
  border-top: 1px solid var(--border);
}

.filter_section:first-child,
.filter_header + .filter_section {
  /*padding-top: 0;*/
  border: none;
}

.filter_title {
  position: relative;
  margin-bottom: 0;
  padding-right: 20px;
  cursor: pointer;
}

.filter_box {
  padding-top: 15px;
}

.filter_title:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 6px;
  background: url('../images/icons/arrow_down.svg');
  transform: translateY(-50%);
  transition: all 0.5s;
}

.filter_title.active:before {
  transform: rotate(-180deg);
}

.filter_show_btn {
  display: inline-block;
  margin-top: 20px;
  text-decoration: none;
}

.filter_show_btn:before {
  content: attr(data-text);
}

.filter_show_btn.active:before {
  content: attr(data-text2);
}

.filter_btn_wrapp {
  position: sticky;
  z-index: 1;
  bottom: 0;
  padding-bottom: 20px;
  background-color: var(--white);
}
@media only screen and (min-width: 768px) {
  .filter_btn_wrapp {
    position: fixed;
    width: 173px;
  }
  .filter-changed.filter_wrapp {
    max-height: calc(100vh - 258px);
  }
}
@media only screen and (min-width: 992px) {
  .filter_btn_wrapp {
    width: 233px;
  }
  .col-xl-4.col-md-6.col-12.product_card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    transform: rotateX(0deg) translateY(-5px);
    z-index: 200;
  }
}
.filter_wrapp.scroll-end .filter_btn_wrapp {
  position: sticky;
}
.filter_btn_wrapp .btn + .btn {
  margin-top: 10px;
}

.filter_btn_wrapp::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  display: block;
  height: 20px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}


/*slider range*/

.range_box {
  position: relative;
  z-index: 1;
}

.range_box input {
  width: 97px;
  height: 37px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  color: var(--black);
  background: none;
  border: 2px solid var(--border);
  outline: none;
}

.range_input_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
}

.filter_show_more {
  display: none;
}

/* new */

.range_box .irs {
  font: inherit;
}

.range_box .irs--round {
  height: 4px;
}

.range_box .irs--round .irs-bar {
  background-color: var(--primary);
  top: 0;
}

.range_box .irs--round .irs-handle {
  width: 16px;
  height: 16px;
  background-color: var(--white);
  border: none;
  top: 50%;
  margin-top: 0;
  transform: translateY(-50%);
  border-radius: var(--radius-half);
  box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.15);
  transition: background-color 0.5s;
  cursor: pointer;
}

.range_box .irs--round .irs-handle.state_hover,
.range_box .irs--round .irs-handle:hover {
  background-color: var(--primary);
  border: 1px solid #c5c5c5;
}

.range_box .irs--round .irs-line {
  top: 0;
  height: 4px;
  background-color: rgba(var(--green-rgb), 0.1);
  border-radius: 2px;
}

/* --------------------------------------------
    Slider
    -------------------------------------------- */

.swiper-slide img {
  width: 100%;
}

.swiper_button {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  background-color: var(--white);
  border-radius: var(--radius-half);
  box-shadow: 0 4px 10px rgba(129, 129, 129, 0.19);
  transform: translateY(-50%);
  cursor: pointer;
}

.swiper_button.next {
  right: 37px;
}

.swiper_button.next img {
  margin-right: -3px;
}

.swiper_button.prev {
  left: 37px;
}

.swiper_button.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.swiper_button.prev img {
  margin-left: -3px;
}

.swiper_button img {
  width: 14px;
}

.swiper-pagination {
  position: static;
  padding-top: 27px;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 5px;
  opacity: 0.35;
  background-color: var(--gray);
}

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

.product_slider_link::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 106px;
  height: 106px;
  opacity: 0;
  background: var(--primary) url(../images/icons/zoom.svg) 50% 50% no-repeat;
  border-radius: var(--radius-half);
  box-shadow: 0 4px 90px rgba(var(--primary-rgb), 0.7);
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

.product_slider_link.active::before {
  opacity: 1;
}


/*Product Carusel*/

.product_carusel {
  margin: 0 -15px;
  padding-right: 15px;
  padding-left: 15px;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.product_carusel .swiper-slide {
  height: initial;
}

.product_carusel .product_post {
  margin: 0;
  padding-bottom: 0;
}

.product_carusel .swiper_button.next {
  right: 0;
}

.product_carusel .swiper_button.prev {
  left: 0;
}


/*Main slider*/

.main_slider {
  margin-bottom: 10px;
  padding: 0 91px;
  color: var(--white);
}

#main_slider .swiper_button.next {
  right: 20px;
}

.main_slider-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 486px;
  padding: 20px 125px;
  background-position: center;
  background-size: cover;
}

.main_slider-item > * {
  position: relative;
  z-index: 2;
}

.main_slider-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  background-color: rgba(var(--black-rgb), 0.3);
}

.main_slider_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
}

.main_slider-item .main_slider_title {
  margin-bottom: 20px;
  font-family: var(--font-family);
  font-size: 47px;
  line-height: 62px;
  font-weight: bold;
}

.main_slider-item .main_slider_subtitle {
  font-size: 16px;
  line-height: 30px;
  font-weight: normal;
  opacity: 0.7;
}

.main_slider .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 9px !important;
  opacity: 1;
  background-color: var(--gray_light2);
}

.main_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
  background-color: var(--orange);
}

.main_slider .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  width: 17px;
  height: 17px;
  opacity: 0.7;
  background: none;
  border: 1px solid var(--orange);
  border-radius: var(--radius-half);
}


/* --------------------------------------------
    Characteristics
    -------------------------------------------- */

.charac_item {
  display: flex;
  align-items: start;
}

.charac_item + .charac_item {
  margin-top: 10px;
}

.charac_val {
  flex: 0 0 145px;
  padding-left: 9px;
  font-size: 14px;
  line-height: 24px;
  color: #484848;
}

.charac_name {
  flex: 0 1 auto;
  padding-right: 9px;
  font-size: 13px;
  line-height: 24px;
  opacity: 0.8;
  color: #484848;
}

.charac_line {
  flex-grow: 1;
}

.charac_line {
  min-width: 50px;
  height: 17px;
  border-bottom: 1px dotted rgba(var(--black-rgb), 0.3);
}

.product_info_body .charac_val,
.product_info_body .charac_name {
  color: rgba(var(--white-rgb), 0.65);
}

.new_charac {
  width: 100%;
  background-color: var(--vista-white);
}

.new_charac section {
  padding: 40px 55px;

}

.new_charac section .tab.active .offset1 {
  display: inline-block;
  width: 150px;
  margin-right: 10px;
}

@media (max-width: 991px) {
  .new_charac section {
    padding: 0 50px 1px;
  }
}

/* --------------------------------------------
    Show More Box
    -------------------------------------------- */

.show_more_box {
  position: relative;
  margin-right: -30px;
  margin-bottom: 30px;
  margin-left: -30px;
  padding-right: 30px;
  padding-left: 30px;
  overflow: hidden;
}

.show_more_btn {
  position: relative;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: var(--primary);
  border-top: 1px solid rgba(var(--primary-rgb), 0.32);
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.32);
}

.show_more_btn:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 22px;
  line-height: 22px;
  transform: translateY(-12px);
  transition: all 0.3s;
}

.show_more_btn:after {
  content: attr(data-text);
  display: block;
  transition: all 0.3s;
}

.show_more_btn:hover {
  color: var(--primary);
}

.show_more_btn:hover:after {
  transform: translateX(10px);
}

.show_more_btn.active:before {
  transform: translateY(-12px) rotate(-45deg);
}

.show_more_btn.active:after {
  content: attr(data-text2);
}

.show_charac_btn {
  position: relative;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
  color: var(--primary);
  border-top: 1px solid rgba(var(--primary-rgb), 0.32);
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.32);
}

.show_charac_btn:after {
  content: attr(data-text);
  display: block;
  transition: all 0.3s;
}

.show_charac_btn:hover:after {
  transform: translateX(10px);
}

/* --------------------------------------------
    Characteristics
    -------------------------------------------- */

.link_doc {
  display: flex;
  align-items: start;
  padding: 20px 27px;
  text-decoration: none;
  background-color: var(--white);
}

.link_doc + .link_doc {
  margin-top: 13px;
}

.link_doc:hover {
  background-color: rgba(var(--primary-rgb), 0.06);
}

.link_doc_desc {
  padding-left: 25px;
  font-size: 12px;
  line-height: 18px;
}

.link_doc_title {
  display: block;
  font-weight: 600;
  color: var(--black);
}

.link_doc_size {
  color: #9c9c9c;
}


/* --------------------------------------------
    Video Box
    -------------------------------------------- */

.video_box {
  position: relative;
  height: 290px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.video_box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  opacity: 0.8;
  background-color: var(--primary);
}

.video_box_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.video_box_title {
  font-size: 20px;
  line-height: 27px;
  color: var(--white);
}

.video_box_btn {
  content: '';
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 91px;
  height: 91px;
  margin-bottom: 30px;
  background: rgba(var(--white-rgb), 0.21);
  border-radius: var(--radius-half);
  backdrop-filter: blur(34px);
}

.video_box_btn img {
  margin-left: 5px;
}


/* ------------------------------------------------

    Header

    ------------------------------------------------ */


.header_inner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.header_inner::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  box-shadow: 0 -6px 54px rgba(var(--black-rgb), 0.06);
  user-select: none;
  pointer-events: none;
}

.header_top {
  padding: 11px 20px 11px 20px;
  font-size: 12px;
  line-height: 18px;
  color: var(--white);
  background-color: var(--primary2);
}

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

.header_wrapper {
  width: 100%;
  max-width: 1490px;
  margin: 0 auto;
}

.header_top_social {
  display: none;
}

.header_top_social a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border-radius: var(--radius-half);
  background-color: rgba(var(--white-rgb), 0.06);
}

.header_top_social .icon {
  width: 12px;
  height: 12px;
}

.city_selection_label {
  position: relative;
  padding-left: 27px;
}

.city_selection_label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: url('../images/icons/city.svg') 50% 50% no-repeat;
}

.header_tel_2 {
  display: inline;
  padding-left: 30px
}

.header_top_info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.header_schedule {
  padding-right: 25px;
  opacity: 0.7;
  color: var(--white);
}

.header_showrooms a {
  text-decoration: none;
  color: white;
  padding-right: 25px
}

/* --------------------------------------------
    Header Bottom
    -------------------------------------------- */

.header_bottom {
  position: relative;
  padding: 10px 20px 10px 20px;
  background-color: var(--white);
}

.header_bottom .search_box {
  width: auto;
}

.header_bottom > .row > .col {
  position: static;
}

.header_bottom .phone {
  position: relative;
  display: none;
  width: 24px;
  height: 24px;
  color: #000000;
}

.header_bottom .phone:hover {
  color: var(--primary);
}

.header_bottom .phone_icon {
  display: block;
  height: 100%;
  width: 100%;
}

.phone_close {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all .2s;
}

.phone_close .icon {
  width: 100%;
  height: 100%;
}

.header_bottom .phone.active .phone_icon {
  display: none;
}

.header_bottom .phone.active .phone_close {
  opacity: 1;
  visibility: visible;
}

.header_logo_wrapper,
.header_left_wrapper,
.header_icons_wrapper {
  padding-left: 0;
  padding-right: 0;
}
.header_icons_wrapper {
  margin-left: auto;
}
.header_socials_wrapper {
  display: none;
}
.header_logo_wrapper {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.login-mobile {
  display: none;
  width: 24px;
  height: 24px;
  background: url('../images/icons/login.svg') no-repeat center;
  background-size: contain;

}

.phone_menu-wrapper {
  display: none;
  top: 62px;
  height: calc(100vh - 100px);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(var(--black-rgb), 0.86);
}

.phone_menu-wrapper.active {
  display: block;
}

.phone_menu-wrapper ul {
  padding-left: 30px;
}

.phone_menu-wrapper ul li {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
}
.phone_menu-wrapper__phones {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.phone_menu-wrapper li img {
  opacity: 0.5;
  margin-right: 25px;
  margin-top: 3px;
}

.phone_menu-wrapper li span,
.phone_menu-wrapper li span a {
  color: #fff;
}

.phone_menu-wrapper li span a {
  text-decoration: none;
}

.phone_menu-wrapper li:hover span {
  color: unset;
}

.phone_menu-wrapper .phone span a {
  font-size: 17px;
  font-weight: 500;
}

.phone_menu-wrapper .whatsapp span a {
  font-size: 14px;
}

.phone_menu-wrapper .hot span {
  padding-left: 57px;
}

.catalog_btn {
  flex: 0 0 auto;
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 178px;
  padding: 10px 10px 10px 80px;
}

.catalog_btn:before,
.catalog_btn:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 80px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.3s;
}

.catalog_btn:before {
  background-image: url('../images/icons/catalog.svg');
}

.catalog_btn:after {
  opacity: 0;
  background-image: url('../images/icons/close_white.svg');
}

.catalog_btn img {
  position: absolute;
  top: 50%;
  left: 27px;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.catalog_btn.active {
  color: var(--white);
  background-color: var(--primary2);
  border-color: var(--primary2);
}

.catalog_btn.active:before {
  opacity: 0;
}

.catalog_btn.active:after {
  opacity: 1;
}

.private_office_btn {
  min-width: 189px;
  margin-left: 30px;
}

.header_link_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header_link_wrapper a + a {
  margin-left: 30px;
}

.cart_btn {
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  margin-left: 25px;
}
.cart_btn.hidden {
  display: none;
}
.cart_btn .icon {
  width: 24px;
  height: 24px;
  fill: var(--primary2);
  stroke: var(--primary2);
}

.cart_btn .cart_btn_inner {
  position: relative;
  font-size: 0;
  line-height: 0;
}

.cart_btn .cart_btn_inner .badge {
  position: absolute;
  right: -7px;
  top: -8px;
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.253884);
}

/* --------------------------------------------
    Search
    -------------------------------------------- */

.search_box {
  position: relative;
  display: inline-flex;
  width: 304px;
  margin-left: 20px;
}

.search_box .search_dropdown {
  position: fixed;
  top: 139px;
  right: 0;
  left: 0;
  transform: translateY(-50px);
  opacity: 0;
  visibility: hidden;
  background-color: var(--white);
  padding: 37px 100px 37px 20px;
  transition: all 0.5s;
}

.search_dropdown .search_dropdown_list dt {
  float: left;
  font-size: 13px;
  line-height: 1.5;
  text-align: right;
  margin-right: 12px;
  padding: 7px 0;
  clear: left;
  min-width: 110px;
}

.search_dropdown .search_dropdown_list dd {
  display: block;
  overflow: hidden;
  clear: right;
}

.search_dropdown .search_dropdown_list dd:not(:last-child) {
  margin-bottom: 35px;
}

.search_subdropdown_list li:not(:last-child) {
  margin-bottom: 5px;
}

.search_subdropdown_list li a {
  display: block;
  padding: 7px 14px;
  background-color: transparent;
  color: rgba(var(--black-rgb), 0.4);
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
}

.search_subdropdown_list li a:hover,
.search_subdropdown_list li a:active,
.search_subdropdown_list li a:focus {
  color: var(--black);
  background-color: rgba(var(--primary-rgb), 0.07);
}

.search_box.active {
  /*position: absolute;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  width: 400px;
  margin-left: 0;
  background: var(--white);
}

.search_box.active .search_dropdown {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.search_box.active:before {
  content: '';
  position: fixed;
  top: 123px;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(var(--black-rgb), 0.86);
}

.search_close {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--bg-grey);
  transform: translateY(-50%);
  transition: all 0.3s;
}

.search_close:hover {
  background-color: var(--bg-grey-light);
}

.search_box.active .search_close {
  opacity: 1;
  visibility: visible;
}

.search_close img {
  width: 9px;
}

.search_box:not(.active) .container {
  width: auto;
  margin: 0;
  padding: 0;
}

.search_form {
  position: relative;
  width: 100%;
}

.search_input {
  width: 100%;
  padding: 10px 10px 10px 47px;
  font-size: 16px;
  line-height: 24px;
  background: none;
  border: none;
}

.search_btn {
  position: absolute;
  top: 3px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: var(--black);
}

.search_btn svg {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

.search_btn:hover .icon {
  stroke: var(--primary);
  transition: all 0.3s;
}

.search_page_box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 0 30px;
  background-color: var(--white);
}

.search_page_box:not(:last-child) {
  margin-bottom: 55px;
}

.search_page_box .search_close {
  position: static;
  flex-shrink: 0;
  margin-left: 24px;
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.search_page_box_label {
  font-size: 12px;
  line-height: 1.87;
  white-space: nowrap;
  color: rgba(var(--black-rgb), 0.45);
}


/* --------------------------------------------
    Logo
    -------------------------------------------- */

.logo a {
  display: block;
  width: 116px;
  height: 40px;
  font-size: 0;
  line-height: 0;
  background: url('../images/logo.svg') no-repeat;
  background-size: contain;
}


/* --------------------------------------------
    Main Navigation
    -------------------------------------------- */


/* ------------------------------------------------

    Footer

    ------------------------------------------------ */

#footer {
  position: relative;
  color: var(--white);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

#footer:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background: -moz-linear-gradient(top, rgba(17, 20, 39, 0.89) 0%, rgba(27, 26, 26, 1) 83%);
  background: -webkit-linear-gradient(top, rgba(17, 20, 39, 0.89) 0%, rgba(27, 26, 26, 1) 83%);
  background: linear-gradient(to bottom, rgba(17, 20, 39, 0.89) 0%, rgba(27, 26, 26, 1) 83%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3134421', endColorstr='#1b1a1a', GradientType=0);
}

#footer > * {
  position: relative;
  z-index: 2;
}

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

.footer_info {
  flex: 0 0 330px;
}

.footer_list_wrapper {
  display: grid;
  grid-template-rows: repeat (2, 1fr);
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: 'grid1 grid2 grid3''grid1 grid4 .';
  flex-grow: 1;
  margin-top: -25px;
}

.footer_list_item {
  margin-top: 25px;
}

.footer_list_item:nth-child(1) {
  grid-area: grid1;
}

.footer_list_item:nth-child(2) {
  grid-area: grid2;
}

.footer_list_item:nth-child(3) {
  grid-area: grid3;
}

.footer_list_item:nth-child(4) {
  grid-area: grid4;
  /*align-self: end;*/
  margin-top: -5px;
}


/* --------------------------------------------
    Footer Top
    -------------------------------------------- */

.footer_top {
  padding: 70px 0;
}

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

.subscribe_text {
  flex-grow: 1;
  margin-right: 50px;
  font-size: 17px;
  line-height: 30px;
  font-weight: 400;
}

.subscribe_form {
  display: flex;
  flex-shrink: 0;
}

.subscribe_group_fields {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  position: relative;
  width: 493px;
  margin-right: 16px;
}

.subscribe_input_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.subscribe_input_wrapper label.error,label#agreement-error {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.23;
  color: var(--red);
}
button.btn.large.disabled {
  background: #dddddd80;
  border: none;
}

.subscribe_input {
  width: 100%;
  height: 100%;
  color: var(--white);
  background-color: rgba(var(--white-rgb), 0.13);
  backdrop-filter: blur(250px);
}

.subscribe_input::-webkit-input-placeholder {
  color: rgba(var(--white-rgb), 0.6);
}

.subscribe_input::-moz-placeholder {
  color: rgba(var(--white-rgb), 0.6);
}


/* --------------------------------------------
    Footer Midle
    -------------------------------------------- */

.footer_midle {
  padding: 60px 0 80px;
}

.footer_midle:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 1px;
  opacity: 0.16;
  background-color: #f3f3f3;
}

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

.footer_addres {
  margin-bottom: 40px;
  font-size: 13px;
  line-height: 22px;
  opacity: 0.8;
}

.footer_contact {
  margin-bottom: 22px;
}

.footer_contact a {
  font-size: 17px;
  line-height: 25px;
  text-decoration: none;
  color: var(--white);
}

.footer_social_list {
  display: flex;
  flex-wrap: wrap;
}

.footer_social_list a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 13px;
  background-color: rgba(255, 255, 255, 0.1);
}

.footer_social_list a:hover {
  background-color: var(--primary);
}

.footer_list {
  padding-right: 50px;
  font-size: 13px;
  line-height: 22px;
}

.footer_list:not(:last-child) {
  margin-bottom: 70px;
}

.footer_list li + li {
  margin-top: 13px;
}

.footer_list a {
  text-decoration: none;
  opacity: 0.6;
  color: var(--white);
}

.footer_list a:hover {
  opacity: 1;
  color: var(--primary);
}


/* --------------------------------------------
    Footer Bottom
    -------------------------------------------- */

.footer_bottom {
  position: relative;
  padding: 27px 0 32px;
}

.footer_bottom:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 1px;
  opacity: 0.16;
  background-color: #f3f3f3;
}

.footer_bottom > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.copytite {
  font-size: 16px;
  line-height: 24px;
  color: #919ba4;
}

.developed_by {
  margin-left: 48px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 300;
  color: #919ba4;
}

.developed_by > a {
  text-decoration: none;
  color: inherit;
}

.developed_by > a:hover {
  color: var(--primary);
}

.logo_list {
  margin: -20px -20px 0;
}

.logo_list a {
  display: inline-block;
  margin: 20px 20px 0;
}


/* ------------------------------------------------

    Product Page

    ------------------------------------------------ */

.product_page {
  display: flex;
  flex-wrap: wrap;
}

.product_page:not(:last-child) {
  margin-bottom: 90px;
}

.product_media,
.product_content {
  flex: 0 0 50%;
  max-width: 50%;
}


/*Product Media*/

.product_media {
  position: relative;
}

.product_slider_wrapper {
  position: unset;
  top: 140px;
  padding: 0 34px 0 0;
  margin-left: 40px;
}

.product_slider_wrapper .product_slider {

}

.product_slider .product_slider_link {
  height: 100%;
}

.product_slider .swiper-slide {
  max-height: 500px;
  height: auto;
}

.product_slider .swiper-slide img {
  height: 100%;
  object-fit: contain;
}

#product_slider {
  order: 1;
  max-width: 100%;
}

.product_slider_header {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  align-items: center;
  order: 2;
}

.product_code {
  font-size: 12px;
  line-height: 22px;
  color: rgba(var(--white-rgb), 0.65);
}

.product_slider .swiper-slide img {
  width: 100%;
}

/* category_slider */
.category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 20px;
  margin: 30px 0;
}

.category-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.category-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.category-card__image-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* Соотношение 16:9 для всех картинок */
  overflow: hidden;
}

.category-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.category-card:hover .category-card__image {
  transform: scale(1.05);
}

.category-card__title {
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  background-color: #fff;
}


/* Адаптивность для разных экранов */
@media (max-width: 768px) {
  .category-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

@media (max-width: 480px) {
  .category-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    margin: 15px 0;
  }
  .category-card {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
}

.wrap_categories_slider {
  position: relative;
  margin: 0px 0 20px;
}

.wrap_categories_slider .swiper_button {
  width: 50px;
  height: 50px;
  box-shadow: 0px 4px 90px rgba(129, 129, 129, 0.29);
}

.wrap_categories_slider .swiper_button.next {
  right: -15px;
}

.wrap_categories_slider .swiper_button.prev {
  left: -15px;
}

.categories_slider .categories_slider_item {
  position: relative;
  text-align: center;
  padding: 27px 24px 20px;
  background-color: var(--white);
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.06);
  margin: 10px;
}

.categories_slider .categories_slider_item .categories_slider_img {
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  padding: 0 15px;
  margin-bottom: 25px;
  height: 85px;
}

.categories_slider .categories_slider_item .categories_slider_img::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
  width: 0;
  height: 100%;
}

.categories_slider .categories_slider_item .categories_slider_img img {
  vertical-align: middle;
  display: inline-block;
  max-height: 100%;
  width: auto;
}

.categories_slider .categories_slider_item .categories_slider_link {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.categories_slider .categories_slider_item .categories_slider_desc {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--black);
  line-height: 1.62;
  min-height: 45px;
  transition: all 0.3s;
}

.categories_slider .categories_slider_item:hover .categories_slider_desc {
  color: var(--primary-hover);
}

.block_tags {
  margin: 0px 10px 30px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.block_tags a {
  padding: 5px 15px 0 0;
}

/**/

.product_content {
  background-color: var(--vista-white);
}

.product_content .section1 {
  padding-right: 100px;
  padding-bottom: 33px;
  height: 100%;
}

.product_content .section_title {
  margin-right: -100px;
}

.product_info {
  position: relative;
  padding-top: 25px;
  padding-bottom: 33px;
}

.product_info_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 46px;
}

.product_page_title {
  font-family: var(--font-family);
  font-size: 29px;
  line-height: 40px;
  font-weight: 700;
}

.product_info_logo_link:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .new_charac section {
    padding: 15px 15px 1px;
  }
  .product_page_title {
    font-size: 21px;
    line-height: 30px;
  }
  .product_info_header {
    margin-bottom: 10px;
  }
  .main_slider-item .main_slider_title {
    font-size: 30px;
    line-height: 40px;
  }
}
.product_info_body {
  padding-bottom: 50px;
}

.product_select_box {
  display: flex;
  align-items: center;
  margin-bottom: 23px;
}

.product_select {
  width: 180px;
  height: 32px;
  margin-left: 20px;
  border: none;
  outline: none;
}

.product_select .jq-selectbox__select {
  height: 100%;
  padding: 5px 30px;
  font-family: var(--font-family);
  font-size: 13px;
  line-height: 22px;
  text-shadow: none;
  color: rgba(var(--white-rgb), 0.85);
  background: rgba(var(--white-rgb), 0.1);
  border: none !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none;
}

.product_select .jq-selectbox__select-text {
  width: auto !important;
}

.product_select .jq-selectbox__trigger {
  border: none;
}

.product_select .jq-selectbox__trigger-arrow {
  top: 13px;
  right: 16px;
  width: 10px;
  height: 5px;
  background: url('../images/icons/arrow_select_light.svg') 50% 50% no-repeat;
  border: none;
}

.product_price_wrapp {
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}

.favorites_link {
  position: relative;
  display: inline-block;
  padding-left: 24px;
  font-weight: 400;
  text-decoration: none;
  color: rgba(var(--white-rgb), 0.68);
  background: url('../images/icons/wishlist_fill_light.svg') 0 50% no-repeat;
  background-size: 14px auto;
}

.favorites_link:hover {
  color: var(--primary);
}

.favorites_link.in_favorite {
  background: url('../images/icons/wishlist_fill.svg') 0 50% no-repeat;
}

.product_price {
  font-size: 24px;
  line-height: 36px;
}

.product_price_small {
  font-size: 20px;
  line-height: 33px;
}

.product_price_wrapp .product_price {
  margin-right: 30px; /*36px*/
}

.product_price_wrapp .product_price_small {
  margin-right: 31px;
}

.product_info_footer .product_btn_wrapp {
  margin: 0 -7px;
}


.product_btn_item a {
  min-width: 0;
  width: 100%;
}

.product_btn_item .btn_light {
  padding: 9px 20px;
  color: var(--white);
  border-width: 3px;
  border-color: rgba(var(--white-rgb), 0.21);
}

.product_btn_item .btn_light:hover {
  background-color: var(--primary-hover);
}


.add_to_cart a.btn {
  color: var(--primary);
  background: transparent;
}
.add_to_cart a.btn:hover {
  color: var(--white);
}
.credit_box a.btn {
  color: var(--primary);
  background: transparent;
  min-width: 200px;
  margin-top: 16px;
}

.credit_box a.btn img {
  width: 24px;
}

@media only screen and (max-width: 575px) {
  .product_btn_item_bottom {
    padding: 0 2px;
  }
}

.product_info_delivery {
  display: flex;
  align-items: center;
  margin-top: 32px;
  color: rgba(var(--white-rgb), 0.6);
}

.product_info_delivery img {
  margin-right: 14px;
  opacity: 0.6;
}

.product_info_delivery span {
  padding: 0 3px;
}

.product_charac {
  padding: 49px 100px 40px 120px;
}

.similar_products {
  padding-right: 100px;
  padding-left: 100px;
  overflow: hidden;
}

.similar_products .filter_list {
  display: flex;
  padding: 11px 11px 10px 0;
  overflow: auto;
  overflow-y: hidden;
}

.similar_products .filter_list .filter_link {
  cursor: pointer;
  font-size: 22px;
}

.similar_products .filter_list .filter_link.current:before {
  height: 3px;
}

.similar_products .product_carusel2 {
  display: none;
}

.similar_products .product_carusel2.active {
  display: block;
}

/* ------------------------------------------------

    Home Page

    ------------------------------------------------ */

.section-title-sang {
  font-family: var(--font-family);
  font-size: 33px;
  line-height: 48px;
  font-weight: bold;
}

.show_all_product_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 40px;
}

.show_all_product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(50% - 10px);
  padding: 20px 30px 20px 20px;
  background: var(--bg-grey-light);
}

.show_all_product h3 {
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: normal;
}

.show_all_product > * {
  width: 50%;
}

.show_all_product-img {
  position: relative;
  height: 155px;
  padding-right: 25px;
}

.show_all_product-img img {
  position: absolute;
  top: -66px;
  left: 0;
  max-width: 100%;
}

.better_product {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 72px;
  padding: 58px 76px 62px 82px;
  background: var(--bg-grey-light) url('../images/impatia.png') 60% center no-repeat;
  background-size: 515px auto;
}

.better_product.other {
  background: var(--bg-grey-light) url('/images/main3d.png') 53.5% center no-repeat;
  background-size: 390px;
}

.better_product-info h3 {
  margin-bottom: 56px;
}

.better_product-info {
  max-width: 380px;
}

.better_product-info_responsive {
  display: none;
}

.better_product-content {
  max-width: 210px;
}

.better_product-content.other {
  max-width: 300px;
}

.brands {
  position: relative;
  margin-bottom: 95px;
  padding: 72px 0;
  text-align: center;
  background: url('../images/background/brand-bg.svg') 0 0 repeat;
}
section.brands {
  margin-bottom: 0;
}
#content {
  padding: 0;
}
.brands::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: radial-gradient(155.26% 155.26% at 51.39% 157.31%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%), var(--green);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.brands h3 {
  margin-bottom: 25px;
  color: var(--primary-text);
}

.brands h4 {
  margin-bottom: 89px;
  font-size: 13px;
  opacity: 0.7;
  color: var(--white);
}

.brands-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: -20px -16px 105px;
}

.brands-list li {
  flex: none;
  width: 20%;
  padding: 20px 16px 0;
  text-align: center;
}

.brands-list a:hover {
  opacity: 0.6;
}

.offer_wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 95px;
  margin-bottom: 30px;
}

.offer_card {
  position: relative;
  width: calc(50% - 10px);
  padding: 70px 77px 68px;
  font-size: 15px;
  font-weight: normal;
  color: var(--white);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.offer_card h3 {
  margin-bottom: 27px;
  color: var(--primary-text);
}

.offer_card * {
  position: relative;
  z-index: 2;
}

.offer_card p {
  margin-bottom: 48px;
}

.offer_card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(17, 20, 39, 0.88);
}

.offer_card.var2 h3 {
  color: var(--white);
}

.offer_card.var2::before {
  background: rgba(178, 147, 90, 0.91);
}

@keyframes slider {
  0% {
    opacity: 0;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


/* ------------------------------------------------

    Comparison Page

    ------------------------------------------------ */

.comparison_wrapper {
  display: flex;
}

.specifications_names_wrapp {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  width: calc(50% - 369px);
}

.specifications_names {
  width: 300px;
  height: 100%;
  background-color: rgba(var(--white-rgb), 0.65);
}

.comparison_slider_wrapp {
  flex-grow: 1;
  width: calc(50% + 314px);
  padding-left: 14px;
  overflow: hidden;
}

.comparison_slider {
  height: 100%;
  padding-right: calc(100% - 1018px);
}

.specifications_names_controls > .btn + .btn {
  margin-top: 13px;
}

.specifications_names_controls > .btn.active {
  border-color: var(--primary);
}

.specifications_names .comparison_item_header {
  padding: 36px 40px 47px;
}

.specifications_title {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
}

.specifications_wrapper {
  padding: 32px 30px 50px;
}

.specifications_names .specifications_wrapper {
  padding-right: 40px;
  padding-left: 40px;
}

.specifications_list {
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  border-bottom: 1px solid var(--border);
}

.specifications_list:not(:last-child) {
  margin-bottom: 45px;
}

.specifications_names .specifications_list {
  font-size: 12px;
  color: rgba(var(--black-rgb), 0.75);
}

.specifications_list_item {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid var(--border);
}

.specifications_list_item img {
  width: auto;
}

.comparison_product {
  padding: 36px 30px 47px;
}

.comparison_slider .swiper-slide {
  background: var(--white);
}

.comparison_slider .swiper-slide .comparison_item_header {
  box-shadow: 0 4px 44px rgba(var(--black-rgb), 0.03);
}

.comparison_product_desc {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 28px;
}

.comparison_product_icon_box {
  flex-shrink: 0;
  margin-left: 75px;
}

.comparison_product_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  background-color: var(--white);
  border-radius: var(--radius-half);
  box-shadow: 0 4px 8px rgba(73, 92, 136, 0.15);
}

.comparison_product_icon img {
  width: auto;
}

.comparison_product_title {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}


/* ------------------------------------------------

    Brand Page

    ------------------------------------------------ */

.brand_header_wrapper {
  min-height: 415px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.brand_header {
  min-height: 75px;
  padding: 20px 0;
  background-color: var(--primary2);
}

.brand_header > .container {
  display: flex;
  align-items: center;
}

.brand_logo {
  margin-right: 45px;
}

.brand_title_box {
  margin-top: -195px;
  margin-bottom: 70px;
  padding: 44px 40px 25px;
  background-color: var(--white);
}

.brand_subtitle {
  margin-bottom: 44px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(var(--black-rgb), 0.65);
}


/*brand carusel*/

#brand_carusel .swiper-slide {
  height: auto;
}
#brand_carusel .brand_item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 26px 20px 20px;
  text-align: center;
  background-color: var(--bg-grey-light);
}

#brand_carusel .brand_item img {
  width: 100px;
  transition: all 0.5s;
}

#brand_carusel .brand_item > a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

#brand_carusel .brand_item > a:hover img {
  transform: scale(1.2);
}

.brand_item_title {
  font-size: 13px;
  line-height: 18px;
  color: rgba(var(--black-rgb), 0.7);
}

#brand_carusel .swiper_button.prev {
  left: 10px;
}
#brand_carusel .swiper_button.next {
  right: 10px;
}

.brand_carusel_wrapper {
  position: relative;
}
.brand_carusel_wrapper .swiper_button.prev {
  left: -23px;
}
.brand_carusel_wrapper .swiper_button.next {
  right: -23px;
}

/* ------------------------------------------------

    404 Page

    ------------------------------------------------ */

.box_404 {
  margin: 35px 0 60px;
  padding: 220px 100px 90px;
  text-align: center;
  background: var(--vista-white) url('../images/404.svg') 50% 80px no-repeat;
}

.box_404_title {
  padding: 0 40px;
}

.box_404_subtitle {
  font-size: 14px;
  line-height: 1.87;
  color: rgba(var(--black-rgb), 0.65);
}


/* ------------------------------------------------

    Contact Page

    ------------------------------------------------ */

.contact_page {
  display: flex;
  padding-bottom: 0;
}

.map_box {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
}

.map_box_inner {
  position: sticky;
  top: 140px;
  display: flex;
  max-height: calc(100vh - 140px);
  height: 760px;
}

.gmap {
  flex-grow: 1;
}

.map_item_wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  display: flex;
  justify-content: center;
}

.map_item {
  width: 315px;
  margin: 0 7px;
  padding: 30px 30px 28px 40px;
  background-color: var(--white);
  border-left: 4px solid var(--primary);
  box-shadow: 24px 10px 210px 1px rgba(0, 0, 0, 0.08);
}

.map_item_title {
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 1.67;
  color: var(--black);
}

.map_item_addres {
  font-size: 14px;
  line-height: 1.87;
  color: rgba(var(--black-rgb), 0.65);
}

.contact_wrapper {
  padding: 70px 88px 0 94px;
}

.contact_wrapper .breadcrumbs {
  margin-bottom: 24px;
}

.contact_wrapper .page_title {
  margin-bottom: 20px;
}

.contact_text {
  font-size: 14px;
  line-height: 1.87;
  color: rgba(var(--black-rgb), 0.65);
}

.contact_list {
  display: flex;
  flex-wrap: wrap;
  margin: 45px 0;
  padding: 22px 0 0;
  border: 1px solid var(--border);
  border-right: none;
  border-left: none;
}

.contact_list_box {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  margin-bottom: 22px;
  display: inline-table;
}

.contact_list_label {
  margin-bottom: 10px;
  font-size: 13px;
  color: var(--primary);
}

.contact_list_item {
  font-size: 17px;
  line-height: 2;
  color: var(--black);
  white-space: nowrap;
}

.contact_form {
  padding: 45px 45px 65px;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 90px;
}

.gallery_item {
  width: 25%;
  padding: 0 5px 5px 0;
}

@media only screen and (max-width: 575px) {
  .gallery {
    padding: 27px;
  }

  .gallery_item {
    width: 100%;
    padding: 0 5px 5px 0;
  }
}

/* ------------------------------------------------

    Main news Page

    ------------------------------------------------ */

.section_main_news {
  padding-top: 51px;
  padding-bottom: 65px;
  background-color: var(--green);
  color: var(--white);
}

.section_main_news .page_title_box {
  margin: 0 0 43px;
}

.section_main_news .breadcrumbs:not(:last-child) {
  margin-bottom: 16px;
}

.main_news_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 18px;
}

.main_news_wrapper:not(:last-child) {
  margin-bottom: 60px;
}

.main_news {
  background-color: var(--green);
}

.main_news .main_news_img {
  overflow: hidden;
  height: 308px;
}

.main_news .main_news_img .main_news_img_inner {
  display: block;
  height: 308px;
  background: center center / cover no-repeat;
  transition: all 0.5s ease-in-out;
}

.main_news:hover .main_news_img_inner {
  transform: scale(1.3);
}

.main_news .main_news_desc {
  padding: 48px 64px 53px 75px;
  background-color: rgba(var(--white-rgb), 0.15);
}

.main_news .main_news_desc .data {
  margin-bottom: 25px;
}

.main_news .main_news_desc .main_news_desc_head {
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 1.65;
  display: inline-block;
  text-decoration: none;
  color: var(--white);
}

.main_news .main_news_desc .main_news_desc_head:hover,
.main_news .main_news_desc .main_news_desc_head:active,
.main_news .main_news_desc .main_news_desc_head:focus {
  color: var(--primary-hover);
}

.main_news .main_news_desc p {
  color: rgba(var(--white-rgb), 0.85);
  opacity: 0.6;
  font-size: 13px;
  line-height: 1.80;
}

.main_news_light .main_news_desc,
.main_news_light {
  background-color: var(--white);
}

.main_news_light .main_news_desc .main_news_desc_head {
  color: var(--black);
}

.main_news_light .main_news_desc p {
  color: var(--gray);
}

/* short_news */
.section_short_news {
  padding-top: 70px;
}

.section_news_multiple .section-title-sang,
.section_short_news .section-title-sang {
  margin-bottom: 54px;
}

.section_short_news:last-child {
  padding-bottom: 30px;
}

.short_news {
  background-color: var(--white);
  padding: 51px 99px 50px 75px;
}

.short_news .data {
  margin-bottom: 26px;
}

.short_news .short_news_head {
  font-size: 19px;
  line-height: 1.65;
  color: var(--black);
  display: inline-block;
  text-decoration: none;
  margin-bottom: 20px;
}

.short_news .short_news_head:hover,
.short_news .short_news_head:active,
.short_news .short_news_head:focus {
  color: var(--primary-hover);
}

.short_news p {
  color: rgba(var(--black-rgb), 0.85);
  opacity: 0.6;
  font-size: 13px;
  line-height: 1.80;
  padding-right: 37px;
}


/* ------------------------------------------------

    Main news inner Page

    ------------------------------------------------ */

.section_news {
  margin-top: 20px;
}

.section_news .section_news_inner {
  background-color: rgba(var(--white-rgb), 0.7);
  padding: 38px 174px 90px;
}

.section_news .page_title_box {
  margin: 0 0 45px;
}

.section_news .page_title_box .breadcrumbs:not(:last-child) {
  margin-bottom: 34px;
}

.section_news .page_title_box .page_title {
  margin-bottom: 35px;
}

.section_news .section_news_inner .section_news_inner {
  padding: 0 97px;
}

.section_news_multiple {
  padding-top: 80px;
  padding-bottom: 87px;
  margin-bottom: -60px;
  background-color: var(--bg-grey-light);
}

.group_news_wrapper .short_news {
  padding: 46px 80px 50px 70px;
}

.group_news_wrapper .short_news p {
  padding-right: 0;
}

/* group_news_wrapper */
.group_news_wrapper {
  display: grid;
  grid-gap: 18px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-auto-rows: minmax(290px, auto);
}

.group_news_wrapper .main_news {
  grid-row-start: 1;
  grid-row-end: 3;
}

.group_news_wrapper:not(:last-child) {
  margin-bottom: 46px;
}

/* Временные стили*/

.catalog-section-list-item-img {
  border: none;
}

.catalog-section-list-item-link {
  text-decoration: none;
}

.in_compare, .in_favorite {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
}


/* Mobile page comparison 07.07.2022 */


.specifications_list_item_title {
  display: none;
  color: rgba(var(--black-rgb), 0.75);
}


@media only screen and (max-width: 991px) {

  .comparison_wrapper {
    flex-direction: column;
  }

  .comparison_slider_wrapp {
    width: 100%;
    padding-right: 14px;
  }

  .specifications_names_wrapp {
    width: 100%;
    padding: 0 14px 20px;
  }

  .specifications_names {
    width: 100%;
  }

  .specifications_names_wrapp .specifications_wrapper {
    display: none;
  }

  .specifications_names_controls {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .specifications_names_controls .btn .btn_light .large {
    max-width: 45%;
  }

  .specifications_names_controls > .btn + .btn {
    margin-top: 0;
    margin-left: 20px;
  }

  .specifications_list_item {
    height: auto !important;
    flex-direction: column;
    align-items: flex-start;
  }

  .specifications_list_item_title {
    display: block;
  }

  .specifications_list_item img {
    margin-top: 6px;
  }
}

@media only screen and (max-width: 500px) {
  .specifications_names_controls {
    flex-direction: column;
  }

  .specifications_names_controls > .btn + .btn {
    margin-top: 13px;
    margin-left: 0;
  }
}


/* Mobile page comparison 18.07.2022 */

.filter_item {
  font-size: 0;
}

.sort_block {
  display: flex;
  margin-bottom: 20px;
}

.sort_title {
  color: var(--black);
  margin-right: 8px;
}


.brands_link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -20px -16px 50px;
}

.brands_link li {
  flex: 0 0 auto;
  width: 20%;
  padding: 20px 16px 0;
}

@media only screen and (max-width: 767px) {
  .filter_item {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 10px;
  }

  .filter_item.right-position {
    position: absolute;
    top: 1px;
    right: 0;
    margin-bottom: 0;
  }

  .filter_item.right-position .filter_btn {
    width: 43px;
    height: 43px;
  }

  .filter_btn {
    margin-left: 8px;
  }

  .brands_link li {
    width: 50%;
  }
}

@media only screen and (max-width: 425px) {
  .sort_block {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
  .brands_link li {
    width: 100%;
  }
}

div.categories_slider .categories_slider_item figcaption.current {
  color: #baa60d;
}

.avail {
  opacity: 1;
  margin-top: -10px;
  font-weight: 500;
}

.avail_red {
  color: var(--red);
}

.avail_green {
  color: #269926;
}

.avail_orange {
  color: #e89f71;
}

.avail_grey {
  color: #767676;
}

.header_tel_2 {
  display: inline;
}

.pops {

  position: fixed;

  z-index: 99;

  bottom: 30px;

  left: -100%;

  opacity: 0;

  max-width: 450px;

  width: fit-content;

  background-color: #eace01;

  border-radius: 5px;

  padding: 10px 25px;

  transition: all 1.5s ease-out;

}

.pops.active {

  opacity: 1;

  left: 10px;

}

.pops__close {

  position: absolute;

  top: -10px;

  right: -10px;

  width: 21px;

  height: 21px;

  background: #f7f7f7;

  border-radius: 50%;

  border: none;

  outline: none;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0;

}

.pops__content {

  width: fit-content;

  display: flex;

  align-items: center;

  justify-content: space-around;

}

.pops__icon {

  flex-shrink: 0;

  max-width: 20px;

  fill: #111427;

  margin-right: 12px;

}

.pops__text {

  font-size: 14px;

  line-height: 16px;

  font-weight: bold;

  color: #111427;

  white-space: nowrap;

  text-align: center;

}


@media screen and (max-width: 800px) {

  .pops {

    top: -100%;

    left: 0;

    border-radius: 0;

    max-width: 100%;

    width: 100%;

    padding: 15px 20px;
    display: none;

  }

  .pops.active {

    top: 0;

    left: 0;

  }

  .pops__close {

    background: transparent;

    top: 50%;

    right: 20px;

    transform: translate(0, -50%);

  }

  .pops__close svg {

    width: 9px;

    height: 9px;

    fill: #FFFFFF;

  }

  .pops__content {

    width: calc(100% - 50px);

    justify-content: flex-start;

  }

  .pops__text {

    white-space: normal;

    text-align: left;

  }

}

.best_offer {
  color: black;
}

.callback_button {
  margin-top: 30px;
  display: none;
}

@media only screen and (max-width: 575px) {
  .callback_button {
    display: block;
  }
}

.product_call {
  font-size: 18px;
  line-height: 36px;
  margin-top: 25px;
  margin-bottom: -20px;
}

.product_call a {
  text-decoration: none;
}

.city_selection {
  display: inline-block;
  margin-right: 30px;
}

.menu_top {
  display: inline-block;
}

.menu_top a {
  padding-right: 15px;
  text-decoration: none;
  color: #fff;
}

.grecaptcha-badge {
  display: none;
}

.product_first {
  display: flex;
  width: 100%;
}

.product_media, .product_content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.product_slider_box {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
/*
    -----------------------------------------------------
    Stylesheet Guide
    -----------------------------------------------------

    1. Default stylesheets

    1.1. Color Schemes

    2. General classes

    3. Main

    3.1 Offsets

    4. Basic Elements

    4.1. Typography
    4.2. Lists
    4.3. Buttons
    4.4. Forms
    4.5. Tables
    4.6. Tooltips
    4.7. Dividers

    5. Widgets and Shortcodes

    6. Header

    6.1. Logo
    6.2. Main Navigation

    7. Footer

    */

/* ------------------------------------------------

    1. Default stylesheets

    ------------------------------------------------ */

/* --------------------------------------------
    Color Schemes
    -------------------------------------------- */

.accent_color {
  color: var(--primary);
}

.grey_color {
  color: var(--gray);
}

.white_color {
  color: var(--white);
}

.white_light_color {
  color: rgba(var(--white-rgb), 0.68);
}

.white_light_color2 {
  color: rgba(var(--white-rgb), 0.85);
}

.black_color {
  color: var(--black);
}

.black_light_color {
  color: rgba(var(--black-rgb), 0.45);
}

.bg_vista {
  background-color: var(--vista-white);
}

.bg_white {
  background-color: var(--white);
}

.bg_green {
  background-color: var(--green);
}

.bg_light {
  background-color: var(--light);
}

.bg_light2 {
  background-color: var(--gray_light2);
}


/* ------------------------------------------------

    2. General Classes

    ------------------------------------------------ */

.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wrapper {
  overflow: hidden;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.d_ib {
  display: inline-block;
}

.transparent {
  opacity: 0;
}

.invisible {
  opacity: 0;
  visibility: hidden;
}

.visible {
  opacity: 1;
  visibility: visible;
}

.p_abs {
  position: absolute;
}

.p_rel {
  position: relative;
}

.p_fix {
  position: fixed;
}

.clear {
  clear: both;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.reg {
  text-transform: uppercase;
}

.gilroy {
  font-family: Gilroy;
}

.bold {
  font-weight: 700;
}


/* ------------------------------------------------

    3. Main

    ------------------------------------------------ */

.container2 {
  max-width: 1440px;
  margin: 0 auto;
}

.page_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

#content {
  display: block;
  flex-grow: 1;
  padding: 0 0 60px;
}

.back_to_top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
  width: 50px;
  height: 50px;
  text-align: center;
  color: var(--white);
  background-color: var(--gray);
  border: none;
  outline: none;
  cursor: pointer;
}

.back_to_top:hover {
  background-color: var(--primary);
}

.back_to_top i {
  margin: 0;
  font-size: 30px;
  line-height: 30px;
}

.content_wrapp {
  display: flex;
}

.sidebar {
  flex: none;
  width: 320px;
}

.sidebar_inner {
  position: sticky;
  top: 140px;
  overflow: hidden;
}

.page_content {
  flex: none;
  width: calc(100% - 320px);
  padding-top: 20px;
}


/* --------------------------------------------
    3.1. Offsets
    -------------------------------------------- */

.mb0 {
  margin-bottom: 0;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.pt20 {
  padding-top: 20px;
}


/* ------------------------------------------------

    4. Basic Elements

    ------------------------------------------------ */


/* --------------------------------------------
    4.1. Typography
    -------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.title1,
.title2,
.title3,
.title4 {
  margin: 0;
  margin-bottom: 15px;
  line-height: 1.87em;
  font-weight: 600;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
  font-weight: 500;
}

h5 {
  font-size: 11px;
}

h6 {
  font-size: 10px;
}

.title1 {
  font-size: 30px;
}

.title2 {
  font-size: 26px;
}

.title3 {
  font-size: 18px;
}

.title4 {
  font-size: 14px;
  font-weight: 400;
}

.title5 {
  font-size: 17px;
  line-height: 32px;
  font-weight: 400;
}

.page_title {
  font-family: var(--font-family);
  font-size: 32px;
  line-height: 1.5;
  font-weight: 400;
}

.signature_text {
  font-size: 11px;
  line-height: 22px;
  color: rgba(var(--black-rgb), 0.7);
}

p:not(:last-child) {
  margin-bottom: 20px;
}

strong {
  font-weight: 600;
}

a {
  text-decoration: underline;
  color: var(--primary);
  transition: all 0.5s;
}

a:hover {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s;
}

a:focus,
a:visited {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.img_box:not(:last-child) {
  margin-bottom: 40px;
}

/* data */
.data {
  padding: 10px 15px;
  min-width: 105px;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  line-height: 1.5;
}

.data_middle {
  min-width: 133px;
}

.data_primary {
  background-color: var(--primary);
  color: var(--white);
}

.data_primary_light {
  background-color: rgba(var(--primary-rgb), 0.15);
  color: var(--black);
}

/* box_bg_img */
.box_bg_img {
  height: 347px;
  box-shadow: 0px 24px 94px 1px rgba(0, 0, 0, 0.16);
  background: var(--bg-grey) center center / cover no-repeat;
}

.box_bg_img:not(:last-child) {
  margin-bottom: 60px;
}

/* figure */
.figure:not(:last-child) {
  margin-bottom: 60px;
}

.figure .figure_bg {
  height: 334px;
  background: var(--bg-grey) center center / cover no-repeat;
  box-shadow: 0px 24px 74px 1px rgba(0, 0, 0, 0.13);
}

.figure .figure_bg:not(:last-child) {
  margin-bottom: 35px;
}

.figure .figcaption {
  font-size: 11px;
  line-height: 1.82;
  text-align: center;
  color: rgba(var(--black-rgb), 0.55);
  opacity: 0.7;
}

.figure .figcaption a {
  text-decoration: none;
}

/* blockquote */
.blockquote {
  padding: 59px 97px;
  font-size: 14px;
  line-height: 1.9;
  position: relative;
  z-index: 1;
}

.blockquote::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--bg-grey);
  z-index: -1;
}

.blockquote:not(:last-child) {
  margin-bottom: 70px;
}

.blockquote_primary_light::before {
  background: linear-gradient(90deg, #eace01 -8.81%, #FFD8A7 118.49%);
  opacity: 0.07;
}

/* --------------------------------------------
    4.2. Lists
    -------------------------------------------- */

li > ul:not([class]) {
  padding-top: 9px;
}

ul:not([class]):not(:last-child) {
  margin-bottom: 35px;
}

ul:not([class]) > li {
  position: relative;
  padding-left: 23px;
}

ul:not([class]) > li:not(:last-child) {
  margin-bottom: 8px;
}

ul:not([class]) > li:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
  width: 11px;
  height: 1px;
  background-color: var(--primary);
}

li > ol:not([class]) {
  padding-top: 9px;
}

ol:not([class]):not(:last-child) {
  margin-bottom: 35px;
}

ol:not([class]) {
  counter-reset: item;
}

ol:not([class]) > li {
  position: relative;
  padding-left: 23px;
}

ol:not([class]) > li:not(:last-child) {
  margin-bottom: 8px;
}

ol:not([class]) > li:before {
  content: counter(item) '.';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  counter-increment: item;
  color: var(--primary);
}

li > .list1 {
  padding-top: 9px;
}

.list1:not(:last-child) {
  margin-bottom: 35px;
}

.list1 li {
  position: relative;
  padding-left: 23px;
}

.list1 li:not(:last-child) {
  margin-bottom: 8px;
}

.list1 > li:before {
  content: attr(data-list) '.';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: var(--primary);
}

/* definition_count_head */
.definition_count_head {
  counter-reset: definition_count_head;
  line-height: 1.8;
}

.definition_count_head:not(:last-child) {
  margin-bottom: 65px;
}

.definition_count_head dt {
  font-weight: 600;
  font-size: 15px;
  display: block;
  margin-bottom: 13px;
}

.definition_count_head dt::before {
  counter-increment: definition_count_head;
  content: counter(definition_count_head) ". ";
}

.definition_count_head dd {
  display: block;
  font-size: 13px;
  color: rgba(var(--black-rgb), 0.85);
}

.definition_count_head dd:not(:last-child) {
  margin-bottom: 40px;
}

/* --------------------------------------------
    4.4. Forms
    -------------------------------------------- */


/*Grid for form*/

.grid_box {
  margin-top: -35px;
}

[class*='grid_row_'] {
  display: grid;
  grid-gap: 14px;
}

.grid_item {
  margin-top: 35px;
}

.grid_row_1 {
  grid-template-columns: 1fr;
}

.grid_row_2 {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.grid_row_3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid_row_4 {
  grid-template-columns: repeat(4, 1fr);
}

.form_row {
  margin-bottom: 35px;
}

.form_row_reset {
  margin-bottom: -35px;
}

.form_label {
  margin-bottom: 4px;
  font-size: 11px;
  line-height: 20px;
}

textarea.form_input {
  height: auto;
  resize: none;
}

.form_select {
  width: 100%;
  height: 53px;
  border: none;
  outline: none;
}

.form_select .jq-selectbox__select {
  height: 100%;
  padding: 14px 30px;
  font-family: var(--font-family);
  font-size: 13px;
  line-height: 25px;
  text-shadow: none;
  background: var(--gray_light);
  border: none !important;
  border-radius: 0;
  outline: none !important;
  box-shadow: none;
}

.form_select .jq-selectbox__trigger {
  border: none;
}

.form_select .jq-selectbox__trigger-arrow {
  top: 26px;
  right: 22px;
  width: 10px;
  height: 5px;
  background: url('../images/icons/arrow_down.svg') 50% 50% no-repeat;
  border: none;
}

.jq-selectbox__dropdown {
  right: 0;
  width: calc(100% + 20px) !important;
  font-family: var(--font-family);
  border: none;
  border-radius: 0;
}

.jq-selectbox ul li {
  margin: 0;
  padding: 10px;
  white-space: normal;
}

.jq-selectbox ul li:not(:last-child) {
  margin-bottom: 0;
}

.jq-selectbox ul li:before {
  display: none;
}


/*Radio checkbox*/

.input_wrapper + .input_wrapper {
  margin-top: 13px;
}

.input_wrapper > input {
  display: none;
}

.input_wrapper > label {
  position: relative;
  display: block;
  padding-left: 30px;
  font-size: 13px;
  line-height: 22px;
  cursor: pointer;
}

.input_wrapper > label:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  border: 2px solid var(--border);
  transition: all 0.3s;
}

.input_wrapper > input:checked + label:before {
  background-color: var(--primary);
  border-width: 3px;
  border-color: var(--primary);
}

.circle_label:before {
  border-radius: var(--radius-half);
}

.input_wrapper > input:checked + .circle_label:before {
  background: none;
}

.input_wrapper > .square_label:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 15px;
  height: 15px;
  opacity: 0;
  background: url('../images/icons/check.svg') 50% 50% no-repeat;
  transition: all 0.3s;
}

.input_wrapper > input:disabled + .square_label {
  color: var(--gray);
  cursor: not-allowed;
}

.input_wrapper > input:checked + .square_label:after {
  opacity: 1;
}


/*Order Radio*/

.order_radio_wrapper input {
  display: none;
}

.order_radio_label {
  display: block;
  padding: 20px 30px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: var(--primary);
  border: 2px solid var(--border);
  cursor: pointer;
}

.order_radio_wrapper.type2 .order_radio_label {
  padding-left: 52px;
  text-align: left;
}

.order_radio_tetx {
  display: block;
  font-size: 14px;
  line-height: 21px;
  color: var(--black);
}

.order_radio_tetx:not(:last-child) {
  margin-bottom: 4px;
}

.order_radio_wrapper input:checked + .order_radio_label {
  border-color: var(--primary);
}

.order_finish_box {
  display: flex;
  align-content: center;
  padding: 180px 0;
  text-align: center;
}

.order_finish_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 106px;
  margin: 0 auto 40px;
  background-color: var(--primary);
  border-radius: var(--radius-half);
  box-shadow: 0 4px 90px rgba(var(--primary-rgb), 0.7);
}

.order_finish_icon img {
  width: 37px;
  height: auto;
}

.order_finish_text {
  margin-bottom: 52px;
  font-size: 12px;
  line-height: 22px;
  color: rgba(var(--black-rgb), 0.65);
}


/* --------------------------------------------
    4.5. Tables
    -------------------------------------------- */

.table_wrapp {
  overflow: auto;
}

.table_type1 {
  width: 100%;
  table-layout: fixed;
}

.table_type1 th {
  border: none;
  border-left: 7px solid transparent;
}

.table_type1 th:first-child {
  border-left: none;
}

.table_type1 tr {
  border: none;
  border-bottom: 8px solid transparent;
}

.table_type1 tbody td {
  margin: 0;
  padding: 0;
}

.table_type1 tbody .cell {
  padding: 9px 15px 9px 35px;
  font-size: 12px;
  line-height: 22px;
}

.table_type1 tbody tr:nth-child(odd) .cell {
  background-color: var(--white);
}

.table_type1 tbody tr:nth-child(even) .cell {
  background-color: rgba(var(--primary-rgb), 0.06);
}


/* --------------------------------------------
    4.6. Tooltips
    -------------------------------------------- */


/* --------------------------------------------
    4.7. Dividers
    -------------------------------------------- */


/* ------------------------------------------------

    5. Widgets and Shortcodes

    ------------------------------------------------ */


/* --------------------------------------------
    Brands Catalog
    -------------------------------------------- */

.brends_catalog_wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.brends_catalog_wrapper:not(:last-child) {
  margin-bottom: 60px;
}

.brend_box {
  position: relative;
  padding: 20px;
  background-color: var(--white);
  transition: all 0.3s;
}

.brend_box:hover {
  box-shadow: 0 24px 64px 11px rgba(105, 105, 105, 0.07);
}

.brend_logo {
  display: flex;
  align-items: center;
  height: 107px;
  justify-content: center;
}

.brend_logo img {
  max-width: 100%;
  max-height: 100%;
  opacity: 1;
  filter: grayscale(50%);
  transition: all 0.3s;
  -webkit-filter: grayscale(50%);
  /* Safari 6.0 - 9.0 */
}

.brend_box:hover .brend_logo img {
  opacity: 1;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

.brend_text {
  font-size: 13px;
  line-height: 1.8;
  color: rgba(var(--black-rgb), 0.85);
}

.brend_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  display: block;
}


/* --------------------------------------------
    Quantity
    -------------------------------------------- */

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

.quantity_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  background-color: var(--white);
  border-radius: var(--radius-half);
  box-shadow: 0 4px 8px rgba(73, 92, 136, 0.15);
  transition: all 0.3s;
  cursor: pointer;
}

.quantity_btn:hover {
  background-color: var(--bg-grey);
}

.quantity_number {
  width: 53px;
  font-size: 13px;
  line-height: 1.68;
  text-align: center;
}

.quantity_number:after {
  content: attr(data-pref);
  margin-left: 3px;
}

.quantity_wrapper.quantity_big .quantity_btn {
  width: 36px;
  height: 36px;
}

.quantity_wrapper.quantity_big .quantity_number {
  font-size: 15px;
  line-height: 1.75;
}

/* --------------------------------------------
    Card
    -------------------------------------------- */

.cart_wrapper:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: block;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(var(--black-rgb), 0.86);
  transition: all 0.3s;
}

.cart_inner {
  position: fixed;
  top: 0;
  right: -398px;
  bottom: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  width: 398px;
  padding: 30px 45px 0;
  overflow: auto;
  background-color: var(--white);
  transition: right 0.3s;
}

.cart_wrapper.active:before {
  opacity: 1;
  visibility: visible;
}

.cart_wrapper.active .cart_inner {
  right: 0;
}

.cart_header {
  position: sticky;
  top: -30px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px 0;
  background-color: var(--white);
}

.cart_title {
  margin-bottom: 3px;
  font-family: var(--font-family);
  font-size: 26px;
  line-height: 1.87;
  font-weight: 700;
}

.cart_subtitle {
  font-size: 13px;
  line-height: 1.8;
  color: rgba(var(--black-rgb), 0.65);
}

.cart_close {
  width: 42px;
  height: 42px;
  margin-top: 7px;
  background: var(--bg-grey) url('../images/icons/close.svg') 50% 50% no-repeat;
  background-size: 10px 10px;
  transition: all 0.3s;
  cursor: pointer;
}

.cart_close:hover {
  background-color: var(--bg-grey-light);
}

.cart_footer {
  position: sticky;
  bottom: 0;
  padding-top: 30px;
  padding-bottom: 44px;
  background-color: var(--white);
}

.cart_sum_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 51px;
  padding: 16px 0;
  border-top: 1px solid rgba(var(--black-rgb), 0.12);
  border-bottom: 1px solid rgba(var(--black-rgb), 0.12);
}

.cart_sum {
  font-size: 15px;
  line-height: 1.65;
}

.cart_sum:after {
  content: attr(data-pref);
  margin-left: 3px;
}

.cart_content {
  flex-grow: 1;
  padding: 26px 0 32px;
}

.cart_item {
  display: flex;
}

.cart_item + .cart_item {
  margin-top: 44px;
}

.cart_item_img {
  flex-shrink: 0;
  width: 80px;
}

.cart_item_img > img {
  width: 100%;
}

.cart_item_info {
  flex-grow: 1;
  padding-left: 28px;
}

.cart_item_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.cart_item_btn_wrapper {
  flex-shrink: 0;
  margin-right: 5px;
  margin-left: 5px;
}

.cart_item_close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

.cart_item_close:hover {
  background-color: var(--bg-grey-light);
}

.cart_item_title {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 600;
}

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

.cart_item_price {
  font-size: 13px;
  line-height: 1.68;
  color: var(--black);
}

.cart_item_price:after {
  content: attr(data-pref);
  margin-left: 3px;
}

.order_busket {
  margin-left: 16px;
  padding: 39px 30px 20px;
}

.cart_item_qt_info {
  margin-top: 6px;
  font-size: 13px;
  line-height: 21px;
  color: rgba(var(--black-rgb), 0.59);
}

.order_busket_list {
  margin-top: 40px;
  margin-bottom: 15px;
  padding: 15px 0;
  font-size: 13px;
  line-height: 1.68;
  color: rgba(var(--black-rgb), 0.79);
  border-top: 1px solid rgba(var(--black-rgb), 0.12);
  border-bottom: 1px solid rgba(var(--black-rgb), 0.12);
}

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

.order_busket_list li + li {
  margin-top: 15px;
}

.order_busket_list li .cart_sum {
  font-size: 15px;
  line-height: 1.65;
  color: var(--black);
}

.order_busket_total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--black);
}

.order_busket_total .cart_sum_label {
  font-size: 13px;
  line-height: 1.68;
}

.order_busket_total .cart_sum {
  font-size: 15px;
  line-height: 1.65;
}

.order_busket .cart_item + .cart_item {
  margin-top: 30px;
}


/* --------------------------------------------
    Modals Windows
    -------------------------------------------- */

.modal_box {
  position: relative;
  max-width: 986px;
  margin: 0 auto;
  padding: 86px 114px;
  background-color: var(--white);
}

.modal_title {
  max-width: 398px;
  margin: 0 auto 53px;
  font-family: var(--font-family);
  font-size: 33px;
  line-height: 48px;
  text-align: center;
}

.modal_btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.modal_btns .btn + .btn {
  margin-left: 13px;
}

button.mfp-close,
button.mfp-close:active {
  top: 30px;
  right: 30px;
  width: 42px;
  height: 42px;
  font-size: 0;
  background: var(--bg-grey) url('../images/icons/close.svg') no-repeat;
  background-position: 50% 50%;
}

#login {
  max-width: 752px;
}

.login_form {
  max-width: 364px;
  margin: 0 auto 42px;
}

.agreement_box {
  margin: 0 35px;
}

.agreement_box .square_label {
  font-size: 11px;
  line-height: 20px;
  color: rgba(var(--black-rgb), 0.55);
}

.agreement_box .input_wrapper > label:before,
.agreement_box .input_wrapper > label:after {
  top: 50%;
  transform: translateY(-50%);
}

.login_social {
  margin: 0 -114px -86px;
  padding: 32px 114px 40px;
  text-align: center;
  background-color: #fafafa;
}

.login_social_label {
  display: inline-block;
  max-width: 280px;
  margin-bottom: 30px;
  font-size: 11px;
  line-height: 1.85;
  color: rgba(var(--black-rgb), 0.6);
}

.social_list {
  font-size: 0;
}

.social_list > li {
  display: inline-block;
  padding: 0 8px;
}

.social_list > li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  font-size: 17px;
  text-decoration: none;
  color: var(--primary);
  border: 1px solid var(--primary);
  border-radius: var(--radius-half);
}

.social_list > li > a:hover {
  color: var(--white);
  background-color: var(--primary);
}

#product_add_cart,
#product_comparison {
  max-width: 1078px;
  margin: 87px auto 20px;
}

.modal_product_add_cart,
.modal_product_comparison {
  background-color: transparent;
  padding: 0;
}

.modal_product_add_cart .modal_btns,
.modal_product_comparison .modal_btns {
  font-weight: 600;
}

.modal_product_comparison .product_comparison_header {
  padding: 86px 114px;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.modal_product_comparison .product_comparison_header h2 {
  margin-bottom: 40px;
  font-family: var(--font-family);
}

.modal_product_add_cart .product_add_cart_header + .product_add_cart_content,
.modal_product_comparison .product_comparison_header + .product_comparison_content {
  margin-top: 15px;
}

.modal_product_add_cart .product_add_cart_content,
.modal_product_comparison .product_comparison_content {
  background-color: var(--bg-grey-light);
  padding: 48px 83px;
}

.modal_product_add_cart .product_add_cart_content h3,
.modal_product_comparison .product_comparison_content h3 {
  text-align: center;
  margin-bottom: 30px;
}

.modal_product_add_cart .product_add_cart_content h3 {
  text-align: left;
}

.cart_item.horizontal {
  align-items: center;
  background-color: var(--white);
  min-height: 112px;
  padding: 12px 40px 12px 30px;
}

.cart_item.horizontal .cart_item_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 47px;
}

.cart_item.horizontal .cart_item_title {
  font-weight: 400;
}

.cart_item.horizontal .cart_item_price {
  font-size: 15px;
  min-width: 93px;
}

.cart_item.horizontal .cart_item_price + .cart_item_qt {
  margin-left: 30px;
}

.cart_item.horizontal .cart_item_header {
  margin-bottom: 0;
}

.cart_item.horizontal .cart_item_footer {
  padding-left: 10px;
}

.cart_item.horizontal .cart_item_close {
  width: auto;
  height: auto;
  background-color: transparent;
  text-decoration: none;
}

.cart_item.horizontal .cart_item_close span + img {
  margin-left: 14px;
}

.cart_item.horizontal .quantity_btn {
  width: 36px;
  height: 36px;
}

.product_comparison_carts:not(:last-child) {
  margin-bottom: 40px;
}

.product_comparison_carts .cart_item.horizontal + .cart_item.horizontal {
  margin-top: 15px;
}

/* modal_product_add_cart */
.modal_product_add_cart .product_add_cart_header {
  padding: 50px 83px 50px 50px;
  background-color: var(--white);
}

.modal_product_add_cart .product_add_cart_header + .product_add_cart_content {
  margin-top: 15px;
}

.modal_product_add_cart .product_add_cart_content .cart_item_title {
  max-width: 168px;
}

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

.product_card_horisontal .product_card_horisontal_img {
  width: 394px;
  height: 360px;
  flex: none;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.product_card_horisontal .product_card_horisontal_img img {
  display: inline-block;
  vertical-align: middle;
  max-height: 100%;
}

.product_card_horisontal .product_card_horisontal_img::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

.product_card_horisontal .product_card_horisontal_img + .product_card_horisontal_desc {
  padding-left: 46px;
}

.product_card_horisontal .product_card_horisontal_desc {
  padding: 15px 0;
}

.product_card_horisontal .product_card_horisontal_desc h2 {
  font-family: var(--font-family);
  margin-bottom: 34px;
}

.product_card_horisontal .product_card_horisontal_desc p {
  font-size: 13px;
  line-height: 24px;
  color: rgba(var(--black-rgb), 0.65);
}

.product_card_horisontal .product_card_horisontal_desc p:not(:last-child) {
  margin-bottom: 34px;
}

.product_card_horisontal .product_card_horisontal_desc .product_price_wrapp {
  margin-bottom: 45px;
}

/* --------------------------------------------
    Breadcrumbs
    -------------------------------------------- */

.breadcrumbs {
  font-size: 12px;
  line-height: 17px;
}

.breadcrumbs_small {
  font-size: 9px;
  line-height: 1.86;
}

.breadcrumbs li {
  position: relative;
  display: inline-block;
}

.breadcrumbs li + li {
  padding-left: 22px;
}

.breadcrumbs li + li::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 7px;
  display: block;
  width: 8px;
  height: 8px;
  background: url('../images/icons/breadcrumbs_arrow.svg') 50% 50% no-repeat;
  background-size: 4px auto;
}

.breadcrumbs li a {
  text-decoration: none;
}

.breadcrumbs-primary-arrows li + li:before {
  background-image: url('../images/icons/breadcrumbs_arrow_primary.svg');
}

.product_media .breadcrumbs {
  margin: 16px 0 20px 40px;
}

/* --------------------------------------------
    Page Navigation
    -------------------------------------------- */

.page_nav_title {
  position: relative;
  padding: 13px 10px 13px 43px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  background-color: rgba(var(--primary-rgb), 0.12);
}

.page_nav_title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 7px;
  background-color: var(--primary);
}

.page_nav_list {
  padding: 15px 45px 20px;
  font-size: 14px;
  line-height: 20px;
}

.page_nav_list li {
  position: relative;
}

.page_nav_list li a {
  display: block;
  padding: 14px 0;
  text-decoration: none;
  color: var(--black);
  border-bottom: 1px solid var(--border);
}

.page_nav_list .have_submenu > a {
  padding-right: 30px;
}

.page_nav_list .have_submenu .submenu_btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 49px;
  background: url('../images/icons/arrow_top.svg') 50% 50% no-repeat;
  transition: all 0.3s;
  cursor: pointer;
}

.page_nav_list .have_submenu .submenu_btn.active {
  transform: rotate(180deg);
}

.page_nav_list .page_nav_list {
  padding: 0;
}

.page_nav_list .page_nav_list li > a {
  padding-left: 20px;
  font-size: 13px;
  opacity: 0.5;
}


/* --------------------------------------------
    Sections
    -------------------------------------------- */

.section1 {
  padding-left: 128px;
}

.section1:not(:last-child) {
  padding-bottom: 60px;
}

.section_title {
  margin-bottom: 35px;
  margin-left: -128px;
  padding: 30px 20px 30px 128px;
  font-family: var(--font-family);
  font-size: 26px;
  line-height: 48px;
  font-weight: 700;
  background-color: rgba(var(--primary-rgb), 0.12);
}


.text_page .section_title:not(:first-child) {
  margin-top: 60px;
}


/* section 2 */

.section2 {
  padding: 33px 76px 50px;
}

.section2:not(:last-child) {
  margin-bottom: 16px;
}

.section2_title1 {
  margin-bottom: 46px;
}

.section2_title3 {
  margin-bottom: 32px;
}


/* --------------------------------------------
    Info Box
    -------------------------------------------- */

.info_box {
  font-size: 14px;
  line-height: 26px;
  color: var(--primary);
  border-top: 1px solid var(--bg-grey);
  border-bottom: 1px solid var(--bg-grey);
}

.info_box:not(:last-child) {
  margin-bottom: 45px;
}

.info_box_inner {
  padding: 17px 30% 20px 0;
}

.info_box2 {
  position: relative;
  padding: 94px 115px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-top: 80px;
}

.info_box2:not(:last-child) {
  margin-bottom: 80px;
}

.info_box2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: rgba(var(--green-rgb), 0.93);
}

.info_box2_title {
  margin-bottom: 40px;
  font-family: var(--font-family);
  font-size: 33px;
  line-height: 1.66;
  color: var(--primary);
}

.info_box2_subtitle {
  font-size: 12px;
  line-height: 22px;
  color: rgba(var(--white-rgb), 0.7);
}

.info_box3 {
  position: relative;
  padding: 94px 115px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-top: -80px;
}

.info_box3:not(:last-child) {
  margin-bottom: 80px;
}


.info_box3_title {
  margin-bottom: 40px;
  font-family: var(--font-family);
  font-size: 33px;
  line-height: 1.66;
  color: var(--primary);
}

.info_box3_subtitle {
  font-size: 12px;
  line-height: 22px;
  color: var(--secondary);
  margin-bottom: 30px;
}

/* --------------------------------------------
    Advantages
    -------------------------------------------- */

.advantages_list {
  display: flex;
  margin: 0 -50px;
}

.advantage_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 33.33%;
  padding: 30px 50px 0;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
}

.advantage_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 105px;
  margin-bottom: 24px;
  background-color: rgba(var(--primary-rgb), 0.06);
  border-radius: var(--radius-half);
}

.advantages-wrapper {
  display: flex;
  padding: 20px;
  justify-content: space-around;
}

.advantages-wrapper .advantage img {
  width: 36px;
}

.advantages-wrapper .advantage span {
  color: #000;
  font-size: 14px; /* или 15px что лучше подойдёт */
  margin-top: 16px;
}

.new_charac .advantages-wrapper {
  width: 50%;
  margin-top: -175px;
  margin-bottom: 0;
  background-color: white;
}
.new_charac .tab {
  max-width: 800px;
  margin: 0 auto;
}
/* --------------------------------------------
    Pagination
    -------------------------------------------- */

.pagination_wrapper {
  display: flex;
  align-items: center;
  padding-top: 26px;
}

.pagination_label {
  flex-grow: 1;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  opacity: 0.5;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -7px;
}

.pagination > li {
  padding: 0 7px;
}

.pagination > li > span {
  display: block;
  width: 20px;
  text-align: center;
}

.pagination > li > a {
  display: block;
  width: 44px;
  height: 44px;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: var(--black);
  border: 2px solid var(--border);
}

.pagination > li > a:hover {
  color: var(--white);
  background-color: var(--bg-grey);
  border-color: var(--bg-grey);
}

.pagination > li.current > a {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.pagination_link {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 19px;
  text-decoration: none;
  color: var(--black);
}

.pagination_link img {
  margin: 0 5px;
  transition: all 0.3s;
}

.pagination_link:hover {
  color: var(--primary);
}

.pagination_link.next {
  margin-left: 26px;
}

.pagination_link.prev {
  margin-right: 26px;
}

.pagination_link.next:hover img {
  transform: translateX(10px);
}

.pagination_link.prev:hover img {
  transform: translateX(-10px);
}


/* --------------------------------------------
    Sort Box
    -------------------------------------------- */


.filter_list {
  display: flex;
  flex-grow: 1;
  padding: 11px 11px 10px 0;
  overflow: auto;
  overflow-y: hidden;
  /*border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);*/
}

.filter_link {
  position: relative;
  display: block;
  margin: 0 19px;
  text-decoration: none;
  white-space: nowrap;
  color: var(--black);
}

.filter_link:first-child {
  margin-left: 0;
}

.filter_link .count {
  opacity: 0.5;
}

.filter_link:before {
  content: '';
  position: absolute;
  bottom: -11px;
  display: block;
  width: 100%;
  height: 2px;
  opacity: 0;
  background-color: var(--primary);
  transition: all 0.3s;
}

.filter_link:hover {
  color: var(--primary);
}

.filter_link.current {
  font-weight: 600;
}

.filter_link.current:before {
  opacity: 1;
}

.sort_select.jq-selectbox {
  height: auto;
  border: none;
  outline: none;
}

.sort_select .jq-selectbox__select {
  height: auto;
  padding: 0 30px 0px 9px;
  font-size: 14px;
  line-height: 22px;
  text-shadow: none;
  background: none;
  box-shadow: none;
}

.sort_select .jq-selectbox__select-text {
  width: 100% !important;
  font-family: var(--font-family);
}

.sort_select .jq-selectbox__trigger {
  border: none;
}

.sort_select .jq-selectbox__trigger-arrow {
  top: 8px;
  right: 12px;
  width: 10px;
  height: 5px;
  background: url('../images/icons/arrow_down.svg') 50% 50% no-repeat;
  border: none;
}


/* --------------------------------------------
    Product
    -------------------------------------------- */

.product_wrapper {
  padding: 0 10px;
}

.product_card {
  border: 1px solid #cccccc61;
}
.product_post {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 -10px;
  padding-bottom: 12px;
}

.product_top_mob {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.product_top_mob .product_description .price {
  display: none;
}

@media only screen and (max-width: 575px) {
  .product_top_mob {
    flex-direction: row;
  }

  .product_top_mob .product_description .price {
    display: block;
    font-size: 16px;
    font-weight: 400;
  }
}

.product_img {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 100%;
}

@media only screen and (max-width: 575px) {
  .product_top_mob .product_img {
    flex-shrink: 0;
    width: 30%;
    padding-bottom: 32%;
    margin-bottom: 10px;
  }

  .product_top_mob .product_img img {
    height: auto;
  }
}

.product_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product_img:hover .product_img_description,
.product_img:focus .product_img_description {
  display: block;
}

.product_img_description {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  color: var(--white);
  overflow: hidden;
  padding: 20px;
}

.section_inner {
  flex: 0 0 auto;
  width: 100%;
  padding-bottom: 60px;
}

.section_inner .section_title {
  padding: 50px 20px 0 55px;
  margin-left: 0;
  margin-bottom: 0;
  background: none;
}

@media only screen and (max-width: 575px) {
  .product_img:hover .product_img_description,
  .product_img:focus .product_img_description {
    display: none;
  }
}

.product_description {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width: 575px) {
  .product_top_mob .product_description {
    margin-left: 10px;
    margin-bottom: 15px;
  }
}

.product_title_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

@media only screen and (max-width: 575px) {
  .product_top_mob .product_title_wrapper {
    flex-direction: column-reverse;
    margin-bottom: 0;
  }
}

.product_title {
  flex-grow: 1;
  line-height: 1.23;
  font-weight: 600;
}

.product_lable {
  flex-shrink: 0;
  margin-left: 10px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 21px;
  font-weight: 600;
}

@media only screen and (max-width: 575px) {
  .product_top_mob .product_lable {
    margin-left: 0;
    padding: 0;
  }
}

.product_lable.sale {
  padding: 2px 20px;
  color: var(--white);
  background-color: var(--red);
}

.product_lable.new {
  text-transform: uppercase;
  color: var(--red);
}

.product_lable.lable_type1 {
  color: var(--primary);
}

.product_title > a {
  text-decoration: none;
  color: inherit;
}

.product_title > a:hover {
  color: var(--primary);
}

.product_text {
  font-size: 12px;
  line-height: 20px;
  opacity: 0.39;
  margin-bottom: 15px;
}

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


.product_btn_wrapp_bottom {
  margin: 10px -5px 0 -5px;
}

.product_btn_wrapp_bottom .btn_icon {
  display: none;
}

@media only screen and (max-width: 575px) {
  /*.product_top_mob .product_btn_wrapp {*/
  /*  display: none;*/
  /*}*/

  .product_btn_wrapp_bottom {
    margin: 0 0 0 -2px;
  }

  .product_btn_wrapp_bottom .btn_icon {
    display: flex;
    margin-left: 2px;
  }
}

.old_price {
  font-size: 14px !important;
  text-decoration: line-through;
}


.price {
  font-weight: 600;
}


@media screen and (max-width: 991px) {
  .product_first {
    display: block;
  }

  .product_first .advantages-wrapper {
    display: none;
  }

  .product_slider_wrapper {
    margin-left: 0;
  }
}

.mt-35 {
  margin-top: 35px;
}

/* Для светлых блоков костыль лютый */
.better_product .btn,
.product_btn_item .btn,
.pagination > li.current > a,
.bg_light .btn,
.tab .btn,
.login_form .btn,
.form_btn_wrapper .btn,
.modal_btns .btn,
.contact_form .btn,
.comparison_product .btn,
.private_office_btn,
.input_wrapper > input:checked + label:before {
  background: var(--primary-light-theme);
  border-color: var(--primary-light-theme);
}
.better_product .btn:hover,
.product_btn_item .btn:hover,
.pagination > li.current > a:hover,
.bg_light .btn:hover,
.tab .btn:hover,
.login_form .btn:hover,
.form_btn_wrapper .btn:hover,
.modal_btns .btn:hover,
.contact_form .btn:hover,
.comparison_product .btn:hover,
.input_wrapper > input:checked + label:hover:before {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}

.modal_btns .btn:hover,
.bg_green .buy_one_click_new .btn:hover {
  background: var(--primary-hover);
  border-color: var(--primary-hover);
}
.add_to_cart a.btn {
  border-color: var(--primary-light-theme);
  background: transparent;
  padding: 10px 15px;
  width: auto;
}
.bg_green .buy_one_click_new .btn {
  background: var(--primary);
  border-color: var(--primary);
}

.bg_green  .add_to_cart a.btn {
  border-color: rgba(var(--white-rgb), 0.21);
}
.bg_green .btn_icon .icon{
  stroke: var(--primary);
}
.better_product a,
.news-list a,
.news-detail a,
.btn_icon,
.product_media .breadcrumbs li a,
.charac_val a,
.tab a,
.contact_list_label,
.input_wrapper > label a,
.agreement_box a,
.modal_product_comparison a,
.cart_item.horizontal .cart_item_close,
.bx-sbb-empty-cart-container a,
.specifications_list a,
.modal_product_comparison .accent_color {
  color: var(--primary-light-theme);
}
.order_finish_icon {
  background-color: var(--primary-light-theme);
}
.better_product a.btn,
.modal_btns a.btn {
  color: var(--white);
}
.modal_btns a.btn_light {
  background: transparent;
  color: var(--primary-light-theme);
}
.modal_btns a.btn_light:hover {
  color: var(--white);
}
.filter_link:before,
.range_box .irs--round .irs-bar,
.badge {
  background: var(--primary-light-theme);
}

.bg_light a {
  color: var(--primary-light-theme);
}
.bg_light .compare_btn,
.bg_light .btn_icon,
.bg_light .add_to_favorites {
  border-color: var(--border);
  background: transparent;
}
.bg_light a.btn {
  color: var(--white);
}

.private_office_btn.btn_light,
.bg_light a.btn_light {
  color: var(--black);
  background: transparent;
  border-color: var(--border);
}
.private_office_btn.btn_light:hover {
  background-color: var(--primary-hover);
  border-color: var(--primary-hover);
  color: var(--white);
}
.bg_light a.btn_light:hover {
  color: var(--white);
}
.product_title > a {
  color: var(--black);
}
.bg_light .add_to_cart .btn {
  color: var(--black);
}
.bg_light .filter_link {
  color: var(--black);
}
.bg_light .filter_link:hover {
  color: var(--primary-hover);
}
.bg_light .add_to_cart .btn:hover {
  color: var(--white);
}
.btn_icon .icon {
  stroke: var(--primary-light-theme);
}
.btn_icon:hover .icon {
  stroke: var(--white);
}
.in_compare .icon,
.in_favorite .icon {
  stroke: var(--white);
}
.lazy-image-container {
  position: relative;
  display: block;
  overflow: hidden;

  background-color: #f0f3f5;
  background-image: linear-gradient(90deg, #f0f3f5 0px, #e8edef 40px, #f0f3f5 80px);
  background-size: 600px;
  animation: lazy-placeholder-pulse 1.5s infinite linear;
}

img.lazy {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
img.lazy.loaded {
  opacity: 1;
}

.product_img.lazy-image-container img.lazy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product_slider_wrapper.lazy-image-container .swiper-slide img.lazy {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.lazy-image-container.is-loaded {
  background-image: none;
  animation: none;
  background-color: transparent;
}

@keyframes lazy-placeholder-pulse {
  0% {
    background-position: -300px;
  }
  100% {
    background-position: 300px;
  }
}
.btn-loader {
  border: 3px solid #f3f3f3;
  border-top: 3px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  display: inline-block;
  vertical-align: middle;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (min-width: 960px) {
  .search_box.active {
    width: 450px;
  }
  .search_box:not(.active) .container {
    min-width: 450px;
  }
}