@charset "UTF-8";
@font-face {
  font-family: "Stem";
  src: url("../fonts/Stem-Light.eot");
  src: local("Stem Light"), local("Stem-Light"), url("../fonts/Stem-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem-Light.woff2") format("woff2"), url("../fonts/Stem-Light.woff") format("woff"), url("../fonts/Stem-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Stem";
  src: url("../fonts/Stem-SemiLight.eot");
  src: local("Stem Light"), local("Stem-SemiLight"), url("../fonts/Stem-SemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem-SemiLight.woff2") format("woff2"), url("../fonts/Stem-SemiLight.woff") format("woff"), url("../fonts/Stem-SemiLight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Stem";
  src: url("../fonts/Stem-Medium.eot");
  src: local("Stem Medium"), local("Stem-Medium"), url("../fonts/Stem-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem-Medium.woff2") format("woff2"), url("../fonts/Stem-Medium.woff") format("woff"), url("../fonts/Stem-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Stem";
  src: url("../fonts/Stem-Bold.eot");
  src: local("Stem Bold"), local("Stem-Bold"), url("../fonts/Stem-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem-Bold.woff2") format("woff2"), url("../fonts/Stem-Bold.woff") format("woff"), url("../fonts/Stem-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Stem";
  src: url("../fonts/Stem-Regular.eot");
  src: local("Stem Regular"), local("Stem-Regular"), url("../fonts/Stem-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Stem-Regular.woff2") format("woff2"), url("../fonts/Stem-Regular.woff") format("woff"), url("../fonts/Stem-Regular.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "GetVoIP Grotesque";
  src: url("../fonts/GetVoIPGrotesque.eot");
  src: url("../fonts/GetVoIPGrotesque.eot?#iefix") format("embedded-opentype"), url("../fonts/GetVoIPGrotesque.woff2") format("woff2"), url("../fonts/GetVoIPGrotesque.woff") format("woff"), url("../fonts/GetVoIPGrotesque.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* Указываем box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul,
ol {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

/* Наследование стилей для вложенных элементов */
a,
span {
  font-weight: inherit;
  font-size: inherit;
  font: inherit;
}

/* Сброс стилей кнопки */
button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

*, html, body {
  font-family: "Stem";
  font-weight: 500;
  font-style: normal;
  line-height: 140%;
}

a, p, span, label {
  color: #262727;
}

body {
  background: #EEF2F6;
  overflow-x: hidden;
}
body.lock {
  overflow: hidden !important;
}

html {
  font-size: 16px;
}

.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

main {
  flex: 1 0;
  border-radius: 0 0 68px 68px;
}

.container {
  max-width: 1360px;
  margin: 0 auto;
}
@media (max-width: 1400px) {
  .container {
    max-width: 1220px;
  }
}
@media (max-width: 1260px) {
  .container {
    max-width: 100%;
    padding: 0 40px;
  }
}
@media (max-width: 640px) {
  .container {
    max-width: 100%;
    padding: 0 20px;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.hide {
  display: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

@keyframes round {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes line {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes line-reverse {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}
.frontpage-main {
  background: url(../img/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 24px 0;
  z-index: 10;
  transition: 0.2s ease;
  border-radius: 0 0 46px 46px;
  will-change: transform;
}
@media (max-width: 959px) {
  .header {
    padding: 12px 0;
  }
}
@media (max-width: 640px) {
  .header.active .header__wrapper {
    position: relative;
  }
  .header.active .header__wrapper::after {
    opacity: 1;
    visibility: visible;
  }
}
.header.hd {
  transform: translateY(-100%);
}
.header--page {
  background: #EEF2F6;
  border-radius: 0 0 46px 46px;
}
.header--page .header__nav-list > li > a {
  color: #828A96;
  transition: 0.2s ease;
}
.header--page .header__nav-list > li > a:hover {
  color: #262727;
}
.header.scrolled {
  background: #FFFFFF;
  border-radius: 0 0 46px 46px;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.15);
}
.header.scrolled .header__nav-list > li > a {
  color: #828A96;
  transition: 0.2s ease;
}
.header.scrolled .header__nav-list > li > a:hover {
  color: #262727;
}
.header.scrolled .header__cart {
  background: #EEF2F6;
}
.header.scrolled .header__cart .header__cart-icon svg path {
  stroke: #262727 !important;
}
.header.scrolled .header__cart:hover, .header.scrolled .header__cart.active {
  background: #262727 !important;
}
.header.scrolled .header__cart:hover .header__cart-icon svg path, .header.scrolled .header__cart.active .header__cart-icon svg path {
  stroke: #FFFFFF !important;
}
.header.scrolled .header__cart:hover .header__cart-text, .header.scrolled .header__cart.active .header__cart-text {
  color: #FFFFFF;
}
.header.scrolled .header__cart:hover .header__cart-count, .header.scrolled .header__cart.active .header__cart-count {
  background: #FFFFFF;
  color: #262727;
}
@media (max-width: 959px) {
  .header.scrolled .header__cart:hover {
    background: #FFFFFF;
  }
  .header.scrolled .header__cart:hover .header__cart-icon svg path {
    stroke: #262727;
  }
  .header.scrolled .header__cart:hover .header__cart-text {
    color: #262727;
  }
  .header.scrolled .header__cart:hover .header__cart-count {
    background: #262727;
    color: #FFFFFF;
  }
}
.header.scrolled .header__burger {
  background: #EEF2F6;
}
.header.scrolled .header__burger:hover, .header.scrolled .header__burger.active {
  background: #262727 !important;
}
@media (max-width: 959px) {
  .header.scrolled .header__burger:hover {
    background: #FFFFFF;
  }
}
@media (max-width: 959px) {
  .header.scrolled .header__burger:hover .header__burger-toggle::before, .header.scrolled .header__burger:hover .header__burger-toggle::after {
    background: #FFFFFF;
  }
}
@media (max-width: 959px) {
  .header.scrolled.active {
    background: transparent;
  }
  .header.scrolled.active .header__cart-icon svg path {
    stroke: #FFFFFF;
  }
  .header.scrolled.active .header__cart-text {
    color: #FFFFFF;
  }
  .header.scrolled.active .header__cart-count {
    background: #FFFFFF;
    color: #262727;
  }
}
.header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__wrapper::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.18);
  z-index: 4;
  transition: 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
.header__logo {
  flex: 0 0 60px;
  width: 60px;
  position: relative;
  z-index: 5;
}
.header__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 959px) {
  .header__logo {
    flex: 0 0 40px;
    width: 40px;
  }
}
@media (max-width: 1260px) {
  .header__nav {
    display: none;
  }
}
.header__nav-list {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header__nav-list > li {
  max-width: 12.5%;
  text-align: center;
  padding: 0 5px;
}
.header__nav-list > li > a {
  font-weight: 300;
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s ease;
  position: relative;
  z-index: 3;
  display: inline-block;
}
.header__nav-list > li > a:hover {
  color: #FFFFFF;
}
.header__nav-list > li:hover .header-products {
  display: block;
  text-align: left;
}
.header__cart {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #FFFFFF;
  border-radius: 27px;
  padding: 8px 8px 8px 14px;
  cursor: pointer;
  position: relative;
  z-index: 5;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .header__cart {
    margin-left: auto;
    margin-right: 10px;
  }
}
@media (max-width: 640px) {
  .header__cart {
    padding: 6px 6px 6px 18px;
  }
}
.header__cart:hover, .header__cart.active {
  background: #262727;
}
.header__cart:hover .header__cart-icon svg path, .header__cart.active .header__cart-icon svg path {
  stroke: #FFFFFF;
}
.header__cart:hover .header__cart-text, .header__cart.active .header__cart-text {
  color: #FFFFFF;
}
.header__cart:hover .header__cart-count, .header__cart.active .header__cart-count {
  background: #FFFFFF;
  color: #262727;
}
@media (max-width: 959px) {
  .header__cart:hover {
    background: #FFFFFF;
  }
  .header__cart:hover .header__cart-icon svg path {
    stroke: #262727;
  }
  .header__cart:hover .header__cart-text {
    color: #262727;
  }
  .header__cart:hover .header__cart-count {
    background: #262727;
    color: #FFFFFF;
  }
}
@media (max-width: 959px) {
  .header__cart.active {
    background: #262727;
  }
  .header__cart.active .header__cart-icon svg path {
    stroke: #FFFFFF;
  }
  .header__cart.active .header__cart-text {
    color: #FFFFFF;
  }
  .header__cart.active .header__cart-count {
    background: #FFFFFF;
    color: #262727;
  }
}
.header__cart-icon {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
}
@media (max-width: 640px) {
  .header__cart-icon {
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
  }
}
.header__cart-icon img, .header__cart-icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__cart-icon img path, .header__cart-icon svg path {
  transition: 0.2s ease;
}
.header__cart-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  color: #262727;
  text-transform: uppercase;
  transition: 0.2s ease;
}
@media (max-width: 640px) {
  .header__cart-text {
    display: none;
  }
}
.header__cart-count {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #262727;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
}
@media (max-width: 640px) {
  .header__cart-count {
    flex: 0 0 28px;
    height: 28px;
    width: 28px;
    font-size: 16px;
  }
}
.header__burger {
  flex: 0 0 55px;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 100%;
  cursor: pointer;
  position: relative;
  z-index: 5;
  transition: 0.2s ease;
}
@media (max-width: 640px) {
  .header__burger {
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
  }
}
.header__burger.active, .header__burger:hover {
  background: #262727;
}
.header__burger.active .header__burger-toggle span, .header__burger:hover .header__burger-toggle span {
  transform: scale(0);
}
.header__burger.active .header__burger-toggle::before, .header__burger:hover .header__burger-toggle::before {
  top: 5px;
  transform: rotate(45deg);
  background: #FFFFFF;
}
@media (max-width: 640px) {
  .header__burger.active .header__burger-toggle::before, .header__burger:hover .header__burger-toggle::before {
    top: 4px;
  }
}
.header__burger.active .header__burger-toggle::after, .header__burger:hover .header__burger-toggle::after {
  bottom: 5px;
  transform: rotate(-45deg);
  background: #FFFFFF;
}
@media (max-width: 640px) {
  .header__burger.active .header__burger-toggle::after, .header__burger:hover .header__burger-toggle::after {
    bottom: 4px;
  }
}
@media (max-width: 959px) {
  .header__burger:hover {
    background: #FFFFFF;
  }
  .header__burger:hover .header__burger-toggle span {
    transform: scale(1);
  }
  .header__burger:hover .header__burger-toggle::before {
    top: 0;
    transform: rotate(0);
    background: #262727;
  }
}
@media (max-width: 959px) and (max-width: 640px) {
  .header__burger:hover .header__burger-toggle::before {
    top: 0;
  }
}
@media (max-width: 959px) {
  .header__burger:hover .header__burger-toggle::after {
    bottom: 0;
    transform: rotate(0);
    background: #262727;
  }
}
@media (max-width: 959px) and (max-width: 640px) {
  .header__burger:hover .header__burger-toggle::after {
    bottom: 0;
  }
}
@media (max-width: 959px) {
  .header__burger.active {
    background: #262727;
  }
  .header__burger.active .header__burger-toggle span {
    transform: scale(0);
  }
  .header__burger.active .header__burger-toggle::before {
    top: 5px;
    transform: rotate(45deg);
    background: #FFFFFF;
  }
}
@media (max-width: 959px) and (max-width: 640px) {
  .header__burger.active .header__burger-toggle::before {
    top: 4px;
  }
}
@media (max-width: 959px) {
  .header__burger.active .header__burger-toggle::after {
    bottom: 5px;
    transform: rotate(-45deg);
    background: #FFFFFF;
  }
}
@media (max-width: 959px) and (max-width: 640px) {
  .header__burger.active .header__burger-toggle::after {
    bottom: 4px;
  }
}
.header__burger-toggle {
  width: 22px;
  height: 12px;
  position: relative;
}
@media (max-width: 640px) {
  .header__burger-toggle {
    flex: 0 0 14px;
    height: 10px;
    width: 14px;
  }
}
.header__burger-toggle span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 2px;
  background: #262727;
  transition: 0.2s ease;
}
.header__burger-toggle::after, .header__burger-toggle::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #262727;
  transition: 0.2s ease;
}
.header__burger-toggle::before {
  top: 0;
}
.header__burger-toggle::after {
  bottom: 0;
}

.hero {
  padding: 270px 0 300px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 959px) {
  .hero {
    padding: 200px 0 300px;
  }
}
@media (max-width: 640px) {
  .hero {
    padding: 100px 0 360px;
  }
}
.hero__wrapper {
  position: relative;
  z-index: 1;
}
@media (max-width: 959px) {
  .hero__wrapper {
    position: static;
  }
}
.hero__title {
  font-family: "GetVoIP Grotesque";
  font-size: 90px;
  line-height: 100%;
  color: #FFFFFF;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1400px) {
  .hero__title {
    font-size: 70px;
  }
}
@media (max-width: 1260px) {
  .hero__title {
    font-size: 50px;
  }
}
@media (max-width: 959px) {
  .hero__title {
    font-size: 36px;
  }
}
@media (max-width: 640px) {
  .hero__title {
    font-size: 26px;
    line-height: 120%;
  }
}
.hero__title span {
  font: inherit;
  color: inherit;
}
.hero__title span:nth-child(1) {
  padding-left: 5%;
}
@media (max-width: 640px) {
  .hero__title span:nth-child(1) {
    padding-left: 3%;
  }
}
.hero__title span:nth-child(2) {
  color: #E00019;
}
.hero__title span:nth-child(3) {
  padding-left: 10%;
}
@media (max-width: 640px) {
  .hero__title span:nth-child(3) {
    padding-left: 3%;
  }
}
.hero__suptitle {
  margin-top: 16px;
  font-weight: 200;
  font-size: 24px;
  color: #FFFFFF;
  padding-left: 10%;
  position: relative;
  z-index: 2;
}
@media (max-width: 959px) {
  .hero__suptitle {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .hero__suptitle {
    padding-left: 3%;
    max-width: 220px;
  }
}
.hero__image {
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
  right: 0;
  z-index: 1;
  width: 58%;
}
@media (max-width: 1260px) {
  .hero__image {
    width: 68%;
  }
}
@media (max-width: 959px) {
  .hero__image {
    top: unset;
    transform: translateY(0);
    bottom: 3%;
    right: -7%;
    height: 80%;
    width: auto;
  }
}
@media (max-width: 640px) {
  .hero__image {
    height: auto;
    width: 100%;
    right: -30%;
  }
}
@media (max-width: 959px) {
  .hero__image-img {
    width: 100%;
    height: 100%;
  }
  .hero__image-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.hero__round {
  position: absolute;
  bottom: 25%;
  right: 15%;
  width: 170px;
  height: 170px;
  border-radius: 100%;
}
@media (max-width: 640px) {
  .hero__round {
    right: unset;
    left: -24%;
    bottom: 160px;
    width: 140px;
    height: 140px;
  }
}
.hero__round-img {
  width: 100%;
  height: 100%;
  animation: round 20s linear infinite;
}
.hero__round-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hero__round-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
}
.hero__round-percent img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hero__round-shadow {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(20%, 20%);
}
.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.hero__text {
  position: absolute;
  top: 50%;
  right: -7%;
  transform: translateY(-50%) rotate(90deg);
  font-family: "GetVoIP Grotesque";
  color: rgba(255, 255, 255, 0.27);
  font-size: 14px;
  letter-spacing: 2px;
  transition: 0.2s ease;
  z-index: 5;
}
.hero__text:hover {
  color: #FFFFFF;
}
@media (max-width: 1400px) {
  .hero__text {
    right: -13%;
  }
}
@media (max-width: 1260px) {
  .hero__text {
    right: -14%;
  }
}
@media (max-width: 959px) {
  .hero__text {
    display: none;
  }
}
.hero__line-1 {
  position: absolute;
  bottom: -5%;
  left: 0;
  transform: rotate(-1deg);
  z-index: 3;
}
.hero__line-2 {
  position: absolute;
  bottom: -6%;
  left: 0;
  z-index: 3;
}
.hero__lines {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.hero__lines img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  width: 110%;
  overflow: hidden;
  z-index: 3;
}
.hero-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 21.3%, rgba(105, 0, 0, 0.8) 66.72%);
}
@media (max-width: 959px) {
  .hero-line::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 21.3%, rgba(105, 0, 0, 0.8) 100%);
  }
}
.hero-line__wrapper {
  min-width: 100%;
  width: fit-content;
  padding: 24px 0;
  display: flex;
  align-items: center;
  gap: 32px;
  animation: line 70s infinite linear;
}
@media (max-width: 1260px) {
  .hero-line__wrapper {
    gap: 20px;
    padding: 14px 0;
  }
}
.hero-line__item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 440px;
}
@media (max-width: 1260px) {
  .hero-line__item {
    max-width: 360px;
  }
}
@media (max-width: 959px) {
  .hero-line__item {
    max-width: 260px;
  }
}
@media (max-width: 640px) {
  .hero-line__item {
    max-width: 240px;
  }
}
.hero-line__item-img {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}
.hero-line__item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 959px) {
  .hero-line__item-img {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
  }
}
.hero-line__item-text {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 400;
  line-height: 100%;
  line-height: 100%;
  color: #FFFFFF;
}
@media (max-width: 1260px) {
  .hero-line__item-text {
    font-size: 19px;
  }
}
@media (max-width: 959px) {
  .hero-line__item-text {
    font-family: "GetVoIP Grotesque";
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
  }
}
@media (max-width: 959px) and (max-width: 1260px) {
  .hero-line__item-text {
    font-size: 12px;
  }
}
.hero-line--1 {
  background: #E00019;
  bottom: 70px;
  transform: translateX(-50%) rotate(9deg);
}
@media (max-width: 959px) {
  .hero-line--1 {
    transform: translateX(-50%) rotate(6deg);
  }
}
.hero-line--2 {
  background: #FFFFFF;
  transform: translateX(-50%) rotate(3deg);
}
.hero-line--2 .hero-line__item-text {
  color: #262727;
}
.hero-line--2 .hero-line__wrapper {
  animation: line-reverse 70s infinite linear;
}
.hero-line--2::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 21.3%, rgba(255, 255, 255, 0.8) 66.72%);
}
@media (max-width: 959px) {
  .hero-line--2::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 21.3%, rgba(255, 255, 255, 0.8) 100%);
  }
}

.categories {
  padding: 60px 0;
}
.categories__wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1260px) {
  .categories__wrapper {
    align-items: flex-start;
  }
}
@media (max-width: 959px) {
  .categories__wrapper {
    flex-direction: column;
  }
}
.categories__heading {
  flex: 1 0;
  margin-top: -80px;
}
@media (max-width: 1260px) {
  .categories__heading {
    margin-top: 40px;
  }
}
@media (max-width: 959px) {
  .categories__heading {
    margin-top: 0;
    order: 0;
  }
}
.categories__title {
  font-family: "GetVoIP Grotesque";
  font-size: 44px;
  line-height: 100%;
  font-weight: 700;
  color: #262727;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1400px) {
  .categories__title {
    font-size: 35px;
    line-height: 110%;
  }
}
@media (max-width: 1260px) {
  .categories__title {
    font-size: 25px;
    line-height: 120%;
  }
}
@media (max-width: 959px) {
  .categories__title {
    font-size: 26px;
  }
}
.categories__title span {
  font: inherit;
  color: inherit;
}
.categories__title span:nth-child(1) {
  padding-left: 80px;
  position: relative;
}
.categories__title span:nth-child(1)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  background: url(../img/icons/star.svg);
  background-size: 37px;
  background-position: center;
  background-repeat: no-repeat;
  width: 37px;
  height: 37px;
  margin-right: 12px;
}
.categories__title span:nth-child(2) {
  color: #E00019;
}
.categories__suptitle {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 12px;
}
@media (max-width: 1400px) {
  .categories__suptitle {
    font-size: 14px;
  }
}
@media (max-width: 959px) {
  .categories__suptitle {
    font-size: 12px;
  }
}
.categories__image {
  flex: 0 0 280px;
  width: 280px;
  position: relative;
  z-index: 4;
}
.categories__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1400px) {
  .categories__image {
    flex: 0 0 220px;
    width: 220px;
  }
}
@media (max-width: 1260px) {
  .categories__image {
    flex: 0 0 168px;
    width: 168px;
  }
}
@media (max-width: 959px) {
  .categories__image {
    order: 2;
    flex: 0 0 auto;
    width: 300px;
    align-self: center;
  }
}
@media (max-width: 640px) {
  .categories__image {
    width: 200px;
  }
}
@media (max-width: 450px) {
  .categories__image {
    width: 120px;
  }
}
.categories__main {
  flex: 1 0;
}
@media (max-width: 1260px) {
  .categories__main {
    margin-top: 20px;
  }
}
@media (max-width: 959px) {
  .categories__main {
    flex: 0 0 auto;
    width: 100%;
  }
}
.categories__label {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  padding: 8px 12px;
  border-radius: 20px;
  background: linear-gradient(70deg, #E2001B 0%, #C40000 100%);
}
.categories__list {
  width: 100%;
}
.categories__item {
  display: block;
  padding-bottom: 13px;
  border-bottom: 2px solid #262727;
  margin-top: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  font-family: "Stem";
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  transition: 0.2s ease;
}
@media (max-width: 640px) {
  .categories__item {
    font-size: 16px;
  }
}
.categories__item svg path {
  transition: 0.2s ease;
}
.categories__item:hover {
  color: #E00019;
}
.categories__item:hover svg path {
  fill: #E00019;
}
.categories__text {
  margin-top: 30px;
  color: #8E979F;
  font-weight: 300;
}

.cta {
  margin: -120px 0 200px;
}
@media (max-width: 1400px) {
  .cta {
    margin-top: -150px;
  }
}
@media (max-width: 1260px) {
  .cta {
    margin-top: -100px;
  }
}
@media (max-width: 959px) {
  .cta {
    margin: -100px 0 0 0;
  }
}
@media (max-width: 640px) {
  .cta {
    margin-top: -50px;
  }
}
.cta__wrapper {
  width: 100%;
  position: relative;
}
.cta__img {
  width: 100%;
}
.cta__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cta__main {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: -24%;
}
@media (max-width: 959px) {
  .cta__main {
    margin-top: -19%;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .cta__main {
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
.cta__item {
  background: #FFFFFF;
  border-radius: 14px;
  padding: 36px 72px 36px 40px;
  flex: 1 0;
  position: relative;
  margin-top: 12%;
}
@media (max-width: 959px) {
  .cta__item {
    margin-top: 8%;
    padding: 28px 60px 28px 16px;
  }
}
@media (max-width: 640px) {
  .cta__item {
    flex: 0 0 100%;
    width: 100%;
    margin-top: 0;
  }
}
.cta__item-text {
  font-family: "Stem";
  font-weight: 300;
  font-size: 20px;
  color: #8E979F;
  line-height: 120%;
}
.cta__item-text span {
  font: inherit;
  color: #262727;
  font-weight: 500;
}
@media (max-width: 959px) {
  .cta__item-text {
    font-size: 12px;
  }
}
@media (max-width: 640px) {
  .cta__item-text {
    font-size: 16px;
  }
}
.cta__item-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 50px;
  height: 50px;
}
.cta__item-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 959px) {
  .cta__item-icon {
    width: 30px;
    height: 30px;
  }
}
.cta__product {
  flex: 0 0 280px;
}
@media (max-width: 1260px) {
  .cta__product {
    flex: 0 0 200px;
  }
}
@media (max-width: 959px) {
  .cta__product {
    flex: 0 0 120px;
  }
}
@media (max-width: 640px) {
  .cta__product {
    display: none;
  }
}
.cta__socials {
  position: absolute;
  top: 22%;
  right: 22%;
  display: flex;
  align-items: center;
}
@media (max-width: 1400px) {
  .cta__socials {
    top: 15%;
    right: 15%;
  }
}
@media (max-width: 640px) {
  .cta__socials {
    position: static;
    margin-top: -8%;
  }
}
.cta__socials a {
  padding: 18px !important;
  background: #262727 !important;
  flex: 0 0 65px !important;
  height: 65px !important;
  width: 65px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 3px solid #FFFFFF;
}
@media (max-width: 959px) {
  .cta__socials a {
    flex: 0 0 40px !important;
    height: 40px !important;
    width: 40px !important;
    padding: 8px !important;
  }
}
.cta__socials a:not(:first-child) {
  margin-left: -16px !important;
}
@media (max-width: 959px) {
  .cta__socials a:not(:first-child) {
    margin-left: -8px !important;
  }
}
.cta__socials a:hover {
  background: #E00019 !important;
}

.featured {
  margin: 80px 0;
}
.featured__tabs {
  margin-bottom: 20px;
  padding: 20px 0;
}
.featured__tabs .swiper-wrapper {
  justify-content: center;
}
@media (max-width: 1260px) {
  .featured__tabs .swiper-wrapper {
    justify-content: flex-start;
  }
}
@media (max-width: 959px) {
  .featured__tabs {
    overflow: visible;
  }
}
.featured__wrapper {
  display: flex;
  align-items: stretch;
  padding: 40px 0;
  animation: fade 0.2s ease;
}
.featured__wrapper .swiper-wrapper {
  align-items: stretch;
}
.featured__wrapper.hide {
  display: none;
}
@media (max-width: 959px) {
  .featured__wrapper {
    overflow: visible;
  }
}
.featured__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 23px;
  line-height: 80%;
  text-transform: uppercase;
  color: #A1A6AF;
  transition: 0.2s ease;
  margin-top: 20px;
}
.featured__btn:hover {
  color: #262727;
}
.featured__btn:hover .featured__btn-icon svg path {
  fill: #262727;
}
.featured__btn-icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #FFFFFF;
  padding: 16px;
  box-shadow: 0px 8px 41px 9px rgba(186, 192, 203, 0.24);
}
.featured__btn-icon svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.featured__btn-icon svg path {
  fill: #828A96;
  transition: 0.2s ease;
}
.featured .prod:hover .prod__title:hover {
  color: #E00019;
}
@media (max-width: 640px) {
  .featured .prod__btn {
    font-size: 12px;
    padding: 10px 15px;
  }
}

.tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
}

.tab {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  text-transform: uppercase;
  color: #A1A6AF;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: auto;
  position: relative;
  transition: 0.2s ease;
}
@media (max-width: 959px) {
  .tab {
    font-size: 24px;
  }
}
.tab span {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, -50%);
  font-family: "Stem";
  font-size: 26px;
  color: #63C175;
  font-weight: 700;
}
@media (max-width: 959px) {
  .tab span {
    font-size: 16px;
  }
}
.tab:hover {
  color: #262727;
}
.tab.active {
  color: #262727;
}
.tab.active span {
  display: block;
}

.about {
  padding: 0 50px;
}
@media (max-width: 1260px) {
  .about {
    padding: 0 40px;
  }
}
@media (max-width: 959px) {
  .about {
    padding: 0 20px;
  }
}
.about__wrapper {
  display: flex;
  align-items: stretch;
  gap: 12px;
}
@media (max-width: 1400px) {
  .about__wrapper {
    flex-direction: column;
  }
}
.about__info {
  border-radius: 35px;
  overflow: hidden;
  background: url(../img/about-info-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 60px;
  flex: 1 0;
}
@media (max-width: 1400px) {
  .about__info {
    position: relative;
  }
}
@media (max-width: 959px) {
  .about__info {
    padding: 40px;
    overflow: visible;
  }
}
@media (max-width: 640px) {
  .about__info {
    padding: 20px;
  }
}
.about__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  max-width: 580px;
  position: relative;
}
@media (max-width: 1260px) {
  .about__title {
    font-size: 26px;
  }
}
@media (max-width: 1400px) {
  .about__title {
    font-size: 40px;
    width: fit-content;
    gap: 4px;
    position: static;
  }
}
@media (max-width: 959px) {
  .about__title {
    font-size: 26px;
  }
}
@media (max-width: 640px) {
  .about__title {
    font-size: 20px;
  }
}
.about__title span:nth-child(2) {
  margin-left: 35%;
}
@media (max-width: 640px) {
  .about__title span:nth-child(2) {
    margin-left: 20%;
  }
}
.about__title span:nth-child(3) {
  color: #E00019;
  display: flex;
  align-items: center;
}
.about__title span:nth-child(3) svg {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}
.about__title span:nth-child(3) svg path {
  fill: #E00019;
}
.about__title img {
  position: absolute;
  top: -15%;
  right: -20%;
  animation: round 20s linear infinite;
}
@media (max-width: 1650px) {
  .about__title img {
    top: 50%;
    right: -12%;
  }
}
@media (max-width: 1400px) {
  .about__title img {
    top: 10%;
    right: 5%;
  }
}
@media (max-width: 640px) {
  .about__title img {
    top: 28%;
    width: 60px;
    height: 60px;
  }
  .about__title img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
.about__label {
  background: linear-gradient(70deg, #E2001B 0%, #C40000 100%);
  border-radius: 20px;
  padding: 4px 10px 4px 6px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: "Stem";
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #FFFFFF;
  margin-top: 10px;
  position: relative;
  z-index: 4;
}
@media (max-width: 640px) {
  .about__label {
    font-size: 10px;
  }
}
.about__text {
  margin-top: 50px;
  display: flex;
  gap: 56px;
}
@media (max-width: 959px) {
  .about__text {
    gap: 32px;
    margin-top: 20px;
  }
}
@media (max-width: 640px) {
  .about__text {
    flex-direction: column;
    gap: 20px;
  }
}
.about__text p {
  font-family: "Stem";
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
}
@media (max-width: 640px) {
  .about__text p {
    font-size: 16px;
  }
}
@media (max-width: 1400px) {
  .about__text p {
    font-family: "Stem";
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
  }
}
@media (max-width: 1400px) and (max-width: 640px) {
  .about__text p {
    font-size: 10px;
  }
}
.about__lider {
  flex: 1 0;
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  padding: 60px;
  background: url(../img/about-lider-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 959px) {
  .about__lider {
    padding: 40px;
  }
}
@media (max-width: 640px) {
  .about__lider {
    padding: 20px;
  }
}
.about__lider-title {
  max-width: 630px;
  position: relative;
  z-index: 4;
}
.about__lider-title img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 959px) {
  .about__lider-title {
    max-width: 90%;
  }
}
@media (max-width: 640px) {
  .about__lider-title {
    max-width: 100%;
  }
}
.about__lider-logo {
  position: absolute;
  top: 38px;
  right: 44px;
  z-index: 4;
}
@media (max-width: 959px) {
  .about__lider-logo {
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
  }
  .about__lider-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
@media (max-width: 640px) {
  .about__lider-logo {
    width: 40px;
    height: 40px;
    top: unset;
    bottom: 20px;
  }
}
.about__lider-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.about__lider-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(410deg, rgb(0, 0, 0) 1.05%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
.about__clients {
  position: relative;
  z-index: 3;
  margin-top: auto;
}
@media (max-width: 1400px) {
  .about__clients {
    margin-top: 40px;
  }
}
.about__clients-text {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
  max-width: 280px;
}
.about__clients-text span {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 20px;
  color: #FFFFFF;
}
@media (max-width: 959px) {
  .about__clients-text span {
    font-size: 14px;
  }
}
@media (max-width: 959px) {
  .about__clients-text {
    font-size: 14px;
  }
}
@media (max-width: 959px) {
  .about__clients-img {
    max-width: 120px;
  }
}

.line {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: linear-gradient(70deg, #E2001B 0%, #C40000 100%);
  margin: 24px 0;
}
.line__wrapper {
  min-width: 100%;
  width: fit-content;
  padding: 24px 0;
  display: flex;
  align-items: center;
  gap: 32px;
  animation: line 30s infinite linear;
}
@media (max-width: 640px) {
  .line__wrapper {
    gap: 20px;
  }
}
.line__item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  white-space: nowrap;
}
.line__item svg {
  width: 60px;
  flex: 0 0 60px;
  height: 60px;
}
@media (max-width: 1260px) {
  .line__item {
    font-size: 26px;
  }
}
@media (max-width: 640px) {
  .line__item {
    font-size: 16px;
    gap: 8px;
  }
  .line__item svg {
    width: 40px;
    flex: 0 0 40px;
    height: 40px;
  }
}

.features {
  margin: 24px 0;
  padding: 0 50px;
}
@media (max-width: 959px) {
  .features {
    padding: 0 40px;
  }
}
@media (max-width: 640px) {
  .features {
    padding: 0 20px;
  }
}
.features__wrapper {
  border-radius: 35px;
  overflow: hidden;
  padding: 60px 60px 130px 60px;
  background: url(../img/features-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: flex-start;
  gap: 35px;
  position: relative;
}
@media (max-width: 959px) {
  .features__wrapper {
    flex-direction: column;
    padding: 0;
    width: 100%;
    gap: 0;
  }
}
.features__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}
@media (max-width: 1260px) {
  .features__title {
    font-size: 26px;
  }
}
@media (max-width: 959px) {
  .features__title {
    padding: 60px 40px 0;
    font-size: 40px;
    width: 100%;
  }
}
@media (max-width: 640px) {
  .features__title {
    padding: 40px 20px 0;
    font-size: 30px;
    width: 100%;
  }
}
.features__title span {
  font: inherit;
  color: inherit;
}
.features__title span:nth-child(1) {
  color: #E00019;
}
.features__title span:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #E00019;
}
.features__title span:nth-child(2) svg {
  flex: 0 0 20px;
  height: 20px;
  width: 20px;
}
.features__title span:nth-child(2) svg path {
  fill: #E00019;
}
.features__title span:nth-child(4) {
  padding-left: 43px;
}
.features__line {
  display: none;
}
@media (max-width: 959px) {
  .features__line {
    display: block;
    width: 100%;
  }
  .features__line img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.features__list {
  flex: 1 0;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1400px) {
  .features__list {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
    margin: -20px;
  }
}
@media (max-width: 959px) {
  .features__list {
    padding: 0 40px 60px 40px;
  }
}
@media (max-width: 640px) {
  .features__list {
    padding: 0 20px 60px 20px;
  }
}
.features__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0;
}
@media (max-width: 1400px) {
  .features__item {
    flex: 0 0 calc(50% - 40px);
    margin: 20px;
  }
}
@media (max-width: 640px) {
  .features__item {
    flex: 0 0 calc(100% - 40px);
    margin: 20px;
  }
}
.features__item-icon {
  width: 20px;
  height: 20px;
  margin-bottom: 20px;
}
.features__item-icon svg {
  width: 100%;
  height: 100%;
}
.features__item-icon svg path {
  fill: #FFFFFF;
}
.features__item-title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  margin-bottom: 8px;
}
@media (max-width: 1260px) {
  .features__item-title {
    font-size: 12px;
  }
}
@media (max-width: 640px) {
  .features__item-title {
    font-family: "GetVoIP Grotesque";
    text-transform: uppercase;
    font-size: 21px;
    font-weight: 400;
    line-height: 100%;
  }
}
@media (max-width: 640px) and (max-width: 1260px) {
  .features__item-title {
    font-size: 18px;
  }
}
.features__item-text {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  line-height: 140%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .features__item-text {
    font-size: 10px;
  }
}
@media (max-width: 640px) {
  .features__item-text {
    font-family: "Stem";
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .features__item-text {
    font-size: 14px;
  }
}
.features__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.features__mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 959px) {
  .features__mask {
    display: none;
  }
}

.props {
  padding: 130px 0;
}
@media (max-width: 640px) {
  .props {
    padding: 80px 0;
  }
}
.props__wrapper {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1260px) {
  .props__wrapper {
    padding: 0 40px;
  }
}
@media (max-width: 640px) {
  .props__wrapper {
    padding: 0 20px;
  }
}
.props__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
}
@media (max-width: 959px) {
  .props__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.props__top-img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-14%, -27%);
  z-index: 1;
}
.props__heading {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}
@media (max-width: 959px) {
  .props__heading {
    width: 100%;
  }
}
.props__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 44px;
  font-weight: 400;
  line-height: 100%;
  color: #262727;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1260px) {
  .props__title {
    font-size: 30px;
  }
}
@media (max-width: 640px) {
  .props__title {
    font-size: 26px;
  }
}
.props__title span {
  font: inherit;
  color: inherit;
}
.props__title span:nth-child(1) {
  padding-left: 3%;
}
.props__title span:nth-child(2) {
  padding-left: 10%;
  color: #E00019;
}
.props__suptitle {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 700;
  margin-top: 16px;
  text-transform: uppercase;
}
@media (max-width: 1260px) {
  .props__suptitle {
    font-size: 14px;
  }
}
.props__desc {
  flex: 1 0;
  max-width: 460px;
  font-family: "Stem";
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 640px) {
  .props__desc {
    font-size: 16px;
  }
}
@media (max-width: 1260px) {
  .props__desc {
    font-size: 16px;
  }
}
@media (max-width: 959px) {
  .props__desc {
    width: 100%;
    max-width: 100%;
  }
}
.props__info {
  margin-top: 32px;
  max-width: 450px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  z-index: 2;
  padding: 20px 30px;
}
.props__info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.48);
}
@supports (backdrop-filter: blur(3px)) {
  .props__info::before {
    backdrop-filter: blur(3px);
  }
}
@supports not (backdrop-filter: blur(3px)) {
  .props__info::before {
    background: rgba(90, 82, 83, 0.98);
  }
}
@media (max-width: 959px) {
  .props__info {
    max-width: 100%;
  }
}
.props__info-text {
  position: relative;
  z-index: 2;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #8E979F;
}
@media (max-width: 640px) {
  .props__info-text {
    font-size: 12px;
  }
}
@media (max-width: 1260px) {
  .props__info-text {
    font-size: 14px;
  }
}
.props__info-icon {
  position: absolute;
  top: 12px;
  right: 12px;
}
.props__main {
  position: relative;
  width: 100%;
  margin-top: -120px;
  height: 538px;
}
@media (max-width: 959px) {
  .props__main {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
.props__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 959px) {
  .props__img {
    width: 28%;
    top: 0;
    right: 0;
    left: unset;
    transform: translate(0, 0);
  }
}

.props-item {
  padding: 24px 44px 24px 24px;
  border-radius: 15px;
  position: absolute;
  z-index: 2;
}
@media (max-width: 959px) {
  .props-item {
    padding: 10px 40px 10px 16px;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    max-width: 69% !important;
    width: fit-content;
  }
}
.props-item span {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  color: inherit;
}
@media (max-width: 640px) {
  .props-item span {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .props-item span {
    font-size: 14px;
  }
}
.props-item:nth-child(1) {
  background: #E00019;
  max-width: 290px;
  color: #FFFFFF;
  top: 27%;
  left: 10%;
}
@media (max-width: 959px) {
  .props-item:nth-child(1) {
    max-width: 64% !important;
  }
}
.props-item:nth-child(2) {
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.49) 100%);
  max-width: 410px;
  top: 52%;
  left: -4%;
}
.props-item:nth-child(3) {
  background: #DBE3EB;
  max-width: 300px;
  bottom: 5%;
  left: 9%;
}
@media (max-width: 959px) {
  .props-item:nth-child(3) {
    max-width: 58% !important;
    margin-left: 20px;
  }
}
.props-item:nth-child(4) {
  background: #DBE3EB;
  max-width: 250px;
  top: 3%;
  right: 5%;
}
.props-item:nth-child(5) {
  max-width: 330px;
  top: 23%;
  right: 12%;
}
.props-item:nth-child(5)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 15px;
}
@supports (backdrop-filter: blur(3px)) {
  .props-item:nth-child(5)::before {
    backdrop-filter: blur(3px);
  }
}
@supports not (backdrop-filter: blur(3px)) {
  .props-item:nth-child(5)::before {
    background: rgba(90, 82, 83, 0.98);
  }
}
@media (max-width: 959px) {
  .props-item:nth-child(5) {
    margin-left: 20px;
    max-width: 65%;
  }
}
.props-item:nth-child(6) {
  background: #E00019;
  max-width: 330px;
  color: #FFFFFF;
  bottom: 29%;
  right: 2%;
}
.props-item:nth-child(7) {
  max-width: 390px;
  bottom: 2%;
  right: 6%;
}
.props-item:nth-child(7)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 15px;
}
@supports (backdrop-filter: blur(3px)) {
  .props-item:nth-child(7)::before {
    backdrop-filter: blur(3px);
  }
}
@supports not (backdrop-filter: blur(3px)) {
  .props-item:nth-child(7)::before {
    background: rgba(90, 82, 83, 0.98);
  }
}
.props-item__text {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  color: inherit;
  position: relative;
  z-index: 2;
}
@media (max-width: 640px) {
  .props-item__text {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .props-item__text {
    font-size: 14px;
  }
}
.props-item__icon {
  position: absolute;
  top: 10px;
  right: 10px;
}
@media (max-width: 959px) {
  .props-item__icon {
    width: 20px;
    height: 20px;
  }
}

.footer {
  background: #262727;
  padding: 54px 0 75px;
}
@media (max-width: 640px) {
  .footer {
    padding: 32px 0;
  }
}
.footer__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px;
}
@media (max-width: 1400px) {
  .footer__list {
    gap: 32px;
  }
}
.footer__item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .footer__item {
    font-size: 18px;
  }
}
.footer__item:hover {
  color: #E00019;
}
@media (max-width: 640px) {
  .footer__item {
    flex-direction: column;
    text-align: center;
    font-size: 12px;
  }
}
.footer__copyright {
  margin-top: 34px;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
}
@media (max-width: 640px) {
  .footer__copyright {
    font-size: 12px;
  }
}

.bread {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: #A1A6AF;
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .bread {
    font-size: 10px;
  }
}
@media (max-width: 640px) {
  .bread {
    gap: 4px;
  }
}
.bread a, .bread span {
  font: inherit;
  color: #A1A6AF;
}
.bread a {
  color: #A1A6AF;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: 0.2s ease;
}
.bread a svg {
  flex: 0 0 12px;
}
.bread a svg path {
  transition: 0.2s ease;
}
.bread a:hover {
  color: #8E979F;
}
.bread a:hover svg path {
  fill: #8E979F;
}
.bread span {
  color: #8E979F;
}

