/* rubik-arabic-300-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/netcat_template/template/11/assets/fonts/rubik-arabic-300-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-arabic-300-normal.woff) format("woff");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* rubik-cyrillic-ext-300-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-ext-300-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-ext-300-normal.woff) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* rubik-cyrillic-300-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-300-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-300-normal.woff) format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* rubik-hebrew-300-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/netcat_template/template/11/assets/fonts/rubik-hebrew-300-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-hebrew-300-normal.woff) format("woff");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* rubik-latin-ext-300-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/netcat_template/template/11/assets/fonts/rubik-latin-ext-300-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-latin-ext-300-normal.woff) format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* rubik-latin-300-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/netcat_template/template/11/assets/fonts/rubik-latin-300-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-latin-300-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* rubik-arabic-400-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/netcat_template/template/11/assets/fonts/rubik-arabic-400-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-arabic-400-normal.woff) format("woff");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* rubik-cyrillic-ext-400-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-ext-400-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-ext-400-normal.woff) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* rubik-cyrillic-400-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-400-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-400-normal.woff) format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* rubik-hebrew-400-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/netcat_template/template/11/assets/fonts/rubik-hebrew-400-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-hebrew-400-normal.woff) format("woff");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* rubik-latin-ext-400-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/netcat_template/template/11/assets/fonts/rubik-latin-ext-400-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-latin-ext-400-normal.woff) format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* rubik-latin-400-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/netcat_template/template/11/assets/fonts/rubik-latin-400-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-latin-400-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* rubik-arabic-500-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/netcat_template/template/11/assets/fonts/rubik-arabic-500-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-arabic-500-normal.woff) format("woff");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* rubik-cyrillic-ext-500-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-ext-500-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-ext-500-normal.woff) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* rubik-cyrillic-500-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-500-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-500-normal.woff) format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* rubik-hebrew-500-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/netcat_template/template/11/assets/fonts/rubik-hebrew-500-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-hebrew-500-normal.woff) format("woff");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* rubik-latin-ext-500-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/netcat_template/template/11/assets/fonts/rubik-latin-ext-500-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-latin-ext-500-normal.woff) format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* rubik-latin-500-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/netcat_template/template/11/assets/fonts/rubik-latin-500-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-latin-500-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* rubik-arabic-700-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/netcat_template/template/11/assets/fonts/rubik-arabic-700-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-arabic-700-normal.woff) format("woff");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* rubik-cyrillic-ext-700-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-ext-700-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-ext-700-normal.woff) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* rubik-cyrillic-700-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-700-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-cyrillic-700-normal.woff) format("woff");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* rubik-hebrew-700-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/netcat_template/template/11/assets/fonts/rubik-hebrew-700-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-hebrew-700-normal.woff) format("woff");
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* rubik-latin-ext-700-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/netcat_template/template/11/assets/fonts/rubik-latin-ext-700-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-latin-ext-700-normal.woff) format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* rubik-latin-700-normal */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/netcat_template/template/11/assets/fonts/rubik-latin-700-normal.woff2) format("woff2"), url(/netcat_template/template/11/assets/fonts/rubik-latin-700-normal.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.about-screen {
  position: relative;
  margin-top: 36px;
  margin-bottom: 75px;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .about-screen {
    margin-bottom: 48px;
  }
}
.advantages {
  --margin: var(--padd, 56px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--margin);
}
.advantages .advantage-list {
  --count-in-row: 5;
  --padd: 80px;
  --calced-width: calc((100% - var(--padd) * (var(--count-in-row) - 1)) / var(--count-in-row));
  counter-reset: section;
  display: flex;
  flex-wrap: wrap;
  gap: 32px var(--padd);
}
.advantages .advantage-list .advantage-item {
  position: relative;
  width: var(--calced-width);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.advantages .advantage-list .advantage-item::before {
  counter-increment: section;
  content: counter(section) ".";
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 74px;
  line-height: 108%;
  font-weight: 700;
  color: #ecebf1;
}
.advantages .advantage-list .advantage-item .img-box {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 40px;
  width: 100%;
  margin-bottom: 20px;
  padding-left: 64px;
  justify-content: flex-start;
}
.advantages .advantage-list .advantage-item .img-box img {
  display: block;
  height: 110px;
  -webkit-filter: drop-shadow(0px 40px 40px rgba(0, 0, 0, 0.08));
  filter: drop-shadow(0px 40px 40px rgba(0, 0, 0, 0.08));
}
.advantages .advantage-list .advantage-item .title {
  margin-bottom: 16px;
}
.advantages .btn {
  align-self: flex-start;
}

@media (max-width: 1859.98px) {
  .advantages .advantage-list {
    --padd: 64px;
  }
}
@media (max-width: 1659.98px) {
  .advantages .advantage-list {
    --count-in-row: 4;
  }
}
@media (max-width: 1399.98px) {
  .advantages .advantage-list {
    --padd: 48px;
  }
}
@media (max-width: 1199.98px) {
  .advantages .advantage-list {
    --count-in-row: 3;
  }
}
@media (max-width: 991.98px) {
  .advantages {
    gap: 48px;
  }
  .advantages .advantage-list {
    --count-in-row: 2;
  }
}
@media (max-width: 767.98px) {
  .advantages {
    gap: 24px;
  }
  .advantages .advantage-list {
    --padd: 24px;
  }
}
@media (max-width: 575.98px) {
  .advantages .advantage-list {
    --count-in-row: 1;
  }
}
.cart-inside {
  padding-top: 45px;
  padding-bottom: var(--space-between);
}
.cart-inside .container {
  position: relative;
  z-index: 1;
}
.cart-inside .head {
  background: var(--color-primary-bg);
  padding: 30px 0;
  border-radius: 10px;
  color: var(--color-primary-fg);
  margin-bottom: 8px;
}
.cart-inside .head .row > *:first-child span {
  padding-left: 24px;
}
.cart-inside .body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart-inside .body .cart-item {
  padding: 40px 0;
}
.cart-inside .body .cart-item .cart-item-name {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cart-inside .body .cart-item .cart-item-name:hover .name {
  color: var(--red-color);
}
.cart-inside .body .cart-item .cart-item-name .img-box img {
  display: block;
  width: 100%;
}
.cart-inside .body .cart-item .cart-item-colors {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.cart-inside .body .cart-item .cart-item-colors.inline {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
.cart-inside .body .cart-item .cart-item-colors .color-box {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.cart-inside .body .cart-item .cart-item-colors .color-box .color-box-head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart-inside .body .cart-item .cart-item-colors .color-box .color-box-head .circle-color {
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.cart-inside .body .cart-item .cart-item-colors .color-box .color-box-input input {
  width: 100%;
}
.cart-inside .body .cart-item .cart-item-additional-params {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 18px;
  line-height: 1.45;
}
.cart-inside .body .cart-item .cart-item-amount {
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}
.cart-inside .body .cart-item .last-col {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-right: 24px;
  flex-wrap: wrap;
}
.cart-inside .body .cart-item .cart-item-price {
  white-space: nowrap;
}
.cart-inside .foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
}
.cart-inside .foot .cart-total {
  display: flex;
  align-items: center;
  gap: 40px;
}
.cart-inside .foot .cart-total .cart-total-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart-inside .foot .cart-total .cart-total-price {
  font-weight: 700;
  font-size: 34px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--red-color);
}

@media (max-width: 1859.98px) and (min-width: 1200px) {
  .cart-inside .body .cart-item .cart-item-name {
    padding-right: 0;
  }
  .cart-inside .body .cart-item .cart-item-name .name {
    font-size: 18px;
  }
}
@media (max-width: 1399.98px) {
  .cart-inside .body .cart-item .cart-item-additional-params {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 1199.98px) {
  .cart-inside {
    padding-top: 24px;
  }
  .cart-inside .body {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .cart-inside .body .cart-item {
    width: calc(50% - 4px);
  }
  .cart-inside .body .cart-item .row {
    height: 100%;
    flex-direction: column;
  }
  .cart-inside .body .cart-item .row > div {
    padding-left: calc(var(--bs-gutter-x) * 0.5 + 16px);
    padding-right: calc(var(--bs-gutter-x) * 0.5 + 16px);
  }
  .cart-inside .body .cart-item .cart-item-name {
    padding: 0;
  }
  .cart-inside .body .cart-item .cart-item-name .img-box img {
    width: auto;
    height: 142px;
  }
  .cart-inside .body .cart-item .cart-item-colors {
    width: 100%;
    max-width: 254px;
  }
  .cart-inside .body .cart-item .last-col {
    align-items: center;
  }
  .cart-inside .body .cart-item .last-col .btn-delete span {
    display: none;
  }
  .cart-inside .body .cart-item .bottom-side {
    margin-top: auto;
  }
}
@media (max-width: 767.98px) {
  .cart-inside .body .cart-item {
    width: 100%;
  }
  .cart-inside .foot {
    justify-content: center;
    margin-top: 56px;
  }
  .cart-inside .foot .cart-total {
    flex: 1;
    flex-direction: column;
    gap: 32px;
  }
  .cart-inside .foot .cart-total .cart-total-left {
    align-items: center;
  }
  .cart-inside .foot .cart-total .btn {
    width: 100%;
    max-width: 360px;
  }
}
.catalog-products {
  padding-top: 32px;
}
.catalog-products .catalog-products-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  z-index: 1;
}
.catalog-products .catalog-products-list .span-2 {
  grid-column: span 2;
}
.catalog-products .catalog-products-list .row-2 {
  grid-row: span 2;
}
.catalog-products .slider-preview {
  --swiper-wrapper-transition-timing-function: ease-in-out;
  padding-bottom: 0;
  gap: 16px;
  min-height: 370px;
}
.catalog-products .slider-preview .head {
  position: relative;
  padding: 24px 24px 0;
  z-index: 1;
}
.catalog-products .slider-preview .slides {
  flex: 1;
}
.catalog-products .slider-preview .slides .slide-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.catalog-products .slider-preview .slides .slide-item .img-box img {
  max-height: 302px;
}

.product-item-panel {
  --padd: 24px;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background-color: var(--color-primary-bg);
  transition: background-color 0.2s ease-in-out;
}
.product-item-panel:hover {
  --color-primary-bg: #212121;
  --color-primary-fg: var(--white-color);
  --color-dark-fg: var(--white-color);
}
.theme-dark .product-item-panel:hover {
  --color-primary-bg: var(--white-color);
  --color-primary-fg: var(--black-light-color);
  --color-dark-fg: var(--black-color);
}
.product-item-panel .product-panel-head {
  padding: var(--padd) var(--padd) 0;
}
.product-item-panel .product-panel-head .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  color: var(--color-primary-fg);
  transition: color 0.2s ease-in-out;
}
.product-item-panel .product-panel-body {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.product-item-panel .product-panel-body .img-box {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: calc(100% - var(--padd) * 2);
}
.product-item-panel .product-panel-body .img-box img {
  display: block;
  max-width: 100%;
  /*max-height: 210px;*/
}
.product-item-panel .product-panel-footer {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: flex-end;
  padding: 0 var(--padd) var(--padd);
}
.product-item-panel .product-panel-footer .product-panel-footer-production {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--color-primary-fg);
  font-size: 14px;
  line-height: 128%;
  transition: color 0.2s ease-in-out;
}
.product-item-panel .product-panel-footer .product-panel-footer-production span {
  opacity: 0.6;
}
.product-item-panel .product-panel-footer .product-panel-footer-production .production-time {
  opacity: 0.65;
  font-weight: 700;
  text-transform: uppercase;
}
.product-item-panel .product-panel-footer .product-panel-footer-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.product-item-panel .product-panel-footer .product-panel-footer-price .price {
  color: var(--red-color);
  font-size: 32px;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
}
.product-item-panel .product-panel-footer .product-panel-footer-price .price-currency {
  font-size: 14px;
  line-height: 128%;
  opacity: 0.6;
  color: var(--color-dark-fg);
  transition: color 0.2s ease-in-out;
}

.video-block {
  border-radius: 10px;
  overflow: hidden;
}
.video-block video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1659.98px) {
  .catalog-products .catalog-products-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  .catalog-products .catalog-products-list .video-block.vert {
    grid-row: 1/3;
    grid-column: span 1/-1;
  }
  .catalog-products .catalog-products-list .video-block.horiz {
    grid-row: 3/4;
    grid-column: 1/3;
  }
}
@media (max-width: 1399.98px) {
  .catalog-products .catalog-products-list {
    gap: 24px;
  }
  .catalog-products .slider-preview {
    min-height: 340px;
  }
}
@media (max-width: 1199.98px) {
  .catalog-products {
    padding-top: 24px;
  }
  .catalog-products .catalog-products-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .catalog-products .catalog-products-list .video-block, .catalog-products .catalog-products-list .slider-preview {
    display: none;
  }
  .product-panel .product-panel-footer .product-panel-footer-price .price {
    font-size: 26px;
  }
}
@media (max-width: 767.98px) {
  .catalog-products .catalog-products-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.catalog-sub {
  --count-in-row: 4;
  --padd: 40px;
  --calced-width: calc((100% - var(--padd) * (var(--count-in-row) - 1)) / var(--count-in-row));
  padding-top: 32px;
}
.catalog-sub .catalog-sub-list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--padd);
}

.sub-item-panel {
  --inside-padd: 24px;
  position: relative;
  width: var(--calced-width, 358px);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  padding: var(--inside-padd);
  gap: var(--inside-padd);
  background-color: var(--color-primary-bg);
  transition: background-color 0.2s ease-in-out;
}
.sub-item-panel:hover {
  --color-primary-bg: #212121;
  --color-primary-fg: var(--white-color);
  --color-dark-fg: var(--white-color);
}
.theme-dark .sub-item-panel:hover {
  --color-primary-bg: var(--white-color);
  --color-primary-fg: var(--black-light-color);
  --color-dark-fg: var(--black-color);
}
.sub-item-panel .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sub-item-panel .sub-panel-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
}
.sub-item-panel .sub-panel-body .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  color: var(--color-primary-fg);
  transition: color 0.2s ease-in-out;
}
.sub-item-panel .sub-panel-body .subtitle {
  font-size: 18px;
  line-height: 1.44;
  color: var(--color-dark-fg);
  transition: color 0.2s ease-in-out;
}

@media (max-width: 1659.98px) {
  .catalog-sub {
    --count-in-row: 3;
  }
}
@media (max-width: 1199.98px) {
  .catalog-sub {
    --count-in-row: 2;
  }
}
@media (max-width: 991.98px) {
  .catalog-sub {
    --padd: 24px;
  }
}
@media (max-width: 767.98px) {
  .catalog-sub {
    --count-in-row: 1;
    --padd: 16px;
  }
}
.checkout-success-inside {
  padding-top: 12px;
  padding-bottom: var(--space-between);
}
.checkout-success-inside + footer {
  padding-top: 0;
}
.checkout-success-inside .container {
  position: relative;
}
.checkout-success-inside .img-box {
  position: absolute;
  top: -44px;
  right: 120px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.checkout-success-inside .checkout-success-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.checkout-success-inside .checkout-success-content .mob-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.checkout-success-inside .checkout-success-content .mob-head .img-box {
  flex-shrink: 0;
  position: relative;
  top: 0;
  right: 0;
}
.checkout-success-inside .checkout-success-content .mob-head .img-box img {
  width: 100px;
}
.checkout-success-inside .checkout-success-content .mob-head .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
}
.checkout-success-inside .checkout-success-content .head .text {
  font-size: 26px;
  line-height: 37px;
}
.checkout-success-inside .checkout-success-content .contacts-body {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.checkout-success-inside .checkout-success-content .contacts-body .links-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.checkout-success-inside .checkout-success-content .contacts-body .links-body .title {
  font-size: 18px;
}
.checkout-success-inside .checkout-success-content .contacts-body .links-body .links {
  display: flex;
  gap: 24px;
}
.checkout-success-inside .checkout-success-content .contacts-body .links-body .contact-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
}
.checkout-success-inside .checkout-success-content .contacts-body .links-body .address-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.checkout-success-inside .checkout-success-content .contacts-body .links-body .address-list .all-addresses {
  opacity: 1;
  color: var(--red-color);
  text-decoration: underline;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 26px;
  line-height: 37px;
}
.contact-item .icon {
  max-height: 20px;
}

@media (max-width: 1659.98px) {
  .checkout-success-inside .img-box {
    right: 0;
  }
  .checkout-success-inside .img-box img {
    max-width: 500px;
  }
}
@media (max-width: 1199.98px) {
  .checkout-success-inside .img-box img {
    max-width: 360px;
  }
  .checkout-success-inside .checkout-success-content .contacts-body {
    gap: 40px;
  }
}
@media (max-width: 991.98px) {
  .checkout-success-inside {
    padding-top: 8px;
  }
  .checkout-success-inside .checkout-success-content {
    background: var(--white-color);
    border-radius: 10px;
    padding: 16px 16px 24px;
    gap: 24px;
  }
  .checkout-success-inside .checkout-success-content .head .text {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body {
    align-items: center;
    gap: 8px;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body .title {
    font-size: 14px;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body .links {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 24px;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body .links:not(:last-child) {
    margin-bottom: 16px;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body .links .btn-icon {
    width: 48px;
    height: 48px;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body .links .btn-icon .icon {
    width: 24px;
    height: 24px;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body .contact-list {
    gap: 16px;
    justify-content: center;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body .contact-list .contact-item.email {
    font-size: 18px;
    line-height: 26px;
  }
  .checkout-success-inside .checkout-success-content .contacts-body .links-body .address-list {
    margin-top: 16px;
    align-items: center;
  }
}
.column-block {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
}

.checkout-inside {
  padding-top: 32px;
  padding-bottom: var(--space-between);
}
.checkout-inside .container {
  position: relative;
  z-index: 1;
}
.checkout-inside .personal-form .form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.checkout-inside .personal-form .form .caption {
  margin-bottom: 12px;
}
.checkout-inside .delivery-form .form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.checkout-inside .final-form .final-form-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 32px;
  gap: 32px;
  border-top: 1px solid var(--border-color);
}
.checkout-inside .final-form .final-form-footer .final-form-footer-left {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}
.checkout-inside .final-form .final-form-footer .final-form-footer-left .caption {
  font-size: 12px;
}

@media (max-width: 1659.98px) {
  .checkout-inside .final-form .final-form-footer {
    flex-direction: column;
  }
  .checkout-inside .final-form .final-form-footer .final-form-footer-right .btn {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .checkout-inside .column-block {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.contacts-screen {
  padding-bottom: var(--space-between);
}
.contacts-screen .contacts-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 54px;
  z-index: 1;
}
.contacts-screen .contacts-wrapper .contacts-group {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.contacts-screen .contacts-wrapper .contacts-group.main {
  position: relative;
  margin-top: -90px;
}
.contacts-screen .contacts-wrapper .contacts-group .contacts-head h3 {
  font-weight: 400;
}

.offices {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.office-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  border-radius: 10px;
  padding: 54px;
  background: var(--color-primary-bg);
}
.office-item .content {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
.office-item .content .name {
  width: 260px;
  font-size: 26px;
  line-height: 1.42;
}
.office-item .content .address-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 461px;
}
.office-item .content .address-wrapper .address {
  font-size: 20px;
  line-height: 1.3;
}
.office-item .content .address-wrapper .btns {
  display: flex;
  gap: 16px;
  white-space: nowrap;
  flex-wrap: wrap;
}
.office-item .content .worktimes {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 250px;
}
.office-item .content .worktimes .worktime {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.office-item .content .worktimes .worktime .time {
  font-size: 22px;
  font-weight: 700;
}
.office-item .content .contacts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 400px;
}
.office-item .content .contacts .contact {
  --current-color: var(--color-dark-fg);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  line-height: 1.3;
  white-space: nowrap;
}
.office-item .content .contacts .contact svg {
  display: block;
  height: 19px;
  fill: var(--red-color);
}
.office-item .map {
  position: relative;
  display: none;
}
.office-item .map > * {
  transition: opacity 0.3s ease-in-out;
}
.office-item .map iframe {
  display: block;
}
.office-item .map.active {
  display: block;
}

@media (max-width: 1399.98px) {
  .office-item {
    gap: 24px;
    padding: 32px;
  }
  .office-item .content {
    gap: 24px;
  }
  .office-item .content > * {
    width: 25% !important;
  }
  .office-item .content .contacts .contact {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1199.98px) {
  .office-item .content {
    flex-wrap: wrap;
  }
  .office-item .content > * {
    width: calc(50% - 12px) !important;
  }
  .office-item .content > *:nth-child(1), .office-item .content > *:nth-child(2) {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-color);
  }
  .office-item .content .contacts .contact {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 767.98px) {
  .contacts-screen .contacts-wrapper {
    gap: 16px;
  }
  .contacts-screen .contacts-wrapper .contacts-group {
    gap: 16px;
  }
  .contacts-screen .contacts-wrapper .contacts-group.main {
    margin-top: 0px;
  }
  .offices {
    gap: 16px;
  }
  .office-item {
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px;
  }
  .office-item .content > * {
    width: 100% !important;
  }
  .office-item .content > *:nth-child(1), .office-item .content > *:nth-child(2) {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.faq-screen.screen {
  padding-top: 0;
}
.faq-screen .head-h4 {
  margin-bottom: 24px;
}

.faq-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  z-index: 1;
}
.faq-list .faq-item {
  display: flex;
  flex-direction: column;
  background: var(--color-primary-bg);
}
.faq-list .faq-item .head {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 24px 32px;
  cursor: pointer;
}
.faq-list .faq-item .head::after {
  content: "+";
  margin-left: auto;
  font-weight: 700;
  font-size: 32px;
  line-height: 24px;
  transition: color 0.3s ease-in-out;
}
.faq-list .faq-item .head:hover::after {
  color: var(--red-color);
}
.faq-list .faq-item .content {
  display: none;
  flex-direction: column;
  gap: 12px;
  padding: 0 32px 16px;
  max-width: 1200px;
}
.faq-list .faq-item.active .head::after {
  content: "-";
  color: var(--red-color);
}
.faq-list .faq-item.active .content {
  display: flex;
}
.first-screen {
  position: relative;
  overflow: hidden;
  user-select: none;
}
.first-screen .content {
  --add-height: 5px;
  --image-height: 134px;
  position: relative;
  padding-top: calc(var(--header-height) + var(--header-offset) + var(--header-height) - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
}
.first-screen .content:not(.inner-page) .bg {
  content: "";
  position: absolute;
  top: calc(var(--header-height) + var(--header-offset));
  right: 0;
  width: 38%;
  height: calc(100% - var(--header-height) - var(--header-offset) + var(--add-height));
  z-index: 1;
}
.first-screen .content:not(.inner-page) .bg img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-height: 100%;
  max-width: 100%;
  transition: .6s ease-in-out;
}
.first-screen .content:not(.inner-page) .bg img.changing {
  opacity: 0;
}
.first-screen .content.inner-page {
  flex-direction: row;
  align-items: flex-end;
  gap: 32px;
}
.first-screen .content.inner-page .main-btn {
  margin-bottom: 68px;
}
.first-screen .content > * {
  position: relative;
  z-index: 2;
}
.first-screen .content .main-slider {
  position: absolute;
  top: calc(var(--header-height) + var(--header-offset));
  right: 0px;
  width: 50%;
  height: calc(100% - var(--header-height) - var(--header-offset) + var(--add-height));
  z-index: 3;
  overflow: visible;
}
.first-screen .content .main-slider .slide-item .img-box {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%;
  padding-bottom: 30px;
}
.first-screen .content .main-slider .slide-item .img-box img {
  display: block;
  max-height: 100%;
}
.first-screen .next-slide-nav {
  position: absolute;
  top: calc(50% + var(--header-height) + var(--header-offset));
  margin-top: -50px;
  left: 100%;
  width: 80px;
  margin-left: -40px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  opacity: 1;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.first-screen .next-slide-nav svg {
  display: block;
  width: 40px;
  fill: none;
  stroke: white;
  transition: stroke 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.first-screen .next-slide-nav:hover {
  opacity: 1;
}
.first-screen .next-slide-nav:hover svg {
  stroke: var(--red-color);
}
.first-screen .content .head {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 810px;
}
.theme-dark .first-screen.inside-page .content .head {
  filter: invert(1);
}
.first-screen .content .head .sub {
  color: black;
  opacity: 0.6;
  font-size: 20px;
  display: none;
}
.first-screen .content .head .participants-count {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}
.first-screen .content .head .participants-count span {
  display: block;
  margin-top: 6px;
}
.first-screen .content .head .participants-count .num {
  margin-top: 0;
  font-size: 32px;
}
.first-screen .content .slider-control {
  /*display: flex;*/
  align-items: center;
  gap: 24px;
  display: none !important;
}
.first-screen .content .imgs {
  display: flex;
  align-items: center;
  gap: 16px;
}
.first-screen .content .imgs .img-box {
  background-color: rgba(255, 255, 255, .3);
  border-radius: 8px;
  overflow: hidden;
}
.first-screen .content .imgs .img-box img {
  display: block;
  height: var(--image-height);
  opacity: 0;
  width: 329px;
  transition: opacity 0.2s ease-in-out;
}
.first-screen .content .imgs .img-box img.loaded {
  opacity: 1;
  width: auto;
}
.first-screen .content .main-image {
  position: absolute;
  top: calc(var(--header-height) + var(--header-offset) - 12px);
  right: 40px;
  z-index: 1;
}
.first-screen .content .main-image img {
  display: block;
}
.first-screen .slider-pagi {
  --padd: 64px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 36px;
  padding-bottom: 28px;
  z-index: 1;
  max-width: calc(50% + 174px/2);
}
.first-screen .slider-pagi::-webkit-scrollbar {
  height: 12px;
}
.first-screen .slider-pagi::-webkit-scrollbar-track {
  background: transparent;
}
.first-screen .slider-pagi::-webkit-scrollbar-thumb {
  background: #D7D9DD;
  border-radius: 12px;
  border: 4px solid transparent;
  background-clip: padding-box;
}
.first-screen .slider-pagi::-webkit-scrollbar-thumb:hover {
  background: #A6ACB8;
  background-clip: padding-box;
}
.first-screen .slider-pagi .pagi-items {
  --slides-height: 100px;
  position: relative;
  display: flex;
  align-items: stretch;
  gap: var(--padd);
  height: var(--slides-height);
  opacity: 0;
  top: 20px;
  pointer-events: none;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, top 0.2s ease-in-out;
}
.first-screen .slider-pagi.shown .pagi-items {
  opacity: 1;
  top: 0;
  pointer-events: auto;
}
.first-screen .slider-pagi .pagi-items .pagi-item {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.first-screen .slider-pagi .pagi-items .pagi-item .colorful {
  opacity: 0;
  max-height: var(--slides-height);
}
.first-screen .slider-pagi .pagi-items .pagi-item .gray {
  position: absolute;
  top: 50%;
  left: 0;
  max-height: var(--slides-height);
  transform: translateY(-50%);
  filter: brightness(200%);
}
.first-screen .slider-pagi .pagi-items .pagi-item .gray, .first-screen .slider-pagi .pagi-items .pagi-item .colorful {
  transition: opacity 0.3s ease-in-out;
}
.first-screen .slider-pagi .pagi-items .pagi-item.active .colorful, .first-screen .slider-pagi .pagi-items .pagi-item:hover .colorful {
  opacity: 1;
}
.first-screen .slider-pagi .pagi-items .pagi-item.active .gray, .first-screen .slider-pagi .pagi-items .pagi-item:hover .gray {
  opacity: 0;
}
.first-screen .slider-pagi .pagi-position {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 7px;
  background: var(--red-color);
  transform-origin: center bottom;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out, background 0.15s ease-out, transform 0.15s ease-out;
}
.first-screen .slider-pagi .pagi-position.moving {
  background: #bdd1da;
  transform: scaleY(0.3);
}
.first-screen .thumbs-has-scroll {
  position: absolute;
  top: 0;
  left: 100%;
  width: 80px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  opacity: 0.5;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}
.first-screen .thumbs-has-scroll.end svg {
  transform: rotate3d(0, 1, 0, 180deg);
}
.first-screen .thumbs-has-scroll svg {
  display: block;
  width: 32px;
  fill: none;
  stroke: black;
  transition: stroke 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.first-screen .thumbs-has-scroll:hover {
  opacity: 1;
}
.first-screen .thumbs-has-scroll:hover svg {
  stroke: var(--red-color);
}
.first-screen .case-product-list {
  --count-in-row: 5;
  --padd: 40px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--padd);
  margin-top: 68px;
  padding-bottom: 34px;
  position: relative;
  z-index: 1;
  color: var(--color-primary-fg);
}
.first-screen .case-product-list .case-product {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px 32px;
  overflow: hidden;
  width: calc((100% - var(--padd) * (var(--count-in-row) - 1)) / var(--count-in-row));
  height: 192px;
}
.first-screen .case-product-list .case-product .name {
  position: relative;
  font-size: 20px;
  line-height: 1.3;
  z-index: 1;
}
.first-screen .case-product-list .case-product .img-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.first-screen .case-product-list .case-product .img-box img {
  display: block;
  max-height: 100%;
}

@media (max-width: 1859.98px) {
  .first-screen .content {
    --add-height: 0px;
  }
  .first-screen .content .main-image {
    right: 0;
  }
  .first-screen .content .main-slider {
    right: 0;
  }
  .first-screen .content.inner-page {
    flex-direction: column;
    align-items: flex-start;
  }
  .first-screen .content.inner-page .main-btn {
    margin: 0;
  }
  .first-screen .slider-pagi {
    --padd: 48px;
  }
}
@media (max-width: 1659.98px) {
  .first-screen .content .main-image img {
    max-width: 720px;
  }
  .first-screen .content .main-slider {
    --add-height: calc(-1 * var(--image-height));
  }
}
@media (max-width: 1659.98px) and (min-width: 1400px) {
  .case-product-list .case-product {
    height: 160px;
  }
}
@media (max-width: 1399.98px) {
  .first-screen .content {
    --sub-height: calc(-1 * var(--image-height) - 74px);
    --add-height: var(--sub-height);
    gap: 48px;
  }
  .first-screen .content .head {
    max-width: 660px;
  }
  .first-screen .content .head .sub {
    font-size: 18px;
  }
  .first-screen .content .head .participants-count .num {
    font-size: 24px;
  }
  .first-screen .content .slider-control {
    gap: 18px;
  }
  .first-screen .content .main-slider {
    --add-height: var(--sub-height);
  }
  .first-screen .content .main-image img {
    max-width: 640px;
  }
  .first-screen .slider-pagi {
    --padd: 40px;
  }
  .first-screen .slider-pagi .pagi-items {
    --slides-height: 80px;
  }
  .first-screen .slider-pagi .pagi-position {
    display: none;
  }
  .first-screen .case-product-list {
    --count-in-row: 3;
    --padd: 24px;
    margin-top: 48px;
  }
}
@media (min-width: 1199.98px) {
  .first-screen .rel {
    position: relative;
  }
  .first-screen .rel.scrollbox-md-x {
    overflow: visible;
  }
}
@media (max-width: 1199.98px) {
  .first-screen .next-slide-nav {
    top: calc(var(--offset-top) + 125px)
  }
  .first-screen .next-slide-nav svg {
    width: 32px;
  }
  .first-screen .thumbs-has-scroll {
    display: none;
  }
  .first-screen .content {
    --offset-top: 48px;
    padding-top: var(--offset-top);
    gap: 32px;
  }
  .first-screen .content:not(.inner-page)::before {
    top: var(--offset-top);
    height: calc(100% - var(--offset-top) + var(--add-height));
  }
  .first-screen .content .main-slider {
    top: var(--offset-top);
    height: calc(100% - var(--offset-top) + var(--add-height));
  }
  .first-screen .content .main-image {
    top: 24px;
  }
  .first-screen .content .main-image img {
    max-width: 500px;
  }
  .first-screen .content .head {
    max-width: 580px;
    gap: 18px;
  }
  .first-screen .content .head .sub {
    font-size: 16px;
  }
  .first-screen .case-product-list {
    flex-wrap: nowrap;
  }
  .first-screen .case-product-list .case-product {
    width: 312px;
    min-width: 312px;
  }
  .first-screen .slider-pagi {
    overflow: visible;
  }
}
@media (max-width: 991.98px) {
  .first-screen .content {
    --offset-top: 40px;
  }
  .first-screen .content .head {
    max-width: 100%;
  }
  .first-screen .content .main-slider, .first-screen .content .main-image {
    opacity: 0.6;
    z-index: 1;
  }
  .first-screen .content .main-image {
    width: 50%;
  }
  .first-screen .content .main-image img {
    width: 100%;
  }
  .first-screen .content .imgs .img-box:last-child {
    padding-right: var(--right-margin);
  }
  .first-screen .slider-pagi {
    overflow: visible;
    padding-bottom: 22px;
    margin-top: 24px;
    max-width: none;
  }
  .first-screen .slider-pagi .pagi-items {
    --slides-height: 52px;
    padding-right: var(--right-margin);
  }
  .first-screen .case-product-list {
    margin-top: 32px;
    padding-bottom: 32px;
  }
}
@media (max-width: 767.98px) {
  .first-screen .content {
    --offset-top: 18px;
    gap: 24px;
  }
  .first-screen .content.inner-page {
    gap: 24px;
  }
  .first-screen .content .head {
    gap: 12px;
  }
  .first-screen .content .main-slider {
    width: 272px;
  }
  .first-screen .content .main-image {
    width: 272px;
  }
  .first-screen .case-product-list {
    width: max-content;
  }
  .first-screen .case-product-list .case-product {
    max-width: 260px;
    width: 260px;
    height: 160px;
  }
}
footer .rating-list {
  padding-bottom: 72px;
  border-bottom: 1px solid var(--color-primary-bg);
  margin-bottom: 72px;
}
footer .rating-list .rating {
  display: flex;
  flex-direction: column;
}
footer .rating-list .rating .head {
  display: flex;
  align-items: center;
  gap: 32px;
}
footer .rating-list .rating .head .icon {
  display: block;
  max-height: 69px;
}
footer .rating-list .rating .head .rate {
  display: flex;
  align-items: center;
  gap: 7px;
}
footer .rating-list .rating .head .rate .num {
  font-size: 55px;
  font-weight: 500;
  line-height: 1.25;
}
footer .rating-list .rating .head .rate .rate-info {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  line-height: 1.33;
}
footer .rating-list .rating .head .rate .rate-info span {
  margin-left: 7px;
}
footer .rating-list .rating .content {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 18px;
}
footer .rating-list .rating .content .num {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
}
footer .bottom-content {
  --current-color: var(--color-primary-fg);
  display: flex;
  justify-content: space-between;
  gap: 72px;
}
footer .bottom-content .bottom-menu {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
footer .bottom-content .bottom-menu .menu-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
footer .bottom-content .bottom-menu .menu-item > a {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
footer .bottom-content .bottom-menu .menu-item .sub-menu {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
footer .bottom-content .bottom-menu .menu-item .sub-menu > a {
  font-size: 15px;
  line-height: 1.33;
}
footer .bottom-content .contacts {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
footer .bottom-content .contacts .contact-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  font-size: 15px;
  line-height: 1.13;
}
footer .bottom-content .contacts .contact-item .phone {
  font-size: 14px;
  font-weight: 700;
}
footer .bottom-content .contacts .contact-item .email {
  font-weight: 300;
}
footer .bottom-content .company-contact {
  display: flex;
  flex-direction: column;
  gap: 46px;
}
footer .bottom-content .company-contact .logo {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
footer .bottom-content .company-contact .logo img {
  width: 268px;
}
footer .bottom-content .company-contact .logo .sub {
  color: #959595;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
footer .bottom-content .company-contact .phone {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 15px;
  line-height: 1.2;
}
footer .bottom-content .company-contact .phone > a {
  font-weight: 700;
  font-size: 22px;
}
footer .bottom-content .company-contact .messenger {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.2;
}

@media (max-width: 1659.98px) {
  footer .rating-list .rating .head {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 1399.98px) {
  footer .bottom-menu {
    min-width: 150px;
  }
}
@media (max-width: 1199.98px) {
  footer .bottom-content {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  footer .bottom-content > * {
    width: calc(25% - 30px);
  }
  footer .bottom-content .company-contact {
    width: auto;
    gap: 32px;
  }
}
@media (max-width: 991.98px) {
  footer {
    --space-between: 80px;
  }
  footer .rating-list {
    row-gap: 24px;
  }
  footer .bottom-content > * {
    width: calc(50% - 20px);
  }
}
@media (max-width: 575.98px) {
  footer .bottom-content {
    gap: 16px;
  }
  footer .bottom-content > * {
    width: 100%;
  }
  footer .bottom-content .bottom-menu {
    gap: 16px;
  }
  footer .bottom-content .bottom-menu .menu-item .sub-menu {
    gap: 16px;
  }
  footer .bottom-content .contacts {
    gap: 16px;
  }
  footer .bottom-content .company-contact {
    gap: 16px;
  }
}
.img-gallery {
  --count-in-row: 5;
  --padd: 40px;
  --calced-width: calc((100% - var(--padd) * (var(--count-in-row) - 1)) / var(--count-in-row));
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--padd);
}
.img-gallery .gallery-item {
  position: relative;
  border-radius: 8px;
  width: var(--calced-width);
  padding-top: calc(var(--calced-width) * 1.14);
  background-color: rgba(217, 217, 217, 0.22);
  box-shadow: inset 23.8307px -23.8307px 23.8307px rgba(165, 165, 165, 0.128), inset -23.8307px 23.8307px 23.8307px rgba(255, 255, 255, 0.128);
  backdrop-filter: blur(23.3541px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.img-gallery .gallery-item.is-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/netcat_template/template/11/assets/imgs/play.svg') center no-repeat;
  background-size: 64px;
  filter: brightness(350%);
  transition: transform 0.2s ease-in-out, filter 0.2s ease-in-out;
}
.img-gallery .gallery-item.is-video:hover::after {
  transform: scale(1.1);
  filter: brightness(100%);
}

@media (max-width: 1399.98px) {
  .img-gallery {
    --count-in-row: 4;
  }
}
@media (max-width: 1199.98px) {
  .img-gallery {
    --padd: 24px;
  }
}
@media (max-width: 991.98px) {
  .img-gallery {
    --count-in-row: 3;
  }
}
@media (max-width: 767.98px) {
  .img-gallery {
    --count-in-row: 2;
  }
}
header {
  position: relative;
  background: var(--black-color);
  color: var(--white-color);
  z-index: 10;
}
header a {
  color: inherit;
}
header .header-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}
header .header-wrapper .logo {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
header .header-wrapper .logo .sub {
  text-transform: uppercase;
  font-size: 7px;
  line-height: 8px;
  letter-spacing: 0.3px;
  color: #959595;
}
header .header-wrapper .logo img {
  display: block;
  width: 185px;
}
header .header-wrapper nav {
  flex: 1;
  max-width: 997px;
}
header .header-wrapper nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  gap: 20px;
}
header .header-wrapper nav ul li a {
  text-transform: uppercase;
  transition: color 0.2s ease-in-out;
  white-space: nowrap;
}
header .header-wrapper nav ul li a:hover {
  color: var(--gray-text-color);
}
header .header-wrapper .menu-burger {
  position: relative;
  margin-top: -16px;
  margin-bottom: -16px;
  padding: 24px 8px;
  cursor: pointer;
}
header .header-wrapper .menu-burger svg {
  display: block;
  width: 36px;
  stroke: var(--white-color);
  transition: stroke 0.2s ease-in-out;
}
header .header-wrapper .menu-burger:hover svg {
  stroke: var(--red-color);
}
header .header-menu-wrapper {
  position: relative;
  color: black;
}
header .header-menu-wrapper.dark-mode {
  --text-color: var(--black-color);
}
header .header-menu-wrapper.fixed-hidden {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  transform: translateY(-104px);
}
header .header-menu-wrapper.fixed-hidden.fixed {
  transform: translateY(0);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
header .header-menu-wrapper.fixed-hidden.hiding {
  transform: translateY(-104px);
  transition: transform 0.3s ease-in-out;
}
header .header-menu-wrapper .header-menu {
  position: absolute;
  left: calc(var(--bs-gutter-x) * 0.5);
  top: 100%;
  margin-top: var(--header-offset);
  width: calc(100% - var(--bs-gutter-x));
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height);
  padding: 0 30px;
  gap: 40px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0px 80px 80px rgba(0, 0, 0, 0.12), 0 1px 0 rgba(255, 255, 255, 0.8);
  border-radius: 0px 0px 10px 10px;
}
header .header-menu-wrapper .header-menu::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  background: rgba(106, 131, 172, 0.06);
  backdrop-filter: blur(20px);
}
header .header-menu-wrapper .header-menu .logo {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
header .header-menu-wrapper .header-menu .logo .sub {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.3px;
  color: #959595;
}
header .header-menu-wrapper .header-menu .logo img {
  display: block;
  width: 313px;
}
header .header-menu-wrapper .header-menu nav {
  display: flex;
  align-items: center;
  height: 100%;
}
header .header-menu-wrapper .header-menu nav ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  gap: 90px;
  height: 100%;
}
header .header-menu-wrapper .header-menu nav ul li {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
header .header-menu-wrapper .header-menu nav ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  line-height: 1.2;
  transition: color 0.2s ease-in-out;
}
header .header-menu-wrapper .header-menu nav ul li a .icon {
  fill: var(--red-color);
  width: 15px;
}
header .header-menu-wrapper .header-menu nav ul li a:hover {
  color: var(--red-color) !important;
}
header .header-menu-wrapper .header-menu nav ul li:hover .sub-nav {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
header .header-menu-wrapper .header-menu .sub-nav {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: -32px;
  min-width: 390px;
  padding: 32px;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
  z-index: 1;
  background: rgba(106, 131, 172, 0.06);
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0px 80px 80px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(40px);
  border-radius: 0px 0px 10px 10px;
}
header .header-menu-wrapper .header-menu .sub-nav ul {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
header .header-menu-wrapper .header-menu .sub-nav ul li a {
  white-space: nowrap;
  padding: 5px 0;
}
header .header-menu-wrapper .header-menu .cart-link {
  position: relative;
  display: block;
}
header .header-menu-wrapper .header-menu .cart-link .icon {
  width: 38px;
  fill: none;
  stroke: black;
  transition: stroke 0.2s ease-in-out;
}
header .header-menu-wrapper .header-menu .cart-link .amount {
  position: absolute;
  top: -8px;
  right: -8px;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--red-color);
  color: var(--white-color);
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  text-align: center;
}

.address-block {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white-color);
  white-space: nowrap;
}
.address-block svg {
  width: 12px;
  fill: var(--white-color);
}
.address-block .gray-text {
  font-size: 12px;
}

.call-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.call-block .phone {
  font-size: 20px;
}
.call-block .phone:hover {
  color: var(--gray-text-color);
}

#mobile-menu {
  overflow-y: auto;
  max-height: 100vh;
}

.theme-dark #mobile-menu {
  --text-color: var(--white-color);
}

.mobile-menu-content {
  --padd: 40px;
  --menu-padd: 12px;
  display: flex;
  flex-direction: column;
  gap: var(--padd);
}
.mobile-menu-content .theme-switcher-wrapper {
  padding-bottom: var(--padd);
  border-bottom: 1px solid var(--gray-text-color);
}
.mobile-menu-content .logo {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 9px;
  outline: none;
  padding-bottom: var(--padd);
  border-bottom: 1px solid var(--gray-text-color);
}
.mobile-menu-content .logo .sub {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.3px;
  color: #959595;
}
.mobile-menu-content .logo img {
  display: block;
  width: 313px;
}
.mobile-menu-content .nav {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--menu-padd);
  padding-bottom: var(--padd);
  border-bottom: 1px solid var(--gray-text-color);
}
.mobile-menu-content .nav li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--menu-padd);
}
.mobile-menu-content .nav li a {
  --current-color: var(--color-dark-fg);
  display: block;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  padding: 14px 0;
}
.mobile-menu-content .nav .sub-nav {
  margin-left: 20px;
}
.mobile-menu-content .nav .sub-nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--menu-padd);
  padding: 0;
}
.mobile-menu-content .nav .sub-nav ul a {
  font-weight: 400;
}
.mobile-menu-content .menu-footer {
  --current-color: var(--color-dark-fg);
  display: flex;
  flex-direction: column;
  gap: var(--padd);
}
.mobile-menu-content .menu-footer .address-block {
  color: var(--color-primary-fg);
}
.mobile-menu-content .menu-footer .address-block svg {
  width: 12px;
  fill: var(--color-primary-fg);
}
.mobile-menu-content .theme-switcher-wrapper {
  font-size: 12px;
  gap: 18px;
}
.theme-light .mobile-menu-content .theme-switcher-wrapper {
  color: var(--color-primary-fg);
}
.mobile-menu-content .menu-footer .call-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

@media (max-width: 1859.98px) {
  header .header-wrapper nav ul {
    justify-content: flex-start;
    gap: 40px;
  }
  header .header-menu-wrapper .header-menu nav ul {
    gap: 40px;
  }
}
@media (max-width: 1659.98px) {
  header .header-wrapper .theme-switcher-wrapper > span {
    display: none;
  }
  header .header-wrapper nav ul {
    gap: 24px;
  }
  header .header-wrapper nav ul li a {
    font-size: 13px;
  }
  header .header-wrapper .call-block .phone {
    font-size: 16px;
  }
  header .header-menu-wrapper .header-menu .logo img {
    width: 240px;
  }
  header .header-menu-wrapper .header-menu nav ul {
    gap: 32px;
  }
  header .header-menu-wrapper .header-menu nav ul li a {
    font-size: 16px;
  }
}
@media (max-width: 1399.98px) {
  header .header-menu-wrapper .header-menu {
    padding: 0 24px;
    gap: 32px;
  }
  header .header-menu-wrapper .header-menu nav ul {
    gap: 18px;
  }
  header .header-wrapper {
    gap: 16px;
  }
  header .header-wrapper nav ul {
    gap: 12px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  header .header-wrapper .address-block .gray-text {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  header .header-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
    justify-content: flex-end;
  }
  header .header-wrapper .logo {
    margin-right: auto;
  }
}
@media (max-width: 991.98px) {
  header .header-wrapper {
    gap: 24px;
  }
}
@media (max-width: 767.98px) {
  .mobile-menu-content {
    --padd: 32px;
  }
  .mobile-menu-content .logo img {
    width: 270px;
  }
  .mobile-menu-content .menu-footer .call-block {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: var(--padd);
  }
}
:root {
  --white-color: #ffffff;
  --gray-bg-color: #f4f6f7;
  --gray-text-color: #a8a8a8;
  --black-color: #111111;
  --black-light-color: #333333;
  --red-color: #de0031;
  --red-accent-color: #e31e24;
  --red-light-color: #ef4c4c;
  --border-color: #e0e0e0;
  --dark-secondary-color: #96a7b7;
  --yellow-color: #beb601;
  --blue-color: #007bff;
  --rubik: "Rubik", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  --svg-bold-close: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8679 2L2.36792 14' stroke='%23DE0031' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M2.36792 2L13.8679 14' stroke='%23DE0031' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  --svg-bold-close-white: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8679 2L2.36792 14' stroke='%23FFF' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M2.36792 2L13.8679 14' stroke='%23FFF' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

@media (min-width: 1660px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
    max-width: 1544px;
  }
}
@media (min-width: 1860px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
    max-width: 1744px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: calc(100% - 80px);
  }
}

html, .theme-light {
  --color-primary-bg: var(--white-color);
  --color-secondary-bg: var(--gray-bg-color);
  --color-primary-fg: var(--black-light-color);
  --color-dark-fg: var(--black-color);
  /* --color-secondary-fg: #5e5e5f; */
  --color-accent: var(--red-color);
  --color-ghost: transparent;
}
.theme-dark {
  --color-primary-bg: #212121;
  --color-secondary-bg: #424242;
  --color-primary-fg: var(--white-color);
  --color-dark-fg: var(--white-color);
  --color-secondary-fg: #dedede;
  --color-accent: var(--red-color);
  --color-ghost: #b3b3b3;
}

html, body {
  overflow-x: clip;
}

body {
  --header-offset: 24px;
  --header-height: 80px;
  --space-between: 100px;
  color: var(--color-primary-fg);
  font-family: var(--rubik);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: var(--color-primary-bg);
  transition: background 0.2s ease-in-out, opacity 0.25s ease-in-out, filter 0.25s ease-in-out;
}

body.theme-transition, body.theme-transition * {
  transition: background 0.5s ease-in-out, color 0.5s ease-in-out, filter 0.5s ease-in-out, border-color 0.5s ease-in-out;
}

body.starting {
  background: #787878;
}

body > * {
  transition: opacity 0.2s ease-in-out;
}

body.starting > * {
  opacity: 0 !important;
}

a, .link {
  color: var(--current-color, black);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
a:hover, a.active, .link:hover, .link.active {
  color: var(--red-color);
}

.red-text {
  color: var(--red-color);
}

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

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

.gray-screen {
  background: var(--color-secondary-bg);
}
.gray-screen .gray-block {
  --block-bg-color: var(--color-primary-bg);
}

.gray-block {
  --block-bg-color: var(--color-secondary-bg);
  background: var(--block-bg-color);
  border-radius: 10px;
}

.white-block {
  --block-bg-color: var(--color-primary-bg);
  background: var(--block-bg-color);
  border-radius: 10px;
}

.screen {
  position: relative;
  padding-top: var(--space-between);
  padding-bottom: var(--space-between);
}
footer.screen {
  border-top: 1px solid var(--color-primary-bg);
}
.screen.gray-screen + .screen.gray-screen {
  padding-top: 0;
}

.after-page-title {
  padding-top: 32px;
}

.gap-x {
  gap: var(--bs-gutter-x) !important;
}

.row-gap-x {
  row-gap: var(--bs-gutter-x) !important;
}

.row-gap-32 {
  row-gap: 32px !important;
}

@media (max-width: 575.98px) {
  .container {
    --bs-gutter-x: 48px;
  }
}
.row {
  --bs-gutter-x: 40px;
}

.ovh {
  overflow: hidden;
}

h1, .h1, h2, .h2, .first-screen .title {
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
}

h1, .h1, .first-screen .title {
  font-size: 74px;
  line-height: 108%;
}

h2, .h2 {
  font-size: 54px;
  line-height: 118.5%;
}

h3, .h3 {
  font-size: 40px;
  line-height: 125%;
  text-transform: uppercase;
  margin: 0;
}

h4, .h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin: 0;
}

.head-h4 {
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
}

.bold-link {
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
  color: var(--red-color);
  text-decoration: none;
}
.bold-link:hover {
  color: var(--red-light-color);
}

.light-text {
  font-size: 16px;
  font-weight: 300;
  color: black;
}

.theme-dark .light-text {
  color: var(--color-secondary-fg);
}

.bold-text {
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  color: var(--color-primary-fg);
}
.bold-text.smaller {
  font-size: 18px;
  line-height: 144%;
}

.bold-small-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  color: var(--color-primary-fg);
  text-transform: uppercase;
}

.small-text {
  font-size: 14px;
  line-height: 124%;
}

.caption {
  font-size: 14px;
  line-height: 128%;
  opacity: 0.6;
  color: var(--color-primary-fg);
}

.sub-caption {
  display: inline-block;
  font-size: 12px;
  line-height: 116%;
  opacity: 0.6;
  color: var(--color-primary-fg);
  max-width: 300px;
}

.text-value {
  font-size: 14px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
}
.text-value.big-value {
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--red-color);
  white-space: nowrap;
}

.red-text {
  color: var(--red-color);
}

.sticker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5px 8px;
  border-radius: 5px;
  background: var(--red-color);
  color: var(--white-color);
  font-size: 18px;
  line-height: 20px;
  font-weight: 500;
}

.btn {
  box-shadow: none !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.btn-primary {
  border: none !important;
  padding: 16px 32px;
  gap: 10px;
  font-size: 18px;
  line-height: 116%;
  font-weight: 500;
  border-radius: 10px;
  --bs-btn-color: var(--white-color);
  --bs-btn-bg: var(--black-light-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--red-color);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--red-light-color);
}
.btn-primary.smaller {
  padding: 11.5px 32px;
}
.btn-primary.btn-red {
  --bs-btn-color: var(--white-color);
  --bs-btn-bg: var(--red-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--red-light-color);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--red-light-color);
}
.btn-primary.btn-red:hover {
  opacity: 1;
}

.btn-outline-primary {
  padding: 9px 23px;
  gap: 10px;
  line-height: 24px;
  border-radius: 10px;
  --bs-btn-color: var(--color-dark-fg);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--black-light-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--red-color);
  --bs-btn-hover-border-color: var(--red-color);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--red-light-color);
  --bs-btn-active-border-color: var(--red-light-color);
  --bs-btn-disabled-color: var(--black-light-color);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--black-light-color);
}

.theme-dark .btn-outline-primary {
  --bs-btn-border-color: var(--red-color);
}

.btn-outline-primary.bigger {
  padding: 15px 31px;
  font-size: 18px;
  line-height: 116%;
  font-weight: 500;
}

.btn-secondary {
  border: none !important;
  padding: 18px 24px;
  gap: 10px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 10px;
  --bs-btn-color: var(--black-light-color);
  --bs-btn-bg: rgba(150, 167, 183, 0.2);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--red-color);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--red-color);
}

.theme-dark .btn-secondary {
  --bs-btn-color: var(--color-secondary-fg);
}

.btn-mini {
  padding: 4px 9px 6px 9px;
  font-size: 12px;
  line-height: 100%;
  font-weight: 400;
  border-radius: 5px;
  text-transform: lowercase;
  --bs-btn-color: var(--white-color);
  --bs-btn-bg: rgba(255, 255, 255, 0.1);
  --bs-btn-border-color: rgba(255, 255, 255, 0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--red-color);
  --bs-btn-hover-border-color: var(--red-color);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--red-light-color);
  --bs-btn-active-border-color: var(--red-light-color);
}

.btn-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  height: 57px;
  padding: 0;
  border-radius: 50%;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: black;
  --bs-btn-hover-bg: black;
  --bs-btn-hover-border-color: black;
  --bs-btn-active-bg: var(--black-light-color);
  --bs-btn-active-border-color: var(--black-light-color);
}
.btn-arrow svg {
  display: block;
  width: 18px;
  margin-left: 4px;
  fill: none;
  stroke: black;
  transition: stroke 0.2s ease-in-out;
}
.btn-arrow.white {
  --bs-btn-bg: var(--white-color);
  --bs-btn-border-color: var(--white-color);
  --bs-btn-hover-border-color: var(--white-color);
  --bs-btn-active-border-color: var(--white-color);
}
.btn-arrow:hover svg {
  stroke: var(--white-color);
}
.theme-dark .btn-arrow {
  --bs-btn-border-color: var(--white-color);
  --bs-btn-hover-bg: var(--white-color);
  --bs-btn-hover-border-color: var(--white-color);
  --bs-btn-active-bg: var(--gray-bg-color);
  --bs-btn-active-border-color: var(--gray-bg-color);
}
.theme-dark .btn-arrow svg {
  stroke: var(--white-color);
}
.theme-dark .btn-arrow.white {
  --bs-btn-bg: var(--black-light-color);
  --bs-btn-border-color: var(--black-light-color);
  --bs-btn-hover-border-color: var(--black-light-color);
  --bs-btn-active-border-color: var(--black-light-color);
}
.theme-dark .btn-arrow:hover svg {
  stroke: var(--black-light-color);
}
.btn-arrow.btn-prev svg {
  margin-left: -4px;
  transform: rotate(180deg);
}

.btn-icon {
  padding: 0;
  width: 64px;
  height: 64px;
}
.btn-icon .icon {
  width: 32px;
}
.btn-icon .icon.stroke {
  stroke: var(--red-color);
  transition: stroke 0.2s ease-in-out;
}
.btn-icon .icon.fill {
  fill: var(--red-color);
  transition: fill 0.2s ease-in-out;
}
.btn-icon:hover .icon.stroke {
  stroke: var(--bs-btn-hover-color);
}
.btn-icon:hover .icon.fill {
  fill: var(--bs-btn-hover-color);
}

.btn-delete {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 18px;
  color: var(--color-primary-fg);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
.btn-delete img {
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.btn-delete:hover {
  color: var(--red-color);
}
.btn-delete:hover img {
  opacity: 0.7;
  transform: scale(0.95);
}

.circle-btn {
  --hover-color: var(--red-color);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-width: 38px;
  padding: 8px;
  border-radius: 20px;
  background-color: var(--white-color);
  box-shadow: inset 0 0 0 1px var(--dark-secondary-color);
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
}
.circle-btn:hover {
  box-shadow: inset 0 0 0 2px var(--hover-color);
}
.circle-btn.delete::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--svg-bold-close);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
}

.circle-input {
  border: none;
  outline: none;
  background-color: var(--color-primary-bg);
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  color: var(--color-dark-fg);
  text-align: center;
  border-radius: 20px;
  width: 122px;
  height: 38px;
  padding: 0 12px;
}
.circle-input:focus {
  box-shadow: none;
  outline: none;
  box-shadow: inset 0 0 0 1px var(--dark-secondary-color);
}
.circle-input.outline-input {
  border: 1px solid var(--color-dark-fg);
}
.circle-input.invalid {
  color: var(--red-color);
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.tabs .tab {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  border-radius: 10px;
  color: inherit;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  background: #96A7B733;
}
.tabs .tab:hover, .tabs .tab.active {
  color: var(--white-color);
  background: var(--red-color);
}

.stars {
  --start-width: 41px;
  position: relative;
  width: 205px;
  height: var(--start-width);
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='-4 -4 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7729 1.96164C15.2856 0.383793 17.5178 0.383788 18.0305 1.96164L20.6313 9.96599C20.8605 10.6716 21.5181 11.1494 22.2601 11.1494H30.6763C32.3354 11.1494 33.0252 13.2724 31.683 14.2475L24.8741 19.1945C24.2738 19.6306 24.0227 20.4036 24.2519 21.1092L26.8527 29.1136C27.3654 30.6914 25.5595 32.0035 24.2173 31.0284L17.4084 26.0814C16.8081 25.6453 15.9953 25.6453 15.3951 26.0814L8.58616 31.0283C7.24396 32.0035 5.43804 30.6914 5.95071 29.1136L8.55148 21.1092C8.78075 20.4036 8.52959 19.6306 7.92934 19.1945L1.12043 14.2475C-0.221765 13.2724 0.46803 11.1494 2.12708 11.1494H10.5434C11.2853 11.1494 11.9429 10.6716 12.1721 9.96599L14.7729 1.96164Z' fill='%23FFCC00'/%3E%3C/svg%3E%0A");
  background-repeat: repeat-x;
  background-size: var(--start-width);
  overflow: hidden;
}
.stars::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='-4 -4 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7729 1.96164C15.2856 0.383793 17.5178 0.383788 18.0305 1.96164L20.6313 9.96599C20.8605 10.6716 21.5181 11.1494 22.2601 11.1494H30.6763C32.3354 11.1494 33.0252 13.2724 31.683 14.2475L24.8741 19.1945C24.2738 19.6306 24.0227 20.4036 24.2519 21.1092L26.8527 29.1136C27.3654 30.6914 25.5595 32.0035 24.2173 31.0284L17.4084 26.0814C16.8081 25.6453 15.9953 25.6453 15.3951 26.0814L8.58616 31.0283C7.24396 32.0035 5.43804 30.6914 5.95071 29.1136L8.55148 21.1092C8.78075 20.4036 8.52959 19.6306 7.92934 19.1945L1.12043 14.2475C-0.221765 13.2724 0.46803 11.1494 2.12708 11.1494H10.5434C11.2853 11.1494 11.9429 10.6716 12.1721 9.96599L14.7729 1.96164Z' fill='%23A8A8A8'/%3E%3C/svg%3E%0A");
  background-repeat: repeat-x;
  background-size: var(--start-width);
}
.stars[data-rate="4"]::after {
  left: calc(100% - var(--start-width) * 1);
}
.stars[data-rate="3"]::after {
  left: calc(100% - var(--start-width) * 2);
}
.stars[data-rate="2"]::after {
  left: calc(100% - var(--start-width) * 3);
}
.stars[data-rate="1"]::after {
  left: calc(100% - var(--start-width) * 4);
}
.stars[data-rate="0"]::after {
  left: calc(100% - var(--start-width) * 5);
}

.fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, .8);
}
.fancybox__content {
  --fancybox-content-bg: var(--color-primary-bg);
  --fancybox-content-color: var(--color-primary-fg);
}

.confirm-modal {
  --fancybox-bg: rgba(255, 255, 255, .5);
}
.theme-dark .confirm-modal {
  --fancybox-bg: rgba(0, 0, 0, .5);
}
.confirm-modal .is-close-btn {
  display: none !important;
}

[max-rows] {
  display: block;
}
[max-rows].more-max-rows {
  position: relative;
  overflow: hidden;
}
[max-rows].more-max-rows .expand-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--color-primary-bg);
  padding: 0 6px;
  color: var(--blue-color);
  cursor: pointer;
}
[max-rows].more-max-rows .expand-btn:hover {
  color: var(--red-light-color);
}