.product {
  background: #FFFFFF;
  padding: 160px 0 130px;
  border-radius: 0 0 50px 50px;
}
@media (max-width: 959px) {
  .product {
    padding: 100px 0 40px;
  }
}
.product__wrapper {
  display: flex;
  align-items: stretch;
}
@media (max-width: 959px) {
  .product__wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.product__main {
  flex: 0 0 380px;
  width: 380px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 50px;
  margin-top: 20px;
}
@media (max-width: 1400px) {
  .product__main {
    margin-right: 30px;
    flex: 0 0 340px;
    width: 340px;
  }
}
@media (max-width: 1260px) {
  .product__main {
    flex: 0 0 260px;
    width: 260px;
    margin-top: 0;
  }
}
@media (max-width: 959px) {
  .product__main {
    flex: 0 0 48%;
    width: 48%;
    margin-right: 0;
  }
}
@media (max-width: 640px) {
  .product__main {
    flex: 0 0 100%;
    width: 100%;
    margin-right: 0;
    order: 1;
    margin-top: 40px;
  }
}
.product__label {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #FFFFFF;
  border-radius: 32px;
  padding: 4px 8px;
  background: linear-gradient(70deg, #E2001B 0%, #C40000 100%);
  display: inline-block;
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .product__label {
    font-size: 12px;
  }
}
.product__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  font-size: 36px;
}
@media (max-width: 1260px) {
  .product__title {
    font-size: 26px;
  }
}
.product__params {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product__param {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.product__param-label {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  color: #828A96;
}
@media (max-width: 640px) {
  .product__param-label {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .product__param-label {
    font-family: "Stem";
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 2px;
  }
}
@media (max-width: 1260px) and (max-width: 640px) {
  .product__param-label {
    font-size: 10px;
  }
}
.product__param-value {
  font-family: "Stem";
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
  color: #262727;
}
@media (max-width: 640px) {
  .product__param-value {
    font-size: 16px;
  }
}
@media (max-width: 1260px) {
  .product__param-value {
    font-family: "Stem";
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
  }
}
@media (max-width: 1260px) and (max-width: 640px) {
  .product__param-value {
    font-size: 14px;
  }
}
.product__param-value a {
  color: #E00019;
}
.product__param-value a:hover {
  text-decoration: underline;
}
.product__stock {
  margin-top: 60px;
  display: flex;
  align-items: center;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  color: #63C175;
  font-size: 12px;
  text-transform: uppercase;
  gap: 6px;
}
@media (max-width: 1260px) {
  .product__stock {
    margin-top: 20px;
  }
}
.product__mg {
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border-radius: 32px;
  background: #EEF2F6;
  padding: 6px 14px 6px 6px;
  font-family: "Stem";
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 40px;
}
@media (max-width: 1260px) {
  .product__mg {
    margin-bottom: 20px;
    font-size: 12px;
  }
}
.product__amount {
  margin-top: auto;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
.product__price {
  font-family: "Stem";
  font-weight: 700;
  color: #262727;
  font-size: 40px;
  white-space: nowrap;
}
@media (max-width: 1260px) {
  .product__price {
    font-size: 28px;
  }
}
.product__price span {
  display: block;
  font-weight: 500;
  font-size: 27px;
  line-height: 100%;
  text-decoration: line-through;
  color: #A1A6AF;
}
@media (max-width: 1260px) {
  .product__price span {
    font-size: 20px;
  }
}
.product__qty-btn {
  background: #EEF2F6 !important;
}
.product__qty-val {
  color: #262727 !important;
  max-width: 36px !important;
}
.product__btn {
  margin-top: 24px;
  padding: 24px 28px;
  border-radius: 35px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  text-align: center;
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  width: 100%;
  background: #262727;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .product__btn {
    font-size: 18px;
  }
}
.product__btn:hover {
  background: #262727;
}
.product__btn:hover {
  background: #E00019;
}
@media (max-width: 1260px) {
  .product__btn {
    padding: 14px 23px;
    border-radius: 32px;
    background: #8E979F;
    font-family: "GetVoIP Grotesque";
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #FFFFFF;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
    background: #262727;
  }
}
@media (max-width: 1260px) and (max-width: 1260px) {
  .product__btn {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .product__btn:hover {
    background: #262727;
  }
}
.product__not-in-stock .product__btn {
  cursor: not-allowed;
  background-color: #CFD8E1 !important;
}
.product__gallery {
  flex: 0 0 460px;
  width: 460px;
  position: relative;
  margin-right: 28px;
}
@media (max-width: 1400px) {
  .product__gallery {
    flex: 0 0 360px;
    width: 360px;
  }
}
@media (max-width: 1260px) {
  .product__gallery {
    flex: 0 0 260px;
    width: 260px;
    margin-right: 20px;
  }
}
@media (max-width: 959px) {
  .product__gallery {
    flex: 0 0 48%;
    width: 48%;
    margin-right: 0;
  }
}
@media (max-width: 640px) {
  .product__gallery {
    flex: 0 0 auto;
    height: 50%;
    width: 100%;
    margin-right: 0;
    order: 0;
  }
}
.product__slider {
  width: 100%;
  height: 460px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 12px;
}
@media (max-width: 1260px) {
  .product__slider {
    height: 320px;
  }
}
@media (max-width: 640px) {
  .product__slider {
    height: 50%;
  }
}
.product__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product__gallery-label {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #FFFFFF;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 10px;
  color: #63C175;
  padding: 10px;
  border-radius: 6px;
  z-index: 2;
}
.product__gallery-label--sale {
  background: rgb(252, 229, 231);
  color: #E00019;
}
.product__gallery-label--top {
  background: rgb(252, 237, 229);
  color: #e04e00;
}
.product__thumbs {
  width: 100%;
  height: 90px;
}
@media (max-width: 640px) {
  .product__thumbs {
    height: 50px;
  }
}
.product__thumb {
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}
.product__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product__thumb:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.product__thumb:hover:after {
  opacity: 0.35;
}
.product__thumb.swiper-slide-thumb-active:after {
  opacity: 0;
}
.product__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}
.product__pagination .swiper-pagination-bullet {
  width: 32px;
  flex: 0 0 32px;
  height: 5px;
  background: #EEF2F6;
  opacity: 1;
  margin: 0 !important;
  border-radius: 2px !important;
}
.product__pagination .swiper-pagination-bullet-active {
  background: #262727;
}
@media (max-width: 640px) {
  .product__pagination {
    margin-top: 15px;
    z-index: 3;
  }
}
.product__info {
  flex: 1 0;
  height: 562px;
  overflow: auto;
  position: relative;
}
@media (max-width: 1260px) {
  .product__info {
    height: 430px;
  }
}
@media (max-width: 959px) {
  .product__info {
    flex: 0 0 100%;
    height: 50px;
    margin-top: 60px;
  }
}
@media (max-width: 640px) {
  .product__info {
    height: 400px;
    order: 2;
  }
}
.product__tabs {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
}
@media (max-width: 1260px) {
  .product__tabs {
    gap: 4px;
  }
}
.product__tab {
  padding: 12px 12px;
  border-radius: 100px;
  background: transparent;
  transition: 0.2s ease;
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .product__tab {
    font-size: 14px;
  }
}
.product__tab.active, .product__tab:hover {
  background: #EEF2F6;
  color: #262727;
}
@media (max-width: 1260px) {
  .product__tab {
    font-family: "Stem";
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
  }
}
@media (max-width: 1260px) and (max-width: 640px) {
  .product__tab {
    font-size: 10px;
  }
}
@media (max-width: 959px) {
  .product__tab {
    font-family: "Stem";
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
  }
}
@media (max-width: 959px) and (max-width: 640px) {
  .product__tab {
    font-size: 12px;
  }
}
.product__content {
  animation: fade 0.2s ease;
}
.product__content.typography p, .product__content.typography span, .product__content.typography a, .product__content.typography ul, .product__content.typography li {
  word-break: break-word;
}
.product__content h3 {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  margin: 24px 0 12px;
}
@media (max-width: 1260px) {
  .product__content h3 {
    font-size: 18px;
  }
}
.product__content p {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  font-family: "Stem", sans-serif !important;
}
@media (max-width: 640px) {
  .product__content p {
    font-size: 12px;
  }
}
.product__content span {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  font-family: "Stem", sans-serif !important;
}
@media (max-width: 640px) {
  .product__content span {
    font-size: 12px;
  }
}
.product__content ul {
  padding-left: 20px;
}
.product__content ul li {
  position: relative;
  margin-bottom: 8px;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
}
@media (max-width: 640px) {
  .product__content ul li {
    font-size: 12px;
  }
}
.product__content ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #262727;
  position: absolute;
  top: 9px;
  left: -14px;
}
.product__info-mask {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
}
.product__socials {
  position: sticky;
  bottom: -1px;
  left: 0;
  z-index: 10;
  background: #FFFFFF;
}

.simplebar-scrollbar::before {
  background-color: #DBE3EB;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.socials {
  margin-top: 15px;
}

.ya-share2__list {
  display: flex !important;
  align-items: center;
}
.ya-share2__list li {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 100%;
  border: 3px solid #FFFFFF;
  background: #CFD8E1;
  opacity: initial !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 8px !important;
  transition: 0.2s ease;
}
.ya-share2__list li:not(:first-child) {
  margin: 0 0 0 -8px !important;
}
.ya-share2__list li svg {
  width: 100%;
  height: 100%;
}
.ya-share2__list li svg path {
  fill: #FFFFFF;
}
.ya-share2__list li:hover {
  background: #E00019;
}
.ya-share2__list .ya-share2__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ya-share2__list .ya-share2__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border-radius: 0 !important;
}
.ya-share2__list .ya-share2__icon {
  width: 20px !important;
  height: 20px !important;
  background-position: center;
  background-repeat: no-repeat;
}
.ya-share2__list .ya-share2__item_service_telegram .ya-share2__icon {
  background-image: url('data:image/svg+xml,<svg width="15" height="13" viewBox="0 0 15 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.88588 8.56787L5.63775 12.1975C5.99276 12.1975 6.14651 12.0389 6.33089 11.8484L7.9953 10.1942L11.4441 12.8208C12.0767 13.1874 12.5223 12.9943 12.6929 12.2157L14.9567 1.18391L14.9573 1.18326C15.158 0.210862 14.6192 -0.169386 14.0029 0.0691632L0.696378 5.36729C-0.211769 5.73388 -0.198019 6.26038 0.541999 6.49893L3.94396 7.59937L11.846 2.45725C12.2179 2.20115 12.556 2.34285 12.2779 2.59895L5.88588 8.56787Z" fill="white"></path></svg>') !important;
  background-size: 15px 13px !important;
}
.ya-share2__list .ya-share2__item_service_vkontakte .ya-share2__icon {
  background-image: url('data:image/svg+xml,<svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.9368 6.30771C14.6458 5.92271 14.729 5.75143 14.9368 5.40729C14.9405 5.40336 17.3428 1.92579 17.5904 0.746428L17.5919 0.745643C17.7149 0.315857 17.5919 0 16.9971 0H15.029C14.528 0 14.297 0.271071 14.1732 0.574357C14.1732 0.574357 13.1712 3.08707 11.7537 4.71586C11.2961 5.1865 11.0846 5.33736 10.8349 5.33736C10.7119 5.33736 10.5206 5.1865 10.5206 4.75671V0.745643C10.5206 0.230214 10.3804 0 9.9656 0H6.87099C6.55673 0 6.36997 0.240429 6.36997 0.464357C6.36997 0.953071 7.07875 1.06543 7.15225 2.44043V5.42379C7.15225 6.0775 7.03899 6.19771 6.78774 6.19771C6.11871 6.19771 4.49491 3.67479 3.53262 0.787286C3.33837 0.227071 3.14861 0.000785657 2.64384 0.000785657H0.675023C0.113254 0.000785657 0 0.271857 0 0.575143C0 1.111 0.669023 3.77536 3.11111 7.29536C4.73866 9.69807 7.03074 11 9.11582 11C10.3691 11 10.5221 10.7109 10.5221 10.2135C10.5221 7.91764 10.4089 7.70079 11.0366 7.70079C11.3276 7.70079 11.8287 7.85164 12.9987 9.01057C14.336 10.3848 14.5558 11 15.3043 11H17.2723C17.8334 11 18.1176 10.7109 17.9541 10.1404C17.5799 8.94064 15.0508 6.47271 14.9368 6.30771Z" fill="white"></path></svg>') !important;
  background-size: 18px 11px !important;
}
.ya-share2__list .ya-share2__item_service_viber .ya-share2__icon {
  background-image: url('data:image/svg+xml,<svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.3889 0H6.61111C2.94957 0 0 2.96692 0 6.65V9.5C0 12.0723 1.46752 14.4108 3.77778 15.5069V18.6931C3.77778 18.8538 3.92308 19 4.11197 19C4.18462 19 4.27179 18.9708 4.32991 18.9123L7.06154 16.15H10.3889C14.0504 16.15 17 13.1831 17 9.5V6.65C17 2.96692 14.0504 0 10.3889 0ZM12.8735 12.4669L11.9291 13.4169C10.912 14.4108 8.29658 13.2708 5.98633 10.9031C3.67607 8.53538 2.64444 5.86077 3.61795 4.86692L4.56239 3.91692C4.94017 3.56615 5.5359 3.58077 5.91368 3.94615L7.27949 5.37846C7.62821 5.75846 7.62821 6.32846 7.25043 6.70846C7.14872 6.81077 7.03248 6.86923 6.90171 6.92769C6.42222 7.07385 6.17521 7.54154 6.29145 8.02385C6.52393 9.07615 7.84615 10.3915 8.84872 10.6546C9.31368 10.7715 9.79316 10.5085 9.95299 10.0554C10.1128 9.58769 10.6359 9.32462 11.1299 9.48538C11.2752 9.52923 11.3915 9.63154 11.5077 9.71923L12.8735 11.1515C13.2222 11.5023 13.2222 12.0869 12.8735 12.4669ZM9.34274 4.51615C9.24103 4.51615 9.15385 4.51615 9.06667 4.54538C8.90684 4.57462 8.73248 4.44308 8.71795 4.25308C8.70342 4.06308 8.81966 3.91692 8.99402 3.90231C9.11026 3.87308 9.2265 3.87308 9.34274 3.87308C11.0863 3.87308 12.4812 5.30538 12.5103 7.03C12.5103 7.14692 12.5103 7.26385 12.4812 7.38077C12.4521 7.54154 12.3214 7.68769 12.1325 7.65846C11.9436 7.62923 11.8274 7.49769 11.8564 7.30769C11.8564 7.20538 11.8855 7.11769 11.8855 7.03C11.8709 5.65615 10.7376 4.51615 9.34274 4.51615ZM11.2316 7.05923C11.2026 7.22 11.0718 7.36615 10.8829 7.33692C10.7376 7.30769 10.6068 7.19077 10.6068 7.05923C10.6068 6.37231 10.0402 5.80231 9.35727 5.80231C9.19744 5.83154 9.02308 5.68538 9.00855 5.51C8.97949 5.34923 9.12479 5.17385 9.28462 5.15923H9.32821C10.4179 5.15923 11.2316 6.00692 11.2316 7.05923ZM13.6436 8.06769C13.6145 8.22846 13.4547 8.34538 13.2949 8.33077C13.135 8.31615 13.0188 8.14077 13.0333 7.98C13.0333 7.95077 13.0333 7.95077 13.0333 7.93615C13.106 7.65846 13.135 7.36615 13.135 7.05923C13.135 4.96923 11.435 3.25923 9.35727 3.25923C9.25556 3.25923 9.16838 3.25923 9.0812 3.25923C8.92137 3.28846 8.74701 3.14231 8.74701 2.96692C8.71795 2.80615 8.86325 2.63077 9.02308 2.63077C9.13932 2.63077 9.25556 2.60154 9.35727 2.60154C11.7838 2.60154 13.7744 4.58923 13.7744 7.04462C13.7598 7.38077 13.7162 7.74615 13.6436 8.06769Z" fill="white"></path></svg>') !important;
  background-size: 17px 19px !important;
}
.ya-share2__list .ya-share2__item_service_whatsapp .ya-share2__icon {
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.00041 0C7.36554 9.18928e-05 5.76157 0.445437 4.3607 1.28822C2.95983 2.13101 1.81496 3.33941 1.049 4.78369C0.283045 6.22798 -0.0750698 7.85359 0.0131023 9.48602C0.101274 11.1184 0.632404 12.696 1.54947 14.0494L0.669931 17.4426L4.2064 16.6175C5.38707 17.3604 6.72427 17.8186 8.11244 17.9562C9.50061 18.0937 10.9017 17.9066 12.2052 17.4098C13.5087 16.913 14.6789 16.12 15.6233 15.0935C16.5678 14.0669 17.2607 12.8349 17.6474 11.4946C18.034 10.1543 18.1038 8.74257 17.8513 7.3707C17.5988 5.99884 17.0308 4.70445 16.1922 3.58972C15.3536 2.47498 14.2674 1.57042 13.0193 0.947442C11.7712 0.32446 10.3954 0.000111232 9.00041 0ZM13.4261 13.9139C12.1672 14.5042 9.53894 14.1962 6.76998 11.8266C4.00103 9.45705 3.29076 6.90783 3.67938 5.57299C4.06799 4.23814 5.5948 3.99153 5.88282 4.05528C6.17084 4.11902 7.61111 6.40228 7.41486 6.66862C7.21861 6.93496 6.27061 7.883 6.27061 7.883C6.27061 7.883 6.23071 8.853 8.01071 10.3763C9.79071 11.8996 10.743 11.7103 10.743 11.7103C10.743 11.7103 11.5332 10.6267 11.766 10.3922C11.9988 10.1576 14.4773 11.2277 14.5848 11.5024C14.6923 11.7772 14.6849 13.3237 13.4261 13.9139Z" fill="white"></path></svg>') !important;
  background-size: 18px 18px !important;
}

.product-line {
  margin: 0;
  border-bottom: 2px solid #DBE3EB;
  background: transparent;
}
.product-line .line__item {
  color: #A1A6AF;
}

.related {
  margin: 52px 0 120px;
}
@media (max-width: 640px) {
  .related {
    margin: 60px 0;
  }
}
.related__wrapper {
  width: 100%;
  overflow: visible;
}
.related__wrapper .prod {
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  opacity: 0.2;
  transition: 0.2s ease;
}
.related__wrapper .prod.swiper-slide-active, .related__wrapper .prod.swiper-slide-next, .related__wrapper .prod.swiper-slide-next + .swiper-slide, .related__wrapper .prod.swiper-slide-next + .swiper-slide + .swiper-slide {
  opacity: 1;
}
.related__wrapper .prod .prod__wrapper {
  background: #FFFFFF;
}
.related__arrows {
  margin-top: 40px;
}
@media (max-width: 959px) {
  .related__arrows {
    display: none !important;
  }
}
.arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.arrow {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #FFFFFF;
  box-shadow: 0px 8px 41px rgba(186, 192, 203, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow svg path {
  fill: #828A96;
  transition: 0.2s ease;
}
.arrow:hover svg path {
  fill: #262727;
}

.qty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 1260px) {
  .qty {
    gap: 12px;
  }
}
@media (max-width: 640px) {
  .qty {
    gap: 6px;
  }
}
.qty__btn {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 100%;
  box-shadow: none;
  border: none;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 1260px) {
  .qty__btn {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 10px;
  }
}
.qty__val {
  font-family: "Stem";
  font-weight: 700;
  font-size: 24px;
  color: #262727;
  display: inline-block;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  outline: none;
  -webkit-appearance: textfield;
  border: none;
  width: 40px;
  text-align: center;
  cursor: pointer;
}
.qty__val::placeholder {
  color: #262727;
}
@media (max-width: 640px) {
  .qty__val {
    font-size: 16px;
    width: 35px;
  }
}

.catalog {
  padding: 130px 0;
  background: #FFFFFF;
}
@media (max-width: 640px) {
  .catalog {
    padding: 80px 0;
  }
}
@media (max-width: 959px) {
  .catalog .sidebar {
    top: 320px;
  }
}
@media (max-width: 640px) {
  .catalog .sidebar {
    top: 280px;
  }
}
.catalog__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 72px;
}
@media (max-width: 1400px) {
  .catalog__wrapper {
    gap: 32px;
  }
}
.catalog__pagination {
  justify-content: center;
  margin-top: 60px;
}
.catalog__pagination .pagination__item:hover, .catalog__pagination .pagination__item.current {
  background: #EEF2F6;
}

.catalog-main {
  flex: 1 0;
  max-width: calc(100% - 340px);
  position: relative;
}
@media (max-width: 1400px) {
  .catalog-main {
    max-width: calc(100% - 300px);
  }
}
@media (max-width: 959px) {
  .catalog-main {
    max-width: 100%;
  }
}
.catalog-main__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 48px;
}
.catalog-main__controls .bread {
  margin-bottom: 0;
}
@media (max-width: 959px) {
  .catalog-main__controls .bread {
    flex: 0 0 100%;
  }
}
@media (max-width: 959px) {
  .catalog-main__controls {
    flex-wrap: wrap;
    gap: 16px;
  }
}
.catalog-main__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 40px;
}
@media (max-width: 959px) {
  .catalog-main__heading {
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
  }
}
.catalog-main__title {
  flex: 1 0;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 400;
  line-height: 100%;
  color: #262727;
}
@media (max-width: 1260px) {
  .catalog-main__title {
    font-size: 23px;
  }
}
.catalog-main__show {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .catalog-main__show {
    font-size: 12px;
  }
}
.catalog-main__show span {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #8E979F;
}
@media (max-width: 640px) {
  .catalog-main__show span {
    font-size: 12px;
  }
}
.catalog-main__list .simplebar-track.simplebar-vertical {
  right: -16px;
}
.catalog-main__list .simplebar-track.simplebar-horizontal {
  display: none;
}
.catalog-main__products {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.catalog-main__category {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -16px -8px;
}
.catalog-main__showmore {
  background: #EEF2F6;
  width: 260px;
  height: 55px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #828A96;
  transition: 0.2s ease;
  margin: 55px auto 0;
}
@media (max-width: 640px) {
  .catalog-main__showmore {
    font-size: 12px;
  }
}
.catalog-main__showmore:hover {
  color: #262727;
}
.catalog-main__preloader {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
  transition: opacity 0.3s, visibility 0s 0.3s;
}
.catalog-main__preloader:after {
  display: block;
  content: "";
  position: absolute;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: border-color 0.1s;
  transition: border-color 0.1s;
  -webkit-animation-name: preloader-animation;
  animation-name: preloader-animation;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  left: calc(50% - 50px);
  top: 100px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.catalog-main--loading .catalog-main__preloader {
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  opacity: 1;
  visibility: visible;
}

.catalog-search {
  flex: 1 0;
  height: 50px;
  position: relative;
}
@media (max-width: 959px) {
  .catalog-search {
    flex: 0 0 100%;
  }
}
.catalog-search input {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: #FFFFFF;
  padding: 0 54px 0 24px;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #262727;
  border: none;
  -webkit-appearance: none;
  -webkit-box-shadow: 0px 0px 54px 4px rgba(186, 192, 203, 0.2);
  box-shadow: 0px 0px 54px 4px rgba(186, 192, 203, 0.2);
}
@media (max-width: 640px) {
  .catalog-search input {
    font-size: 12px;
  }
}
.catalog-search input:focus {
  outline: none;
}
.catalog-search input::placeholder {
  color: #A1A6AF;
}
.catalog-search button {
  position: absolute;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 9px;
}
.catalog-search button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.catalog-search button svg, .catalog-search button img {
  width: 100%;
  height: 100%;
}
.catalog-search button svg path, .catalog-search button img path {
  fill: #CFD8E1;
  transition: 0.2s ease;
}
.catalog-search button:hover svg path {
  fill: #262727;
}
.catalog-search button:active svg path {
  fill: #E00019;
}

.catalog-sort {
  flex: 0 0 210px;
  width: 210px;
  height: 50px;
  padding: 16px;
  border-radius: 50px;
  background: #EEF2F6;
  border: none;
  cursor: pointer;
  transition: 0.2s ease;
  position: relative;
  z-index: 4;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  line-height: 100%;
  color: #8E979F;
  appearance: none;
  background-image: url(../img/icons/chevron-down.svg);
  background-size: 13px;
  background-position: 90% center;
  background-repeat: no-repeat;
}
@media (max-width: 640px) {
  .catalog-sort {
    font-size: 12px;
  }
}
.catalog-sort span {
  font-weight: 400;
  color: #8E979F;
}
.catalog-sort__list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: 10px 0;
  background-color: #8E979F;
  border-radius: 15px;
  top: 100%;
  right: 0;
  width: 100%;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform: rotateX(60deg);
  transform: rotateX(60deg);
  transition: 0.2s ease;
}
.catalog-sort__link {
  display: block;
  color: #FFFFFF;
  transition: 0.2s ease;
  padding: 6px 12px;
}
.catalog-sort__link:hover, .catalog-sort__link.asc, .catalog-sort__link.desc {
  background-color: #a7b2bb;
}
.catalog-sort:hover {
  background-color: #262727;
}
.catalog-sort:hover span {
  color: #FFFFFF;
}
.catalog-sort.active {
  outline: none;
}
.catalog-sort.active .catalog-sort__list {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition-delay: 0s, 0s, 0s;
  transition-delay: 0s, 0s, 0s;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
@media (max-width: 959px) {
  .catalog-sort {
    flex: 1 0;
    width: auto;
    align-items: center;
    display: flex;
  }
}

.catalog-filters {
  display: none;
}
@media (max-width: 959px) {
  .catalog-filters {
    display: flex;
    align-items: center;
    gap: 20px;
    font-family: "Stem";
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    color: #8E979F;
    padding: 16px;
    border-radius: 100px;
    background: #EEF2F6;
    border: none;
    flex: 1 0;
    width: auto;
    height: 50px;
    justify-content: center;
    transition: 0.2s ease;
  }
}
@media (max-width: 959px) and (max-width: 640px) {
  .catalog-filters {
    font-size: 12px;
  }
}
@media (max-width: 959px) {
  .catalog-filters svg path {
    transition: 0.2s ease;
  }
  .catalog-filters.active {
    background: #262727;
    color: #FFFFFF;
  }
  .catalog-filters.active svg path {
    fill: #FFFFFF;
  }
}

.catalog-product {
  width: 100%;
  border-radius: 16px;
  padding: 28px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .catalog-product {
    align-items: stretch;
    padding: 20px;
  }
}
@media (max-width: 959px) {
  .catalog-product {
    padding: 8px;
  }
  .catalog-product:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 640px) {
  .catalog-product {
    flex-wrap: wrap;
  }
}
.catalog-product:hover {
  background: #8E979F;
}
.catalog-product:hover .catalog-product__img {
  opacity: 0.5;
}
.catalog-product:hover .catalog-product__company {
  color: #262727;
}
.catalog-product:hover .catalog-product__code {
  color: #262727;
}
.catalog-product:hover .catalog-product__code svg path:nth-child(1) {
  fill: #262727;
}
.catalog-product:hover .catalog-product__code svg path:nth-child(2) {
  fill: #FFFFFF;
}
.catalog-product:hover .catalog-product__qty-ml, .catalog-product:hover .catalog-product__qty-ml * {
  color: #FFFFFF;
}
.catalog-product:hover .catalog-product__qty-btn {
  background: #FFFFFF;
}
.catalog-product:hover .catalog-product__qty-btn svg path {
  fill: #262727;
}
.catalog-product:hover .catalog-product__qty-btn:hover {
  background-color: #e1e1e1;
}
.catalog-product:hover .catalog-product__qty-val {
  color: #FFFFFF;
}
.catalog-product:hover .catalog-product__price {
  color: #FFFFFF;
}
.catalog-product:hover .catalog-product__price span {
  color: rgba(255, 255, 255, 0.3);
}
.catalog-product:hover .catalog-product__btn {
  background: #262727;
}
.catalog-product:hover .catalog-product__btn:hover {
  background-color: #E00019;
}
.catalog-product__img {
  flex: 0 0 160px;
  height: 160px;
  width: 160px;
  border-radius: 12px;
  overflow: hidden;
  margin-right: 30px;
  transition: 0.2s ease;
}
.catalog-product__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1260px) {
  .catalog-product__img {
    flex: 0 0 120px;
    height: 120px;
    width: 120px;
    margin-right: 12px;
  }
}
@media (max-width: 640px) {
  .catalog-product__img {
    flex: 0 0 100px;
    width: 100px;
    height: 120px;
  }
}
.catalog-product__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0;
  margin-right: 20px;
}
@media (max-width: 1260px) {
  .catalog-product__info {
    margin-right: 12px;
  }
}
@media (max-width: 640px) {
  .catalog-product__info {
    flex: 0 0 calc(100% - 100px - 12px);
    margin-right: 0;
    position: relative;
  }
}
.catalog-product__company {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #A1A6AF;
  transition: 0.2s ease;
  margin-bottom: 20px;
}
@media (max-width: 640px) {
  .catalog-product__company {
    font-size: 12px;
  }
}
@media (max-width: 1260px) {
  .catalog-product__company {
    font-family: "Stem";
    font-size: 12px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 1260px) and (max-width: 640px) {
  .catalog-product__company {
    font-size: 11px;
  }
}
.catalog-product__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: #262727;
  font-size: 20px;
  word-wrap: anywhere;
  margin-bottom: 8px;
}
@media (max-width: 1260px) {
  .catalog-product__title {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .catalog-product__title {
    font-size: 14px;
  }
}
.catalog-product__ml {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #262727;
  word-wrap: anywhere;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media (max-width: 640px) {
  .catalog-product__ml {
    font-size: 12px;
  }
}
.catalog-product__ml p {
  line-height: 1;
}
@media (max-width: 1260px) {
  .catalog-product__ml {
    margin-bottom: 10px;
  }
}
.catalog-product__code {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: #828A96;
  display: flex;
  align-items: center;
  gap: 9px;
  transition: 0.2s ease;
}
@media (max-width: 640px) {
  .catalog-product__code {
    font-size: 10px;
  }
}
@media (max-width: 1260px) {
  .catalog-product__code {
    margin-top: auto;
  }
}
@media (max-width: 640px) {
  .catalog-product__code {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.catalog-product__code svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
}
.catalog-product__code svg path {
  transition: 0.2s ease;
}
.catalog-product__code svg path:nth-child(1) {
  fill: #828A96;
}
.catalog-product__code svg path:nth-child(2) {
  fill: #FFFFFF;
}
.catalog-product__qty-wrapper {
  display: flex;
  flex: 0 0 146px;
  width: 146px;
  flex-direction: column;
  margin-right: 30px;
}
@media (max-width: 1400px) {
  .catalog-product__qty-wrapper {
    gap: 12px;
    width: auto;
  }
}
@media (max-width: 1260px) {
  .catalog-product__qty-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    margin-right: 0;
  }
}
@media (max-width: 640px) {
  .catalog-product__qty-wrapper {
    position: static;
    flex: 0 0 100px;
    width: 100px;
    margin-right: 12px;
    margin-top: 10px;
    justify-content: center;
  }
}
.catalog-product__qty-ml {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
  color: #8E979F;
}
.catalog-product__qty-ml * {
  color: #8E979F;
}
@media (max-width: 1260px) {
  .catalog-product__qty-ml {
    display: none;
  }
}
.catalog-product__qty-btn {
  background: #EEF2F6;
  transition: 0.2s ease;
}
@media (max-width: 1400px) {
  .catalog-product__qty-btn {
    flex: 0 0 32px;
    height: 32px;
    width: 32px;
    padding: 10px;
  }
}
.catalog-product__qty {
  gap: 15px;
}
@media (max-width: 640px) {
  .catalog-product__qty {
    gap: 5px;
  }
}
.catalog-product__qty-val {
  color: #262727;
  transition: 0.2s ease;
  font-size: 16px;
  max-width: 25px;
  text-align: center;
}
.catalog-product__price {
  font-family: "Stem";
  font-size: 26px;
  font-weight: 700;
  color: #262727;
  transition: 0.2s ease;
  white-space: nowrap;
  margin-right: 45px;
}
.catalog-product__price-mob {
  display: none;
}
@media (max-width: 1260px) {
  .catalog-product__price {
    align-self: center;
    font-size: 18px;
    margin-right: 12px;
  }
}
@media (max-width: 640px) {
  .catalog-product__price {
    display: none;
  }
  .catalog-product__price-mob {
    display: block;
    align-self: flex-start;
  }
}
.catalog-product__price span {
  font-weight: 500;
  font-size: 18px;
  color: #A1A6AF;
  text-decoration: line-through;
  display: block;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .catalog-product__price span {
    align-self: center;
    font-size: 14px;
  }
}
.catalog-product__btn {
  padding: 24px 28px;
  border-radius: 35px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  text-align: center;
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  padding: 0;
  height: 55px;
  flex: 0 0 156px;
  width: 156px;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 0;
}
@media (max-width: 1260px) {
  .catalog-product__btn {
    font-size: 18px;
  }
}
.catalog-product__btn:hover {
  background: #262727;
}
@media (max-width: 1260px) {
  .catalog-product__btn {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .catalog-product__btn {
    align-self: flex-end;
    padding: 14px 23px;
    border-radius: 32px;
    background: #8E979F;
    font-family: "GetVoIP Grotesque";
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #FFFFFF;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s ease;
  }
}
@media (max-width: 1260px) and (max-width: 1260px) {
  .catalog-product__btn {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .catalog-product__btn:hover {
    background: #262727;
  }
}
@media (max-width: 959px) {
  .catalog-product__btn {
    background: #262727;
  }
}
@media (max-width: 640px) {
  .catalog-product__btn {
    flex: 1 0;
    font-size: 12px;
    padding: 10px 15px;
    max-width: 300px;
    margin-left: auto;
  }
}
.catalog-product__not-in-stock .catalog-product__btn {
  cursor: not-allowed;
  background-color: #CFD8E1 !important;
}
.catalog-product__form {
  padding: 0;
  height: 55px;
  flex: 0 0 156px;
  width: 156px;
}
@media (max-width: 1260px) {
  .catalog-product__form {
    align-self: flex-end;
  }
}
@media (max-width: 640px) {
  .catalog-product__form {
    display: flex;
    flex: 1 0;
    margin-top: 10px;
    font-size: 12px;
    max-width: 300px;
    margin-left: auto;
  }
}
.catalog-product .prod__labels {
  left: 28px;
  top: 0;
}
.catalog-product .prod__label {
  border-radius: 6px;
}

@keyframes preloader-animation {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
.sidebar {
  flex: 0 0 340px;
}
@media (max-width: 1400px) {
  .sidebar {
    flex: 0 0 300px;
  }
}
@media (max-width: 959px) {
  .sidebar {
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    height: auto;
    z-index: 5;
    display: none;
  }
  .sidebar.active {
    display: block;
  }
}
.sidebar__wrapper {
  padding: 0 32px;
  border-radius: 35px;
  background: #EEF2F6;
  position: relative;
  max-height: calc(100vh - 130px);
  overflow: auto;
  width: 100%;
}
@media (max-width: 1400px) {
  .sidebar__wrapper {
    padding: 32px 20px;
  }
}
@media (max-width: 959px) {
  .sidebar__wrapper {
    max-height: 70vh;
    padding-bottom: 0;
  }
}
.sidebar__close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: none;
}
@media (max-width: 959px) {
  .sidebar__close {
    display: block;
  }
}
.sidebar__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  margin: 28px 0;
}
@media (max-width: 1260px) {
  .sidebar__title {
    font-size: 18px;
  }
}
@media (max-width: 959px) {
  .sidebar__title {
    margin: 0 0 20px;
  }
}

.sidebar-widget:not(:last-child) {
  margin-bottom: 30px;
}
.sidebar-widget__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: #A1A6AF;
  margin-bottom: 16px;
}
@media (max-width: 1260px) {
  .sidebar-widget__title {
    font-size: 15px;
  }
}
.sidebar-widget__controls {
  margin-top: 46px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.sidebar-widget__apply {
  flex: 1 0;
  border-radius: 100px;
  background: #262727;
  height: 55px;
  font-size: 16px;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
}
.sidebar-widget__apply:hover {
  background: #E00019;
}
.sidebar-widget__delete {
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background: #262727;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10%;
  padding: 10px;
  transition: 0.2s ease;
}
.sidebar-widget__delete img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sidebar-widget__delete:hover {
  background: #6b6b6b;
}
.sidebar-widget__actions {
  color: #262727;
  display: flex;
  position: sticky;
  bottom: 0;
  background: rgba(207, 216, 225, 0.9);
  padding: 5px 0;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-radius: 15px 15px 0 0;
}
.sidebar-widget__actions span {
  color: #262727;
  margin-right: 5px;
}
.sidebar-widget__items-found {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  font-size: 14px;
  padding: 10px 0;
}

.sidebar-categories {
  margin-bottom: 25px;
}
.sidebar-categories__item.active .sidebar-categories__link {
  background: #FFFFFF;
}
.sidebar-categories__item.active .sidebar-categories__submenu {
  display: block;
}
.sidebar-categories__item + .custom-check {
  margin-top: 12px;
}
.sidebar-categories__link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 27px;
  transition: 0.2s ease;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 640px) {
  .sidebar-categories__link {
    font-size: 12px;
  }
}
.sidebar-categories__link:hover {
  background: #FFFFFF;
}
.sidebar-categories__arrow {
  flex: 0 0 30px;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EEF2F6;
  border-radius: 100%;
}
.sidebar-categories__submenu {
  padding: 20px 0 20px 13px;
  border-bottom: 1px solid #DBE3EB;
  margin-bottom: 12px;
  display: none;
  animation: fade 0.2s ease;
}
.sidebar-categories__submenu-item {
  padding-left: 25px;
}
.sidebar-categories__submenu-item:not(:last-child) {
  margin-bottom: 12px;
}
.sidebar-categories__submenu-item a {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  font-weight: 500;
  color: #8E979F;
  transition: 0.2s ease;
}
@media (max-width: 640px) {
  .sidebar-categories__submenu-item a {
    font-size: 12px;
  }
}
.sidebar-categories__submenu-item a.active, .sidebar-categories__submenu-item a:hover {
  color: #E00019;
}
.sidebar-categories__sub-link {
  display: block;
  color: #8E979F;
}
.sidebar-categories__sub-link:not(:first-child) {
  margin-top: 5px;
}
.sidebar-categories__sub-link:hover {
  color: #E00019;
}

.sidebar-filter {
  margin-top: 32px;
}
.sidebar-filter.active .sidebar-filter__toggle {
  transform: rotate(0);
}
.sidebar-filter.active .sidebar-filter__list {
  display: block;
}
.sidebar-filter__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #DBE3EB;
}
.sidebar-filter__title {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #262727;
}
@media (max-width: 640px) {
  .sidebar-filter__title {
    font-size: 12px;
  }
}
.sidebar-filter__toggle {
  flex: 0 0 25px;
  height: 25px;
  width: 25px;
  border-radius: 5px;
  background: #DBE3EB;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
  transition: 0.2s ease;
  cursor: pointer;
}
.sidebar-filter__list {
  padding-top: 15px;
  display: none;
  animation: fade 0.2s ease;
}

.sidebar-price {
  padding-top: 30px;
}
.sidebar-price input[type=number] {
  -moz-appearance: textfield;
  width: 0;
}
.sidebar-price input::-webkit-outer-spin-button, .sidebar-price input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.sidebar-price__slider {
  position: relative;
}
.sidebar-price__left, .sidebar-price__right {
  position: absolute;
  top: calc(100% + 12px);
  font-family: "Stem";
  font-weight: 13px;
  font-weight: 500;
  color: #828A96;
}
.sidebar-price__left {
  left: 0;
}
.sidebar-price__right {
  right: 0;
}
.sidebar-price__inputs {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.sidebar-price__label {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 0 0 130px;
  width: 130px;
  height: 40px;
  border-radius: 60px;
  border: 1px solid #DBE3EB;
  background: #FFFFFF;
  padding: 0 12px;
}
.sidebar-price__input {
  border: none;
  flex: 1 0;
  width: auto;
  margin-left: 4px;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #262727;
}
.sidebar-price__input:focus {
  outline: none;
}
@media (max-width: 640px) {
  .sidebar-price__input {
    font-size: 12px;
  }
}
.sidebar-price__input::placeholder {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .sidebar-price__input::placeholder {
    font-size: 12px;
  }
}
.sidebar-price__text {
  width: fit-content;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .sidebar-price__text {
    font-size: 12px;
  }
}
.sidebar-price .noUi-target {
  height: 5px;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: none;
  border: none;
}
.sidebar-price .noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  top: 0;
  transform: translateY(-50%);
}
.sidebar-price .noUi-horizontal .noUi-handle::before, .sidebar-price .noUi-horizontal .noUi-handle::after {
  display: none;
}
.sidebar-price .noUi-touch-area {
  background: #FFFFFF;
  border: 6px solid #E00019;
  border-radius: 100%;
}
.sidebar-price .noUi-connect {
  background: #E00019;
}

.custom-check:not(:last-child) {
  margin-bottom: 12px;
}
.custom-check input:checked, .custom-check input:not(:checked) {
  position: absolute;
  left: -9999px;
}
.custom-check input:checked + label, .custom-check input:not(:checked) + label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  display: inline-block;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  line-height: 20px;
  color: #8E979F;
}
@media (max-width: 640px) {
  .custom-check input:checked + label, .custom-check input:not(:checked) + label {
    font-size: 12px;
  }
}
.custom-check input:checked + label:before, .custom-check input:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #828A96;
  background: transparent;
}
.custom-check input:checked + label:after, .custom-check input:not(:checked) + label:after {
  content: "";
  width: 18px;
  height: 18px;
  background: #E00019;
  background-image: url(../img/icons/checkbox.svg);
  background-size: 9px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-check input:not(:checked) + label:after {
  opacity: 0;
}
.custom-check input:checked + label:after {
  opacity: 1;
}

.custom-radio:not(:last-child) {
  margin-bottom: 12px;
}
.custom-radio input:checked, .custom-radio input:not(:checked) {
  position: absolute;
  left: -9999px;
}
.custom-radio input:checked + label, .custom-radio input:not(:checked) + label {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
  display: inline-block;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  line-height: 20px;
  color: #8E979F;
}
@media (max-width: 640px) {
  .custom-radio input:checked + label, .custom-radio input:not(:checked) + label {
    font-size: 12px;
  }
}
.custom-radio input:checked + label:before, .custom-radio input:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #828A96;
  border-radius: 100%;
  background: transparent;
}
.custom-radio input:checked + label:after, .custom-radio input:not(:checked) + label:after {
  content: "";
  width: 18px;
  height: 18px;
  background: #FFFFFF;
  border: 6px solid #E00019;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
}
.custom-radio input:not(:checked) + label:after {
  opacity: 0;
}
.custom-radio input:checked + label:after {
  opacity: 1;
}