input.form-control {
  min-height: auto !important;
  height: auto !important;
}

textarea.form-control {
  min-height: 166px !important;
}

.form-control {
  font-size: 16px;
  line-height: 24px !important;
  font-weight: 400;
  padding: 12px 20px;
  color: var(--color-primary-fg);
}
.theme-dark .form-control {
  background-color: var(--color-secondary-bg);
  border-color: transparent;
}
.form-control:focus {
  box-shadow: none;
  outline: none;
  border-color: var(--color-secondary-bg);
  color: var(--color-primary-fg);
}
.theme-dark .form-control:focus {
  border-color: var(--color-secondary-fg);
}
.form-control::placeholder {
  color: rgba(51, 51, 51, 0.6);
}
.theme-dark .form-control::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.form-control-underline {
  border: none;
  border-bottom: 1px solid var(--color-dark-fg);
  padding: 11px 16px;
  color: var(--color-secondary-fg);
  font-size: 14px;
  line-height: 18px;
  width: 100%;
}
.theme-dark .form-control-underline {
  background-color: var(--color-secondary-bg);
}
.form-control-underline:focus, .form-control-underline:active {
  border-color: var(--red-color);
  outline: none;
}

.form-label {
  font-size: 14px;
  line-height: 1.3;
  color: var(--gray-text-color);
}
.theme-dark .form-label {
  color: var(--color-secondary-fg);
}

.form-check-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.form-check-list .inner-list {
  padding-left: 36px;
}

.form-check {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 16px;
}
.form-check.color-check {
  align-items: center;
}
.form-check.color-check input {
  display: none;
}
.form-check.color-check .circle-color {
  width: 40px;
  height: 40px;
}
.form-check .form-check-label {
  flex: 1;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  font-size: 18px;
  line-height: 1.45;
}
.form-check .form-check-label .text {
  display: flex;
  flex-direction: column;
}
.form-check .form-check-label .price {
  white-space: nowrap;
  font-weight: 500;
}
.form-check .form-check-label .no-price {
  font-size: 14px;
  line-height: 18px;
  max-width: 90px;
}
.form-check .form-check-input {
  margin: 3px 0 0;
  width: 20px;
  height: 20px;
  border-color: rgba(17, 17, 17, 0.5);
  background-color: var(--white-color);
}
.form-check .form-check-input:focus {
  box-shadow: none;
}
.form-check .form-check-input[type=checkbox] {
  border-radius: 0;
}
.form-check .form-check-input:checked {
  border-color: var(--red-color);
}
.form-check .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.75 5.41848L5.78448 9.1543L10.75 2.1543' stroke='%23DE0031' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.form-check .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23DE0031'/%3e%3c/svg%3e");
}
.form-check .form-check-input:checked + .circle-color {
  box-shadow: 0 0 0 1px var(--red-color), inset 0 0 0 2px var(--red-color), inset 0 0 0 5px var(--block-bg-color, --white-color);
}
.form-check .form-check-input:checked + .circle-color.light {
  border: none;
}
.form-check .form-check-input:disabled ~ .circle-color, .form-check .form-check-input[disabled] ~ .circle-color {
  pointer-events: none;
  opacity: 0.5;
}