.sidebar-featured {
  padding: 30px 20px;
  border-radius: 22px;
  background: #FFFFFF;
  margin: 60px -17px -17px -17px;
}
.sidebar-featured__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 20px;
}
@media (max-width: 1260px) {
  .sidebar-featured__title {
    font-size: 15px;
  }
}
.sidebar-featured__item {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-top: 16px;
}
.sidebar-featured__item-img {
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  border-radius: 7px;
  overflow: hidden;
}
.sidebar-featured__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sidebar-featured__item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sidebar-featured__item-title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  line-height: 100%;
  margin-bottom: 8px;
}
@media (max-width: 1260px) {
  .sidebar-featured__item-title {
    font-size: 12px;
  }
}
.sidebar-featured__item-params {
  font-family: "Stem";
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  color: #8E979F;
  margin-bottom: 4px;
}
@media (max-width: 640px) {
  .sidebar-featured__item-params {
    font-size: 11px;
  }
}
.sidebar-featured__item-price {
  margin-top: auto;
  font-family: "Stem";
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  font-weight: 700;
}
@media (max-width: 640px) {
  .sidebar-featured__item-price {
    font-size: 10px;
  }
}
@media (max-width: 959px) {
  .sidebar-featured__item-price {
    margin-top: 20px;
  }
}

.header-products {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(calc(100% - 70px));
  max-width: 1214px;
  width: 100%;
  display: none;
  animation: fade 0.2s ease;
  z-index: 2;
  padding: 60px 0;
}
.header-products__wrapper {
  background: #FFFFFF;
  border-radius: 27px;
  overflow: hidden;
  box-shadow: 39px 32px 23px 0px rgba(0, 0, 0, 0.49);
  display: flex;
  align-items: stretch;
}
.header-products__popular {
  background: #EEF2F6;
  flex: 0 0 386px;
  padding: 36px;
}
.header-products__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: #262727;
  margin-bottom: 25px;
}
@media (max-width: 1260px) {
  .header-products__title {
    font-size: 15px;
  }
}
.header-products__popular-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.header-products__product {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.header-products__product-img {
  flex: 0 0 40px;
  height: 40px;
  width: 40px;
  border-radius: 3px;
  overflow: hidden;
}
.header-products__product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-products__product-title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #262727;
  margin-top: 2px;
  margin-bottom: 2px;
}
@media (max-width: 1260px) {
  .header-products__product-title {
    font-size: 12px;
  }
}
.header-products__product-desc {
  font-family: "Stem";
  font-size: 12px;
  font-weight: 500;
  color: #A1A6AF;
}
.header-products__category {
  padding: 36px;
  flex: 1 0;
}
.header-products__category-list {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.header-products__category-item {
  flex: 0 0 calc(50% - 20px);
  margin: 10px;
}
.header-products__category-link {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: #828A96;
  transition: 0.2s ease;
}
@media (max-width: 640px) {
  .header-products__category-link {
    font-size: 10px;
  }
}
.header-products__category-link:hover {
  color: #262727;
  font-weight: 500;
}
.header-products__banners {
  flex: 0 0 300px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.header-products__banner {
  width: 100%;
  flex: 1 0;
  border-radius: 11px;
  position: relative;
  overflow: hidden;
}
.header-products__banner-img {
  width: 100%;
  height: 100%;
}
.header-products__banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header-products__banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  width: 95%;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 1260px) {
  .header-products__banner-text {
    font-size: 16px;
  }
}

.cart {
  padding: 130px 0;
}
@media (max-width: 640px) {
  .cart {
    padding: 80px 0;
  }
}
.cart__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 48px;
}
@media (max-width: 1260px) {
  .cart__title {
    font-size: 26px;
  }
}
@media (max-width: 959px) {
  .cart__title {
    margin-bottom: 32px;
  }
}
.cart__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
@media (max-width: 959px) {
  .cart__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.checkout {
  flex: 1 0;
}
.checkout__tabs {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 52px;
}
.checkout__tab {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1 0;
}
@media (max-width: 1400px) {
  .checkout__tab {
    flex: 0 0 auto;
  }
}
@media (max-width: 1260px) {
  .checkout__tab {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
@media (max-width: 959px) {
  .checkout__tab {
    flex-direction: row;
    align-items: center;
    flex: 1 0;
  }
}
@media (max-width: 640px) {
  .checkout__tab {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.checkout__tab:hover .checkout__tab-icon {
  background: #262727;
}
.checkout__tab:hover .checkout__tab-icon svg path, .checkout__tab:hover .checkout__tab-icon circle {
  stroke: #FFFFFF;
}
.checkout__tab.active .default-icon {
  display: none;
}
.checkout__tab.active .active-icon {
  display: block;
}
.checkout__tab.active .checkout__tab-icon {
  background: #262727;
}
.checkout__tab-icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #DBE3EB;
  padding: 15px;
  transition: 0.2s ease;
}
.checkout__tab-icon img, .checkout__tab-icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.checkout__tab-icon img path, .checkout__tab-icon img circle, .checkout__tab-icon svg path, .checkout__tab-icon svg circle {
  stroke: #262727;
  transition: 0.2s ease;
}
.checkout__tab-icon .active-icon {
  display: none;
}
.checkout__tab-icon .active-icon path {
  stroke: #FFFFFF;
}
.checkout__tab-step {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: #A1A6AF;
  margin-bottom: 2px;
}
@media (max-width: 640px) {
  .checkout__tab-step {
    font-size: 10px;
  }
}
.checkout__tab-title {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  color: #262727;
}
@media (max-width: 640px) {
  .checkout__tab-title {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .checkout__tab-title {
    font-size: 12px;
  }
}
.checkout__content {
  display: none;
  animation: fade 0.2s ease;
}
.checkout__content.active {
  display: block;
}

.checkout-block:not(:last-child) {
  margin-bottom: 80px;
}
@media (max-width: 959px) {
  .checkout-block:not(:last-child) {
    margin-bottom: 40px;
  }
}
.checkout-block__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid #262727;
  margin-bottom: 32px;
}
@media (max-width: 1260px) {
  .checkout-block__title {
    font-size: 20px;
  }
}
.checkout-block__pay-info {
  background: #e8baba;
  padding: 20px;
}
.checkout-block__pay-info h3 {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  padding-bottom: 10px;
}
@media (max-width: 1260px) {
  .checkout-block__pay-info h3 {
    font-size: 20px;
  }
}
.checkout-block__pay-info .alert-link {
  padding: 5px 10px;
  background: #CF2236;
  color: #eee;
  margin: 5px 0;
  display: inline-block;
}
.checkout-block__pay-info .alert-link:active {
  background: #b11e2f;
}
.checkout-block__pay-info .alert-link:hover {
  background: #b11e2f;
}
.checkout-block__pay-requisite {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 400;
  line-height: 100%;
  font-size: 21px;
  font-weight: 700;
  margin: 15px 0;
  text-transform: none;
  word-wrap: break-word;
}
@media (max-width: 1260px) {
  .checkout-block__pay-requisite {
    font-size: 19px;
  }
}
.checkout-block__content {
  width: 100%;
}

.checkout-info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: -10px -20px;
}
.checkout-info__item {
  flex: 0 0 calc(50% - 40px);
  margin: 10px 20px;
}
.checkout-info__item--wide {
  flex: 0 0 calc(100% - 40px);
}
@media (max-width: 640px) {
  .checkout-info__item {
    flex: 0 0 calc(100% - 40px);
  }
}

.checkout-delivery input:checked ~ .checkout-delivery__item-price {
  background: #8E979F;
}
.checkout-delivery__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
.checkout-delivery__item:not(:last-child) {
  margin-bottom: 36px;
}
@media (max-width: 959px) {
  .checkout-delivery__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 959px) {
  .checkout-delivery__item {
    flex-direction: column;
    gap: 12px;
  }
}
.checkout-delivery__item-label {
  max-width: 420px;
}
.checkout-delivery__item-label::before, .checkout-delivery__item-label::after {
  top: 3px !important;
}
.checkout-delivery__item-title {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 640px) {
  .checkout-delivery__item-title {
    font-size: 14px;
  }
}
.checkout-delivery__item-text {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  line-height: 140%;
  color: #8E979F;
  margin-top: 6px;
}
@media (max-width: 640px) {
  .checkout-delivery__item-text {
    font-size: 10px;
  }
}
.checkout-delivery__item-price {
  padding: 14px;
  border-radius: 32px;
  background: #CFD8E1;
  font-size: 26px;
  font-weight: 700;
  color: #FFFFFF;
  white-space: nowrap;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .checkout-delivery__item-price {
    font-size: 20px;
  }
}

.checkout-promo {
  padding-top: 24px;
  border-top: 2px solid #262727;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .checkout-promo {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-top: 32px;
  }
}
.checkout-promo__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  position: relative;
}
@media (max-width: 1260px) {
  .checkout-promo__title {
    font-size: 20px;
  }
}
.checkout-promo__title svg, .checkout-promo__title img {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 100%;
  top: 0;
  transform: translateY(-50%);
}
.checkout-promo__wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 640px) {
  .checkout-promo__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
  }
}
.checkout-promo__input {
  position: relative;
  width: 240px;
  flex: 0 0 240px;
  height: 55px;
}
@media (max-width: 1260px) {
  .checkout-promo__input {
    flex: 0 0 150px;
    width: 150px;
  }
}
@media (max-width: 959px) {
  .checkout-promo__input {
    flex: 0 0 200px;
    width: 200px;
  }
}
@media (max-width: 640px) {
  .checkout-promo__input {
    flex: 0 0 auto;
    width: 100%;
  }
}
.checkout-promo__input input {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  background: #FFFFFF;
  padding: 0 60px 0 40px;
  border: none;
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  color: #262727;
}
@media (max-width: 640px) {
  .checkout-promo__input input {
    font-size: 14px;
  }
}
.checkout-promo__input input::placeholder {
  color: #8E979F;
}
.checkout-promo__input input:focus {
  outline: 1px solid #8E979F;
}
@media (max-width: 1260px) {
  .checkout-promo__input input {
    padding-left: 12px;
    padding-right: 44px;
  }
}
.checkout-promo__input-status {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 40px;
  height: 40px;
}
.checkout-promo__input-status img, .checkout-promo__input-status svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.checkout-promo__input-status .input-error {
  display: none;
}
.checkout-promo__btn {
  padding: 14px 23px;
  border-radius: 32px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  background: #CFD8E1;
}
@media (max-width: 1260px) {
  .checkout-promo__btn {
    font-size: 14px;
  }
}
.checkout-promo__btn:hover {
  background: #262727;
}
@media (max-width: 640px) {
  .checkout-promo__btn {
    width: 100%;
    flex: 0 0 auto;
  }
}

.checkout-to-pay {
  margin-top: 60px;
  display: flex;
  align-items: stretch;
  gap: 18px;
}
@media (max-width: 640px) {
  .checkout-to-pay {
    margin-top: 20px;
    gap: 8px;
  }
}
.checkout-to-pay__back {
  padding: 14px 23px;
  border-radius: 32px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  background: #DBE3EB;
  color: #828A96;
}
@media (max-width: 1260px) {
  .checkout-to-pay__back {
    font-size: 14px;
  }
}
.checkout-to-pay__back:hover {
  background: #262727;
}
.checkout-to-pay__btn {
  position: relative;
  flex: 1 0;
}
.checkout-to-pay__btn button {
  padding: 14px 23px;
  border-radius: 32px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  width: 100%;
  background: #262727;
}
@media (max-width: 1260px) {
  .checkout-to-pay__btn button {
    font-size: 14px;
  }
}
.checkout-to-pay__btn button:hover {
  background: #262727;
}
.checkout-to-pay__btn button:hover {
  background: #E00019;
}
.checkout-to-pay__info {
  position: absolute;
  top: 140%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: #828A96;
  white-space: nowrap;
}
.checkout-to-pay__info img, .checkout-to-pay__info svg {
  flex: 0 0 16px;
  height: 16px;
  width: 16px;
  object-fit: contain;
}
@media (max-width: 640px) {
  .checkout-to-pay__info {
    font-size: 10px;
  }
}

.checkout-methods {
  max-width: 480px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: -10px;
}
.checkout-methods__item {
  flex: calc(50% - 20px);
  margin: 10px;
}
@media (max-width: 640px) {
  .checkout-methods__item {
    flex: calc(100% - 20px);
  }
}

.checkout-bank__wrapper {
  display: flex;
  align-items: center;
  gap: 90px;
}
@media (max-width: 959px) {
  .checkout-bank__wrapper {
    gap: 40px;
  }
}
@media (max-width: 640px) {
  .checkout-bank__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.checkout-bank__wrapper .custom-radio {
  height: 40px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.checkout-bank__wrapper .custom-radio label::before, .checkout-bank__wrapper .custom-radio label::after {
  top: 50% !important;
  transform: translateY(-50%);
}
.checkout-bank__info {
  margin-top: 30px;
}
.checkout-bank__info-title {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  line-height: 120%;
  color: #262727;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .checkout-bank__info-title {
    font-size: 14px;
  }
}
.checkout-bank__info-text {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  line-height: 130%;
  color: #8E979F;
}
@media (max-width: 640px) {
  .checkout-bank__info-text {
    font-size: 10px;
  }
}

.checkout-total {
  padding-bottom: 32px;
  border-bottom: 1px solid #DBE3EB;
}
.checkout-total__price {
  font-family: "Stem";
  font-size: 35px;
  font-weight: 700;
  color: #262727;
  margin-bottom: 8px;
}
.checkout-total__desc {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  line-height: 130%;
  color: #262727;
  margin-bottom: 24px;
}
@media (max-width: 640px) {
  .checkout-total__desc {
    font-size: 10px;
  }
}
.checkout-total__check label {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  font-weight: 300 !important;
}
@media (max-width: 640px) {
  .checkout-total__check label {
    font-size: 10px;
  }
}

.checkout-data {
  padding-top: 40px;
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
@media (max-width: 959px) {
  .checkout-data {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-top: 20px;
  }
}
.checkout-data__info {
  flex: 1 0;
}
@media (max-width: 959px) {
  .checkout-data__info {
    display: flex;
    align-items: center;
    gap: 20px;
  }
}
.checkout-data__item {
  position: relative;
  padding: 32px;
}
@media (max-width: 959px) {
  .checkout-data__item {
    padding: 16px;
  }
}
.checkout-data__item:not(:last-child) {
  margin-bottom: 20px;
}
.checkout-data__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  border: 1.084px solid #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.34) 100%);
  transform: rotate(-5deg);
}
@supports (backdrop-filter: blur(3px)) {
  .checkout-data__item::before {
    backdrop-filter: blur(3px);
  }
}
@supports not (backdrop-filter: blur(3px)) {
  .checkout-data__item::before {
    background: rgba(90, 82, 83, 0.98);
  }
}
.checkout-data__item-wrapper {
  position: relative;
  z-index: 2;
}
.checkout-data__item-label {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #A1A6AF;
  margin-bottom: 2px;
}
@media (max-width: 640px) {
  .checkout-data__item-label {
    font-size: 12px;
  }
}
.checkout-data__item-value {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}
@media (max-width: 1260px) {
  .checkout-data__item-value {
    font-size: 15px;
  }
}
@media (max-width: 959px) {
  .checkout-data__item-value {
    font-size: 12px;
  }
}
.checkout-data__timer {
  flex: 0 0 420px;
}
@media (max-width: 1260px) {
  .checkout-data__timer {
    flex: 1 0;
  }
}
@media (max-width: 959px) {
  .checkout-data__timer {
    width: fit-content;
    flex: 0 0 auto;
  }
}
.checkout-data__timer-title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: #A1A6AF;
  text-align: center;
  margin-bottom: 14px;
}
@media (max-width: 1260px) {
  .checkout-data__timer-title {
    font-size: 18px;
  }
}
@media (max-width: 959px) {
  .checkout-data__timer-title {
    text-align: left;
    font-family: "GetVoIP Grotesque";
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
  }
}
@media (max-width: 959px) and (max-width: 1260px) {
  .checkout-data__timer-title {
    font-size: 16px;
  }
}
.checkout-data__timer-text {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: #8E979F;
  margin-top: 55px;
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .checkout-data__timer-text {
    font-size: 10px;
  }
}
.checkout-data__id {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .checkout-data__id {
    font-size: 10px;
  }
}

.timer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-family: "Stem";
  font-size: 50px;
  font-weight: 700;
  color: #E00019;
}
@media (max-width: 1260px) {
  .timer {
    font-size: 30px;
  }
}
@media (max-width: 959px) {
  .timer {
    width: fit-content;
    flex: 0 0 auto;
  }
}
.timer__item {
  flex: 0 0 110px;
  height: 90px;
  border-radius: 16px;
  background: #FFFFFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1260px) {
  .timer__item {
    flex: 0 0 64px;
    height: 64px;
  }
}
.timer__item-val {
  font-size: inherit;
  color: #E00019;
}
.timer__item-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 6px);
  font-family: "Stem";
  font-size: 14px;
  font-weight: 500;
  color: #A1A6AF;
}

.custom-input, .custom-select, .custom-textarea {
  width: 100%;
  height: 48px;
}
.custom-input input, .custom-input select, .custom-input textarea, .custom-select input, .custom-select select, .custom-select textarea, .custom-textarea input, .custom-textarea select, .custom-textarea textarea {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid #A1A6AF;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #262727;
}
@media (max-width: 640px) {
  .custom-input input, .custom-input select, .custom-input textarea, .custom-select input, .custom-select select, .custom-select textarea, .custom-textarea input, .custom-textarea select, .custom-textarea textarea {
    font-size: 12px;
  }
}
.custom-input input::placeholder, .custom-input select::placeholder, .custom-input textarea::placeholder, .custom-select input::placeholder, .custom-select select::placeholder, .custom-select textarea::placeholder, .custom-textarea input::placeholder, .custom-textarea select::placeholder, .custom-textarea textarea::placeholder {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #8E979F;
}
@media (max-width: 640px) {
  .custom-input input::placeholder, .custom-input select::placeholder, .custom-input textarea::placeholder, .custom-select input::placeholder, .custom-select select::placeholder, .custom-select textarea::placeholder, .custom-textarea input::placeholder, .custom-textarea select::placeholder, .custom-textarea textarea::placeholder {
    font-size: 12px;
  }
}
.custom-input input:focus, .custom-input input:hover, .custom-input select:focus, .custom-input select:hover, .custom-input textarea:focus, .custom-input textarea:hover, .custom-select input:focus, .custom-select input:hover, .custom-select select:focus, .custom-select select:hover, .custom-select textarea:focus, .custom-select textarea:hover, .custom-textarea input:focus, .custom-textarea input:hover, .custom-textarea select:focus, .custom-textarea select:hover, .custom-textarea textarea:focus, .custom-textarea textarea:hover {
  outline: none;
  border-color: #262727;
  border-width: 2px;
}

.custom-textarea {
  height: 100px;
}
.custom-textarea textarea {
  resize: none;
}

.details {
  flex: 0 0 600px;
  width: 600px;
  padding: 36px;
  border-radius: 24px;
  background: #FFFFFF;
}
@media (max-width: 1400px) {
  .details {
    flex: 0 0 510px;
    width: 510px;
  }
}
@media (max-width: 1260px) {
  .details {
    flex: 0 0 350px;
    width: 350px;
  }
}
@media (max-width: 959px) {
  .details {
    flex: 0 0 auto;
    width: 100%;
    padding: 30px 20px;
  }
}
.details__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  padding-bottom: 15px;
  border-bottom: 2px solid #EEF2F6;
}
.details__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 1260px) {
  .details__title {
    font-size: 16px;
  }
}
.details__count {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .details__count {
    font-size: 14px;
  }
}
.details__orders {
  height: 344px;
  padding: 20px 0;
  border-bottom: 2px solid #EEF2F6;
}
.details__orders .simplebar-track.simplebar-vertical {
  right: -12px;
}
.details__total {
  margin-top: 24px;
}
.details__result {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}
.details__result:not(:last-child) {
  margin-bottom: 20px;
}
.details__result-name {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #828A96;
}
@media (max-width: 640px) {
  .details__result-name {
    font-size: 12px;
  }
}
.details__result-value {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #262727;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .details__result-value {
    font-size: 12px;
  }
}
.details__amount .details__result-name {
  font-family: "Stem";
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  color: #262727;
}
@media (max-width: 640px) {
  .details__amount .details__result-name {
    font-size: 16px;
  }
}
.details__amount .details__result-value {
  font-family: "Stem";
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  font-weight: 700;
  color: #262727;
}
@media (max-width: 640px) {
  .details__amount .details__result-value {
    font-size: 16px;
  }
}