.checked-list {
  display: flex;
  margin: 0;
  padding: 0;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  font-size: 18px;
  line-height: 1.45;
}
.checked-list li {
  position: relative;
  padding-left: 36px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.checked-list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6.63867L8.5 12.3611L16.5 1.63867' stroke='%23DE0031' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
}

.numeric-list {
  font-size: 14px;
  line-height: 128%;
  color: var(--color-primary-fg);
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-left: 16px;
}
.numeric-list li {
  padding-left: 14px;
}
.numeric-list li::marker {
  color: var(--red-color);
  font-weight: 700;
}

.uploading-file-container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.uploading-file-container.disabled[data-count-files="0"] {
  display: none;
}
.uploading-file-container.disabled[data-count-files="0"] ~ .sub-caption {
  display: none;
}
.uploading-file-container.disabled .uploading-file-btn {
  display: none;
}
.uploading-file-container .uploading-file-container-list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.uploading-file-container .uploading-file-btn,
.uploading-file-container .uploading-file-item {
  position: relative;
}
.theme-dark .uploading-file-container .uploading-file-btn,
.theme-dark .uploading-file-container .uploading-file-item {
  --bs-btn-border-color: var(--color-primary-fg);
  position: relative;
}
.uploading-file-container .uploading-file-btn input,
.uploading-file-container .uploading-file-item input {
  display: none;
}
.uploading-file-container .uploading-file-btn::before,
.uploading-file-container .uploading-file-item::before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.uploading-file-container .uploading-file-btn::before {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.77203 21.3438C4.95494 21.3444 4.15603 21.1026 3.47645 20.649C2.79686 20.1953 2.26715 19.5502 1.95438 18.7954C1.64161 18.0405 1.55983 17.2098 1.71941 16.4085C1.87898 15.6071 2.27274 14.8711 2.85082 14.2937L8.69324 8.45124C8.9515 8.19301 9.30176 8.04794 9.66697 8.04794C10.0322 8.04795 10.3824 8.19303 10.6407 8.45128C10.8989 8.70953 11.044 9.05978 11.044 9.425C11.044 9.79021 10.8989 10.1405 10.6407 10.3987L4.79829 16.2411C4.6694 16.3688 4.56699 16.5206 4.49696 16.688C4.42693 16.8553 4.39065 17.0348 4.39021 17.2162C4.38976 17.3976 4.42517 17.5773 4.49438 17.745C4.56359 17.9127 4.66525 18.065 4.79352 18.1933C4.92179 18.3216 5.07413 18.4232 5.24181 18.4925C5.40949 18.5617 5.58919 18.5971 5.77059 18.5966C5.95199 18.5962 6.13151 18.5599 6.29885 18.4899C6.4662 18.4199 6.61805 18.3175 6.7457 18.1886L14.5356 10.3987C14.9194 10.0152 15.2238 9.55977 15.4315 9.05854C15.6392 8.55731 15.7461 8.02007 15.7461 7.47752C15.7461 6.93496 15.6392 6.39772 15.4315 5.89649C15.2238 5.39526 14.9194 4.93986 14.5356 4.55632C13.7488 3.80466 12.7026 3.38522 11.6144 3.38522C10.5263 3.38522 9.48005 3.80466 8.69324 4.55632L2.85082 10.3987C2.72295 10.5266 2.57114 10.628 2.40406 10.6972C2.23699 10.7664 2.05792 10.8021 1.87708 10.8021C1.69623 10.8021 1.51716 10.7665 1.35009 10.6973C1.18301 10.628 1.0312 10.5266 0.903327 10.3987C0.775453 10.2709 0.674019 10.119 0.604816 9.95197C0.535613 9.78489 0.499996 9.60582 0.5 9.42498C0.500004 9.24414 0.535627 9.06507 0.604837 8.89799C0.674046 8.73092 0.775487 8.57911 0.903366 8.45124L6.7457 2.60884C9.35226 0.00506097 13.8874 0.00506097 16.4831 2.60884C17.1227 3.24808 17.63 4.00708 17.9762 4.84247C18.3223 5.67785 18.5005 6.57325 18.5005 7.47752C18.5005 8.38178 18.3223 9.27718 17.9762 10.1126C17.63 10.948 17.1227 11.7069 16.4831 12.3462L8.69324 20.1361C8.30974 20.5197 7.85429 20.8238 7.353 21.0311C6.85172 21.2383 6.31447 21.3446 5.77203 21.3438Z' fill='%23DE0031'/%3E%3C/svg%3E%0A");
  transition: background-image 0.2s ease-in-out;
}
.uploading-file-container .uploading-file-btn:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='22' viewBox='0 0 19 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.77203 21.3438C4.95494 21.3444 4.15603 21.1026 3.47645 20.649C2.79686 20.1953 2.26715 19.5502 1.95438 18.7954C1.64161 18.0405 1.55983 17.2098 1.71941 16.4085C1.87898 15.6071 2.27274 14.8711 2.85082 14.2937L8.69324 8.45124C8.9515 8.19301 9.30176 8.04794 9.66697 8.04794C10.0322 8.04795 10.3824 8.19303 10.6407 8.45128C10.8989 8.70953 11.044 9.05978 11.044 9.425C11.044 9.79021 10.8989 10.1405 10.6407 10.3987L4.79829 16.2411C4.6694 16.3688 4.56699 16.5206 4.49696 16.688C4.42693 16.8553 4.39065 17.0348 4.39021 17.2162C4.38976 17.3976 4.42517 17.5773 4.49438 17.745C4.56359 17.9127 4.66525 18.065 4.79352 18.1933C4.92179 18.3216 5.07413 18.4232 5.24181 18.4925C5.40949 18.5617 5.58919 18.5971 5.77059 18.5966C5.95199 18.5962 6.13151 18.5599 6.29885 18.4899C6.4662 18.4199 6.61805 18.3175 6.7457 18.1886L14.5356 10.3987C14.9194 10.0152 15.2238 9.55977 15.4315 9.05854C15.6392 8.55731 15.7461 8.02007 15.7461 7.47752C15.7461 6.93496 15.6392 6.39772 15.4315 5.89649C15.2238 5.39526 14.9194 4.93986 14.5356 4.55632C13.7488 3.80466 12.7026 3.38522 11.6144 3.38522C10.5263 3.38522 9.48005 3.80466 8.69324 4.55632L2.85082 10.3987C2.72295 10.5266 2.57114 10.628 2.40406 10.6972C2.23699 10.7664 2.05792 10.8021 1.87708 10.8021C1.69623 10.8021 1.51716 10.7665 1.35009 10.6973C1.18301 10.628 1.0312 10.5266 0.903327 10.3987C0.775453 10.2709 0.674019 10.119 0.604816 9.95197C0.535613 9.78489 0.499996 9.60582 0.5 9.42498C0.500004 9.24414 0.535627 9.06507 0.604837 8.89799C0.674046 8.73092 0.775487 8.57911 0.903366 8.45124L6.7457 2.60884C9.35226 0.00506097 13.8874 0.00506097 16.4831 2.60884C17.1227 3.24808 17.63 4.00708 17.9762 4.84247C18.3223 5.67785 18.5005 6.57325 18.5005 7.47752C18.5005 8.38178 18.3223 9.27718 17.9762 10.1126C17.63 10.948 17.1227 11.7069 16.4831 12.3462L8.69324 20.1361C8.30974 20.5197 7.85429 20.8238 7.353 21.0311C6.85172 21.2383 6.31447 21.3446 5.77203 21.3438Z' fill='%23FFF'/%3E%3C/svg%3E%0A");
}
.uploading-file-container .uploading-file-item {
  --bs-btn-border-color: rgba(51, 51, 51, 0.5);
}
.uploading-file-container .uploading-file-item span {
  flex: 1;
}
.uploading-file-container .uploading-file-item > * {
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
}
.uploading-file-container .uploading-file-item::before {
  background-image: var(--svg-bold-close);
  transition: background-image 0.2s ease-in-out;
}
.uploading-file-container .uploading-file-item:hover > * {
  opacity: 1;
}
.uploading-file-container .uploading-file-item:hover::before {
  background-image: var(--svg-bold-close-white);
}

[watch-input].is-default {
  opacity: 0.3;
}

.download-file {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--red-color);
  font-size: 18px;
  line-height: 100%;
  font-weight: 500;
}
.download-file .download-file-icon {
  transform-origin: center bottom;
  transition: transform 0.2s ease-in-out;
}
.theme-dark .download-file .download-file-icon {
  filter: invert(1);
}
.download-file .download-file-text {
  text-decoration: underline;
}
.download-file:hover .download-file-icon {
  transform: scale(0.9);
}
.download-file:hover .download-file-text {
  color: var(--red-light-color);
  text-decoration: none;
}

.scrollbox-x {
  max-width: 100%;
  overflow-x: auto;
}