.order {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
.order:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1400px) {
  .order {
    gap: 16px;
  }
}
@media (max-width: 1260px) {
  .order {
    align-items: flex-start;
  }
}
.order__img {
  flex: 0 0 90px;
  height: 90px;
  width: 90px;
  border-radius: 7px;
  overflow: hidden;
}
.order__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1400px) {
  .order__img {
    flex: 0 0 70px;
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 1260px) {
  .order__img {
    flex: 0 0 90px;
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 1260px) {
  .order__info {
    max-width: 50%;
  }
}
@media (max-width: 959px) {
  .order__info {
    padding-bottom: 60px;
  }
}
.order__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px;
  word-break: break-word;
}
@media (max-width: 1260px) {
  .order__title {
    font-size: 12px;
  }
}
.order__params {
  font-family: "Stem";
  font-weight: 500;
  font-size: 14px;
  color: #A1A6AF;
}
@media (max-width: 959px) {
  .order__params {
    font-size: 12px;
  }
}
.order__qty {
  gap: 0;
  justify-content: space-between;
  margin-left: auto;
}
@media (max-width: 1400px) {
  .order__qty {
    flex: 0 0 auto;
    width: auto;
    gap: 8px;
  }
}
@media (max-width: 1260px) {
  .order__qty {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.order__qty-btn {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background: #EEF2F6;
  padding: 14px;
}
@media (max-width: 1400px) {
  .order__qty-btn {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    padding: 10px;
  }
}
.order__qty-val {
  color: #262727;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 700;
}
.order__price {
  font-family: "Stem";
  font-size: 23px;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 1260px) {
  .order__price {
    position: absolute;
    bottom: 0;
    left: 106px;
  }
}
.order__delete {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: 0.2s ease;
}
.order__delete svg {
  width: 10px;
  height: 10px;
}
.order__delete svg path {
  stroke: #262727;
  transition: 0.2s ease;
}
.order__delete:hover {
  background: #262727;
}
.order__delete:hover svg path {
  stroke: #FFFFFF;
}
@media (max-width: 1260px) {
  .order__delete {
    position: absolute;
    top: 0;
    right: 0;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    background: #262727;
  }
  .order__delete svg {
    width: 8px;
    height: 8px;
  }
  .order__delete svg path {
    stroke: #FFFFFF;
  }
}

.reviews {
  padding: 130px 0;
}
@media (max-width: 640px) {
  .reviews {
    padding: 80px 0;
  }
}
.reviews__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 70px;
}
@media (max-width: 1400px) {
  .reviews__wrapper {
    gap: 30px;
  }
}
@media (max-width: 959px) {
  .reviews__wrapper {
    flex-direction: column;
    gap: 60px;
  }
}
@media (max-width: 640px) {
  .reviews__wrapper {
    gap: 20px;
  }
}
@media (max-width: 959px) {
  .reviews .bread {
    display: none;
  }
}
.reviews .bread--mob {
  display: none;
}
@media (max-width: 959px) {
  .reviews .bread--mob {
    display: flex;
  }
}

.reviews-banner {
  flex: 0 0 500px;
  border-radius: 35px;
  overflow: hidden;
  background: url(../img/reviews-banner-img.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 1350px;
  position: relative;
}
@media (max-width: 1400px) {
  .reviews-banner {
    height: 1200px;
  }
}
@media (max-width: 1260px) {
  .reviews-banner {
    flex: 0 0 390px;
  }
}
@media (max-width: 959px) {
  .reviews-banner {
    flex: 0 0 auto;
    height: 300px;
    width: 100%;
    background: url(../img/reviews-banner-mob.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 640px) {
  .reviews-banner {
    height: auto;
    padding: 26px 15px 100px 15px;
    justify-content: flex-start;
    background: url(../img/reviews-banner-mob-mob.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.reviews-banner__wrapper {
  position: absolute;
  top: 160px;
  right: 90px;
}
@media (max-width: 1260px) {
  .reviews-banner__wrapper {
    right: 110px;
  }
}
@media (max-width: 959px) {
  .reviews-banner__wrapper {
    position: static;
    display: flex;
    align-items: flex-end;
    gap: 40px;
    margin-top: -40px;
  }
}
@media (max-width: 640px) {
  .reviews-banner__wrapper {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 0;
    width: 100%;
    gap: 20px;
  }
}
.reviews-banner__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  position: relative;
}
@media (max-width: 1260px) {
  .reviews-banner__title {
    font-size: 26px;
  }
}
@media (max-width: 959px) {
  .reviews-banner__title {
    font-size: 30px;
  }
}
.reviews-banner__title span {
  display: block;
  color: #E00019;
  font: inherit;
  margin-left: 16px;
}
.reviews-banner__title-bg {
  position: absolute;
  top: -122px;
  left: 0;
}
.reviews-banner__title-bg--mob {
  display: none;
}
@media (max-width: 959px) {
  .reviews-banner__title-bg {
    display: none;
  }
  .reviews-banner__title-bg--mob {
    display: block;
    top: -10px;
    left: 60%;
  }
}
.reviews-banner__clients {
  position: absolute;
  top: -90px;
  right: -60px;
  width: 200px;
}
@media (max-width: 1260px) {
  .reviews-banner__clients {
    width: 160px;
    right: -70px;
    top: -80px;
  }
}
@media (max-width: 959px) {
  .reviews-banner__clients {
    position: static;
    display: flex;
    align-items: center;
    gap: 6px;
    width: 90%;
  }
}
.reviews-banner__clients-img {
  width: 100%;
  margin-bottom: 20px;
}
.reviews-banner__clients-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 640px) {
  .reviews-banner__clients-img {
    flex: 0 0 120px;
    margin-bottom: 0;
    margin-left: 20px;
  }
}
.reviews-banner__clients-text {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 640px) {
  .reviews-banner__clients-text {
    font-size: 14px;
  }
}
@media (max-width: 1260px) {
  .reviews-banner__clients-text {
    font-size: 14px;
    line-height: 120%;
  }
}
.reviews-banner__clients-text span {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
}
@media (max-width: 1260px) {
  .reviews-banner__clients-text span {
    font-size: 16px;
  }
}
@media (max-width: 1260px) {
  .reviews-banner__clients-text span {
    font-size: 14px;
    line-height: 120%;
  }
}
.reviews-banner__lines {
  position: absolute;
  bottom: 0;
  left: -60px;
  width: 1400px;
}
@media (max-width: 959px) {
  .reviews-banner__lines {
    display: none;
  }
}

.reviews-main {
  flex: 1 0;
  width: 100%;
}
.reviews-main__top {
  position: relative;
}

.reviews-info__admin {
  padding: 28px;
  border-radius: 15px;
  background: #FFFFFF;
  margin-bottom: 24px;
}
.reviews-info__admin-text {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 18px;
}
@media (max-width: 640px) {
  .reviews-info__admin-text {
    font-size: 12px;
  }
}
.reviews-info__admin-text span {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 640px) {
  .reviews-info__admin-text span {
    font-size: 12px;
  }
}
.reviews-info__admin-name {
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
}
.reviews-info__admin-name svg, .reviews-info__admin-name img {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}
.reviews-info__admin-name svg img, .reviews-info__admin-name img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 1260px) {
  .reviews-info__admin-name {
    font-size: 18px;
  }
}
.reviews-info__btn {
  padding: 14px 23px;
  border-radius: 32px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  background: #FFFFFF;
  color: #262727;
  gap: 15px;
}
@media (max-width: 1260px) {
  .reviews-info__btn {
    font-size: 14px;
  }
}
.reviews-info__btn:hover {
  background: #262727;
}
.reviews-info__btn svg {
  flex: 0 0 15px;
  width: 15px;
}
.reviews-info__btn svg path {
  transition: 0.2s ease;
}
.reviews-info__btn:hover {
  color: #FFFFFF;
}
.reviews-info__btn:hover svg path {
  fill: #FFFFFF;
}

.reviews-form {
  display: none;
  animation: fade 0.2s ease;
  background: #EEF2F6;
  position: absolute;
  top: 0;
  left: -1px;
  width: 101%;
  height: 101%;
}
.reviews-form.active {
  display: block;
}
.reviews-form__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid #262727;
}
@media (max-width: 1260px) {
  .reviews-form__title {
    font-size: 20px;
  }
}
.reviews-form__data {
  padding: 40px 0;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: -20px;
}
.reviews-form__data .custom-input {
  flex: 0 0 calc(50% - 40px);
  margin: 20px;
}
.reviews-form__btns {
  display: flex;
  align-items: stretch;
  gap: 28px;
}
.reviews-form__file {
  flex: 1 0;
  padding: 14px 23px;
  border-radius: 32px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  position: relative;
  color: #828A96;
  background: #DBE3EB;
  gap: 15px;
}
@media (max-width: 1260px) {
  .reviews-form__file {
    font-size: 14px;
  }
}
.reviews-form__file:hover {
  background: #262727;
}
@media (max-width: 1400px) {
  .reviews-form__file {
    flex: 0 0 52px;
    width: 52px;
    padding: 0;
  }
}
.reviews-form__file-text {
  font: inherit;
  color: inherit;
}
@media (max-width: 1400px) {
  .reviews-form__file-text {
    display: none;
  }
}
.reviews-form__file-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
@media (max-width: 1400px) {
  .reviews-form__file-icon {
    flex: 0 0 auto;
    padding: 0;
  }
}
@media (max-width: 1400px) {
  .reviews-form__file-icon {
    flex: 0 0 52px;
    width: 52px;
    height: 100%;
    padding: 12px;
  }
}
.reviews-form__file-icon svg {
  width: 100%;
  height: 100%;
}
.reviews-form__file-icon svg path {
  transition: 0.2s ease;
}
.reviews-form__file:hover {
  color: #FFFFFF;
}
.reviews-form__file:hover .reviews-form__file-icon svg path {
  stroke: #262727;
}
.reviews-form__submit {
  padding: 14px 23px;
  border-radius: 32px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  background: #262727;
  flex: 1 0;
}
@media (max-width: 1260px) {
  .reviews-form__submit {
    font-size: 14px;
  }
}
.reviews-form__submit:hover {
  background: #262727;
}
.reviews-form__submit:hover {
  background: #E00019;
}
@media (max-width: 1400px) {
  .reviews-form__submit {
    flex: 0 0 auto;
  }
}

.reviews-tabs {
  display: flex;
  border-bottom: 1px solid #DBE3EB;
  margin-top: 80px;
}
.reviews-tabs__item {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 300;
  line-height: 140%;
  color: #A1A6AF;
  display: inline-block;
  width: fit-content;
  padding-bottom: 18px;
  border-bottom: 1px solid transparent;
}
@media (max-width: 640px) {
  .reviews-tabs__item {
    font-size: 14px;
  }
}
.reviews-tabs__item.active, .reviews-tabs__item:hover {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  color: #262727;
  border-bottom: 2px solid #262727;
}
@media (max-width: 640px) {
  .reviews-tabs__item.active, .reviews-tabs__item:hover {
    font-size: 14px;
  }
}

.reviews-list--inner {
  animation: fade 0.2s ease;
  position: relative;
  padding-right: 15px;
}

.review {
  padding-bottom: 20px;
  border-bottom: 1px solid #DBE3EB;
  margin-top: 20px;
}

.review-main {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  justify-content: space-between;
}
.review-main__name {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 15px;
}
@media (max-width: 1260px) {
  .review-main__name {
    font-size: 18px;
  }
}
.review-main__icon {
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  overflow: hidden;
}
.review-main__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-main__text {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 12px;
}
@media (max-width: 640px) {
  .review-main__text {
    font-size: 12px;
  }
}
.review-main__date {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .review-main__date {
    font-size: 10px;
  }
}
.review-main__img {
  flex: 0 0 230px;
  border-radius: 12px;
  overflow: hidden;
}
.review-main__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1260px) {
  .review-main__img {
    flex: 0 0 120px;
  }
}

.review-answer {
  margin-top: 36px;
  border-radius: 17px;
  background: #DBE3EB;
  padding: 20px 30px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  position: relative;
}
@media (max-width: 640px) {
  .review-answer {
    padding: 16px;
  }
}
.review-answer::before {
  content: "";
  width: 30px;
  height: 30px;
  background: #DBE3EB;
  transform: rotate(-45deg);
  position: absolute;
  top: -10px;
  left: 40px;
  z-index: 1;
}
.review-answer__icon {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}
.review-answer__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-answer__main {
  flex: 1 0;
}
.review-answer__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 2px;
}
@media (max-width: 1260px) {
  .review-answer__title {
    font-size: 14px;
  }
}
.review-answer__text {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
}
@media (max-width: 640px) {
  .review-answer__text {
    font-size: 12px;
  }
}

.comment {
  margin-top: 32px;
  margin-left: 20px;
}
@media (max-width: 1260px) {
  .comment {
    margin-left: 15px;
  }
}
.comment__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 4px;
  border-bottom: 2px solid #262727;
}
.comment__content {
  margin-top: 32px;
  display: none;
  animation: fade 0.2s ease;
}
.comment__content.active {
  display: block;
}

.comment-form {
  position: relative;
}
.comment-form .custom-textarea {
  height: 50px;
}
.comment-form .custom-textarea textarea {
  padding: 0 40px 0 53px !important;
}
.comment-form__avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 37px;
  height: 37px;
  border-radius: 100%;
  overflow: hidden;
}
.comment-form__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.comment-form__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
}
.comment-form__btn svg path {
  fill: #828A96;
  transition: 0.2s ease;
}
.comment-form__btn:hover svg path {
  fill: #262727;
}

.comment-item {
  margin-top: 28px;
}
.comment-item__top {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.comment-item__avatar {
  flex: 0 0 37px;
  height: 37px;
  width: 37px;
  overflow: hidden;
  border-radius: 100%;
}
.comment-item__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.comment-item__info {
  display: flex;
  align-items: center;
  gap: 18px;
}
.comment-item__name {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
}
@media (max-width: 1260px) {
  .comment-item__name {
    font-size: 18px;
  }
}
.comment-item__date {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
}
@media (max-width: 640px) {
  .comment-item__date {
    font-size: 10px;
  }
}
.comment-item__text {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 640px) {
  .comment-item__text {
    font-size: 12px;
  }
}

.reviews-controls {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .reviews-controls {
    display: block;
  }
}
.reviews-controls .pagination {
  display: flex;
  align-items: center;
}
@media (max-width: 640px) {
  .reviews-controls .pagination {
    justify-content: center;
  }
}
.reviews-controls__pagination-item {
  flex: 0 0 32px;
  height: 32px;
  width: 32px;
  border-radius: 5px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #262727;
  transition: 0.2s ease;
}
.reviews-controls__pagination-item:first-child {
  margin-right: 10px;
}
.reviews-controls__pagination-item:last-child {
  margin-left: 10px;
}
.reviews-controls__pagination-item svg {
  width: 15px;
  height: 15px;
}
.reviews-controls__pagination-item svg path {
  stroke: #8E979F;
  transition: 0.2s ease;
}
.reviews-controls__pagination-item:hover {
  background: #FFFFFF;
}
.reviews-controls__pagination-item:hover svg path {
  stroke: #262727;
}
.reviews-controls__show {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #A1A6AF;
}
@media (max-width: 640px) {
  .reviews-controls__show {
    font-size: 12px;
  }
}
@media (max-width: 640px) {
  .reviews-controls__show {
    text-align: center;
    margin-top: 10px;
  }
}
.reviews-controls__show span {
  color: #8E979F;
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 640px) {
  .reviews-controls__show span {
    font-size: 12px;
  }
}

.prod {
  flex: 0 0 calc(25% - 28px);
  margin: 0 14px;
  position: relative;
}
.prod--day .prod__label {
  background: rgba(224, 0, 25, 0.1);
  color: #E00019;
}
.prod--day .prod__img {
  padding-top: 73%;
  margin-bottom: 20px;
}
.prod--day .prod__img img {
  height: 128%;
  width: auto;
  bottom: 0;
  top: unset;
  left: 50%;
  transform: translateX(-50%);
}
.prod--day .prod__wrapper {
  background: #DBE3EB;
}
.prod--new .prod__label {
  background: rgba(99, 193, 117, 0.1);
  color: #63C175;
}
.prod--top .prod__label {
  background: rgba(224, 78, 0, 0.1);
  color: #e04e00;
}
.prod--sale .prod__label {
  background: rgba(224, 0, 25, 0.1);
  color: #E00019;
}
.prod:hover .prod__mask {
  display: block;
}
.prod:hover .prod__btn {
  background: #262727;
}
.prod:hover .prod__btn:hover {
  background: #790613;
}
.prod:hover .prod__price {
  color: #FFFFFF;
}
.prod:hover .prod__price span {
  color: rgba(255, 255, 255, 0.27);
}
.prod:hover .prod__title:hover {
  color: rgb(245, 245, 245);
}
.prod:hover .prod__text {
  color: #FFFFFF;
}
@media (max-width: 959px) {
  .prod:hover .prod__mask {
    display: none;
  }
  .prod:hover .prod__btn {
    background: #262727;
  }
  .prod:hover .prod__price {
    color: #262727;
  }
  .prod:hover .prod__price span {
    color: #828A96;
  }
  .prod:hover .prod__title:hover {
    color: #E00019;
  }
  .prod:hover .prod__text {
    color: #828A96;
  }
}
.prod__labels {
  position: absolute;
  left: 6%;
  top: -30px;
  z-index: 3;
}
.prod__label {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  display: inline-block;
  font-size: 10px;
  padding: 8px 10px;
  border-radius: 6px 6px 0 0;
}
.prod__labels .prod__label-warehouse {
  background: rgba(243, 244, 245, 0.9);
  color: #8E979F;
}
.prod__labels .prod__label-warehouse:hover {
  background: rgb(227, 228, 229);
}
.prod__label:not(:last-child) {
  margin-right: 5px;
  margin-bottom: 5px;
}
.prod__wrapper {
  background: #EEF2F6;
  padding: 30px;
  border-radius: 20px;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1260px) {
  .prod__wrapper {
    padding: 16px;
  }
}
.prod__img {
  width: 100%;
  height: 0;
  max-height: 0;
  padding-top: 100%;
  position: relative;
  margin-bottom: 40px;
}
.prod__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
@media (max-width: 1260px) {
  .prod__img {
    margin-bottom: 20px;
  }
}
.prod__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 3;
  flex: 1 0;
}
.prod__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  color: #262727;
  text-align: center;
  word-wrap: anywhere;
  margin-bottom: 14px;
}
@media (max-width: 1260px) {
  .prod__title {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .prod__title {
    font-size: 16px;
  }
}
.prod__params {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  color: #262727;
  margin-bottom: 8px;
}
@media (max-width: 640px) {
  .prod__params {
    font-size: 12px;
  }
}
@media (max-width: 640px) {
  .prod__params {
    font-family: "Stem";
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .prod__params {
    font-size: 14px;
  }
}
.prod__text {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  color: #262727;
  margin-bottom: 24px;
  transition: 0.2s ease;
}
@media (max-width: 640px) {
  .prod__text {
    font-size: 10px;
  }
}
@media (max-width: 640px) {
  .prod__text {
    font-family: "Stem";
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
  }
}
@media (max-width: 640px) and (max-width: 640px) {
  .prod__text {
    font-size: 12px;
  }
}
.prod__price {
  font-family: "Stem";
  font-size: 30px;
  font-weight: 700;
  color: #262727;
  margin-top: auto;
  white-space: nowrap;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .prod__price {
    font-size: 20px;
  }
}
.prod__price span {
  color: #828A96;
  text-decoration: line-through;
  font-size: 24px;
  font-weight: 300;
  margin-left: 20px;
  white-space: nowrap;
}
@media (max-width: 1260px) {
  .prod__price span {
    font-size: 16px;
    margin-left: 8px;
  }
}
.prod__btn {
  width: 100%;
  padding: 24px 28px;
  border-radius: 35px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  text-align: center;
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .prod__btn {
    font-size: 18px;
  }
}
.prod__btn:hover {
  background: #262727;
}
@media (max-width: 959px) {
  .prod__btn {
    background: #262727;
  }
}
.prod__timer {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  align-self: center;
  gap: 8px;
  margin-bottom: 20px;
  flex: 0 0 auto;
  width: fit-content;
}
.prod__timer-item {
  flex: 0 0 68px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
@media (max-width: 1400px) {
  .prod__timer-item {
    flex: 0 0 32px;
  }
}
.prod__timer-val {
  height: 50px;
  width: 68px;
  background: #FFFFFF;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Stem";
  font-size: 30px;
  font-weight: 700;
  color: #E00019;
}
@media (max-width: 1400px) {
  .prod__timer-val {
    height: 42px;
    width: 42px;
    font-size: 16px;
  }
}
.prod__timer-label {
  color: #A1A6AF;
  font-size: 14px;
  font-weight: 300;
}
.prod__timer-divider {
  font-family: "Stem";
  font-size: 30px;
  font-weight: 700;
  color: #E00019;
  margin-top: 6px;
}
@media (max-width: 1400px) {
  .prod__timer-divider {
    font-size: 16px;
    margin-top: 8px;
  }
}
.prod__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(142, 151, 159, 0.85);
  border-radius: 20px;
  z-index: 2;
  display: none;
  animation: fade 0.2s ease;
}
@media (max-width: 959px) {
  .prod__mask {
    display: none;
  }
}
.prod__qty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 60%;
  z-index: 10;
}
@media (max-width: 959px) {
  .prod__qty {
    display: none;
  }
}
.prod__qty-btn {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  border: none;
  appearance: none;
  cursor: pointer;
}
.prod__qty-val {
  font-family: "Stem";
  font-weight: 700;
  font-size: 25px;
  color: #FFFFFF;
  max-width: 30px;
  background: transparent;
  border: none;
  box-shadow: none;
  appearance: none;
  text-align: center;
}
.prod--category {
  flex: 0 0 calc(33.3333333333% - 16px);
  margin: 16px 8px;
}
@media (max-width: 1260px) {
  .prod--category {
    flex: 0 0 calc(50% - 8px);
    margin: 16px 4px;
  }
}
@media (max-width: 640px) {
  .prod--category {
    flex: 0 0 calc(50% - 8px);
    margin: 20px 4px;
  }
}
.prod--category .prod__wrapper {
  background: transparent;
  padding: 16px 20px;
}
@media (max-width: 1260px) {
  .prod--category .prod__wrapper {
    padding: 16px;
  }
}
.prod--category .prod__label {
  border-radius: 6px;
}
.prod--category .prod__img {
  padding-top: 75%;
}
.prod--category .prod__btn {
  padding: 14px 23px;
  border-radius: 32px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1260px) {
  .prod--category .prod__btn {
    font-size: 14px;
  }
}
.prod--category .prod__btn:hover {
  background: #262727;
}
.prod--category .prod__btn--not {
  opacity: 1;
  visibility: visible;
  cursor: not-allowed;
  background: #EEF2F6;
  color: #828A96;
}
@media (max-width: 1260px) {
  .prod--category .prod__btn {
    opacity: 1;
    visibility: visible;
    background: #262727;
  }
}
.prod--category:hover .prod__btn {
  opacity: 1;
  visibility: visible;
}

.swiper .prod {
  flex: 0 0 auto;
  margin: 0;
  height: auto;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 2px;
}
.pagination__item {
  flex: 0 0 32px;
  height: 32px;
  width: 32px;
  border-radius: 5px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #262727;
  transition: 0.2s ease;
}
@media (max-width: 959px) {
  .pagination__item {
    flex: 0 0 25px;
    height: 25px;
    width: 25px;
  }
}
.pagination__item:first-child {
  margin-right: 10px;
}
@media (max-width: 959px) {
  .pagination__item:first-child {
    margin-right: 4px;
  }
}
.pagination__item:last-child {
  margin-left: 10px;
}
@media (max-width: 959px) {
  .pagination__item:last-child {
    margin-left: 4px;
  }
}
.pagination__item svg {
  width: 15px;
  height: 15px;
}
.pagination__item svg path {
  stroke: #8E979F;
  transition: 0.2s ease;
}
.pagination__item:hover, .pagination__item.current {
  background: #FFFFFF;
}
.pagination__item:hover svg path, .pagination__item.current svg path {
  stroke: #262727;
}

.category {
  padding-bottom: 60px;
}
@media (max-width: 959px) {
  .category .sidebar {
    top: 230px;
  }
}
@media (max-width: 640px) {
  .category .sidebar {
    top: 180px;
  }
}
.category__heading {
  margin-bottom: 66px;
}
@media (max-width: 640px) {
  .category__heading {
    margin-bottom: 35px;
  }
}

.category-about {
  padding: 120px 0;
}
@media (max-width: 1260px) {
  .category-about {
    padding: 100px 0;
  }
}
.category-about__wrapper {
  max-width: calc(100% - 340px - 72px);
  margin-left: auto;
}
@media (max-width: 1400px) {
  .category-about__wrapper {
    max-width: calc(100% - 300px - 32px);
  }
}
@media (max-width: 1260px) {
  .category-about__wrapper {
    max-width: 100%;
  }
}
.category-about__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 70px;
  line-height: 100%;
  color: #262727;
  position: relative;
  margin-bottom: 48px;
}
@media (max-width: 1400px) {
  .category-about__title {
    font-size: 50px;
  }
}
@media (max-width: 959px) {
  .category-about__title {
    font-size: 30px;
  }
}
.category-about__title::before {
  content: "";
  background: url(../img/title-line.svg);
  background-size: 300px;
  background-position: center;
  background-repeat: no-repeat;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(10%, -30%);
  z-index: 1;
}
@media (max-width: 959px) {
  .category-about__title::before {
    background-size: 200px;
    width: 200px;
    height: 200px;
  }
}
.category-about__title span {
  font: inherit;
  color: inherit;
  position: relative;
  z-index: 2;
}
.category-about__title span:first-child {
  margin-left: 10%;
  color: #E00019;
}
.category-about__title span:first-child::after {
  content: "";
  background: url(../img/title-star.svg);
  background-size: 37px;
  background-position: center;
  background-repeat: no-repeat;
  width: 37px;
  height: 37px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(100%, -50%);
}
.category-about__title span:last-child {
  display: block;
}

.accordion {
  position: relative;
  z-index: 2;
}
.accordion__item:not(:last-child) {
  margin-bottom: 12px;
}
.accordion__item.active .accordion__item-toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.accordion__item-head {
  border-bottom: 2px solid #262727;
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  cursor: pointer;
  padding-right: 20px;
}
@media (max-width: 640px) {
  .accordion__item-head {
    padding: 12px;
    padding-right: 8px;
  }
}
.accordion__item-head:hover .accordion__item-title {
  color: #E00019;
}
.accordion__item-head:hover .accordion__item-toggle::before, .accordion__item-head:hover .accordion__item-toggle::after {
  background: #E00019;
}
.accordion__item-title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  color: #262727;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .accordion__item-title {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  .accordion__item-title {
    font-family: "GetVoIP Grotesque";
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
  }
}
@media (max-width: 640px) and (max-width: 1260px) {
  .accordion__item-title {
    font-size: 16px;
  }
}
.accordion__item-toggle {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.accordion__item-toggle::before, .accordion__item-toggle::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background: #262727;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s ease;
}
.accordion__item-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__item-content {
  max-height: 0;
  overflow: hidden;
  transition: 0.2s ease;
}
.accordion__item-inner {
  padding: 26px 20px 36px;
  border-bottom: 2px solid #262727;
}
.accordion__item-inner p {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  color: #262727;
}
@media (max-width: 640px) {
  .accordion__item-inner p {
    font-size: 12px;
  }
}
.accordion__item-inner p:not(:last-child) {
  margin-bottom: 12px;
}
.accordion__item-inner p strong {
  font-family: "Stem";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 640px) {
  .accordion__item-inner p strong {
    font-size: 12px;
  }
}