[data-bg-ribbon] {
  --move-y: -150px;
  --scale-y: 1.2;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
[data-bg-ribbon].shown {
  opacity: 1;
}
[data-bg-ribbon][bg-slower] {
  --move-y: -120px;
  --scale-y: 1.4;
}
[data-bg-ribbon] .ribbon {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(50%);
  z-index: 0;
  animation-name: svg-hue-rotation;
  animation-duration: 15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
[data-bg-ribbon] .ribbon.full {
  right: 0;
  transform: translateX(0);
}
[data-bg-ribbon] .ribbon .even {
  fill: #de0031;
}
[data-bg-ribbon] .ribbon .odd {
  fill: #EF4C4C;
}
[data-bg-ribbon] .ribbon .ribbon-group {
  transform-origin: center;
  animation-name: svg-ribbon-animation;
  animation-duration: 24s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes svg-hue-rotation {
  0%, 100% {
    filter: hue-rotate(0);
  }
  50% {
    filter: hue-rotate(5deg);
  }
}
@keyframes svg-ribbon-animation {
  0%, 100% {
    transform: scale(1, 1) translateY(0);
  }
  50% {
    transform: scale(1, var(--scale-y)) translateY(var(--move-y));
  }
}
.loading > * {
  pointer-events: none;
  opacity: 0;
}

.loader {
  --circle-color: #e2e2e2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  height: 50px;
  width: 50px;
  opacity: 1;
  animation: rotate 1s infinite;
}
.loader:before, .loader:after {
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}
.loader:before {
  animation: ball1 1s infinite;
  background-color: var(--circle-color);
  box-shadow: 30px 0 0 var(--red-color);
  margin-bottom: 10px;
}
.loader:after {
  animation: ball2 1s infinite;
  background-color: var(--red-color);
  box-shadow: 30px 0 0 var(--circle-color);
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(0.8);
  }
  50% {
    transform: rotate(360deg) scale(1.2);
  }
  100% {
    transform: rotate(720deg) scale(0.8);
  }
}
@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 var(--red-color);
  }
  50% {
    box-shadow: 0 0 0 var(--red-color);
    margin-bottom: 0;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 var(--red-color);
    margin-bottom: 10px;
  }
}
@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 var(--circle-color);
  }
  50% {
    box-shadow: 0 0 0 var(--circle-color);
    margin-top: -20px;
    transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 var(--circle-color);
    margin-top: 0;
  }
}
.loader-2 {
  --current-color: var(--color-secondary-fg, #000);
  --current-color-alpha: hsl(from var(--current-color) h s l / 0.133);
  width: 12px;
  height: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 var(--current-color), -20px 0 var(--current-color-alpha);background: var(--current-color) }
    33% {box-shadow: 20px 0 var(--current-color), -20px 0 var(--current-color-alpha);background: var(--current-color-alpha)}
    66% {box-shadow: 20px 0 var(--current-color-alpha),-20px 0 var(--current-color); background: var(--current-color-alpha)}
    100%{box-shadow: 20px 0 var(--current-color-alpha),-20px 0 var(--current-color); background: var(--current-color) }
}
@media (max-width: 1659.98px) {
  h1, .h1, .first-screen .title {
    font-size: 64px;
  }
  h2, .h2 {
    font-size: 46px;
  }
  h3, .h3 {
    font-size: 36px;
  }
  .head-h4 {
    font-size: 28px;
  }
}
@media (max-width: 1399.98px) {
  h1, .h1, .first-screen .title {
    font-size: 56px;
  }
  h2, .h2 {
    font-size: 40px;
  }
  h3, .h3 {
    font-size: 32px;
  }
  .head-h4 {
    font-size: 24px;
  }
  .btn-arrow {
    width: 48px;
    height: 48px;
  }
  .btn-arrow svg {
    width: 12px;
  }
}
@media (max-width: 1199.98px) {
  body {
    --space-between: 80px;
  }
  h1, .h1, .first-screen .title {
    font-size: 48px;
  }
  h2, .h2 {
    font-size: 38px;
  }
  h3, .h3 {
    font-size: 30px;
  }
  .ribbon {
    display: none;
  }
  [data-bg-ribbon] {
    opacity: 1;
  }
  .scrollbox-x, .scrollbox-md-x, .scrollbox-sm-x {
    --right-margin: calc((100vw - var(--container-width) + var(--bs-gutter-x)) / 2);
  }
  .scrollbox-x {
    --container-width: 960px;
    max-width: unset;
    width: 100vw;
    margin-left: calc(var(--right-margin) * -1);
    padding-left: calc(var(--right-margin));
    padding-right: calc(var(--right-margin));
  }
}
@media (max-width: 991.98px) {
  html, body {
    overflow-x: hidden;
  }
  body {
    --space-between: 64px;
  }
  .scrollbox-x, .scrollbox-md-x {
    --container-width: 720px;
  }
  .scrollbox-md-x {
    --bs-gutter-x: 48px;
    max-width: unset;
    width: 100vw;
    margin-left: calc(var(--right-margin) * -1);
    padding-left: calc(var(--right-margin));
    padding-right: calc(var(--right-margin));
    overflow-x: auto;
  }
}
@media (max-width: 767.98px) {
  body {
    --space-between: 48px;
  }
  h1, .h1, .first-screen .title {
    font-size: 40px;
  }
  h2, .h2 {
    font-size: 34px;
  }
  h3, .h3 {
    font-size: 26px;
  }
  .head-h4 {
    font-size: 20px;
  }
  .scrollbox-x, .scrollbox-md-x, .scrollbox-sm-x {
    --container-width: 540px;
  }
  .scrollbox-sm-x {
    --bs-gutter-x: 48px;
    max-width: unset;
    width: 100vw;
    margin-left: calc(var(--right-margin) * -1);
    padding-left: calc(var(--right-margin));
    padding-right: calc(var(--right-margin));
    overflow-x: auto;
  }
}
@media (max-width: 575.98px) {
  .scrollbox-x, .scrollbox-md-x, .scrollbox-sm-x {
    --container-width: 100%;
    --right-margin: calc(var(--bs-gutter-x) / 2);
  }
}
.simple-modal {
  --width: 800px;
  --padd: 80px;
  --gap: 40px;
  width: var(--width);
  margin: 0 auto;
  padding: var(--padd);
  gap: var(--gap);
  border-radius: 10px;
  display: none;
}
.simple-modal > .f-button.is-close-btn {
  --f-button-width: 80px;
  --f-button-height: 80px;
  --f-button-svg-width: 32px;
  --f-button-svg-height: 32px;
  --f-button-color: var(--black-light-color);
  --f-button-hover-color: var(--red-color);
  top: 0;
}
.simple-modal .m-header {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.simple-modal .m-header .sub {
  color: var(--gray-text-color);
}
.simple-modal .m-footer .btns {
  display: flex;
  gap: 24px;
  align-items: center;
}
.simple-modal .m-footer .btns .policy-text {
  font-size: 14px;
  color: var(--gray-text-color);
  line-height: 1.3;
}

.glass-modal {
  display: none;
  padding: 32px;
  gap: 32px;
  width: 100%;
  max-width: 620px;
  border-radius: 10px;
  background: rgba(106, 131, 172, 0.06);
  box-shadow: 0px 80px 80px 0px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(40px);
  border-bottom: 2px solid;
  border-image-source: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(0deg, #000000, #000000);
}
.glass-modal .title {
  text-transform: uppercase;
}
.glass-modal .title:focus {
  outline: none;
}
.glass-modal .m-footer .btns {
  display: flex;
  gap: 16px;
  flex: 1;
  justify-content: flex-end;
}

#mobile-menu {
  display: none;
}

.menu-modal {
  width: 100vw;
}
.menu-modal .fancybox__slide {
  padding: 0 !important;
}
.menu-modal .fancybox__slide::before, .menu-modal .fancybox__slide::after {
  display: none;
}
.menu-modal .menu-body {
  --width: 500px;
  --padd: 80px;
  width: var(--width);
  height: 100vh;
  margin: 0;
  margin-left: auto;
  padding: 30px var(--padd) 80px;
  display: none;
}
.menu-modal .menu-body > .f-button.is-close-btn {
  --f-button-width: 80px;
  --f-button-height: 80px;
  --f-button-svg-width: 32px;
  --f-button-svg-height: 32px;
  --f-button-color: var(--color-primary-fg);
  --f-button-hover-color: var(--red-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  top: 0;
}

@media (max-width: 991.98px) {
  .simple-modal {
    --width: 100%;
    border-radius: 0;
    height: calc(100vh - 40px);
    overflow-y: auto;
  }
  .glass-modal {
    max-width: 100%;
    border-radius: 0;
    height: 100vh;
    overflow-y: auto;
    background: var(--white-color);
    box-shadow: none;
    backdrop-filter: unset;
    border: none;
  }
  .glass-modal .m-header {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
  }
  .glass-modal .m-footer .btns {
    flex-direction: column;
  }
  .confirm-modal .fancybox__slide {
    margin: 0;
    padding: 0;
  }
  .confirm-modal .fancybox__slide.has-close-btn {
    padding-top: 0 !important;
  }
  .confirm-modal .fancybox__slide::after, .confirm-modal .fancybox__slide::before {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .menu-modal .menu-body {
    --width: 320px;
    --padd: 24px;
    padding: 30px var(--padd) 80px;
  }
  .simple-modal {
    --gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .simple-modal .title {
    font-size: 32px;
  }
}
@media (max-width: 575.98px) {
  .simple-modal {
    --gap: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .simple-modal .m-header {
    gap: 16px;
  }
  .simple-modal > .f-button.is-close-btn {
    --f-button-width: 80px !important;
    --f-button-height: 80px !important;
    --f-button-svg-width: 32px !important;
    --f-button-svg-height: 32px !important;
    --f-button-color: var(--black-light-color) !important;
    --f-button-hover-color: var(--red-color) !important;
    --f-button-bg: transparent !important;
    --f-button-hover-bg: transparent !important;
  }
  .simple-modal .m-footer .btns {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-header {
  --offset-top: 32px;
  padding-top: calc(var(--header-height) + var(--header-offset) + var(--offset-top));
}
.page-header.mb {
  padding-bottom: 32px;
}
.page-header .breadcrumb {
  --bs-breadcrumb-item-padding-x: 24px;
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.page-header .breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
  gap: var(--bs-breadcrumb-item-padding-x);
  white-space: nowrap;
  font-size: 12px;
}
.page-header .breadcrumb.kontakty .breadcrumb-item a,
.page-header .breadcrumb.o-kompanii .breadcrumb-item a,
.page-header .breadcrumb.novosti-inside .breadcrumb-item a {
  --current-color: var(--white-color);
}
.page-header .breadcrumb .breadcrumb-item a {
  --current-color: var(--color-dark-fg);
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
}
.page-header .breadcrumb .breadcrumb-item a:hover {
  opacity: 1;
}
.page-header .breadcrumb .breadcrumb-item.active {
  opacity: 0.6;
}
.theme-dark .page-header .breadcrumb .breadcrumb-item.active {
  color: var(--color-dark-fg);
}
.page-header .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background-color: #e33d62;
  padding-right: 0;
}
.page-header .page-title {
  position: relative;
  margin-top: 24px;
  z-index: 1;
}
.page-header .sub-page-title {
  font-size: 20px;
  line-height: 32px;
  opacity: 0.6;
  margin-top: 42px;
}
.page-header .suffix-page-title {
  font-size: 16px;
  line-height: 1.24;
  text-transform: uppercase;
  margin-top: 20px;
}
.page-header .social {
  margin-top: auto;
  padding-top: 48px;
  margin-bottom: 78px;
}
.page-header.with-bg {
  position: relative;
  min-height: 700px;
  background-color: black;
  display: flex;
  flex-direction: column;
}
.page-header.with-bg .container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page-header.with-bg .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}
.page-header.with-bg .bg i {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.5;
}
.page-header.with-bg .bg.bg-paralax i {
  background-attachment: fixed;
  background-position: center -126px;
  background-size: 100% auto;
}
.page-header.with-bg .container {
  position: relative;
  z-index: 1;
}
.page-header.with-bg .breadcrumb {
  --current-color: var(--white-color);
  --bs-breadcrumb-item-active-color: var(--current-color);
}
.page-header.with-bg .page-title {
  color: var(--white-color);
}
.page-header.with-bg .sub-page-title {
  color: var(--white-color);
}
.page-header.with-bg .suffix-page-title {
  color: var(--white-color);
}
.page-header.with-bg .social img {
  filter: brightness(0) invert(1);
  transition: filter 0.2s ease-in-out;
}
.page-header.with-bg .social img:hover {
  filter: invert(0);
}

.social {
  display: flex;
  gap: 32px;
  align-items: center;
}
.social img {
  display: block;
  max-width: 32px;
  max-height: 32px;
}

@media (min-width: 2400px) {
  .page-header.with-bg .bg.bg-paralax i {
    background-position: center bottom;
    background-size: 100% auto;
  }
}
@media (max-width: 1659.98px) {
  .page-header.with-bg .bg.bg-paralax i {
    /*background-position: center 0%;
    background-size: 100% auto;*/
    background-position: center 16%;
    background-size: contain;
  }
}
@media (min-width: 1920px) {
 .page-header.with-bg .bg.bg-paralax i{background-attachment: local; background-position: center;}

}
@media screen and (min-width: 2000px) {.page-header.with-bg {min-height: 1150px;}}
@media (max-width: 1399.98px) {
  .page-header.with-bg {
    min-height: 600px;
  }
}
@media (max-width: 1199.98px) {
  .page-header {
    --offset-top: 24px;
    padding-top: var(--offset-top);
  }
  .page-header .breadcrumb {
    --bs-breadcrumb-item-padding-x: 16px;
  }
  .page-header.with-bg .bg.bg-paralax i {
    background-position: center 0%;
    background-size: 130% auto;
  }
}
@media (max-width: 991.98px) {
  .page-header.mb {
    padding-bottom: 36px;
  }
  .page-header.with-bg {
    min-height: 400px;
  }
}
@media (max-width: 767.98px) {
  .page-header .breadcrumb .breadcrumb-item:nth-child(n+3):not(:last-child) {
    display: none;
  }
  .page-header .breadcrumb .breadcrumb-item:nth-child(2):not(:last-child) > * {
    display: none;
  }
  .page-header .breadcrumb .breadcrumb-item:nth-child(2):not(:last-child)::after {
    content: "...";
  }
  .page-header .sub-page-title {
    margin-top: 24px;
  }
  .page-header .suffix-page-title {
    margin-top: 24px;
  }
  .page-header .social {
    margin: 24px 0 0;
    padding-top: 0;
  }
  .page-header.with-bg:not(.with-bg-mobile) {
    min-height: auto;
    padding-bottom: 24px;
    background-color: var(--color-secondary-bg);
  }
  .page-header.with-bg:not(.with-bg-mobile) .bg {
    display: none;
  }
  .page-header.with-bg:not(.with-bg-mobile) .breadcrumb {
    --current-color: var(--color-dark-fg);
    padding-bottom: 0;
  }
  .page-header.with-bg:not(.with-bg-mobile) .page-title {
    color: var(--color-primary-fg);
  }
  .page-header.with-bg.with-bg-mobile {
    min-height: auto;
    padding-bottom: 52px;
  }
}
.partners .logo-partners {
  --start-count: 7;
  --count-in-row: calc(var(--start-count) - var(--sub-count, 0));
  --padd: 40px;
  --padd-y-add: 10px;
  --calced-width: calc((100% - var(--padd) * (var(--count-in-row) - 1)) / var(--count-in-row));
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--padd) + var(--padd-y-add)) var(--padd);
  margin-top: 68px;
}
.partners .logo-partners.start-with-6 {
  --sub-count: 1;
}
.partners .logo-partners .logo-partner {
  position: relative;
  width: var(--calced-width);
}
.partners .logo-partners .logo-partner img {
  display: block;
  max-width: 100%;
}

@media (max-width: 1399.98px) {
  .partners .logo-partners {
    --count-in-row: 6;
  }
  .partners .logo-partners.start-with-6 {
    --sub-count: 0;
  }
}
@media (max-width: 1199.98px) {
  .partners .logo-partners {
    --count-in-row: 5;
    --padd-y-add: 0px;
    margin-top: 48px;
  }
}
@media (max-width: 991.98px) {
  .partners .logo-partners {
    --count-in-row: 4;
    --padd: 24px;
  }
}
@media (max-width: 767.98px) {
  .partners .logo-partners {
    --count-in-row: 3;
    margin-top: 24px;
  }
}
@media (max-width: 575.98px) {
  .partners .logo-partners {
    --count-in-row: 2;
  }
}
.payment-screen {
  --space-between: 56px;
  --padd: var(--space-between);
  padding-bottom: var(--space-between);
}
.payment-screen .container {
  position: relative;
  z-index: 1;
}
.payment-screen .advantages {
  margin-top: var(--margin);
}
.payment-screen .requisites {
  margin-top: var(--padd);
}
.circle-colors {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.circle-color-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}

.circle-color-wrapper .color-name {
  cursor: pointer;
}

.circle-color {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  background-color: white;
  transition: box-shadow 0.2s ease-in-out;
}
.circle-color.metallic {
  background: linear-gradient(137.95deg, #3A3A3A 2.28%, #A4A4A4 19.8%, #606060 32.94%, #CECECE 50.16%, #8F8F8F 62.15%, #464646 78.69%, #696969 95.24%), linear-gradient(138.57deg, #121214 12.3%, #505256 36.76%, #94999F 64.85%, #212124 80.68%, #5D6064 92.45%, #9599A0 102.86%);
}
.circle-color.black,
.circle-color.full-black {
  background-color: #303030;
}
.circle-color.half-black {
  background-image: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.803284' width='39' height='39' rx='19.5' fill='%23303030'/%3E%3Cmask id='mask0_2724_4277' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='1' width='38' height='19'%3E%3Cpath d='M19.6968 1.80328C9.47951 1.80328 1.19678 9.86216 1.19678 19.8033H38.1968C38.1968 9.86216 29.914 1.80328 19.6968 1.80328Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2724_4277)'%3E%3Crect y='0.803284' width='39' height='39' rx='19.5' fill='white'/%3E%3Crect x='-93.5596' y='-12.77' width='2.31128' height='173.442' transform='rotate(-57.7764 -93.5596 -12.77)' fill='%2396A7B7'/%3E%3Crect x='-52.1797' y='-78.42' width='2.31128' height='173.442' transform='rotate(-57.7764 -52.1797 -78.42)' fill='%2396A7B7'/%3E%3Crect x='-72.8696' y='-45.595' width='2.31128' height='173.442' transform='rotate(-57.7764 -72.8696 -45.595)' fill='%2396A7B7'/%3E%3Crect x='-91.2607' y='-16.4172' width='2.31128' height='173.442' transform='rotate(-57.7764 -91.2607 -16.4172)' fill='%2396A7B7'/%3E%3Crect x='-49.8809' y='-82.0673' width='2.31128' height='173.442' transform='rotate(-57.7764 -49.8809 -82.0673)' fill='%2396A7B7'/%3E%3Crect x='-70.5708' y='-49.2422' width='2.31128' height='173.442' transform='rotate(-57.7764 -70.5708 -49.2422)' fill='%2396A7B7'/%3E%3Crect x='-88.9619' y='-20.0644' width='2.31128' height='173.442' transform='rotate(-57.7764 -88.9619 -20.0644)' fill='%2396A7B7'/%3E%3Crect x='-47.5818' y='-85.7145' width='2.31128' height='173.442' transform='rotate(-57.7764 -47.5818 -85.7145)' fill='%2396A7B7'/%3E%3Crect x='-68.2717' y='-52.8895' width='2.31128' height='173.442' transform='rotate(-57.7764 -68.2717 -52.8895)' fill='%2396A7B7'/%3E%3Crect x='-86.6628' y='-23.7116' width='2.31128' height='173.442' transform='rotate(-57.7764 -86.6628 -23.7116)' fill='%2396A7B7'/%3E%3Crect x='-45.283' y='-89.3617' width='2.31128' height='173.442' transform='rotate(-57.7764 -45.283 -89.3617)' fill='%2396A7B7'/%3E%3Crect x='-65.9729' y='-56.5367' width='2.31128' height='173.442' transform='rotate(-57.7764 -65.9729 -56.5367)' fill='%2396A7B7'/%3E%3Crect x='-84.364' y='-27.3589' width='2.31128' height='173.442' transform='rotate(-57.7764 -84.364 -27.3589)' fill='%2396A7B7'/%3E%3Crect x='-63.6741' y='-60.1839' width='2.31128' height='173.442' transform='rotate(-57.7764 -63.6741 -60.1839)' fill='%2396A7B7'/%3E%3Crect x='-82.0652' y='-31.0061' width='2.31128' height='173.442' transform='rotate(-57.7764 -82.0652 -31.0061)' fill='%2396A7B7'/%3E%3Crect x='-61.3752' y='-63.8311' width='2.31128' height='173.442' transform='rotate(-57.7764 -61.3752 -63.8311)' fill='%2396A7B7'/%3E%3Crect x='-79.7664' y='-34.6533' width='2.31128' height='173.442' transform='rotate(-57.7764 -79.7664 -34.6533)' fill='%2396A7B7'/%3E%3Crect x='-59.0764' y='-67.4783' width='2.31128' height='173.442' transform='rotate(-57.7764 -59.0764 -67.4783)' fill='%2396A7B7'/%3E%3Crect x='-77.4673' y='-38.3005' width='2.31128' height='173.442' transform='rotate(-57.7764 -77.4673 -38.3005)' fill='%2396A7B7'/%3E%3Crect x='-56.7773' y='-71.1256' width='2.31128' height='173.442' transform='rotate(-57.7764 -56.7773 -71.1256)' fill='%2396A7B7'/%3E%3Crect x='-75.1685' y='-41.9478' width='2.31128' height='173.442' transform='rotate(-57.7764 -75.1685 -41.9478)' fill='%2396A7B7'/%3E%3Crect x='-54.4785' y='-74.7728' width='2.31128' height='173.442' transform='rotate(-57.7764 -54.4785 -74.7728)' fill='%2396A7B7'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% auto;
  background-position: center;
}
.circle-color.full-white {
  background-color: #fff;
  border: 1px solid var(--dark-secondary-color);
}
.circle-color.half-white {
  border: 1px solid var(--dark-secondary-color);
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2724_3995' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='1' width='39' height='20'%3E%3Cpath d='M20.0901 1.61475C9.54692 1.61475 1 10.1617 1 20.7048H39.1802C39.1802 10.1617 30.6333 1.61475 20.0901 1.61475Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2724_3995)'%3E%3Crect x='-90.7854' y='-11.6732' width='2.26269' height='169.796' transform='rotate(-57.7764 -90.7854 -11.6732)' fill='%2396A7B7'/%3E%3Crect x='-50.2754' y='-75.9432' width='2.26269' height='169.796' transform='rotate(-57.7764 -50.2754 -75.9432)' fill='%2396A7B7'/%3E%3Crect x='-70.5305' y='-43.8082' width='2.26269' height='169.796' transform='rotate(-57.7764 -70.5305 -43.8082)' fill='%2396A7B7'/%3E%3Crect x='-88.5349' y='-15.2438' width='2.26269' height='169.796' transform='rotate(-57.7764 -88.5349 -15.2438)' fill='%2396A7B7'/%3E%3Crect x='-48.0249' y='-79.5138' width='2.26269' height='169.796' transform='rotate(-57.7764 -48.0249 -79.5138)' fill='%2396A7B7'/%3E%3Crect x='-68.28' y='-47.3788' width='2.26269' height='169.796' transform='rotate(-57.7764 -68.28 -47.3788)' fill='%2396A7B7'/%3E%3Crect x='-86.2844' y='-18.8143' width='2.26269' height='169.796' transform='rotate(-57.7764 -86.2844 -18.8143)' fill='%2396A7B7'/%3E%3Crect x='-45.7742' y='-83.0844' width='2.26269' height='169.796' transform='rotate(-57.7764 -45.7742 -83.0844)' fill='%2396A7B7'/%3E%3Crect x='-66.0293' y='-50.9493' width='2.26269' height='169.796' transform='rotate(-57.7764 -66.0293 -50.9493)' fill='%2396A7B7'/%3E%3Crect x='-84.0337' y='-22.3849' width='2.26269' height='169.796' transform='rotate(-57.7764 -84.0337 -22.3849)' fill='%2396A7B7'/%3E%3Crect x='-43.5237' y='-86.6549' width='2.26269' height='169.796' transform='rotate(-57.7764 -43.5237 -86.6549)' fill='%2396A7B7'/%3E%3Crect x='-63.7788' y='-54.5199' width='2.26269' height='169.796' transform='rotate(-57.7764 -63.7788 -54.5199)' fill='%2396A7B7'/%3E%3Crect x='-81.7832' y='-25.9554' width='2.26269' height='169.796' transform='rotate(-57.7764 -81.7832 -25.9554)' fill='%2396A7B7'/%3E%3Crect x='-61.5283' y='-58.0905' width='2.26269' height='169.796' transform='rotate(-57.7764 -61.5283 -58.0905)' fill='%2396A7B7'/%3E%3Crect x='-79.5327' y='-29.526' width='2.26269' height='169.796' transform='rotate(-57.7764 -79.5327 -29.526)' fill='%2396A7B7'/%3E%3Crect x='-59.2776' y='-61.661' width='2.26269' height='169.796' transform='rotate(-57.7764 -59.2776 -61.661)' fill='%2396A7B7'/%3E%3Crect x='-77.2822' y='-33.0966' width='2.26269' height='169.796' transform='rotate(-57.7764 -77.2822 -33.0966)' fill='%2396A7B7'/%3E%3Crect x='-57.0271' y='-65.2316' width='2.26269' height='169.796' transform='rotate(-57.7764 -57.0271 -65.2316)' fill='%2396A7B7'/%3E%3Crect x='-75.0315' y='-36.6671' width='2.26269' height='169.796' transform='rotate(-57.7764 -75.0315 -36.6671)' fill='%2396A7B7'/%3E%3Crect x='-54.7764' y='-68.8022' width='2.26269' height='169.796' transform='rotate(-57.7764 -54.7764 -68.8022)' fill='%2396A7B7'/%3E%3Crect x='-72.781' y='-40.2377' width='2.26269' height='169.796' transform='rotate(-57.7764 -72.781 -40.2377)' fill='%2396A7B7'/%3E%3Crect x='-52.5259' y='-72.3727' width='2.26269' height='169.796' transform='rotate(-57.7764 -52.5259 -72.3727)' fill='%2396A7B7'/%3E%3C/g%3E%3C/svg%3E");
  background-size: calc(100% + 4px) auto;
  background-position: center;
}
.circle-color.light {
  border: 1px solid var(--dark-secondary-color);
}
.circle-color:hover {
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2), inset 0 0 0 1.5px rgb(255, 255, 255);
}
.circle-color.active, .circle-color.selected {
  box-shadow: 0 0 0 1px var(--red-color), inset 0 0 0 2px var(--red-color), inset 0 0 0 5px var(--block-bg-color, --white-color);
}
.circle-color.active.light, .circle-color.selected.light {
  border: none;
}
.circle-color.selected::after {
  opacity: 1;
}
.circle-color::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-52%, -48%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--white-color);
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.476 1.93335L2.04163 9.69095' stroke='%23DE0031' stroke-width='2.65809' stroke-linecap='round'/%3E%3Cpath d='M2.0417 1.93335L9.47607 9.69095' stroke='%23DE0031' stroke-width='2.65809' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.circle-color input {
  display: none;
}