.to-top {
  position: fixed;
  right: 3%;
  bottom: 10%;
  z-index: 9;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-shadow: 0px 12px 60px rgba(186, 192, 203, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}
@media (max-width: 959px) {
  .to-top {
    width: 54px;
    height: 54px;
    padding: 16px;
  }
}
.to-top img, .to-top svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.to-top img path, .to-top svg path {
  fill: #828A96;
  transition: 0.2s ease;
}
.to-top.active {
  opacity: 1;
  visibility: visible;
}
.to-top:hover svg path {
  fill: #E00019;
}

.minicart {
  position: fixed;
  top: 0;
  right: 0;
  height: 120vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 4;
  transform: translateX(100%);
  transition: 0.2s ease;
  display: flex;
  width: 100%;
}
.minicart.active {
  transform: translateX(0);
}
.minicart__wrapper {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 100%;
  margin-left: auto;
  overflow: auto;
  padding: 140px calc((100% - 1360px) / 2) 50px 70px;
  background: rgba(70, 61, 62, 0.63);
}
@supports (backdrop-filter: blur(20px)) {
  .minicart__wrapper {
    backdrop-filter: blur(20px);
  }
}
@supports not (backdrop-filter: blur(20px)) {
  .minicart__wrapper {
    background: rgba(90, 82, 83, 0.98);
  }
}
@media (max-width: 1400px) {
  .minicart__wrapper {
    padding: 140px calc((100% - 1220px) / 2) 50px 50px;
  }
}
@media (max-width: 1260px) {
  .minicart__wrapper {
    padding: 140px 40px 50px 50px;
    width: 60%;
  }
}
@media (max-width: 959px) {
  .minicart__wrapper {
    padding: 140px 40px 50px 50px;
    width: 65%;
  }
}
@media (max-width: 640px) {
  .minicart__wrapper {
    padding: 84px 20px 50px 20px;
    width: 100%;
  }
}
.minicart__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  margin-bottom: 26px;
  margin-left: 16px;
}
@media (max-width: 1260px) {
  .minicart__title {
    font-size: 26px;
  }
}
@media (max-width: 640px) {
  .minicart__title {
    margin-left: 0;
    margin-top: 40px;
  }
}
.minicart__list {
  width: 536px;
  padding-bottom: 30px;
  max-height: 500px;
  width: 100%;
}
@media (max-width: 640px) {
  .minicart__list {
    width: 100%;
  }
}
.minicart__footer {
  padding: 12px 16px 0;
  border-top: 2px solid rgba(255, 255, 255, 0.18);
}
@media (max-width: 640px) {
  .minicart__footer {
    padding: 12px 0 0;
  }
}
.minicart__result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 20px;
}
.minicart__result-title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.36);
}
@media (max-width: 1260px) {
  .minicart__result-title {
    font-size: 18px;
  }
}
.minicart__result-price {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
}
@media (max-width: 1260px) {
  .minicart__result-price {
    font-size: 18px;
  }
}
.minicart__btn {
  padding: 14px 23px;
  border-radius: 32px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  background: #262727;
  width: 100%;
}
@media (max-width: 1260px) {
  .minicart__btn {
    font-size: 14px;
  }
}
.minicart__btn:hover {
  background: #262727;
}
.minicart__btn:hover {
  background: #E00019;
}

.minicart-item {
  display: flex;
  align-items: stretch;
  gap: 20px;
  position: relative;
  padding: 16px;
  background: transparent;
  transition: 0.2s ease;
  border-radius: 9px;
  overflow: hidden;
}
@media (max-width: 640px) {
  .minicart-item {
    padding: 16px 0;
    gap: 12px;
  }
}
.minicart-item:hover {
  background: rgba(255, 255, 255, 0.07);
}
.minicart-item:hover .minicart-item__delete {
  opacity: 1;
  visibility: visible;
}
.minicart-item__delete {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 10px;
  height: 10px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  cursor: pointer;
}
.minicart-item__delete svg, .minicart-item__delete img {
  width: 100%;
  height: 100%;
}
.minicart-item__delete svg path, .minicart-item__delete img path {
  stroke: #B9B9B9;
}
.minicart-item__img {
  flex: 0 0 90px;
  height: 90px;
  width: 90px;
  border-radius: 5px;
  overflow: hidden;
}
.minicart-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.minicart-item__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 16px;
}
.minicart-item__title {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  margin-bottom: 2px;
}
@media (max-width: 1260px) {
  .minicart-item__title {
    font-size: 15px;
  }
}
.minicart-item__params {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 640px) {
  .minicart-item__params {
    font-size: 10px;
  }
}
.minicart-item__qty {
  margin-top: auto;
  gap: 8px;
}
@media (max-width: 640px) {
  .minicart-item__qty {
    gap: 3px;
  }
}
.minicart-item__qty-btn {
  flex: 0 0 24px;
  height: 24px;
  width: 24px;
  padding: 8px;
  background: #262727;
}
.minicart-item__qty-btn svg path {
  fill: #FFFFFF;
  stroke: #FFFFFF;
}
.minicart-item__qty-val {
  font-size: 16px;
  min-width: 35px;
  color: #FFFFFF;
  text-align: center;
}
.minicart-item__price {
  font-family: "Stem";
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  font-weight: 700;
  color: #FFFFFF;
  align-self: flex-end;
  white-space: nowrap;
  min-width: 70px;
  margin-left: auto;
}
@media (max-width: 640px) {
  .minicart-item__price {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .minicart-item__price {
    position: absolute;
    right: 16px;
    bottom: 16px;
  }
}

.menu {
  position: fixed;
  top: 0;
  right: 0;
  height: 120vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  z-index: 4;
  transform: translateX(100%);
  transition: 0.2s ease;
  display: flex;
  width: 100%;
}
.menu.active {
  transform: translateX(0);
}
.menu__wrapper {
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 100%;
  margin-left: auto;
  padding: 140px calc((100% - 1360px) / 2) 0 70px;
  background: rgba(70, 61, 62, 0.63);
  overflow: auto;
}
@supports (backdrop-filter: blur(20px)) {
  .menu__wrapper {
    backdrop-filter: blur(20px);
  }
}
@supports not (backdrop-filter: blur(20px)) {
  .menu__wrapper {
    background: rgba(90, 82, 83, 0.98);
  }
}
@media (max-width: 1400px) {
  .menu__wrapper {
    padding: 140px calc((100% - 1220px) / 2) 0 50px;
  }
}
@media (max-width: 1260px) {
  .menu__wrapper {
    padding: 140px 40px 0 50px;
    width: 60%;
  }
}
@media (max-width: 959px) {
  .menu__wrapper {
    padding: 140px 40px 0 50px;
    width: 65%;
  }
}
@media (max-width: 640px) {
  .menu__wrapper {
    padding: 84px 20px 0 20px;
    width: 100%;
  }
}
.menu__coupons {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.15);
  transition: 0.2s ease;
  margin-bottom: 40px;
  display: none;
}
@media (max-width: 640px) {
  .menu__coupons {
    display: block;
  }
}
.menu__coupons:hover {
  color: #FFFFFF;
}
.menu__nav {
  margin-bottom: 40px;
}
.menu__nav-list > li {
  animation: fade 0.2s ease;
  display: block;
}
.menu__nav-list > li.hidden {
  display: none;
}
.menu__nav-list > li > a {
  display: block;
  padding: 18px 18px 18px 0;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  position: relative;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .menu__nav-list > li > a {
    font-size: 26px;
  }
}
@media (max-width: 959px) {
  .menu__nav-list > li > a {
    font-size: 18px;
    padding: 12px 16px 12px 0;
  }
}
@media (max-width: 640px) {
  .menu__nav-list > li > a {
    padding: 12px 0;
  }
}
.menu__nav-list > li > a:hover::after {
  opacity: 1;
  visibility: visible;
}
.menu__nav-list > li > a:hover::before {
  opacity: 1;
  visibility: visible;
}
.menu__nav-list > li > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 20px);
  height: 100%;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  opacity: 0;
  visibility: hidden;
}
.menu__nav-list > li.dropdown > a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  background: url(../img/icons/chevron-next-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 16px;
  width: 10px;
  height: 16px;
}
.menu__nav-list > li.dropdown.active {
  display: block;
}
.menu__nav-list > li.dropdown.active > a {
  border-bottom: 2px solid rgba(255, 255, 255, 0.18);
  margin-bottom: 16px;
}
.menu__nav-list > li.dropdown.active > a::after {
  right: unset;
  left: -16px;
  transform: translateY(-50%) rotate(180deg);
  display: none;
}
.menu__bottom {
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
.menu__info {
  flex: 1 0;
  max-width: 360px;
  margin-bottom: 40px;
}
.menu__address {
  font-family: "Stem";
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  color: #FFFFFF;
  padding-bottom: 12px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.18);
}
@media (max-width: 640px) {
  .menu__address {
    font-size: 14px;
  }
}
.menu__copyright {
  font-family: "Stem";
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 30px;
}
@media (max-width: 640px) {
  .menu__copyright {
    font-size: 10px;
  }
}
.menu__socials {
  flex: 0 0 100px;
  width: 100px;
  border-radius: 10px 10px 0 0;
  background: #262727;
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 640px) {
  .menu__socials {
    padding: 18px;
    width: 64px;
    flex: 0 0 64px;
    gap: 20px;
  }
}
.menu__socials a {
  display: block;
  width: 100%;
}
@media (max-width: 640px) {
  .menu__socials a {
    width: 24px;
    height: 24px;
  }
}
.menu__socials a svg {
  width: 100%;
}
.menu__socials a svg path {
  transition: 0.2s ease;
  fill: rgba(255, 255, 255, 0.25);
}
.menu__socials a:hover svg path {
  fill: #FFFFFF;
}

.submenu {
  display: none;
  animation: fade 0.2s ease;
}
.submenu.active {
  display: block;
}
.submenu > li.hidden {
  display: none;
}
.submenu > li.active {
  display: block;
}
.submenu > li.active > a {
  border-bottom: 2px solid rgba(255, 255, 255, 0.18);
  margin-bottom: 16px;
  border-radius: 0;
}
.submenu > li.active > a::after {
  right: unset;
  left: -16px;
  transform: translateY(-50%) rotate(180deg);
  display: none;
}
.submenu > li > a {
  display: block;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  padding: 32px 18px 32px 0;
  background: transparent;
  border-radius: 9px;
  position: relative;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .submenu > li > a {
    font-size: 20px;
  }
}
@media (max-width: 959px) {
  .submenu > li > a {
    padding: 12px 16px 12px 0;
    font-size: 14px;
  }
}
.submenu > li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  background: url(../img/icons/chevron-next-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 14px;
  width: 22px;
  height: 14px;
  opacity: 0;
  visibility: hidden;
}
.submenu > li > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 20px);
  height: 100%;
  background: rgba(255, 255, 255, 0.07);
  opacity: 0;
  visibility: hidden;
  border-radius: 9px;
}
.submenu > li > a:hover::after {
  opacity: 1;
  visibility: visible;
}
.submenu > li > a:hover::before {
  opacity: 1;
  visibility: visible;
}

.subsubmenu {
  display: none;
  animation: fade 0.2s ease;
}
.subsubmenu.active {
  display: block;
}
.subsubmenu > li > a {
  display: block;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  padding: 12px 18px 12px 0;
  background: transparent;
  border-radius: 9px;
  position: relative;
  transition: 0.2s ease;
}
@media (max-width: 1260px) {
  .subsubmenu > li > a {
    font-size: 15px;
  }
}
@media (max-width: 959px) {
  .subsubmenu > li > a {
    padding: 12px 16px 12px 0;
    font-size: 14px;
  }
}
.subsubmenu > li > a::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  background: url(../img/icons/chevron-next-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 14px;
  width: 22px;
  height: 14px;
  opacity: 0;
  visibility: hidden;
}
.subsubmenu > li > a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 20px);
  height: 100%;
  background: rgba(255, 255, 255, 0.07);
  opacity: 0;
  visibility: hidden;
  border-radius: 9px;
}
.subsubmenu > li > a:hover::after {
  opacity: 1;
  visibility: visible;
}
.subsubmenu > li > a:hover::before {
  opacity: 1;
  visibility: visible;
}

.swiper-slide.empty {
  display: none;
  width: 60px;
}
@media (max-width: 1260px) {
  .swiper-slide.empty {
    display: block;
  }
}

a {
  transition: 0.2s ease;
}

button {
  outline: none;
  border: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.menu__nav-list > li.current > a::before {
  opacity: 0.6;
  visibility: visible;
}

.header-products__product-desc * {
  font-family: "Stem", serif;
  font-size: 12px;
  font-weight: 500;
  color: #CCD1DA;
}

.header-products__category-link {
  font-weight: 500;
}

.prod__params {
  line-height: 1.25;
}

.prod__btn.disabled {
  background-color: #FFF !important;
  color: #B5BECB;
  font-size: 18px;
  margin-top: auto;
}

.prod:hover .prod__price {
  color: inherit;
}

.prod:hover .prod__price span {
  color: #B5BECB;
}

.subsubmenu > li > a:hover::after {
  opacity: 0;
  visibility: hidden;
}

.submenu > li.parent > a::after {
  opacity: 1;
  visibility: visible;
}

.minicart-empty {
  margin-left: 16px;
  color: #FFFFFF;
}

.minicart-item__params * {
  color: rgba(255, 255, 255, 0.8);
}

.toast-message {
  color: #fff;
  font-weight: 500;
}

.toast-message a {
  text-decoration: underline;
}

#toast-container {
  top: 5vh !important;
}
#toast-container > div.toast {
  padding: 15px 15px 15px 50px !important;
  width: 500px !important;
  opacity: 0.9;
}
@media (max-width: 959px) {
  #toast-container > div.toast {
    width: 95% !important;
  }
}
#toast-container > div.toast-success {
  padding: 15px !important;
  background-image: none !important;
}
@media (max-width: 959px) {
  #toast-container {
    top: 1vh !important;
  }
}

.modal {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.75);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}
.modal.visible {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.modal-inner {
  width: 620px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2em;
  background: #ffffff;
}
@media (max-width: 959px) {
  .modal-inner {
    width: 95%;
  }
}
.modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30px;
  height: 30px;
  text-decoration: none;
}
.modal-close:before, .modal-close:after {
  position: absolute;
  right: 20px;
  top: 10px;
  content: " ";
  height: 20px;
  width: 2px;
  background-color: #aaa;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.modal-close:before {
  transform: rotate(45deg);
}
.modal-close:after {
  transform: rotate(-45deg);
}
.modal-close:hover:before, .modal-close:hover:after {
  background-color: #d43031;
}
.modal-header {
  color: #d43031;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "GetVoIP Grotesque", serif;
}
.modal-content {
  color: #333;
  font-family: "Stem", serif;
  font-weight: 500;
  line-height: 1.3;
}
.modal-content p {
  margin-bottom: 0.3rem;
  font-weight: 500;
}
.modal-content a {
  color: #d43031;
  display: inline;
  font-family: "Stem", serif;
}
.modal-content a:hover {
  text-decoration: underline;
}
.modal a.modal-btn {
  display: inline-block;
  position: relative;
  padding: 10px 25px;
  cursor: pointer;
  background-color: #d43031;
  color: #fff;
  text-align: center;
  border-radius: 40px;
  margin: 15px auto 0;
}
.modal a.modal-btn:hover {
  background-color: #c30a0c;
  text-decoration: none;
}
.modal .custom-radio {
  margin-bottom: 10px;
}
.modal a.modal__info-warehouses {
  display: inline-block;
  font-size: 12px;
  padding: 3px 5px;
  border: 1px solid #d43031;
  border-radius: 5px;
  line-height: 21px;
  vertical-align: middle;
  font-weight: 400;
}
.modal a.modal__info-warehouses img {
  border-radius: 50%;
  display: inline;
  background: #d43031;
  width: 21px;
  vertical-align: middle;
  margin-right: 3px;
}
.modal a.modal__info-warehouses:hover {
  text-decoration: none;
  background-color: rgba(212, 48, 49, 0.15);
}

.delivery__warehouse-info {
  border: 1px solid #d43031;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
  color: #66667f;
  line-height: 1.3em;
  margin-bottom: 2em;
}
.delivery__warehouse-info a {
  text-decoration: underline;
  color: #e27576;
}

.header-products__wrapper {
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.5);
}

.cart > .container {
  border-top: 1px solid #DEE6EF;
  padding-top: 30px;
}

@media (max-width: 959px) {
  .cart {
    padding: 80px 0;
  }
}
.checkout__tab.in-progress:not(.active) .checkout__tab-icon {
  background: #5b5d5e;
}

.checkout__tab.in-progress svg, .checkout__tab.in-progress path, .checkout__tab.in-progress circle {
  stroke: #FFFFFF;
}

.checkout-promo {
  margin: 35px 0;
  border-top: none;
  border-top: 1px solid #DEE6EF;
  border-bottom: 1px solid #DEE6EF;
  padding-bottom: 15px;
}

@media (max-width: 640px) {
  .checkout-promo {
    /*margin: 15px 0;*/
  }
}
.checkout-delivery__item-title, .checkout-delivery__item-text {
  display: block;
}

.checkout-delivery__item-price span {
  color: #fff;
}

.checkout-to-pay__info {
  color: #8e979f;
  font-weight: 500;
  line-height: 1.25;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: 1rem;
  white-space: normal;
  padding-left: 30px;
  top: auto;
  left: auto;
  transform: none;
  width: calc(100% + 350px);
}

@media (max-width: 959px) {
  .checkout-to-pay__info {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .checkout-to-pay__info {
    font-size: 12px;
  }
}
.checkout-to-pay__info span {
  color: #8e979f;
  font-weight: 500;
}

.checkout-to-pay__info img, .checkout-to-pay__info svg {
  position: absolute;
  left: 0;
  flex: 0 0 21px;
  height: 21px;
  width: 21px;
  top: -2px;
}

.checkout-to-pay__info a:hover, .checkout-to-pay__info a:active {
  color: #E00019;
}

.details__orders {
  height: auto;
  max-height: 344px;
}

.order__img {
  flex: 0 0 80px;
  height: 80px;
  width: 80px;
}

@media (max-width: 1260px) {
  .order__img {
    height: 100px;
  }
}
@media (max-width: 1260px) {
  .order__info {
    max-width: 55%;
  }
}
.order__qty-val {
  color: #262727;
}

.order__title {
  text-transform: none;
  line-height: 1.25;
}

.cart-delete-product {
  cursor: pointer;
}

@media (max-width: 1260px) {
  .order__price {
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 95px;
  }
}
.position-price--block {
  display: block;
  text-align: center;
}

.position-price--block, .position-price--block * {
  font-family: "Stem";
  font-weight: 500;
  font-size: 12px;
  color: #CCD1DA;
}

.order__delete {
  background-color: transparent;
}

.order__delete svg path {
  stroke: #262727;
}

@media (max-width: 1260px) {
  .details {
    padding: 25px;
  }
}
@media (max-width: 959px) {
  .details {
    order: 0;
  }
  .checkout {
    order: 1;
    width: 100%;
  }
}
.details__top {
  gap: 20px;
}

.details__count {
  line-height: 1;
}

.details__count span {
  color: #A1A6AF;
}

.tooltip {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  cursor: pointer;
}

.tooltip_icon {
  display: inline-block;
  background: url(../img/icons/warning.svg) center no-repeat;
  position: relative;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.tooltip_text {
  font-family: "Stem";
  font-size: 0.875rem;
  display: block;
  position: absolute;
  width: 250px;
  height: auto;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  left: 100%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  transition: all 200ms ease;
  z-index: 10;
}

.tooltip_text ol {
  list-style-type: disc;
  padding-left: 15px;
}

.tooltip:hover .tooltip_text {
  opacity: 1;
  visibility: visible;
}

.custom-input.error input, .custom-textarea.error textarea {
  border-color: #E00019;
}

.errorMessage {
  color: #E00019;
  font-size: 14px;
}

@media (max-width: 640px) {
  .errorMessage {
    font-size: 12px;
  }
}
.errorSummary {
  padding: 15px 0;
}

.errorSummary * {
  color: #E00019;
}

.errorSummary ul {
  padding-left: 15px;
  list-style: inherit;
}

.checkout-block__title h3 {
  margin-bottom: 0.5rem;
}

.checkout-block__title p {
  font-family: "Stem", serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: none;
}

.order-about .caption {
  color: #8E979F;
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 0.925rem;
}

.order-about .text {
  color: #42484D;
  margin-bottom: 1.5rem;
}

.pay-btn {
  padding: 14px 23px;
  border-radius: 32px;
  font-family: "GetVoIP Grotesque", serif;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  color: #FFFFFF;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  width: 100%;
  background: #262727;
}

.pay-btn span {
  color: inherit;
}

@media (max-width: 1260px) {
  .pay-btn {
    font-size: 14px;
  }
}
.pay-btn:hover {
  background: #262727;
}

.pay-btn:hover {
  background: #E00019;
}

.checkout__tab.active .checkout__tab-icon {
  background-color: #5b5d5e;
}

.checkout__tab.in-progress:not(.active) .checkout__tab-icon {
  background-color: #CF2236;
}

@media (max-width: 959px) {
  .pay-page .details {
    display: none;
  }
}
.checkout-to-pay {
  flex-wrap: wrap;
}

.checkout-to-pay__back {
  min-width: 200px;
  flex: 1 0;
}

.checkout-to-pay__btn {
  min-width: 250px;
  flex: 3 0;
}

.checkout-bank__info-text {
  color: #4a4c4c;
  font-weight: 500;
}

button:disabled {
  cursor: default;
  background-color: #4a4d4d !important;
}

.checkout-data {
  gap: 50px;
}

.checkout-data__timer-text {
  color: #4a4c4c;
}

.checkout-data__id {
  color: #4a4c4c;
}

.checkout-data__timer {
  flex: 0 0 300px;
}

.checkout-data__item-label span {
  color: #4a4c4c;
}

@media (max-width: 959px) {
  .checkout-data__info {
    flex-wrap: wrap;
  }
  .checkout-data__item::before {
    transform: none;
  }
  .checkout-data__timer {
    flex: 0 0 auto;
  }
}
.copy-block {
  cursor: pointer;
  display: inline-flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.copy-block:active {
  background-color: #dcdcdc;
}

.copy-icon {
  opacity: 0.5;
}

.copy-block:hover .copy-icon {
  opacity: 1;
}

.pay-success {
  display: inline-block;
  background-color: #fff;
  border-radius: 24px;
  font-size: 24px;
  font-family: "GetVoIP Grotesque", serif;
  margin: 2rem 0;
  padding: 36px;
  text-align: center;
  width: 100%;
}

.pay-success .pay-btn {
  margin-top: 20px;
}

@media (max-width: 959px) {
  .pay-success {
    font-size: 18px;
    margin: 1rem 0;
    padding: 18px;
  }
  .pay-success .pay-btn {
    font-size: 12px;
  }
}
.page-article {
  padding: 130px 0;
}
@media (max-width: 640px) {
  .page-article {
    padding: 80px 0;
  }
}
.page-article .bread {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.page-article > .container {
  border-top: 1px solid #DEE6EF;
  padding-top: 30px;
}
.page-article__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page-article__block {
  flex-grow: 1;
  max-width: 760px;
  padding: 28px;
  border-radius: 15px;
  background: #FFFFFF;
}
@media (max-width: 640px) {
  .page-article__block {
    padding: 20px 15px;
    max-width: 100%;
  }
}
.page-article__block h1 {
  line-height: normal;
}

.simplebar-track {
  cursor: pointer;
  pointer-events: auto;
}

.reviews-info__admin-text p, .reviews-info__admin-text span {
  font-weight: 300;
}

.reviews-form__file {
  cursor: pointer;
  max-width: 50%;
}

input.choose {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.reviews-form__file-text {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gallery {
  --f-carousel-slide-width: 100%;
  margin-top: 20px;
}
@media (min-width: 640px) {
  .gallery {
    --f-carousel-spacing: 8px;
    --f-carousel-slide-width: calc((100% - 8px) / 2);
  }
}

.video-slides {
  --f-carousel-slide-width: 100%;
  margin-top: 20px;
}
.video-slides--item {
  text-align: center;
}
.video-slides--item a {
  margin: 0 auto;
  display: inline-block;
}

.gallery-item {
  display: inline-block;
}

.f-carousel.round-arrows {
  --f-button-width: 38px;
  --f-button-height: 38px;
  --f-button-svg-width: 16px;
  --f-button-svg-height: 16px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-color: rgb(71 85 105);
  --f-button-border-radius: 50%;
  --f-button-shadow: 0 6px 12px -2px rgb(50 50 93 / 25%), 0 3px 7px -3px rgb(0 0 0 / 30%);
  --f-button-bg: rgba(255,255,255,.8);
  --f-button-hover-bg: #f9f9f9;
  --f-button-active-bg: #f0f0f0;
}
.f-carousel.round-arrows button:disabled {
  background-color: rgba(0, 0, 0, 0.6) !important;
  --f-button-color: rgb(145, 145, 145);
}

/*
// .typography
*/
.typography * {
  font-weight: 300;
  line-height: 1.625;
  hyphens: auto;
}
.typography strong, .typography b {
  font-weight: 500;
}
.typography a {
  color: #E00019;
}
.typography a:hover {
  text-decoration: underline;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  font-weight: 500;
}
.typography h1 *, .typography h2 *, .typography h3 *, .typography h4 *, .typography h5 *, .typography h6 * {
  font-weight: 500;
}
.typography h2, .typography h3 {
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
}
.typography h3 {
  padding-bottom: 6px;
}
.typography p {
  margin-bottom: 1.5em;
}
.typography ol, .typography ul {
  margin: 1.5em 0;
  padding-left: 15px;
}
[dir=ltr] .typography ol, [dir=ltr] .typography ul {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.typography ol {
  list-style: decimal;
}
.typography ul {
  list-style: disc;
}
.typography li {
  margin-bottom: 0.5em;
}
.typography hr {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  border: none;
  background: #d9d9d9;
  margin: 2.5em auto;
}
.typography hr:after, .typography hr:before {
  position: absolute;
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
}
.typography hr:after {
  left: -30px;
}
.typography hr:before {
  right: -30px;
}
.typography blockquote {
  margin: 2.25rem 0;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  background: #f7f7f7;
  border-radius: 4px;
  padding: 2.25em 2.25em 2em;
}
.typography blockquote cite {
  margin-top: -0.5em;
  color: #6c757d;
  display: block;
  font-size: 15px;
  font-style: normal;
}
.typography blockquote p {
  margin-bottom: 1.25em;
}
.typography blockquote > *:first-child {
  margin-top: 0;
}
.typography blockquote > *:last-child {
  margin-bottom: 0;
}
.typography > *:first-child {
  margin-top: 0;
}
.typography > *:last-child {
  margin-bottom: 0;
}
.typography img {
  max-width: 100%;
  border-radius: 2px;
}
.typography figure {
  margin: 1.875rem 0 2.25rem;
}
.typography figcaption {
  font-size: 14px;
  text-align: center;
  color: #6c757d;
  padding-top: 0.875rem;
}
@media (max-width: 640px) {
  .typography {
    font-size: 15px;
    line-height: 1.75;
  }
  .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    margin-top: 1.25em;
    margin-bottom: 0.5em;
  }
  .typography h2 {
    font-size: 28px;
  }
  .typography h3 {
    font-size: 24px;
  }
  .typography h4 {
    font-size: 20px;
  }
  .typography h5 {
    font-size: 18px;
  }
  .typography p {
    margin-bottom: 1em;
  }
  .typography ol, .typography ul {
    margin: 1.25em 0;
  }
  .typography [dir=ltr] ol, .typography [dir=ltr] ul {
    padding-left: 2rem;
  }
  .typography [dir=rtl] ol, .typography [dir=rtl] ul {
    padding-right: 2rem;
  }
  .typography hr {
    margin: 1.5em auto;
  }
  .typography blockquote {
    padding: 1em;
    font-size: 16px;
    margin: 1.5rem 0;
  }
  .typography blockquote p {
    margin-bottom: 0.75em;
  }
  .typography figure {
    margin: 1.5rem 0 1.5rem;
  }
}

/*
// DISCOUNT PAGE
*/
.article-h1 {
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 25px;
}
@media (max-width: 1260px) {
  .article-h1 {
    font-size: 26px;
  }
}

.discount-wrapper {
  padding: 130px 0;
}
@media (max-width: 640px) {
  .discount-wrapper {
    padding: 80px 0;
  }
}

.discount-content ul.discount-conditions {
  width: 100%;
  padding: 70px 0 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #1a1a1a;
}
.discount-content ul.discount-conditions li {
  min-width: 40%;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.385;
}
.discount-content ul.discount-conditions li:nth-child(n+5) {
  margin-bottom: 0;
}
.discount-content ul.discount-conditions li p.number {
  margin-right: 30px;
  font-size: 74px;
  color: #d43031;
}
.discount-content ul.discount-conditions li p.text {
  font-size: 26px;
}
.discount-content ul.discount-conditions li p.text span {
  color: #d43031;
}
.discount-content ul.discount-conditions li p.text a {
  text-decoration: underline;
  color: #d43031;
}
.discount-content ul.discount-conditions li p.text a:hover {
  text-decoration: none;
}
.discount-content .discount-black {
  height: 850px;
  padding-top: 210px;
  background: url(../images/discount-background.png) center -60px no-repeat;
  background-size: cover;
}
.discount-content .discount-list {
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.discount-content .discount-list p, .discount-content .discount-list span {
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 1px;
}
@media (max-width: 1260px) {
  .discount-content .discount-list p, .discount-content .discount-list span {
    font-size: 18px;
  }
}
.discount-content .discount-list p {
  font-weight: 300;
}
.discount-content .discount-list span {
  font-weight: 500;
}
.discount-content .discount-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}
.discount-content .discount-list li:last-child {
  margin-bottom: 0;
}
.discount-content .discount-list li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: 3px 25px 0 0;
  background-color: #ffffff;
  border-radius: 50%;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 1600px) {
  .discount-content .discount-list {
    height: 350px;
  }
}
@media (max-width: 959px) {
  .discount-content ul.discount-conditions {
    padding: 30px 0;
  }
  .discount-content ul.discount-conditions li {
    margin-bottom: 20px;
  }
  .discount-content ul.discount-conditions li p.number {
    font-size: 32px;
  }
  .discount-content ul.discount-conditions li p.text {
    font-size: 14px;
  }
  .discount-content .discount-black {
    height: 620px;
    padding-top: 33vh;
    margin-top: 20px;
    background-image: url(../images/discount_mob.jpg);
  }
  .discount-content .discount-list {
    height: auto;
    background: rgba(197, 40, 41, 0.75);
    padding: 30px 15px 30px 30px;
    margin-left: -30px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
  }
  .discount-content .discount-list li {
    margin-bottom: 10px;
  }
  .discount-content .discount-list li p, .discount-content .discount-list li span {
    font-size: 14px;
    letter-spacing: normal;
  }
  .discount-content .discount-list li:before {
    margin-right: 15px;
  }
}
@media (max-width: 640px) {
  .discount-content .discount-black {
    padding-top: 39vh;
  }
}
@media (max-width: 340px) {
  .discount-content .discount-list {
    padding: 20px 10px 20px 20px;
  }
}

/*brands-page*/
.brands {
  padding: 130px 0;
}
@media (max-width: 640px) {
  .brands {
    padding: 80px 0;
  }
}
.brands-content {
  width: 100%;
}
.brands-content .bread {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.brands-content > .container {
  padding-top: 30px;
}
.brands-content ul {
  width: 100%;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.brands-content ul li {
  width: 280px;
  height: 110px;
  margin-bottom: 60px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 20px;
}
.brands-content ul li .arrow {
  display: block;
  width: 40px;
  height: 40px;
  background: #f5f6fa url(../images/arrow-grey.svg) no-repeat center;
  background-size: 50%;
  border-radius: 50%;
  position: absolute;
  top: 35px;
  right: -20px;
}
.brands-content ul li a {
  display: block;
  font-size: 20px;
  color: #1a1a1a;
  text-align: center;
}
.brands-content ul li a span {
  font-size: 12px;
}
.brands-content ul li a:hover {
  color: #d43031;
}

/*news-page*/
.news {
  padding: 130px 0;
}
@media (max-width: 640px) {
  .news {
    padding: 80px 0;
  }
}
.news-content .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.news-content .news__items {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.news-content .news__items li {
  width: 30%;
  height: 560px;
  margin-bottom: 70px;
  border: 1px solid #d9dbe4;
  border-radius: 20px;
  padding: 20px 0;
  margin-right: 5%;
}
.news-content .news__items li:nth-child(3n) {
  margin-right: 0;
}
.news-content .news__items li img {
  margin-bottom: 20px;
  border-radius: 20px;
}
.news-content .news__items li .news-box {
  width: 100%;
  padding: 0 35px;
}
.news-content .news__items li a.name {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #1a1a1a;
  line-height: 1.2;
  text-align: justify;
}
.news-content .news__items li a.name:hover {
  color: #d43031;
}
.news-content .news__items li .text {
  font-size: 14px;
  color: #a8a8aa;
  line-height: 1.4;
  text-align: justify;
}
.news-content .news__items li .bottom {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.news-content .news__items li .bottom .date {
  display: flex;
  align-items: center;
}
.news-content .news__items li .bottom .date p {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 300;
  color: #a8a8aa;
}
.news-content .news__items li .bottom .date img {
  margin-bottom: 0;
}
.news-content .news__items li .bottom a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #d43031 url(../images/arrow.png) no-repeat center;
  background-size: 40%;
}
.news-content .news-image {
  padding: 0 15px;
  width: 100%;
  display: block;
}

.article {
  padding: 130px 0;
  padding-bottom: 0;
}
@media (max-width: 640px) {
  .article {
    padding: 80px 0;
  }
}
.article-content {
  padding: 0 0 50px;
  color: #787878;
}
.article-flex {
  display: flex;
  flex-flow: row wrap;
  padding: 28px;
  border-radius: 15px;
  background: #FFFFFF;
}
.article-flex .head {
  width: 100%;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.article-flex .head-image {
  display: block;
  margin-right: 10%;
}
.article-flex .head-image img {
  display: block;
  border-radius: 10px;
  max-height: 400px;
}
.article-flex p {
  margin-bottom: 20px;
  font-size: 18px;
  color: #787878;
  line-height: 1.25;
  font-weight: 300;
}
.article-flex .span {
  font-weight: 400;
}
.article-flex .headline {
  max-width: 560px;
}
.article-flex .headline h2 {
  margin-bottom: 30px;
  font-size: 30px;
  color: #1a1a1a;
  line-height: 1.25;
}
.article-flex .headline p.headline-p {
  margin-bottom: 0;
}
.article-flex h2 {
  font-size: 21px !important;
  margin-bottom: 15px;
  color: #1a1a1a !important;
}
.article-flex strong, .article-flex h3 {
  color: #1a1a1a !important;
  margin-bottom: 5px;
}
.article-flex a {
  color: #d43031;
  text-decoration: underline;
}
.article-flex a:hover {
  text-decoration: none;
}
.article-flex ul {
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 30px;
}
.article-flex ol {
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 30px;
}
.article-flex li {
  margin-bottom: 0.7em;
  line-height: 1.625;
  font-weight: 400;
}
.article__full-text {
  max-width: 1024px;
  margin: 0 auto;
}
.article-sections {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.article-sections .article-section.side-effects {
  width: 530px;
}
.article-sections .article-section.eliminate {
  width: 740px;
}
.article-sections .article-section p.head {
  display: inline-block;
  width: auto;
  height: 45px;
  padding: 7px 30px;
  margin-bottom: 25px;
  background-color: #c0c0cf;
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}
.article-content blockquote {
  font-size: 18px;
  font-style: italic;
  color: #787878;
  margin: 3em 2.5em 2.5em;
  text-align: center;
}

/*
// .review
*/
.article-comments .review {
  display: flex;
  color: #2a2e2e;
}
.article-comments .review__avatar {
  flex-shrink: 0;
  margin-left: 16px;
  margin-right: 24px;
}
.article-comments .review__avatar img {
  width: 70px;
  border-radius: 1000px;
}
@media (min-width: 576px) and (max-width: 767px) {
  .article-comments .review__avatar {
    margin-right: 18px;
  }
  .article-comments .review__avatar img {
    width: 60px;
  }
}
.article-comments .review__author {
  margin-top: -4px;
  font-size: 16px;
}
.article-comments .review__rating {
  margin-top: 2px;
}
.article-comments .review__text {
  font-size: 16px;
  margin-top: 12px;
}
.article-comments .review__date {
  margin-top: 10px;
  color: #999;
  font-size: 14px;
}
.article-comments .review .photo {
  min-width: 200px;
  height: 230px;
}
.article-comments .review .photo img {
  width: auto;
  height: auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/*
// .reviews-list
*/
.reviews-list__content {
  list-style: none;
  padding: 0;
  margin: 0;
}

.reviews-list__item {
  border-bottom: 1px solid #ebebeb;
  padding-top: 28px;
  padding-bottom: 24px;
}

.reviews-list__item:first-child {
  padding-top: 0;
}

.reviews-list__pagination {
  margin-top: 36px;
}

@media (max-width: 767px) {
  .reviews-list__pagination {
    margin-top: 30px;
  }
}
/*
// .reviews-view
*/
.reviews-view__header {
  margin-bottom: 20px;
}

.reviews-view__form {
  margin-top: 40px;
  width: 50%;
  max-width: 600px;
}

@media (max-width: 575px) {
  .reviews-view__header {
    margin-bottom: 32px;
  }
  .reviews-view__form {
    margin-top: 30px;
    padding-top: 50px;
    width: 100%;
  }
  .btn-review {
    width: 100%;
  }
}
.btn-review {
  width: 48%;
  height: 55px;
  border-radius: 30px;
  font-family: "Stem", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #ffffff;
  background-color: #d43031;
  margin-bottom: 0;
}

.btn-review:hover {
  background-color: #c30a0c;
}

.form-group__flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/*
// .reviews-view
*/
.reviews-view__header {
  margin-bottom: 20px;
}

.reviews-view__form {
  margin-top: 40px;
  width: 50%;
  max-width: 600px;
}

@media (max-width: 575px) {
  .reviews-view__header {
    margin-bottom: 32px;
  }
  .reviews-view__form {
    margin-top: 30px;
    padding-top: 50px;
    width: 100%;
  }
  .btn-review {
    width: 100%;
  }
}
/*
// forms
*/
.form-group {
  margin-bottom: 1.5rem;
  color: #2a2e2e;
}

.form-check {
  padding-left: 1.5rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.1875rem;
  margin-left: -1.5rem;
}

@media (max-width: 767px) {
  .form-group {
    margin-bottom: 1.125rem;
  }
}
.form-control {
  border-radius: 2px;
  line-height: 1.25;
}

.form-control-sm {
  height: calc(1.875rem + 2px);
  line-height: 1.25;
  padding: 0.3125rem 0.5rem;
}

.form-control-lg {
  height: calc(2.75rem + 2px);
  line-height: 1.25;
}

.form-control:valid,
.form-control.is-valid,
.form-control:invalid,
.form-control.is-invalid {
  background-image: none;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.form-control::-ms-expand {
  display: none;
}

select.form-control,
select.form-control:valid,
select.form-control.is-valid,
select.form-control:invalid,
select.form-control.is-invalid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 10'%3E%3Cpath fill='%234d4d4d' d='M4.503,4 L0.497,4 C0.094,4 -0.142,3.492 0.089,3.122 L2.095,0.233 C2.293,-0.084 2.712,-0.084 2.911,0.233 L4.911,3.122 C5.142,3.492 4.906,4 4.503,4 ZM0.497,6 L4.503,6 C4.906,6 5.142,6.504 4.911,6.871 L2.905,9.737 C2.707,10.052 2.288,10.052 2.089,9.737 L0.089,6.871 C-0.142,6.504 0.094,6 0.497,6 Z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 5px 10px;
  background-position: right 0.75rem center;
  padding-right: calc(1.5rem + 5px);
}

select.form-control-sm,
select.form-control-sm:valid,
select.form-control-sm.is-valid,
select.form-control-sm:invalid,
select.form-control-sm.is-invalid {
  background-position: right 0.5rem center;
  padding-right: calc(1rem + 5px);
}

select.form-control-lg,
select.form-control-lg:valid,
select.form-control-lg.is-valid,
select.form-control-lg:invalid,
select.form-control-lg.is-invalid {
  background-position: right 1rem center;
  padding-right: calc(2rem + 5px);
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

textarea.form-control {
  height: auto;
}

.form-control::placeholder {
  color: #d3d3d3;
}

.choose-button {
  width: 48%;
  position: relative;
}

.choose-button input {
  width: 100%;
}

form .grey {
  background-color: #f5f6fa;
}

input.choose {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.choose + label {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 55px;
  padding: 0 40px;
  border-radius: 30px;
  font-family: Stem, sans-serif;
  font-size: 16px;
  color: #79797f;
  background-color: transparent;
  border: 1px solid #9da0ac;
  text-align: center;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.choose + label * {
  pointer-events: none;
}

.choose:focus + label,
.choose + label:hover {
  background-color: #d43031;
  color: #fff;
}
.choose:focus + label span,
.choose + label:hover span {
  color: #fff;
}

.contacts-block {
  color: #a8a8aa;
  font-size: 18px;
}
.contacts-block * {
  line-height: normal;
}
.contacts-block p {
  margin-bottom: 10px;
}
.contacts-block a {
  color: #d43031;
}
.contacts-block a:hover {
  color: #c30a0c;
  text-decoration: underline;
}
.contacts-block .icon-discuss {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  height: 18px;
}

.feedback-form {
  padding: 30px;
  margin: 20px 0 50px;
  border: 1px solid #cdd2de;
  border-radius: 5px;
  color: #1a1a1a;
  width: 100%;
  max-width: 500px;
}
.feedback-form h3 {
  margin-top: 0;
}
.feedback-form .input {
  background-color: transparent;
  border: 1px solid #a8a8aa;
  border-radius: 20px;
  color: #1a1a1a;
  font-size: 16px;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  outline: none;
  font-family: "Roboto Regular", sans-serif;
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
}
.feedback-form .input:focus {
  border-color: #d43031;
}
.feedback-form .textarea {
  height: 100px;
  padding: 10px 20px;
}
.feedback-form .btn {
  padding: 24px 28px;
  border-radius: 35px;
  background: #8E979F;
  font-family: "GetVoIP Grotesque";
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 400;
  line-height: 100%;
  color: #FFFFFF;
  text-align: center;
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
  padding: 15px 25px;
  font-size: 16px;
}
@media (max-width: 1260px) {
  .feedback-form .btn {
    font-size: 18px;
  }
}
.feedback-form .btn:hover {
  background: #262727;
}

.feedback__input {
  margin-top: 15px;
}

.g-recaptcha {
  margin-top: 2em;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 500;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: rgb(0, 63.96, 132.6);
  border-color: rgb(183.6, 218.04, 255);
  background-color: rgb(204, 228.6, 255);
}
.alert-primary hr {
  border-top-color: rgb(158.1, 204.84, 255);
}
.alert-primary .alert-link {
  color: rgb(0, 39.36, 81.6);
}

.alert-success {
  color: rgb(20.8, 86.84, 35.88);
  border-color: rgb(194.8, 230.36, 202.92);
  background-color: rgb(212, 237.4, 217.8);
}
.alert-success hr {
  border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.alert-success .alert-link {
  color: rgb(10.9449275362, 45.6950724638, 18.88);
}

.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  border-color: rgb(190.04, 228.96, 235.12);
  background-color: rgb(208.6, 236.4, 240.8);
}
.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}

.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  border-color: rgb(255, 237.64, 185.56);
  background-color: rgb(255, 242.6, 205.4);
}
.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}
.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}

.alert-danger {
  color: rgb(114.4, 27.56, 35.88);
  border-color: rgb(245.2, 198.44, 202.92);
  background-color: rgb(248, 214.6, 217.8);
}
.alert-danger hr {
  border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.alert-danger .alert-link {
  color: rgb(73.3010989011, 17.6589010989, 22.9898901099);
}

/*# sourceMappingURL=style.css.map */