.product-info {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.product-info .product-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 53px;
}
.product-info .product-panel .type-options .tab {
  max-width: calc(50% - 9px);
}
.product-info .product-panel .color-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 380px;
}
.product-info .product-panel .color-options .sub {
  opacity: 0.6;
  line-height: 128.5%;
  font-size: 14px;
}
.product-info .right-block {
  display: flex;
  flex-direction: column;
  gap: var(--bs-gutter-x);
}
.product-info .right-block .secondary-preview .img-box {
  border-radius: 10px;
  overflow: hidden;
}
.product-info .right-block .secondary-preview .img-box video,
.product-info .right-block .secondary-preview .img-box img {
  display: block;
  width: 100%;
}
.product-info .applications {
  row-gap: 40px;
}
.product-info .applications .application-head .application-item:not(.has-content) {
  max-height: 192px;
}
.product-info .applications .application-item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  color: var(--color-dark-fg);
}
.product-info .applications .application-item .title {
  padding: 24px 32px 16px 32px;
  font-size: 20px;
  line-height: 1.3;
}
.product-info .applications .application-item .title.main {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.18;
  padding-bottom: 24px;
}
.product-info .applications .application-item .desc {
  flex: 1;
  padding: 0px 32px 16px 32px;
}
.product-info .applications .application-head .application-item .desc {
  padding-bottom: 24px;
}
.product-info .applications .application-item .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  height: 180px;
  filter: grayscale(100%);
  transition: filter 0.2s ease-in-out;
}
.product-info .applications .application-item:hover .img-box {
  filter: grayscale(0%);
}
.product-info .applications .application-item .img-box img {
  display: block;
  max-width: 100%;
}
.product-info .applications .application-item .contacts {
  padding: 0px 32px 32px;
  display: flex;
  gap: 16px;
}
.product-info .applications .application-item .contacts .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #d8dfe4;
  transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.product-info .applications .application-item .contacts .icon:hover {
  background: transparent;
  box-shadow: 0 0 0 1px #d8dfe4;
}
.theme-dark .product-info .applications .application-item .contacts .icon {
  background: var(--color-primary-fg);
}
.theme-dark .product-info .applications .application-item .contacts .icon:hover {
  background: transparent;
  box-shadow: 0 0 0 1px var(--color-primary-fg);
}
.theme-dark .product-info .applications .application-item .contacts .icon:hover img {
  filter: invert(100%) brightness(200%);
}
.product-info .applications .application-item .contacts .icon img {
  display: block;
  max-width: 24px;
  transition: filter 0.2s ease-in-out;
}

.product-preview {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}
.product-preview .selected-color {
  position: relative;
  display: flex;
  padding: 24px 32px;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  color: var(--color-dark-fg);
  z-index: 2;
}
.product-preview .model-3d.is-loading .selected-color .name,
.product-preview .model-3d.is-loading .selected-color .circle-color,
.product-preview .model-3d:not(.is-loading) .selected-color .loader-2,
.product-preview .model-3d.is-loading .selected-color .showed-3d {
  opacity: 0;
}
.product-preview .selected-color .circle-color {
  pointer-events: none;
}
.product-preview .model-3d {
  position: relative;
  flex: 1;
  display: none;
  flex-direction: column;
}
.product-preview .model-3d.active{
  display: flex;
}


.product-preview .model-3d.is-loading iframe {
  pointer-events: none;
}
.product-preview .model-3d:not(.is-loading) .preview {
  opacity: 0;
  pointer-events: none;
  z-index: 0;
}
.product-preview .model-3d .preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--block-bg-color);
  border-radius: 10px;
  z-index: 1;
  transition: opacity 0.3s ease-in-out;
}
.product-preview .model-3d .preview img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.product-preview .model-3d iframe {
  display: block;
  margin-top: auto;
  width: 100%;
  height: 100%;
  max-height: 546px;
  min-height: 358px;
}

.slider-preview {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 45px;
  padding-bottom: 16px;
}
.theme-light .slider-preview .slider-control .btn.white {
  --bs-btn-bg: var(--gray-bg-color);
}
.slider-preview .slider-control .btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.slider-preview .slider-control .btn-prev {
  left: 24px;
}
.slider-preview .slider-control .btn-next {
  right: 24px;
}
.slider-preview .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 24px 32px;
}
.slider-preview .head .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  color: var(--color-dark-fg);
}
.slider-preview .head .slider-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 9px;
  width: auto;
  flex: 1;
  justify-content: center;
}
.slider-preview .head .slider-nav .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid var(--color-primary-fg);
  background: transparent;
  transition: background 0.2s ease-in-out;
}
.slider-preview .head .slider-nav .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-primary-fg);
}
.slider-preview .slides {
  width: 100%;
}
.slider-preview .slides .slide-item .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-preview .slides .slide-item .img-box img {
  display: block;
  max-width: 100%;
}

@media (max-width: 1659.98px) {
  .product-info .product-panel {
    gap: 40px;
  }
  .product-info .product-panel .type-options .tab {
    max-width: 100%;
  }
  .product-info .slider-preview {
    gap: 32px;
    flex: 1;
  }
  .product-info .applications > * {
    width: 20%;
  }
  .product-info .applications .application-head {
    display: none;
  }
  .product-info .applications .application-item .title.main {
    font-size: 20px;
  }
  .slider-preview .head .slider-nav {
    gap: 4px;
  }
}
@media (max-width: 1399.98px) and (min-width: 1200px) {
  .slider-preview .head .slider-nav {
    gap: 0px;
  }
}
@media (max-width: 1399.98px) {
  .product-info {
    gap: 24px;
  }
  .product-info > .row {
    --bs-gutter-x: 24px;
  }
  .product-info .product-panel {
    gap: 24px;
  }
  .product-info .product-panel .type-options {
    gap: 4px;
  }
  .product-info .product-panel .desc {
    font-size: 14px;
  }
  .product-info .product-panel .color-options {
    gap: 8px;
  }
  .product-info .product-panel .color-options .sub {
    font-size: 14px;
  }
  .product-info .product-panel .color-options .circle-colors {
    gap: 6px;
  }
}
@media (max-width: 1199.98px) {
  .product-info .right-block {
    flex-direction: row;
    margin-top: 24px;
  }
  .product-info .right-block .secondary-preview {
    width: calc(50% - 12px);
  }
  .product-info .slider-preview {
    width: calc(50% - 12px);
    gap: 12px;
    padding-bottom: 0;
  }
  .product-info .applications {
    --bs-gutter-x: 48px;
    gap: 24px;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: 0;
  }
  .product-info .applications > * {
    width: auto;
    padding: 0;
  }
  .product-info .applications .application-item {
    width: 292px;
  }
}
@media (max-width: 1199.98px) and (min-width: 992px) {
  .product-info .applications {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .product-info {
    gap: 16px;
  }
  .product-info > .row {
    row-gap: 16px;
  }
  .product-info .product-panel .type-options {
    flex-wrap: nowrap;
  }
  .product-info .product-panel .color-options {
    max-width: unset;
    gap: 16px;
  }
  .product-info .product-panel .color-options .circle-colors {
    gap: 12px;
    flex-wrap: nowrap;
    width: fit-content;
  }
  .product-info .product-panel .color-options .scrollbox-sm-x {
    overflow-x: auto;
  }
  .product-info .product-panel .desc {
    font-size: 18px;
    margin-top: 26px;
  }
  .product-info .product-preview {
    gap: 64px;
    width: 100%;
  }
  .product-info .product-preview .selected-color {
    padding: 14px 20px;
  }
}
.production .title {
  margin-bottom: 48px;
}
.production .city-list {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-bottom: 56px;
}
.production .city-list .city-groups {
  gap: 8px;
}
.production .city-list .cities {
  display: none;
  gap: 16px min(64px, 5%);
  flex-wrap: wrap;
}
.production .city-list .cities.active {
  display: flex;
}
.production .city-list .cities .city {
  --current-color: var(--color-dark-fg);
  font-size: 26px;
  line-height: 1.42;
}
.production .city-list .cities .city.active {
  --current-color: var(--red-accent-color);
}
.production .city-slider .row {
  margin: 0;
  padding: 0;
}
.production .city-slider .row > * {
  margin: 0;
  padding: 0;
}
.production .city-slider .selected-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 62px 54px;
  height: 100%;
  z-index: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.production .city-slider .selected-slide .selected-city-info {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.production .city-slider .selected-slide .selected-city-info .head {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.production .city-slider .selected-slide .selected-city-info .head .name {
  font-weight: 400;
}
.production .city-slider .selected-slide .selected-city-info .head .address {
  font-size: 20px;
  line-height: 1.3;
}
.production .city-slider .selected-slide .selected-city-info .head .btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}
.production .city-slider .selected-slide .selected-city-info .head .btns .btn {
  white-space: nowrap;
}
.production .city-slider .selected-slide .selected-city-info .content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
}
.production .city-slider .selected-slide .selected-city-info .content .contacts {
  --current-color: var(--color-dark-fg);
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.production .city-slider .selected-slide .selected-city-info .content .contacts .contact {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 26px;
  white-space: nowrap;
}
.production .city-slider .selected-slide .selected-city-info .content .contacts .contact svg {
  display: block;
  height: 19px;
  fill: var(--red-color);
}
.production .city-slider .selected-slide .selected-city-info .content .worktimes {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.production .city-slider .selected-slide .selected-city-info .content .worktimes .worktime {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.production .city-slider .selected-slide .selected-city-info .content .worktimes .worktime .time {
  font-size: 22px;
  font-weight: 700;
}
.production .city-slider .selected-slide .slider-control {
  display: flex;
  align-items: center;
  gap: 24px;
}
.production .city-slider .city-preview-slider {
  width: 586px;
  height: 468px;
  margin-left: 0;
  z-index: 0;
  overflow: visible;
}
.production .city-slider .city-preview-slider .slide-item {
  position: relative;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
  background: rgba(216, 214, 225, 0.2);
}
.production .city-slider .city-preview-slider .slide-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 10px 10px 0;
  backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.production .city-slider .city-preview-slider .slide-item:not(.swiper-slide-active, .swiper-slide-prev) {
  border: 2px solid rgb(248, 227, 227);
}
.production .city-slider .city-preview-slider .slide-item:not(.swiper-slide-active, .swiper-slide-prev)::after {
  opacity: 1;
}
.production .city-slider .city-preview-slider .slide-item .img-box {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 1859.98px) {
  .production .city-slider .selected-slide {
    padding: 48px;
  }
  .production .city-slider .selected-slide .selected-city-info .content .contacts {
    gap: 24px;
  }
}
@media (max-width: 1659.98px) {
  .production .city-slider .selected-slide .selected-city-info {
    gap: 48px;
  }
  .production .city-slider .selected-slide .selected-city-info .head {
    gap: 24px;
  }
  .production .city-slider .city-preview-slider {
    height: 100%;
  }
}
@media (max-width: 1399.98px) {
  .production .city-slider .city-preview-slider {
    width: calc(100% - 32px);
  }
}
@media (max-width: 1199.98px) {
  .production .title {
    margin-bottom: 40px;
  }
  .production .city-list {
    gap: 40px;
    margin-bottom: 40px;
  }
  .production .city-list .cities .city {
    font-size: 24px;
  }
  .production .city-slider .selected-slide {
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
  }
  .production .city-slider .selected-slide .slider-control .btn-arrow {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 991.98px) {
  .production .city-slider .city-preview-slider {
    height: 0px;
  }
}
@media (max-width: 767.98px) {
  .production .title {
    margin-bottom: 32px;
  }
  .production .city-list {
    gap: 32px;
    margin-bottom: 32px;
  }
  .production .city-list .cities .city {
    font-size: 20px;
  }
  .production .city-slider .selected-slide {
    padding: 16px 32px;
  }
  .production .city-slider .selected-slide .selected-city-info .content .contacts {
    gap: 16px;
  }
}
.seo-content {
  --space-inner-between: 56px;
  padding-bottom: 64px;
  position: static;
}
.seo-content .seo-content-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-inner-between);
}

.seo-content-body {
  --current-color: var(--color-dark-fg);
  display: flex;
  flex-direction: column;
}
.seo-content-body > * {
  margin: 0;
  padding: 0;
}
.seo-content-body > *:not(:first-child) {
  margin-top: var(--space-inner-between, 24px);
}
.seo-content-body h3 {
  font-weight: 400;
}
.seo-content-body p {
  font-size: 16px;
  font-weight: 300;
}
.seo-content-body p + p {
  margin-top: 24px !important;
}
.seo-content-body ul {
  padding-left: 28px;
  font-size: 20px;
  line-height: 130%;
}
.seo-content-body ul li:not(:first-child) {
  margin-top: 26px;
}

.catalog-cases-screen {
  --gap: 40px;
  padding-top: 58px;
  padding-bottom: var(--space-between);
}
.catalog-cases-screen .pagination {
  margin-top: var(--gap);
}
.catalog-cases-screen .article-content {
  margin-top: var(--space-between);
}

.cases-catalog {
  --count-in-row: 4;
  --padd: var(--gap);
  --calced-width: calc((100% - var(--padd) * (var(--count-in-row) - 1)) / var(--count-in-row));
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--padd);
}

.case-card {
  position: relative;
  width: var(--calced-width, 100%);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: var(--color-primary-bg);
  border-radius: 10px;
  padding: 24px;
  gap: 24px;
  transition: box-shadow 0.2s ease-in-out;
}
.case-card .img-box {
  background: var(--color-secondary-bg);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
}
.case-card .img-box img {
  display: block;
  max-width: calc(100% - 48px);
  max-height: calc(100% - 48px);
}
.case-card .name {
  display: flex;
  flex-direction: column;
  transition: color 0.2s ease-in-out;
}
.case-card .production {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 8px;
  gap: 8px;
  font-size: 20px;
  line-height: 1.3;
  color: var(--color-dark-fg);
}
.case-card .production .right {
  font-weight: 500;
  color: var(--red-color);
}
.case-card:hover {
  box-shadow: 0 8px 32px 0px rgba(0, 0, 0, 0.05);
}
.case-card:hover .name {
  color: var(--red-color);
}

@media (max-width: 1399.98px) {
  .cases-catalog {
    --count-in-row: 3;
  }
}
@media (max-width: 1199.98px) {
  .catalog-cases-screen {
    --gap: 24px;
    padding-top: 48px;
  }
}
@media (max-width: 991.98px) {
  .catalog-cases-screen {
    --gap: 16px;
    padding-top: 24px;
  }
  .cases-catalog {
    --count-in-row: 2;
  }
}
@media (max-width: 767.98px) {
  .cases-catalog {
    --count-in-row: 1;
  }
}
.catalog-news-screen {
  --gap: 40px;
  padding-top: 24px;
  padding-bottom: var(--space-between);
}
.catalog-news-screen .pagination {
  margin-top: var(--gap);
}

.inline-filter {
  position: relative;
  z-index: 1;
  max-width: 1430px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin-bottom: 32px;
}
.inline-filter li a {
  --current-color: var(--color-primary-fg);
}
.inline-filter li a.active {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
}

.news-catalog {
  --count-in-row: 4;
  --padd: var(--gap);
  --calced-width: calc((100% - var(--padd) * (var(--count-in-row) - 1)) / var(--count-in-row));
  display: flex;
  flex-wrap: wrap;
  gap: var(--padd);
  position: relative;
  z-index: 1;
}

.news-card {
  position: relative;
  width: var(--calced-width, 100%);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: var(--color-primary-bg);
  border-radius: 10px;
  padding: 24px;
  gap: 24px;
  transition: box-shadow 0.2s ease-in-out;
}
.news-card .img-box {
  display: flex;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 352 / 243;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.news-card .img-box img {
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
}
.news-card .small-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.news-card .small-info .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-primary-fg);
}
.news-card .name {
  transition: color 0.2s ease-in-out;
}
.news-card .preview {
  color: var(--color-primary-fg);
}
.news-card:hover {
  box-shadow: 0 8px 32px 0px rgba(0, 0, 0, 0.05);
}
.news-card:hover .name {
  color: var(--red-color);
}

.release-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.pagination {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 1399.98px) {
  .news-catalog {
    --count-in-row: 3;
  }
}
@media (max-width: 1199.98px) {
  .catalog-news-screen {
    --gap: 24px;
  }
}
@media (max-width: 991.98px) {
  .catalog-news-screen {
    --gap: 16px;
  }
  .news-catalog {
    --count-in-row: 2;
  }
}
@media (max-width: 767.98px) {
  .news-catalog {
    --count-in-row: 1;
  }
}
.news-details {
  --space-between: 56px;
  --padd: var(--space-between);
}
.news-details .anchors {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--padd);
  margin-bottom: var(--padd);
}
.news-details .anchors h3 {
  font-weight: 400;
}
.news-details .anchors ul {
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
}
.news-details .anchors ul li.level-2 {
  margin-left: 24px;
}
.news-details .anchors ul a {
  --current-color: var(--color-dark-fg);
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0%;
  text-decoration-thickness: 0%;
}
.news-details .social {
  margin-top: var(--padd);
}

.article-content {
  --margin: var(--padd, 56px);
  position: relative;
  z-index: 1;
  max-width: 1150px;
}
.article-content > *:last-child {
  margin-bottom: 0;
}
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6, .article-content ul, .article-content ol, .article-content div {
  margin: var(--margin) 0;
}
.article-content h1:first-child, .article-content h2:first-child, .article-content h3:first-child, .article-content h4:first-child, .article-content h5:first-child, .article-content h6:first-child, .article-content ul:first-child, .article-content ol:first-child, .article-content div:first-child {
  margin-top: 0;
}
.article-content h2, .article-content .h2 {
  font-size: 40px;
  line-height: 125%;
  font-weight: 400;
  text-transform: uppercase;
}
.article-content h3, .article-content .h3 {
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
  text-transform: uppercase;
}
.article-content p {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 24px;
}
.article-content p:not(:first-child) b:first-child {
  display: block;
  margin-top: var(--margin);
}
.article-content p:not(:last-child) b:last-child {
  display: block;
  margin-bottom: var(--margin);
}
.article-content b {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
}
.article-content ul, .article-content ol {
  font-size: 20px;
  line-height: 1.3;
}
.article-content ul li, .article-content ol li {
  margin-bottom: 24px;
}
.article-content ul p, .article-content ol p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

.news-similar {
  padding-top: 56px;
  padding-bottom: var(--space-between);
}
.news-similar .head-h4 {
  margin-bottom: 32px;
}
.news-similar .swiper .swiper-wrapper {
  align-items: stretch;
}
.news-similar .swiper .swiper-wrapper .swiper-slide {
  height: unset;
}
.news-similar .swiper .swiper-wrapper .swiper-slide .news-card {
  height: 100%;
}
.news-similar .swiper-pagi {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: auto;
  margin-top: 54px;
}
.news-similar .swiper-pagi .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 0;
  border: 1px solid var(--color-primary-fg);
  background: transparent;
  transition: background 0.2s ease-in-out;
}
.news-similar .swiper-pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-primary-fg);
}

@media (max-width: 1659.98px) {
  .article-content h2, .article-content .h2 {
    font-size: 36px;
  }
  .article-content h3, .article-content .h3 {
    font-size: 28px;
  }
}
@media (max-width: 1399.98px) {
  .article-content h2, .article-content .h2 {
    font-size: 32px;
  }
  .article-content h3, .article-content .h3 {
    font-size: 24px;
  }
}
@media (max-width: 1199.98px) {
  .article-content h2, .article-content .h2 {
    font-size: 30px;
  }
}
@media (max-width: 767.98px) {
  .article-content h2, .article-content .h2 {
    font-size: 26px;
  }
  .article-content h3, .article-content .h3 {
    font-size: 20px;
    line-height: 1.2;
  }
  .news-similar {
    padding-top: 40px;
  }
  .news-similar .swiper .swiper-wrapper {
    flex-direction: column;
    gap: 16px;
  }
  .news-similar .swiper .swiper-wrapper .swiper-slide:nth-child(n+5) {
    display: none;
  }
}
.product-cases {
  position: relative;
  z-index: 1;
}
.product-cases .product-cases-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  margin-bottom: 16px;
}
.product-cases .product-cases-photos {
  margin-bottom: 40px;
}
.product-cases .product-cases-photos .imgs {
  --count-in-row: 6;
  --padd: 40px;
  --calced-width: calc((100% - var(--padd) * (var(--count-in-row) - 1)) / var(--count-in-row));
  display: flex;
  align-items: center;
  gap: var(--padd);
}
.product-cases .product-cases-photos .imgs .img-box {
  width: var(--calced-width);
  height: 103px;
  border-radius: 12px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.product-cases .product-cases-photos .imgs .img-box img {
  position: relative;
  width: 100%;
  z-index: -1;
  opacity: 0.005;
}
.product-cases .product-cases-info:not(:first-child) {
  margin-top: 40px;
}
.product-cases .product-cases-info .title {
  margin-bottom: 24px;
}
.product-cases .product-cases-info ul,
.product-cases .product-cases-info ol,
.product-cases .product-cases-info p
 {
  margin: 0;
  font-size: 20px;
  line-height: 26px;
}
.product-cases .product-cases-info ul li:not(:last-child),
.product-cases .product-cases-info ol li:not(:last-child) {
  margin-bottom: 26px;
}
.product-cases .product-cases-info .download-files {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}

@media (max-width: 1199.98px) {
  .product-cases .product-cases-photos .imgs {
    width: max-content;
  }
  .product-cases .product-cases-photos .imgs .img-box {
    width: 253px;
    flex: 1 0 auto;
  }
  .product-cases .product-cases-photos .imgs .img-box img {
    width: 100px;
  }
}
.product-examples {
  position: relative;
  z-index: 1;
  padding-bottom: var(--space-between);
}
.product-examples .product-examples-head {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 32px;
  height: 100%;
}
.product-examples .product-examples-head p {
  margin: 0 0 24px;
}
.product-examples .product-examples-head p:last-child {
  margin-bottom: 0;
}
.product-examples .slider-preview {
  padding-bottom: 0;
  gap: 12px;
  height: 100%;
}
.product-examples .slider-preview .head {
  padding: 36px 32px 0px;
  z-index: 1;
}
.product-examples .slider-preview .slides {
  flex: 1;
}
.product-examples .slider-preview .slides .slide-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-examples .slider-preview .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-examples .slider-preview .img-box img {
  max-height: 213px;
  height: 213px;
}

/* @media (max-width: 1659.98px) and (min-width: 1399.98px) {
  .product-examples .slider-preview .img-box {
    height: 400px;
  }
  .product-examples .slider-preview .img-box img {
    height: auto;
  }
} */
.product-inside .container {
  position: relative;
  z-index: 1;
}
.product-inside .product-left-block {
  flex-direction: column;
}

@media (min-width: 1399.98px) {
  .product-inside .product-center-block, .product-inside .product-right-block {
    padding-bottom: 448px;
  }
  .product-inside.product-inside-lanyard[data-step-number="2"] .product-center-block, .product-inside.product-inside-lanyard[data-step-number="2"] .product-right-block {
    padding-bottom: 0;
  }
}
.product-inside .product-preview {
   height: 546px;
  /*padding: 32px 0;*/
  overflow: hidden;
}
.product-inside .product-preview .model-3d {
  justify-content: center;
}
.product-inside .product-preview .model-3d .model-view-state {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}
.product-inside .product-preview .model-3d.is-loading .model-view-state .showed-3d,
.product-inside .product-preview .model-3d:not(.is-loading) .model-view-state .loader-2 {
  opacity: 0;
}
.product-inside .product-preview .model-3d iframe {
  width: 100%;
  margin-top: 0;
}

.product-prices {
  padding: 32px 40px;
}
.product-prices .product-prices-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-prices .product-prices-list .product-prices-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-prices .product-prices-list .product-prices-item .product-prices-item-body {
  display: none;
  grid-template-columns: 1fr 1fr 1fr;
}
.product-prices .product-prices-list .product-prices-item .product-prices-item-body.active {
  display: grid;
}
.product-prices .product-prices-list .product-prices-item .product-prices-item-body .product-prices-item-body-row {
  display: contents;
}
.product-prices .product-prices-list .product-prices-item .product-prices-item-body .product-prices-item-body-row:first-child > * {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-bottom: 8px;
}
.product-prices .product-prices-list .product-prices-item .product-prices-item-body .product-prices-item-body-row > * {
  display: flex;
  padding: 5px 8px 3px 8px;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}
.product-prices .product-prices-list .product-prices-item .product-prices-item-body .product-prices-item-body-row.active > * {
  border-bottom: 1px solid var(--red-accent-color);
  background: #e31e2424;
}
.theme-dark .product-prices .product-prices-list .product-prices-item .product-prices-item-body .product-prices-item-body-row.active > * {
  background: var(--color-ghost);
  color: var(--color-secondary-bg);
}

.product-constructor {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
}
.product-constructor.disabled .product-constructor-body {
  opacity: 0.5;
  pointer-events: none;
}
.product-constructor .product-constructor-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.product-constructor .product-constructor-body hr {
  margin: 0;
}
.product-constructor .product-constructor-body .product-constructor-body-row {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-constructor .product-constructor-body .product-constructor-body-row .content p {
  margin: 0 0 16px 0;
}
.product-constructor .product-constructor-body .product-constructor-body-row .content p:last-child {
  margin-bottom: 0;
}

.colors-selection-groups {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.colors-selection-group {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.colors-selection-group .colors-selection-group-head {
  display: flex;
  gap: 24px;
  align-items: center;
}
.colors-selection-group .colors-selection-group-body {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.colors-selection-group .colors-selection-group-body.vert {
  flex-direction: column;
}
.colors-selection-group .colors-selection-group-body .circle-color {
  width: 40px;
  height: 40px;
}

.selection-groups {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.selection-groups.inline {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px 32px;
}
.selection-groups.colors {
  gap: 16px;
}
.selection-groups .selection-group[data-parent-option] {
  padding-left: 36px;
}

.product-ordering {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
}
.product-ordering .product-ordering-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.product-ordering .product-ordering-body .product-color-selection {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-ordering .product-ordering-body .product-color-selection.no-value {
  display: none;
}
.product-ordering .product-ordering-body .product-color-selection .product-color-selection-inputs {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-ordering .product-ordering-body .product-option-selection {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-ordering .product-ordering-body .product-additional-params {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-ordering .product-ordering-body .product-additional-params .product-additional-params-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-ordering .product-ordering-body .product-additional-params .product-additional-params-body .sub-caption:not([data-step="1"]) {
  max-width: 380px;
}
.product-ordering .product-ordering-body .product-additional-params .product-additional-params-body .form-control {
  min-height: 82px !important;
  font-size: 14px;
  line-height: 128% !important;
  border-color: rgba(17, 17, 17, 0.5);
}
.product-ordering .product-ordering-body .product-additional-params .product-additional-params-body .form-control:focus {
  border-color: var(--color-dark-fg);
}
.product-ordering .product-ordering-body .product-ordering-steps {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product-ordering .product-ordering-body .product-ordering-steps ol li {
  max-width: 360px;
}
.product-ordering .product-ordering-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 32px;
  border-top: 1px solid var(--border-color);
}
.product-ordering .product-ordering-footer .product-ordering-footer-left {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
}
.product-ordering .product-ordering-footer .btns-group {
  display: flex;
  gap: 16px;
  flex: 1;
  justify-content: flex-end;
}
.product-ordering .product-ordering-footer .btns-group.active {
  display: flex;
}

.total-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.total-info .total-info-row {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
.total-info .total-info-row .total-info-row-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.total-info .total-info-row .total-info-row-item:last-child:not(:first-child) {
  text-align: right;
}

.product-color-input {
  --bg-color: var(--yellow-color);
  --fg-color: black;
  --border-radius: 16px;
  --border-width: 1px;
  --border-color: var(--dark-secondary-color);
  --has-no-icon: 1;
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 12px 0 calc(24px + 66px * var(--has-no-icon));
  margin-left: calc(-66px * (var(--has-no-icon) - 1));
  height: 62px;
  color: var(--fg-color, black);
  font-size: 20px;
  line-height: 130%;
  background-color: var(--bg-color);
  border-radius: var(--border-radius);
  border: var(--border-width) solid var(--border-color);
}
.product-color-input .product-color-input-body {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: calc(100% - 24px - 38px);
}
.product-color-input .name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-color-input .before-icon, .product-color-input .after-icon {
  content: "";
  position: absolute;
  top: calc(var(--border-width) * -1);
  right: 100%;
  width: 66px;
  height: calc(100% + var(--border-width) * 2);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.product-color-input .before-icon svg, .product-color-input .after-icon svg {
  display: block;
  height: 100%;
}
.product-color-input .before-icon:empty, .product-color-input .after-icon:empty {
  display: none;
}
.product-color-input .after-icon {
  top: 0;
  right: 0;
  width: 85px;
  height: 100%;
  z-index: 0;
  justify-content: flex-start;
}
.product-color-input.type-paper {
  --border-radius: 6px;
  --has-no-icon: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.product-color-input.type-paper .before-icon svg {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  border: 1px solid var(--border-color);
  border-right: none;
}
.product-color-input.type-vinyl-l {
  --border-width: 0;
  --border-radius: 6px;
  --has-no-icon: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.product-color-input.type-vinyl-l .before-icon {
  top: -2px;
  right: calc(100% - 6px);
  width: 72px;
  height: calc(100% + 2px);
}
.product-color-input.type-vinyl-f {
  --border-width: 0;
  --border-radius: 6px;
  --has-no-icon: 0;
  background-color: transparent;
}
.product-color-input.type-vinyl-f .product-color-input-body {
  position: static;
}
.product-color-input.type-vinyl-f .product-color-input-body span, .product-color-input.type-vinyl-f .product-color-input-body input {
  position: relative;
  z-index: 1;
}
.product-color-input.type-vinyl-f .product-color-input-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 85px);
  height: 100%;
  background-color: var(--bg-color);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  z-index: 0;
}
.product-color-input.type-vinyl-f .circle-btn {
  position: relative;
  z-index: 1;
}
.product-color-input.type-vinyl-f .before-icon {
  height: 100%;
}
.product-color-input.type-vinyl-f .after-icon {
  overflow: hidden;
}
.product-color-input.type-vinyl-f .after-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.product-color-input.type-fabric {
  --border-radius: 6px;
  --has-no-icon: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.product-color-input.type-fabric .before-icon {
  overflow: hidden;
}
.product-color-input.type-fabric .before-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.product-color-input.type-lanyard {
  --border-radius: 20px;
  --has-no-icon: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  padding-right: 24px;
}
.product-color-selection-inputs[data-disable-delete="1"] .product-color-input:not(.type-vinyl-f):not(.type-vinyl-l) .product-color-input-body,
.product-color-input.type-lanyard .product-color-input-body,
.product-color-input.type-badge .product-color-input-body {
  max-width: 100%;
}
.product-color-input.type-lanyard .circle-input {
  box-shadow: inset 0 0 0 1px var(--dark-secondary-color);
}
.product-color-input.type-lanyard .circle-input:focus {
  box-shadow: inset 0 0 0 1px var(--color-dark-fg);
}
.product-color-input.type-lanyard .delete {
  box-shadow: none;
}
.product-color-input.type-badge {
  --border-radius: 20px;
  padding-left: 34px;
  padding-right: 24px;
}
.product-color-input.type-badge::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 13px;
  height: 43px;
  margin-top: -21px;
  background: var(--block-bg-color);
  border-radius: 19px;
  border: 2px solid var(--color-dark-fg);
  z-index: 1;
}
.theme-dark .product-color-input.type-badge::before {
  border-color: var(--white-color);
}
.product-color-input.type-badge .product-color-input-body, .product-color-input.type-badge .delete {
  position: relative;
  z-index: 1;
}
.product-color-input.type-badge .name span {
  display: inline-block;
  border-radius: 20px;
  padding: 8px;
  background: var(--white-color);
}
.product-color-input.type-badge[data-variant=black], .product-color-input.type-badge[data-variant=half-black], .product-color-input.type-badge[data-variant=full-black] {
  --bg-color: var(--color-dark-fg);
}
.theme-dark .type-badge[data-variant=black], .product-color-input.type-badge[data-variant=half-black], .product-color-input.type-badge[data-variant=full-black] {
  --bg-color: var(--black-color);
}
.product-color-input.type-badge[data-variant=white], .product-color-input.type-badge[data-variant=half-white], .product-color-input.type-badge[data-variant=full-white] {
  --bg-color: var(--white-color);
}
.product-color-input.type-badge[data-variant=white] .circle-input, .product-color-input.type-badge[data-variant=half-white] .circle-input, .product-color-input.type-badge[data-variant=full-white] .circle-input {
  box-shadow: inset 0 0 0 1px var(--dark-secondary-color);
}
.product-color-input.type-badge[data-variant=white] .circle-input:focus, .product-color-input.type-badge[data-variant=half-white] .circle-input:focus, .product-color-input.type-badge[data-variant=full-white] .circle-input:focus {
  box-shadow: inset 0 0 0 1px var(--color-dark-fg);
}
.product-color-input.type-badge[data-variant=half-black]::after, .product-color-input.type-badge[data-variant=half-white]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 52%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='245' height='62' viewBox='0 0 245 62' fill='none'%3E%3Cpath d='M 0 62 V 0 H 245 V 62 Z' fill='white'/%3E%3Cmask id='mask0_2737_2773' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='245' height='62'%3E%3Cpath d='M 0 62 V 0 H 245 V 62 Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2737_2773)'%3E%3Crect x='568.001' y='97.0003' width='3.32148' height='625.269' transform='rotate(143.215 568.001 97.0003)' fill='%2396A7B7'/%3E%3Crect x='318.98' y='283.193' width='3.32148' height='625.269' transform='rotate(143.215 318.98 283.193)' fill='%2396A7B7'/%3E%3Crect x='443.641' y='189.985' width='3.32148' height='625.269' transform='rotate(143.215 443.641 189.985)' fill='%2396A7B7'/%3E%3Crect x='194.62' y='376.177' width='3.32148' height='625.269' transform='rotate(143.215 194.62 376.177)' fill='%2396A7B7'/%3E%3Crect x='506.153' y='143.244' width='3.32148' height='625.269' transform='rotate(143.215 506.153 143.244)' fill='%2396A7B7'/%3E%3Crect x='257.133' y='329.437' width='3.32148' height='625.269' transform='rotate(143.215 257.133 329.437)' fill='%2396A7B7'/%3E%3Crect x='381.792' y='236.229' width='3.32148' height='625.269' transform='rotate(143.215 381.792 236.229)' fill='%2396A7B7'/%3E%3Crect x='132.772' y='422.421' width='3.32148' height='625.269' transform='rotate(143.215 132.772 422.421)' fill='%2396A7B7'/%3E%3Crect x='561.351' y='101.973' width='3.32148' height='625.269' transform='rotate(143.215 561.351 101.973)' fill='%2396A7B7'/%3E%3Crect x='312.331' y='288.165' width='3.32148' height='625.269' transform='rotate(143.215 312.331 288.165)' fill='%2396A7B7'/%3E%3Crect x='436.99' y='194.957' width='3.32148' height='625.269' transform='rotate(143.215 436.99 194.957)' fill='%2396A7B7'/%3E%3Crect x='187.97' y='381.15' width='3.32148' height='625.269' transform='rotate(143.215 187.97 381.15)' fill='%2396A7B7'/%3E%3Crect x='499.503' y='148.216' width='4.15185' height='625.269' transform='rotate(143.215 499.503 148.216)' fill='%2396A7B7'/%3E%3Crect x='250.482' y='334.409' width='4.15185' height='625.269' transform='rotate(143.215 250.482 334.409)' fill='%2396A7B7'/%3E%3Crect x='375.143' y='241.201' width='4.15185' height='625.269' transform='rotate(143.215 375.143 241.201)' fill='%2396A7B7'/%3E%3Crect x='126.122' y='427.393' width='4.15185' height='625.269' transform='rotate(143.215 126.122 427.393)' fill='%2396A7B7'/%3E%3Crect x='554.701' y='106.945' width='4.15185' height='625.269' transform='rotate(143.215 554.701 106.945)' fill='%2396A7B7'/%3E%3Crect x='305.68' y='293.138' width='4.15185' height='625.269' transform='rotate(143.215 305.68 293.138)' fill='%2396A7B7'/%3E%3Crect x='430.34' y='199.93' width='4.15185' height='625.269' transform='rotate(143.215 430.34 199.93)' fill='%2396A7B7'/%3E%3Crect x='181.319' y='386.122' width='4.15185' height='625.269' transform='rotate(143.215 181.319 386.122)' fill='%2396A7B7'/%3E%3Crect x='492.188' y='153.686' width='3.32148' height='625.269' transform='rotate(143.215 492.188 153.686)' fill='%2396A7B7'/%3E%3Crect x='243.167' y='339.879' width='3.32148' height='625.269' transform='rotate(143.215 243.167 339.879)' fill='%2396A7B7'/%3E%3Crect x='367.827' y='246.671' width='3.32148' height='625.269' transform='rotate(143.215 367.827 246.671)' fill='%2396A7B7'/%3E%3Crect x='118.807' y='432.863' width='3.32148' height='625.269' transform='rotate(143.215 118.807 432.863)' fill='%2396A7B7'/%3E%3Crect x='547.385' y='112.415' width='3.32148' height='625.269' transform='rotate(143.215 547.385 112.415)' fill='%2396A7B7'/%3E%3Crect x='298.365' y='298.607' width='3.32148' height='625.269' transform='rotate(143.215 298.365 298.607)' fill='%2396A7B7'/%3E%3Crect x='423.024' y='205.399' width='3.32148' height='625.269' transform='rotate(143.215 423.024 205.399)' fill='%2396A7B7'/%3E%3Crect x='174.004' y='391.592' width='3.32148' height='625.269' transform='rotate(143.215 174.004 391.592)' fill='%2396A7B7'/%3E%3Crect x='485.537' y='158.659' width='4.15185' height='625.269' transform='rotate(143.215 485.537 158.659)' fill='%2396A7B7'/%3E%3Crect x='236.517' y='344.851' width='4.15185' height='625.269' transform='rotate(143.215 236.517 344.851)' fill='%2396A7B7'/%3E%3Crect x='361.177' y='251.643' width='4.15185' height='625.269' transform='rotate(143.215 361.177 251.643)' fill='%2396A7B7'/%3E%3Crect x='112.156' y='437.835' width='4.15185' height='625.269' transform='rotate(143.215 112.156 437.835)' fill='%2396A7B7'/%3E%3Crect x='540.735' y='117.388' width='3.32148' height='625.269' transform='rotate(143.215 540.735 117.388)' fill='%2396A7B7'/%3E%3Crect x='291.714' y='303.58' width='3.32148' height='625.269' transform='rotate(143.215 291.714 303.58)' fill='%2396A7B7'/%3E%3Crect x='416.375' y='210.372' width='4.15185' height='625.269' transform='rotate(143.215 416.375 210.372)' fill='%2396A7B7'/%3E%3Crect x='167.354' y='396.564' width='4.15185' height='625.269' transform='rotate(143.215 167.354 396.564)' fill='%2396A7B7'/%3E%3Crect x='478.222' y='164.128' width='3.32148' height='625.269' transform='rotate(143.215 478.222 164.128)' fill='%2396A7B7'/%3E%3Crect x='229.202' y='350.321' width='3.32148' height='625.269' transform='rotate(143.215 229.202 350.321)' fill='%2396A7B7'/%3E%3Crect x='353.861' y='257.113' width='3.32148' height='625.269' transform='rotate(143.215 353.861 257.113)' fill='%2396A7B7'/%3E%3Crect x='104.841' y='443.305' width='3.32148' height='625.269' transform='rotate(143.215 104.841 443.305)' fill='%2396A7B7'/%3E%3Crect x='534.084' y='122.36' width='4.15185' height='625.269' transform='rotate(143.215 534.084 122.36)' fill='%2396A7B7'/%3E%3Crect x='285.064' y='308.552' width='4.15185' height='625.269' transform='rotate(143.215 285.064 308.552)' fill='%2396A7B7'/%3E%3Crect x='409.059' y='215.842' width='3.32148' height='625.269' transform='rotate(143.215 409.059 215.842)' fill='%2396A7B7'/%3E%3Crect x='160.039' y='402.034' width='3.32148' height='625.269' transform='rotate(143.215 160.039 402.034)' fill='%2396A7B7'/%3E%3Crect x='471.572' y='169.101' width='3.32148' height='625.269' transform='rotate(143.215 471.572 169.101)' fill='%2396A7B7'/%3E%3Crect x='222.551' y='355.293' width='3.32148' height='625.269' transform='rotate(143.215 222.551 355.293)' fill='%2396A7B7'/%3E%3Crect x='347.211' y='262.085' width='3.32148' height='625.269' transform='rotate(143.215 347.211 262.085)' fill='%2396A7B7'/%3E%3Crect x='98.1909' y='448.278' width='3.32148' height='625.269' transform='rotate(143.215 98.1909 448.278)' fill='%2396A7B7'/%3E%3Crect x='526.769' y='127.83' width='3.32148' height='625.269' transform='rotate(143.215 526.769 127.83)' fill='%2396A7B7'/%3E%3Crect x='277.749' y='314.022' width='3.32148' height='625.269' transform='rotate(143.215 277.749 314.022)' fill='%2396A7B7'/%3E%3Crect x='402.409' y='220.814' width='3.32148' height='625.269' transform='rotate(143.215 402.409 220.814)' fill='%2396A7B7'/%3E%3Crect x='153.388' y='407.006' width='3.32148' height='625.269' transform='rotate(143.215 153.388 407.006)' fill='%2396A7B7'/%3E%3Crect x='464.921' y='174.073' width='4.15185' height='625.269' transform='rotate(143.215 464.921 174.073)' fill='%2396A7B7'/%3E%3Crect x='215.901' y='360.266' width='4.15185' height='625.269' transform='rotate(143.215 215.901 360.266)' fill='%2396A7B7'/%3E%3Crect x='340.561' y='267.058' width='4.15185' height='625.269' transform='rotate(143.215 340.561 267.058)' fill='%2396A7B7'/%3E%3Crect x='91.5405' y='453.25' width='4.15185' height='625.269' transform='rotate(143.215 91.5405 453.25)' fill='%2396A7B7'/%3E%3Crect x='520.119' y='132.802' width='4.15185' height='625.269' transform='rotate(143.215 520.119 132.802)' fill='%2396A7B7'/%3E%3Crect x='271.099' y='318.994' width='4.15185' height='625.269' transform='rotate(143.215 271.099 318.994)' fill='%2396A7B7'/%3E%3Crect x='395.758' y='225.786' width='4.15185' height='625.269' transform='rotate(143.215 395.758 225.786)' fill='%2396A7B7'/%3E%3Crect x='146.738' y='411.979' width='4.15185' height='625.269' transform='rotate(143.215 146.738 411.979)' fill='%2396A7B7'/%3E%3Crect x='457.606' y='179.543' width='3.32148' height='625.269' transform='rotate(143.215 457.606 179.543)' fill='%2396A7B7'/%3E%3Crect x='208.586' y='365.735' width='3.32148' height='625.269' transform='rotate(143.215 208.586 365.735)' fill='%2396A7B7'/%3E%3Crect x='333.245' y='272.527' width='3.32148' height='625.269' transform='rotate(143.215 333.245 272.527)' fill='%2396A7B7'/%3E%3Crect x='84.2251' y='458.72' width='3.32148' height='625.269' transform='rotate(143.215 84.2251 458.72)' fill='%2396A7B7'/%3E%3Crect x='512.803' y='138.272' width='3.32148' height='625.269' transform='rotate(143.215 512.803 138.272)' fill='%2396A7B7'/%3E%3Crect x='263.783' y='324.464' width='3.32148' height='625.269' transform='rotate(143.215 263.783 324.464)' fill='%2396A7B7'/%3E%3Crect x='388.443' y='231.256' width='3.32148' height='625.269' transform='rotate(143.215 388.443 231.256)' fill='%2396A7B7'/%3E%3Crect x='139.422' y='417.448' width='3.32148' height='625.269' transform='rotate(143.215 139.422 417.448)' fill='%2396A7B7'/%3E%3Crect x='450.956' y='184.515' width='4.15185' height='625.269' transform='rotate(143.215 450.956 184.515)' fill='%2396A7B7'/%3E%3Crect x='201.936' y='370.708' width='4.15185' height='625.269' transform='rotate(143.215 201.936 370.708)' fill='%2396A7B7'/%3E%3Crect x='326.595' y='277.5' width='4.15185' height='625.269' transform='rotate(143.215 326.595 277.5)' fill='%2396A7B7'/%3E%3Crect x='77.5747' y='463.692' width='4.15185' height='625.269' transform='rotate(143.215 77.5747 463.692)' fill='%2396A7B7'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  z-index: 0;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.product-color-input[data-color="#ffffff"] .circle-input {
  box-shadow: inset 0 0 0 1px var(--dark-secondary-color);
}
.product-color-input[data-color="#ffffff"] .circle-input:focus {
  box-shadow: inset 0 0 0 1px var(--color-dark-fg);
}

.sticky {
  position: sticky;
  top: 32px;
}

@media (max-width: 1659.98px) {
  /*.product-inside .product-preview {
    height: auto;
  }*/
  .product-ordering .product-ordering-body .product-additional-params .product-additional-params-body .form-control {
    min-height: 116px !important;
  }
}
@media (max-width: 1659.98px) and (min-width: 1400px) {
  .product-color-input {
    height: 80px;
    font-size: 16px;
    line-height: 26px;
    padding-right: 24px;
  }
  .product-color-input .product-color-input-body {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
  .product-ordering .product-ordering-footer {
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
  }
}
@media (max-width: 1399.98px) and (min-width: 992px) {
  .product-inside .product-left-block {
    flex-direction: row;
  }
  .product-inside .product-left-block > * {
    width: calc(50% - var(--bs-gutter-x) / 2);
  }
}
@media (max-width: 1199.98px) {
  .product-ordering .product-ordering-footer {
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
  }
}
@media (max-width: 991.98px) {
  .product-inside .product-preview {
    height: 445px;
  }
  .product-inside[data-step-number="2"] .product-left-block:not(.always-visible), .product-inside[data-step-number="2"] .product-center-block:not(.always-visible), .product-inside[data-step-number="2"] .product-prices:not(.always-visible) {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .product-inside .row {
    --bs-gutter-x: 16px;
  }
  .product-prices {
    padding: 32px 16px;
  }
  .product-color-input {
    height: 80px;
    font-size: 16px;
    line-height: 26px;
    padding-right: 24px;
  }
  .product-color-input .product-color-input-body {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
  .product-color-input.type-badge {
    height: auto;
  }
  .product-color-input.type-badge .product-color-input-body {
    gap: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .product-color-input.type-badge[data-variant=half-black]::after, .product-color-input.type-badge[data-variant=half-white]::after {
    width: 60%;
  }
  .product-constructor {
    padding: 32px 16px;
  }
  .selection-groups.inline {
    flex-direction: column;
    gap: 24px;
  }
  .selection-groups.colors {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .selection-groups.colors .color-check .form-check-label {
    display: none;
  }
  .selection-groups .form-check .form-check-label {
    flex-direction: column;
    gap: 8px;
  }
  .product-ordering {
    padding: 32px 16px;
  }
}
/*# sourceMappingURL=main.css.map */

[data-swiper-show-id]:not(.active) {
  display: none !important;
}
.city-main .cities{
  margin-bottom: 40px;
}
#controls{
  display: none;
}
.bg-video {
  width: 100%;
  height: 100%;
  position: absolute;
}
.bg-video::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-video video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.first-ribbon {
  z-index: 1;
}
.in-front-1 {
  z-index: 1;
}
/*Быстрые правки для демо с темным видео*/
header .header-menu-wrapper .header-menu,
#mobile-menu {
  --need-color: var(--text-color, black);
}
header .header-menu-wrapper .header-menu nav ul li a,
header .header-menu-wrapper .header-menu .theme-switcher-wrapper {
  color: var(--need-color);
}
header .header-menu-wrapper .header-menu .cart-link .icon,
header .header-menu-wrapper .header-menu .theme-switcher .moon-icon,
#mobile-menu .moon-icon {
  stroke: var(--need-color);
}
header .header-menu-wrapper .header-menu .theme-switcher .sun-icon,
#mobile-menu .sun-icon {
  fill: var(--need-color);
}
header:not(.case-inside) .header-menu-wrapper .header-menu {
  --need-color: var(--text-color, white);
}
header.def-black .header-menu-wrapper .header-menu {
  --need-color: var(--text-color, black);
}
.theme-dark .def-black .header-menu-wrapper .header-menu {
  --need-color: var(--text-color, white);
}

.first-screen .head {
  color: black;
}
.first-screen:not(.inside-page) .head {
  color: white;
}
.first-screen .head .title {
  color: var(--text-color, inherit);
}
.first-screen:not(.inside-page) .head .title {
  color: var(--text-color, white);
}
.first-screen .content .head .sub-bold {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.first-screen .content .head .participants-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 60px;
}
.slider-preview .slides .slide-item .img-box img {
  min-height: 120px;
}
.product-info .right-block .secondary-preview .img-box {
  background-color: var(--color-secondary-bg);
  min-height: 160px;
}

[data-panzoom-action="iterateZoom"], [data-fancybox-toggle-slideshow], [data-fancybox-toggle-fullscreen], [data-fancybox-toggle-thumbs] {
  display: none;
}

.theme-switcher-wrapper {
  position: relative;
  display: flex;
  gap: 13px;
  align-items: center;
  color: var(--gray-text-color);
  font-size: 10.8px;
  line-height: 12px;
}

.theme-switcher-wrapper>span:last-child {
  width: 42px;
}

.theme-switcher {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 19px;
}
.theme-switcher input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.switch-slider::before,
.switch-slider::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 16px;
  border: 1px solid var(--need-color);
  transition: border-color 0.5s, transform 0.5s;
}
.switch-slider::before {
  left: 0;
  border-right: none;
  border-radius: 10px 0 0 10px;
  transform: scaleX(0);
  transform-origin: center left;
}
.switch-slider::after {
  right: 0;
  border-left: none;
  border-radius: 0 10px 10px 0;
  transform-origin: center right;
}
.switch-slider svg {
  position: absolute;
  height: 24px;
  width: 24px;
  left: 0px;
  top: 50%;
  margin-top: -12px;
  transform: translateX(-5px);
  transition: transform 0.5s;
  box-shadow: inset 0 0 0 1px white;
}
.theme-switcher input:checked + .switch-slider:before {
  transform: scaleX(1);
}
.theme-switcher input:checked + .switch-slider:after {
  transform: scaleX(0);
}
/* .theme-switcher input:checked + .switch-slider {
  background-color: var(--red-color);
}
.theme-switcher input:focus + .switch-slider {
  box-shadow: 0 0 1px var(--red-color);
} */
.theme-switcher input:checked + .switch-slider svg {
  transform: translateX(13px);
}
.switch-slider svg .moon-icon,
.switch-slider svg .sun-icon {
  transition: fill .5s, stroke .5s;
}
.switch-slider svg .moon-icon,
.theme-switcher input:checked + .switch-slider svg .sun-icon {
  opacity: 0;
}
.switch-slider svg .sun-icon,
.theme-switcher input:checked + .switch-slider svg .moon-icon {
  opacity: 1;
}
.switch-slider.round {
  border-radius: 20px;
}
.switch-slider.round svg {
  border-radius: 50%;
}

.model-view-state {
  position: relative;
  display: flex;
  margin-right: auto;
}

.model-view-state .loader-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.showed-3d {
  position: relative;
  display: block;
  color: inherit;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  padding-left: 3px;
  padding-bottom: 7px;
  width: 56px;
  text-align: center;
}

.showed-3d::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='22' viewBox='0 0 56 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48.6864 1.90429C48.3242 2.06166 48 2.55092 48 2.93993C48 3.24956 48.2861 3.78041 48.5174 3.9002C48.6214 3.95396 49.4415 4.24523 50.3399 4.54747C51 4.76954 51.5 4.93993 52.4205 5.75411C53.7303 6.91267 53.6089 8.15998 52.4205 9.44269C50.1127 11.9335 44.4745 13.881 36.6996 14.8731C35.3752 15.042 34.3511 15.092 32.2124 15.092C29.8934 15.092 29.3993 15.1195 29.1843 15.2602C28.6101 15.6361 28.5555 16.5652 29.0787 17.0566C29.357 17.3181 29.3598 17.3184 32.309 17.3506C35.4668 17.3851 36.6358 17.294 39.8284 16.7642C45.363 15.8458 49.9345 14.2654 52.6429 12.3342C53.6967 11.5828 54.739 10.4065 55.1932 9.45627C55.3363 9.1568 55.588 8.56073 55.588 7.5984C55.588 6.6301 55.5 6.43994 55.35 5.75412C55.2 5.06829 55 4.34114 52.4205 2.93993C51.5 2.43994 49.2882 1.7377 49.0999 1.74954C49.0628 1.75192 48.8768 1.82154 48.6864 1.90429ZM7.58171 0.534653C4.78987 1.60841 2.92198 2.72192 1.61937 4.08901C-0.547301 6.36294 -0.539475 8.89001 1.64111 11.1372C2.66798 12.1955 3.69518 12.8888 5.56796 13.7878C8.94508 15.4089 13.9198 16.6658 19.1236 17.2127C20.0502 17.31 20.9492 17.4227 21.1216 17.463L21.4349 17.5364L20.2846 18.8094C19.022 20.2064 18.9062 20.373 18.9062 20.7936C18.9062 21.6596 19.8578 22.2203 20.6049 21.7944C20.9773 21.5822 25.3144 16.7217 25.3861 16.4363C25.5398 15.8243 25.3349 15.5018 23.1872 12.9742C22.0198 11.6004 20.958 10.417 20.8278 10.3444C19.9877 9.87667 18.8692 10.8335 19.2115 11.727C19.2691 11.8774 19.9088 12.6988 20.6328 13.5526C21.357 14.4063 21.9495 15.1281 21.9495 15.1564C21.9495 15.1849 21.7172 15.1819 21.4332 15.15C21.1492 15.118 20.2567 15.0184 19.4497 14.9285C11.7854 14.0757 5.616 12.0032 3.26478 9.49168C2.38898 8.55628 2.17411 7.89966 2.44213 6.97828C2.59581 6.45014 2.74624 6.23652 3.4552 5.53929C4.66456 4.34998 6.74493 3.22214 9.25908 2.39296C10.1376 2.10321 10.4297 1.79184 10.4263 1.14902C10.4226 0.473076 9.93696 -0.00836098 9.26745 0.000110046C9.09909 0.0021735 8.34056 0.242729 7.58171 0.534653Z' fill='%23DE0031'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.text-caption{
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    opacity: 1;
}