*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/golos1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/golos3.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/golos4.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/fonts/golos2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}


body {
  line-height: 1;
  font-family: "Golos Text", sans-serif;
  overflow-x: hidden;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ul[class],
ol[class] {
  padding: 0;
  list-style: none;
}

input,
button,
select,
textarea {
  font: inherit;
}

a {
  text-decoration: none;
}

.hidden {display: none !important;}


.sliders .subslider-next, .sliders .subslider-prev, .sliders .sliders-slider-prev, .sliders .sliders-slider-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(calc(-50% - 24px));
  -ms-transform: translateY(calc(-50% - 24px));
  transform: translateY(calc(-50% - 24px));
  z-index: 1;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
}

.team-build-wrapper {
  font-size: 16px;
  color: #3B3B3B;
  font-weight: 400;
  
}

.blogs-wrapper{padding-bottom: 60px;}

.container {
  max-width: 1328px;
  padding: 0 30px;
  margin: 0 auto;
}

.header__nav {
  transition: .5s;
}

.banner-new {
  height: 100vh;
  position: relative;
  background: #0b0b0b;
  z-index: 10;
}
.banner-new--bg-img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-filter: brightness(60%);
  filter: brightness(60%);
  z-index: 1;

}
.banner-new--bg {
  opacity: 0.8;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 160px;
  z-index: 2;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.banner-new--bg-img video{
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.banner-new__content {
  position: relative;
  z-index: 3;
  max-width: 1298px;
  padding: 0 15px;
  margin: 0px auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 90px;
}
.banner-new__content-title {
  font-size: 64px;
  color: #fff;
  line-height: 125%;
  margin-bottom: 12px;
  font-weight: 600;
}
.banner-new__content-text {
  font-size: 24px;
  line-height: 125%;
  color: #fff;
  margin-bottom: 24px;
  font-weight: 400;
}
.banner-new__content-price {
  display: -webkit-box;
  display: -ms-flexbox;
  gap: 6px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin-bottom: 24px;
  font-size: 20px;
  line-height: 125%;
  color: #fff;
}
.banner-new__content-price span {
  font-size: 32px;
  font-weight: 600;
}
.banner-new__content-btn {
  width: 161px;
  height: 56px;
  border-radius: 100px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  padding: 15px;
  border: none;
  background-color: #705ABF;
  cursor: pointer;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  border: 1px solid #705ABF;
}
.banner-new__content-btn:hover {

  color: #705ABF;
  background-color: #fff;
}
.banner-new--icon {
  position: absolute;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}
.banner-new__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.banner-new__social-link {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgb(79, 79, 79);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.banner-new__social-link:hover {
  background-color: rgb(59, 59, 59);
}

.textbox-new {
  max-width: 1268px;
  margin: 56px auto;
  border-radius: 40px;
  background-color: #F2F2F2;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.textbox-new__img {
  border-radius: 16px;
  overflow: hidden;
  min-width: 246px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.textbox-new__img img {
  width: 100%;
  display: block;
}
.textbox-new__content {
  
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.textbox-new__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 24px;
  text-align: center;

}
.textbox-new__text {
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  line-height: 31px;
}

.video-new {
  max-width: 1268px;
  margin: 0 auto 80px;
  border-radius: 40px;
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.video-new img {
  display: block;
  width: 100%;
}
.video-new svg {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-new:hover svg circle {
  fill: #fff;
}
.video-new:hover svg path {
  fill: #705ABF;
}
.product-new__slider-wrapper {

}
.video-new span {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 20px 20px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.gallery {
  border-radius: 40px 40px 0 0;
  background: #F2F2F2;
  padding: 80px 0;
}
.gallery__title {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 56px;
}
.gallery__item {
  border-radius: 16px;
  overflow: hidden;
}
.gallery__inner--example1 {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  margin-bottom: 50px;
}
.gallery__inner--example1 .gallery__item:nth-child(2) {
  grid-column-start: span 2;
  grid-row-start: span 2;
}
.gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
}
.sliders__subslider-iten img {
  width:100%;
  border-radius: 10px;
}
.gallery__inner--example1 .gallery__item:nth-child(3) {
  grid-row-start: span 2;
}
.gallery__inner--example1 .gallery__item:nth-child(4) {
  grid-row-start: span 2;
}
.gallery__inner--example2 {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  margin-bottom: 50px;
}
.gallery__inner--example2 .gallery__item:nth-child(2) {
  grid-column-start: span 2;
  grid-row-start: span 2;
}
.gallery__inner--example3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.gallery__inner-column {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.gallery__inner--example3 .gallery__item:nth-child(2) {
  grid-column-start: span 2;
  grid-row-start: span 2;
}
.gallery__inner--example3 .gallery__item:nth-child(3) {
  grid-row-start: span 2;
}
.gallery .gallery__inner--example3 .gallery__item:nth-child(3) {
  opacity: 0;
  visibility: hidden;
}

.promo {
  height: 434px;
  margin-bottom: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.promo__content {
  max-width: 1050px;
  margin: 0 auto;
}
.promo__title {
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 24px;
  line-height: 100%;
  text-align: center;
}
.promo__text {
  border-radius: 10px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 125%;
  text-align: center;
}
.promo__link {
  display: block;
  width: 276px;
  margin: 32px auto 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  padding: 18px;
  border-radius: 100px;
  background-color: #705ABF;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  border: 1px solid #705ABF;
}
.promo__link:hover {
  background-color: #fff;
  color: #705ABF;
}

.sliders {
  padding-bottom: 80px;
  padding-top: 80px;
}
.sliders__title {
  text-align: center;
  color: #3B3B3B;
  font-size: 48px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 56px;
}
.sliders__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  max-width: 1050px;
  margin: 0 auto 28px;
}
.sliders__box:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.sliders__slider-container {
  max-width: 505px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  max-height: 378px;
}
.sliders__slider {
  max-width: 505px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 24px;
}
.sliders__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 505px;
  padding-top: 40px;
}
.sliders__content-title {
  padding-top: 24px;
  margin-bottom: 24px;
  font-size: 32px;
  color: #3B3B3B;
  font-weight: 600;
  line-height: 100%;
  position: relative;
}
.sliders__content-title::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 96px;
  height: 4px;
  background-color: #705ABF;
}
.sliders__content-text {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 125%;
}
.sliders__content ul {
  margin-left: 20px;
}
.sliders__content li {
    line-height: 21px;
    padding-bottom: 10px;
}
.sliders__content a {
    text-decoration: underline;
	color: #6d0ff2;
	
}
.sliders__slider-item {
  max-width: 505px;
  position: relative;
}
.sliders__slider-item img {
  display: block;
  width: 100%;
}
.sliders__slider-item span {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 20px 20px 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.sliders .sliders-slider-prev {
  left: -20px;
}
.sliders .sliders-slider-prev svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sliders .sliders-slider-next {
  right: -20px;
}
.sliders .swiper-button-disabled {
  display: none;
}
.sliders .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  border-radius: 100px;
  background-color: #E0E0E0;
  margin: 0 !important;
  opacity: 1;
  display: block;
}
.sliders .sliders-slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sliders .swiper-pagination-bullet-active {
  background-color: #000;
  opacity: 0.5;
}
.sliders__subslider-container {
  max-width: 396px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}
.sliders__subslider {
  max-width: 396px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 24px;
}

.sliders__box-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}
.sliders__box-one-module {
  padding: 40px;
  border-radius: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 16px;
}
.bot-item__img img {
  width: 100%;
  display: block;
}
.sliders .subslider-next {
  right: -20px;
}
.sliders .subslider-prev {
  left: -20px;
}
.sliders .subslider-prev svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sliders__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 505px;
}
.rounds-slider-item__img img {
  width: 100%;
  display: block;
}
.sliders .subslider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sliders__content-title1 {
  padding-top: 0;
}
.sliders__content-title1::before {
  display: none;
}
.sliders__params-title {
  font-weight: 600;
  line-height: 100%;
  font-size: 20px;
  padding: 16px 0;
  border-bottom: 1px solid #E0E0E0;
}
.sliders__params-item {
  padding: 8px 0;
  border-bottom: 1px solid #E0E0E0;
  font-size: 18px;
  border-bottom: 1px solid #E0E0E0;
}
.sliders__params-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #705ABF;
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  margin-top: 16px;
  cursor: pointer;
}
.sliders__price-box {
  padding-top: 48px;
  flex-grow: 1;
  max-width: 264px;
}
.slider__params-wrapper {
  flex-grow: 1;
  max-width: 474px;
}
.sliders__price {
  font-size: 18px;
  line-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
  align-items: flex-end;
  white-space: nowrap;
}
.sliders__price span {
  font-size: 24px;
  line-height: 100%;
  font-weight: 700;
}
.sliders__price-btn {
  width: 100%;
  display: block;
  margin-top: 16px;
  border-radius: 100px;
  padding: 18px 40px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  background-color: #705ABF;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  margin-bottom: 40px;
  border: 1px solid #705ABF;
  cursor: pointer;
}
.sliders__price-btn:hover {
  background-color: #fff;
  color: #705ABF;
}
.sliders__price-btn1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  color: #705ABF;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  white-space: nowrap;
}
.sliders__params {
  max-width: 458px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.sliders .btn-icon-1 {
  display: block;
}
.sliders .btn-icon-2 {
  display: none;
}
.sliders__info-box {
  position: relative;
}
.sliders .info-content {
  position: absolute;
  top: 30px;
  left: 0;
  width: 254px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  padding: 20px 20px 10px 20px;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.sliders .info-box--open .info-content {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}
.sliders .info-box--open .btn-icon-1 {
  display: none;
}
.sliders .info-box--open .btn-icon-2 {
  display: block;
}
.sliders .info-content__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 4px;
}
.sliders .info-content__list {
  margin-bottom: 10px;
}

.sliders1 {
  border-radius: 40px 40px 0 0;
  background-color: #F2F2F2;
}

.recommend {
  margin-top: 80px;
  margin-bottom: 80px;
}
.recommend__title {
  font-weight: 600;
  font-size: 32px;
  color: #3B3B3B;
  line-height: 100%;
  margin-bottom: 14px;
}
.recommend__items-wrapper {
  margin-bottom: 32px;
}
.recommend__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.recommend__item {
  border-radius: 100px;
  padding: 6px 12px;
  color: #705ABF;
  border: 1px solid #BDBDBD;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  -webkit-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  transition: 0.25s ease-in;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.recommend__item:hover {
  background-color: #705ABF;
  color: #fff;
}
.recommend__item--active {
  background-color: #705ABF;
  color: #fff;
  border-color: #705ABF;
}
.recommend .recommend-slider-prev svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.recommend .recommend-slider-prev, .recommend .recommend-slider-next {
  border-radius: 50%;
  background-color: #fff;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.recommend .recommend-slider-prev svg, .recommend .recommend-slider-next svg {
  display: block;
}
.recommend .recommend-slider-prev {
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.recommend .recommend-slider-next {
  position: absolute;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.recommend__slider-item {
  max-width: 287px;
  background-color: #fff;
}
.recommend__slider-wrapper {
  position: relative;
}
.recommend__slider {
  overflow: hidden;
}
.recommend__item-img {
  border-radius: 10px;
  overflow: hidden;
  max-width: 287px;
  margin-bottom: 20px;
}
.recommend__item-img img {
  display: block;
  width: 100%;
}
.recommend__item-title {
  font-size: 21px;
  line-height: 100%;
  font-weight: 600;
  color: #3B3B3B;
  margin-bottom: 8px;
  user-select: all;
  padding: 0 20px;
}
.recommend__item-text {
  font-size: 16px;
  color: #3B3B3B;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 8px;
  padding: 0 20px;
}
.recommend__item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  color: #3B3B3B;
  font-size: 16px;
  line-height: 100%;
  padding-left: 20px;
}
.recommend__item-price span {
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}
.recommend .swiper-button-disabled {
  display: none;
}
.recommend .recommend-slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 24px;
}
.recommend .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  border-radius: 100px;
  background-color: #E0E0E0;
  opacity: 1;
}
.recommend .swiper-pagination-bullet-active {
  background-color: #000;
  opacity: 0.5;
}

.links {
  margin-bottom: 56px;
}
.links__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.links__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 12px 6px 10px;
  color: #705ABF;
  font-size: 16px;
  font-weight: 600;
  border-radius: 100px;
  border: 1px solid #BDBDBD;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.links__link svg path {
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.links__link:hover {
  border-color: #705ABF;
  color: #fff;
  background-color: #705ABF;
}
.links__link:hover svg path {
  stroke: #fff;
}
.links__content {
  padding: 20px 0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.links__content-img {
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.links__content-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 4px;
  line-height: 1;
}
.links__content-text {
  font-size: 16px;
}
.links__textbox {
  margin-right: 40px;
}

.categ-links {
  margin-bottom: 80px;
}
.categ-links__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  margin-bottom: 56px;
}
.categ-links__inner {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.categ-links__item {
  position: relative;
  display: block;
  border-radius: 16px;
  overflow: hidden;
}
.categ-links__item img {
  display: block;
  width: 100%;
}
.categ-links__item span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 20px 20px 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.categ-links__item:nth-child(1) {
  grid-row-start: span 2;
}
.categ-links__item:nth-child(3) {
  grid-row-start: span 2;
}

.banner-bot {
  padding: 100px 15px;
  position: relative;
}
.banner-bot--img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.banner-bot--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.6);
}
.banner-bot__content {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  max-width: 832px;
  -webkit-column-rule: #fff;
  -moz-column-rule: #fff;
  column-rule: #fff;
  text-align: center;
}
.banner-bot__title {
  font-size: 48px;
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 20px;
  color: #fff;
}
.banner-bot__text {
  text-align: center;
  font-size: 20px;
  line-height: 125%;
  margin-bottom: 32px;
  color: #fff;
}
.banner-bot__link {
  padding: 18px 40px;
  background-color: #705ABF;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 1px solid #705ABF;
  color: #fff;
  display: inline-block;
}
.banner-bot__link:hover {
  color: #705ABF;
  background-color: #fff;
}

.sliders-popup {
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
}
.sliders-popup--open {
  opacity: 1;
  visibility: visible;
}
.sliders-popup__content {
  background-color: #fff;
  border-radius: 24px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 76px 40px 40px 40px;
  max-width: 100%;
  margin:  0px auto 0;
}
.sliders-popup__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.sliders-popup__close {
  padding: 16px;
  background-color: transparent;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  border: none;
}
.sliders-popup__close svg {
  display: block;
}
.sliders-popup .subslider-next, .sliders-popup .subslider-prev {
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.sliders-popup .sliders__subslider-container {
  max-height: 297px;
}

.parallax-container {
  background-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}

.mouse-icon {
  border: 2px solid #fff;
  border-radius: 16px;
  height: 40px;
  width: 24px;
  display: block;
  z-index: 10;
  opacity: 0.7;
}

.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
  animation-name: drop;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #fff;
  width: 2px;
  height: 6px;
  top: 4px;
  margin-left: auto;
  margin-right: auto;
}

@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: transparent;
  padding-top: 8px;
  z-index: 100;
}
.header--hide {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  max-width: 1268px;
  margin: 0 auto;
  padding: 13px 20px;
  /* -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px); */
}
.header .svg1 {
  display: block;
}
.header .svg2 {
  display: none;
}
.header__drop-head--mob {
  display: none !important;
}
.header__logo {
  display: block;
  max-width: 140px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.header__logo img {
  width: 100%;
  display: block;
}
.header__btn--active {
  background-color: #705ABF !important;
  border-color: #705ABF !important;
}
.header__btn--active span {
  color: #fff;
}
.header__search-btn--mob {
  display: none;
}
.header__phone--mob {
  display: none;
}
.header__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 16px 8px 12px;
  border-radius: 100px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  font-weight: 500;
  line-height: 16px;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
}
.header__btn span {
  white-space: nowrap;
}
.header__btn--active .svg1 {
  display: none !important;
}
.header__btn--active .svg2 {
  display: block !important;
}
.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}
.header__nav-link {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.header__input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  border-radius: 100px;
  background: #3B3B3B;
  padding: 8px 16px;
  max-width: 215px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__input {
  background-color: transparent;
  padding: 0;
  color: #fff;
  font-size: 14px;
  border: none;
  outline: none;
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: auto;
}
.header__input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.header__input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.header__input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.header__input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.header__input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.header__input-clean {
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  border: none;
  display: none;
}
.header__input-clean svg {
  display: block;
}
.header__phone-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__phone-link svg {
  display: block;
}
.header__phone-link span {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.header__drop {
  position: relative;
  max-width: 141px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.header__drop-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 12px 12px 16px;
  border-radius: 100px;
  background-color: #3B3B3B;
  color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.header__drop-head span {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.header__drop-content {
  position: absolute;
  top: 48px;
  right: 0;
  width: 270px;
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  z-index: 90;
}
.header__drop--show .header__drop-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
.header__drop--show .header__drop-head {
  background-color: #fff;
}
.header__drop--show .header__drop-head span {
  color: #3B3B3B;
}
.header__drop--show .header__drop-head svg path {
  stroke: #3B3B3B;
}
.header__drop--show .header__drop-head .arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.header__drop--show .header__drop-head .arrow path {
  stroke: #3B3B3B;
}
.header__drop-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
}
.header__drop-link span {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #3B3B3B;
}
.header .logo--active {
  display: none;
}

.drawer-menu {
  position: fixed;
  top: 79px;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
}
.drawer-menu--open {
  opacity: 1;
  visibility: visible;
}
.drawer-menu__content {
  background: rgba(242, 242, 242, 0.95);
  padding: 20px;
  padding-bottom: 30px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  margin-top: 8px;
}
.drawer-menu__tabs-wrapper {
  max-width: 344px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 16px;
  overflow-y: auto;
  height: 650px;
}
.drawer-menu__tabs-wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-menu__tabs-wrapper::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
.drawer-menu__tabs-wrapper::-webkit-scrollbar-thumb {
  background-color: #705ABF;
}
.drawer-menu__tab-item {
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.drawer-menu__tab-item span {
  margin: 0 auto 0 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #3B3B3B;
}
.drawer-menu__tab-item--active {
  background-color: #705ABF;
}
.drawer-menu__tab-item--active span {
  color: #fff;
}
.drawer-menu__tab-item--active svg path {
  stroke: #fff;
}
.drawer-menu__tabcontent-wrapper {
  max-width: 320px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 16px;
  overflow-y: auto;
  height: 650px;
}
.drawer-menu__tabcontent-wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-menu__tabcontent-wrapper::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
.drawer-menu__tabcontent-wrapper::-webkit-scrollbar-thumb {
  background-color: #705ABF;
}
.drawer-menu__tabcontent-title {
  font-size: 24px;
  line-height: 100%;
  color: #3B3B3B;
  font-weight: 600;
  margin-bottom: 8px;
  margin-left: 10px;
  margin-top: 8px;
}
.drawer-menu__tabcontent-item {
  padding: 10px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}

.drawer-menu__tabcontent-item--active {
  background-color: #705ABF;
}
.drawer-menu__tabcontent-item--active span {
  color: #fff !important;
}
.drawer-menu__tabcontent-item--active svg path {
  stroke: #fff;
}
.drawer-menu__tabcontent {
  display: none;
}
.drawer-menu__tabcontent--open {
  display: block !important;
}
.drawer-menu__sub-tabcontent-wrapper {
  max-width: 320px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 16px;
  overflow-y: auto;
  height: 650px;
}
.drawer-menu__sub-tabcontent-wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-menu__sub-tabcontent-wrapper::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
.drawer-menu__sub-tabcontent-wrapper::-webkit-scrollbar-thumb {
  background-color: #705ABF;
}
.drawer-menu .sub-tabcontent__title {
  font-size: 24px;
  line-height: 100%;
  color: #3B3B3B;
  font-weight: 600;
  margin-bottom: 8px;
  margin-left: 10px;
  margin-top: 8px;
}
.drawer-menu .sub-tabcontent__link {
  padding: 10px;
  border-radius: 4px;
  display: block;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #555555;
}
.drawer-menu .sub-tabcontent__link:hover {
  color: #fff;
  background-color: #705ABF;
}
.drawer-menu .sub-tabcontent {
  display: none;
}
.drawer-menu .sub-tabcontent--open {
  display: block;
}

.header--active .header__inner {
  background: rgba(242, 242, 242, 0.95);
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
}
.header--active .header__btn svg path {
  stroke: #fff;
}
.header--active .logo--active {
  display: block;
}
.header--active .logo {
  display: none;
}
.header--active .header__nav-link {
  color: #3B3B3B;
}
.header--active .header__input-box {
  background-color: #fff;
}
.header--active .header__input-box svg path {
  stroke: #3B3B3B;
}
.header--active .header__input {
  color: #3B3B3B;
}
.header--active .header__input::-webkit-input-placeholder {
  color: #3B3B3B;
}
.header--active .header__input::-moz-placeholder {
  color: #3B3B3B;
}
.header--active .header__input:-ms-input-placeholder {
  color: #3B3B3B;
}
.header--active .header__input::-ms-input-placeholder {
  color: #3B3B3B;
}
.header--active .header__input::placeholder {
  color: #3B3B3B;
}
.header--active .header__phone-link svg path {
  stroke: #3B3B3B;
}
.header--active .header__phone-link span {
  color: #3B3B3B;
}
.header--active .header__btn {
  background-color: #705ABF;
  border-color: #705ABF;
}





.swiper-slide {
  outline: none;
}

.header--scroll svg path {
  stroke: #3B3B3B;
}
.header--scroll .header__btn svg path {
  stroke: #fff;
}
.header--scroll .arrow path {
  stroke: #fff !important;
}
.header--scroll .header__inner {
  background: rgba(242, 242, 242, 0.95);
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
}
.header--scroll .logo--active {
  display: block;
}
.header--scroll .logo {
  display: none;
}
.header--scroll .header__nav-link {
  color: #3B3B3B;
}
.header--scroll .header__input-box {
  background-color: #fff;
}
.header--scroll .header__input-box svg path {
  stroke: #3B3B3B;
}
.header--scroll .header__input {
  color: #3B3B3B;
}
.header--scroll .header__input::-webkit-input-placeholder {
  color: #3B3B3B;
}
.header--scroll .header__input::-moz-placeholder {
  color: #3B3B3B;
}
.header--scroll .header__input:-ms-input-placeholder {
  color: #3B3B3B;
}
.header--scroll .header__input::-ms-input-placeholder {
  color: #3B3B3B;
}
.header--scroll .header__input::placeholder {
  color: #3B3B3B;
}
.header--scroll .header__phone-link svg path {
  stroke: #3B3B3B;
}
.header--scroll .header__phone-link span {
  color: #3B3B3B;
}
.header--scroll .header__btn {
  background-color: #705ABF;
  border-color: #705ABF;
}

.search {
  position: fixed;
  top: 79px;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
}
.search--open {
  opacity: 1;
  visibility: visible;
}
.search__content {
  border-radius: 16px;
  background: rgba(242, 242, 242, 0.95);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  max-width: 1268px;
  margin: 8px auto 0;
  padding: 20px;
}
.search__inner {
  height: 750px;
  position: relative;
  overflow: auto;
}
.search__inner::-webkit-scrollbar {
  width: 8px;
}
.search__inner::-webkit-scrollbar-track {
  background-color: Gray 5;
}
.search__inner::-webkit-scrollbar-thumb {
  background-color: #705ABF;
}
.search__categories {
  padding: 20px;
  border-radius: 16px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  position: sticky;
  top: 0;
}
.search__cat-link {
  white-space:nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #BDBDBD;
  padding: 6px 12px;
}
.search__cat-link .text {

  font-size: 14px;
  font-weight: 500;
}
.search__cat-link .quan {
  color: #BDBDBD;
  font-weight: 500;
  font-size: 14px;
}
.search__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
.search__item {
  width: 100%;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
}
.search__item-title, .search__item-price-box {
  padding: 0 16px;
}
.search__item img {
  overflow: hidden;
  margin-bottom: 16px;
  display: block;
  width: 100%;
}
.search__item-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #3B3B3B;
  margin-bottom: 12px;
}
.search__item-price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-size: 10px;
  font-weight: 600;
  font-size: 14px;
}
.search__item-price-box span {
  font-size: 14px;
  font-weight: 700;
}

.drawer-mobile__tabs-wrapper {
  position: fixed;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 110;
  opacity: 0;
  visibility: hidden;
}
.drawer-mobile__tabs-wrapper--visible {
  opacity: 1;
  visibility: visible;
}
.drawer-mobile__tabs-head {
  background: #705ABF;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.drawer-mobile__tabs-head span {
  font-size: 18px;
  font-weight: 600;
  color: #3B3B3B;
  margin-left: auto;
  color: #fff;
}
.drawer-mobile__close {
  padding: 4px;
  margin-left: auto;
  background-color: transparent;
  border: none;
}
.drawer-mobile__close svg {
  display: block;
}
.drawer-mobile__close svg path {
  stroke: #fff;
}
.drawer-mobile__tabs-parent {
  padding: 16px;
  height: calc(100vh - 56px);
  overflow-y: auto;
}
.drawer-mobile__tabs-parent::-webkit-scrollbar {
  width: 8px;
}
.drawer-mobile__tabs-parent::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
.drawer-mobile__tabs-parent::-webkit-scrollbar-thumb {
  background-color: #705ABF;
}
.drawer-mobile__tab {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.drawer-mobile__tab span {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #3B3B3B;
  margin-left: 8px;
  margin-right: auto;
}
.drawer-mobile__tabs-content-items--wrapper {
  height: calc(100vh - 146px);
  padding: 16px;
  overflow: auto;
}
.drawer-mobile__tabs-content-items--wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-mobile__tabs-content-items--wrapper::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
.drawer-mobile__tabs-content-items--wrapper::-webkit-scrollbar-thumb {
  background-color: #705ABF;
}
.drawer-mobile__tabs-content-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  z-index: 111;
  display: none !important;
}
.drawer-mobile__tabs-content-head {
  padding: 12px 16px;
  background: -webkit-gradient(linear, left top, right top, from(#E7EFFE), to(#FEF0F3));
  background: -o-linear-gradient(left, #E7EFFE 0%, #FEF0F3 100%);
  background: linear-gradient(90deg, #E7EFFE 0%, #FEF0F3 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.drawer-mobile__tabs-content-head span {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin: 0 auto;
}
.drawer-mobile__tabs-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
}
.drawer-mobile__tabs-content-item span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #3B3B3B;
}
.drawer-mobile__tabs-content-close {
  width: 32px;
  height: 32px;
}
.drawer-mobile__tabs-content-close svg {
  width: 100%;
  display: block;
}
.drawer-mobile__tabs-subcontent {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: none !important;
  z-index: 111;
}
.drawer-mobile__tabs-subcontent-head {
  padding: 14px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-gradient(linear, left top, right top, from(#E7EFFE), to(#FEF0F3));
  background: -o-linear-gradient(left, #E7EFFE 0%, #FEF0F3 100%);
  background: linear-gradient(90deg, #E7EFFE 0%, #FEF0F3 100%);
}
.drawer-mobile__tabs-subcontent-head span {
  font-size: 18px;
  font-weight: 600;
  color: #3B3B3B;
  margin: 0 auto;
}
.drawer-mobile__tabs-subcontent-head button {
  display: block;
}
.drawer-mobile__links-wrapper {
  height: calc(100vh - 56px);
  padding: 16px;
}
.drawer-mobile__links-wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-mobile__links-wrapper::-webkit-scrollbar-track {
  background-color: #E0E0E0;
}
.drawer-mobile__links-wrapper::-webkit-scrollbar-thumb {
  background-color: #705ABF;
}
.drawer-mobile__link {
  padding: 10px;
  display: block;
  font-size: 16px;
  color: #3B3B3B;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.drawer-menu-content-open {
  display: block !important;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.drawer-menu-subcontent-open {
  display: block !important;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 112;
}

.bot-bar {
  position: fixed;
  bottom: 8px;
  padding: 0 8px 0px;
  left: 0;
  right: 0;
  z-index: 20;
  display: none;
}
.bot-bar__inner {
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05), 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05), 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding: 0 16px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bot-bar__service-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: none;
  height: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
  color: #fff;
}
.bot-bar__service-btn span {
  font-size: 11px;
  font-weight: 600;
}
.bot-bar svg path {
  stroke: #fff;
}
.bot-bar__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: none;
  height: 56px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: transparent;
}
.bot-bar__link span {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
}

.bot-bar--scroll .bot-bar__inner {
  background: rgba(242, 242, 242, 0.95);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05), 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05), 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.bot-bar--scroll svg path {
  stroke: #3B3B3B;
}
.bot-bar--scroll span {
  color: #3B3B3B;
}

.drawer-mobile__tabs-content-btn,
.drawer-mobile__tabs-content-close,
.tabs-subcontent-head__btn-back,
.drawer-mobile__tabs-subcontent-head {
  background-color: transparent;
  border: none;
}
.drawer-mobile__tabs-content-btn svg path,
.drawer-mobile__tabs-content-close svg path,
.tabs-subcontent-head__btn-back svg path,
.drawer-mobile__tabs-subcontent-head svg path {
  stroke: #fff;
}

.drawer-mobile__tabs-content-head, .drawer-mobile__tabs-subcontent-head {
  background: #705ABF;
}
.drawer-mobile__tabs-content-head span, .drawer-mobile__tabs-subcontent-head span {
  color: #fff;
}

.search-mobile {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 110;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
}
.search-mobile--show {
  opacity: 1;
  visibility: visible;
}
.search-mobile__head {
  padding: 12px 16px;
  background-color: #705ABF;
  text-align: center;
  position: relative;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.search-mobile__head span {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.search-mobile .input-box__wrapper {
  background-color: #F2F2F2;
  padding: 16px;
}
.search-mobile__btn-close {
  position: absolute;
  right: 16px;
  background-color: transparent;
  padding: 4px;
  border: none;
}
.search-mobile__input-box {
  border-radius: 100px;
  background-color: #fff;
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.search-mobile__input-box svg {
  display: block;
}
.search-mobile__input {
  margin-right: auto;
  border: none;
  outline: none;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
}
.search-mobile__btn-clean {
  padding: 0;
  border: none;
  background-color: transparent;
  display: none;
}
.search-mobile__categories {
  padding: 16px 0;
  background-color: #fff;
  width: 100vw;
  overflow-x: auto;
}
.search-mobile__categories-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  margin-left: 16px;
}
.search-mobile__items {
  padding: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.search-mobile__items .search__item {
  padding: 12px;
}
.search-mobile__inner {
  display: none;
}
.search-mobile__items-wrapper {
  height: calc(100vh - 56px - 72px - 124px);
  overflow-y: auto;
  padding-bottom: 100px;
  background-color: #F2F2F2;
}

.footer {
  padding: 56px 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(109, 15, 242, 0.1)), to(rgba(109, 15, 242, 0.1))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), #705ABF;
  background: -o-linear-gradient(bottom, rgba(109, 15, 242, 0.1) 0%, rgba(109, 15, 242, 0.1) 100%), -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), #705ABF;
  background: linear-gradient(0deg, rgba(109, 15, 242, 0.1) 0%, rgba(109, 15, 242, 0.1) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), #705ABF;
}
.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer__logo {
  max-width: 150px;
  display: block;
  margin-bottom: 16px;
}
.footer__logo img {
  display: block;
  width: 100%;
}
.footer__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.footer__contact-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}
.footer__contact-link span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer__link {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #fff;
}



/** add */

.modal_header{
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 30px;
}

.banner__content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 100px;
}
.banner__controls {
  margin-bottom: auto;
}
.banner__social-item {
  position: relative;
}
.banner__social-item:hover img {
  opacity: 1;
  visibility: visible;
}
.banner__social-item img {
  position: absolute;
  top: 66px;
  left: 0;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  opacity: 0;
  visibility: hidden;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 105px;
  margin-bottom: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.breadcrumbs__link {
  font-size: 14px;
  color: #FFFFFF;
  opacity: 0.5;
}
.breadcrumbs svg {
  opacity: 0.5;
}

.popup-form {
  position: fixed;
  z-index: 60;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.popup-form--show {
  opacity: 1;
  visibility: visible;
}
.popup-form__form {
  position: relative;
  background-color: #F2F2F2;
  border-radius: 24px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  width: 396px;
  padding: 56px 24px 40px;
  max-height: 532px;
  margin-top: 200px;
}
.popup-form__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin-bottom: 16px;
  text-align: center;
}
.popup-form__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
  color: #3B3B3B;
  margin-bottom: 24px;
  text-align: center;
}
.popup-form__dropdown {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
}
.popup-form__close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 16px;
  border: none;
  background-color: transparent;
}
.popup-form__close svg path {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.popup-form__close:hover svg path {
  stroke: #000;
}
.popup-form .dropdown__head {
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
}
.popup-form .dropdown__head span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}
.popup-form__input {
  padding: 16px;
  height: 48px;
  border-radius: 16px;
  background-color: #fff;
  width: 100%;
  display: block;
  border: none;
  margin-bottom: 8px;
  outline: none;
}
.popup-form__input::-webkit-input-placeholder {
  font-weight: 600;
}
.popup-form__input::-moz-placeholder {
  font-weight: 600;
}
.popup-form__input:-ms-input-placeholder {
  font-weight: 600;
}
.popup-form__input::-ms-input-placeholder {
  font-weight: 600;
}
.popup-form__input::placeholder {
  font-weight: 600;
}
.popup-form__btn {
  border-radius: 100px;
  background-color: #705ABF;
  padding: 17px 70px;
  color: #fff;
  font-weight: 600;
  line-height: 20px;
  font-size: 18px;
  border: none;
  cursor: pointer;
  margin-top: 16px;
  margin-bottom: 16px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  border: 1px solid #705ABF;
  width: 100%;
}
.popup-form__btn:hover {
  color: #705ABF;
  background-color: #fff;
}
.popup-form__text1 {
  max-width: 300px;
  font-size: 13px;
  color: #3B3B3B;
  opacity: 0.8;
  line-height: 125%;
}
.popup-form__text1 a {
  text-decoration: underline;
}
.popup-form .dropdown__list {
  position: absolute;
  top: 46px;
  left: 0;
  right: 0;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  opacity: 0;
  visibility: hidden;
}
.popup-form__dropdown--open .dropdown__list {
  top: 56px;
  opacity: 1;
  visibility: visible;
}
.popup-form__dropdown--open .head-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.popup-form .dropdown__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.popup-form .dropdown__item-text {
  font-size: 16px;
  line-height: 150%;
  color: #3B3B3B;
}
.popup-form .dropdown__item-checkbox {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #BDBDBD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.popup-form .dropdown__item-checkbox span {
  background-color: #705ABF;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: none;
}
.popup-form .dropdown__item--active .dropdown__item-checkbox {
  border-color: #705ABF;
}
.popup-form .dropdown__item--active .dropdown__item-checkbox span {
  display: block;
}

#popup_order_form_surname, #cart_surname{
  display: none;
}

@media (max-width: 768px) {
  .banner__controls {
    padding-bottom: 190px;
  }
}

@media (max-width: 600px) {
  .banner__social-item img  {
    display: none;
  }
}



.parallax-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 80px;
}

.promo {
  margin-bottom: 0;
}

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

.parallax-bg {
  position: absolute;
  height: 900px;
  z-index: 1;
  left: 0;
  right: 0;
  top: -70%;
  background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



.banner-bot {
  position: relative;
  height: 450px;
  overflow: hidden;
}

.banner-bot--img {
  position: absolute;
  height: 900px;
  z-index: 1;
  left: 0;
  right: 0;
  top: -70%;
  background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



/** add */

@media (max-width: 1350px) {
  .gallery__inner--example2 {
    grid-template-rows: 1fr 1fr !important;
  }

  .gallery video {
    height: 100%;
  }
}

@media (max-width: 1200px) {
  .qwerty-link {
    display: none !important;
  }
  .header {
    margin: 0px 8px;
  }
  .header__btn {
    display: none;
  }
  .header__nav {
    display: none;
  }
  .header__input-box {
    display: none;
  }
  .header__phone-link {
    display: none;
  }
  .header__drop-head--desc {
    display: none;
  }
  .header__drop-head--mob {
    display: block !important;
    background-color: transparent;
    padding: 4px !important;
  }
  .header__drop {
    max-width: 32px;
  }
  .header__phone--mob {
    display: block;
    padding: 4px;
    margin-right: 16px;
    min-width: 32px;
    max-width: 32px;
    white-space: nowrap;
    overflow: hidden;
  }
  .header__search-btn--mob {
    display: block;
    padding: 4px;
    margin-left: auto;
    margin-right: 16px;
    background-color: transparent;
    border: none;
  }
  .bot-bar {
    display: block;
  }
}
@media (max-width: 991px) {
  .footer {
    padding-bottom: 70px;
  }
  .footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 1300px) {
  .textbox-new {
    margin: 56px 30px;
  }
  .video {
    margin: 0 30px 80px;
  }
  .sliders__subslider-container {
    max-width: 300px;
  }
  .sliders__subslider-iten {
    max-width: 300px;
  }
  .sliders__subslider-iten img {
    width: 100%;
  }
  .recommend .recommend-slider-prev {
    left: -10px;
  }
  .recommend .recommend-slider-next {
    right: -10px;
  }
  .recommend__item-title {
    font-size: 20px;
    padding: 0;
  }
  .recommend__item-text {
    padding: 0;
  }
  .recommend__item-price {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .banner__content {
    padding: 0 33px;
  }
  .banner__content-title {
    font-size: 56px;
  }
  .sliders {
    padding: 64px 0;
  }
  .sliders__slider-container {
    max-width: 332px;
  }
  .sliders__box {
    margin-bottom: 40px;
  }
  .sliders__title {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .sliders__content {
    padding-top: 32px;
  }
  .sliders__content-title {
    font-size: 28px;
    padding-top: 16px;
    margin-bottom: 16px;
  }
  .sliders__content-text {
    font-size: 16px;
  }
  .sliders ul {
    font-size: 16px;
  }
  .sliders .subslider-next, .sliders .subslider-prev {
    display: none;
  }
  .sliders__box-one-module {
    padding: 32px;
  }
  .sliders__box-one {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 0;
  }
  .sliders__subslider-container {
    max-width: 400px;
  }
  .sliders__subslider-iten {
    max-width: 400px;
  }
  .sliders__content-title {
    margin-bottom: 12px;
  }
  .sliders__params-title {
    font-size: 18px;
    padding: 9px 0;
  }
  .sliders__params-item {
    padding: 6px 0;
    font-size: 16px;
  }
  .sliders__price-box {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    padding: 0;
  }
  .recommend .recommend-slider-next, .recommend .recommend-slider-prev {
    display: none;
  }
  .promo {
    margin-bottom: 64px;
  }
  .categ-links {
    margin-bottom: 64px;
  }
  .categ-links__title {
    font-size: 32px;
    margin-bottom: 40px;
    line-height: 100%;
  }
  .categ-links__item span {
    padding: 32px 16px 16px 16px;
    font-size: 16px;
  }
}
@media (max-width: 850px) {
  .sliders__subslider-container {
    max-width: 300px;
  }
  .sliders__params-link {
    margin-bottom: 24px;
  }
  .sliders__price-box span {
    font-size: 20px;
    white-space: normal;
  }
  .sliders__price {
    font-size: 16px;
  }
  .sliders__price-btn {
    margin-bottom: 20px;
    max-width: 229px;
  }
}
@media (max-width: 768px) {
  .banner-new__content-title {
    font-size: 32px;
    color: #fff;
    line-height: 125%;
    margin-bottom: 12px;
    font-weight: 600;
  }
  .textbox-new {
    padding: 32px;
    margin: 56px 30px;
  }
  .textbox-new__img {
    min-width: 192px;
  }
  .textbox-new__title {
    font-size: 32px;
    margin-bottom: 16px;
  }
  .gallery {
    padding: 64px 0;
  }
  .gallery__title {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .banner-bot__title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 20px;
  }
  .banner-bot__text {
    font-size: 18px;
  }
}
@media (max-width: 700px) {
  .textbox-new {
    padding: 16px 16px 24px 16px;
    border-radius: 24px;
  }
  .sliders {
    padding: 40px 0 20px;
  }
  .sliders__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
  .sliders__box:nth-child(odd) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sliders__content {
    padding-top: 0;
  }
  .sliders .sliders-slider-prev, .sliders .sliders-slider-next {
    display: none;
  }
  .sliders__content-text {
    margin-bottom: 20px;
  }
  .sliders__content-title {
    font-size: 24px;
  }
  .sliders__slider-container {
    max-width: 600px;
  }
  .sliders__box-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .categ-links__title {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .categ-links__inner {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .categ-links__item:nth-child(3) {
    -ms-grid-column: 2;
    grid-column-start: 2;
  }
  .categ-links__item:nth-child(4) {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
  }
  .categ-links__item:last-child {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 3;
    grid-row-start: 3;
  }
}

#CalltouchWidgetFrame{
  z-index: 50 !important;
  inset: auto 30px 30px auto !important;
}

.b24-widget-button-position-bottom-right {
  right: 55px !important;
  bottom: 160px !important;
  z-index: 50 !important;
}
.b24-widget-button-shadow{
  z-index: 49 !important;
}

@media (max-width: 600px) {
  .container {
    padding: 0 15px;
  }
  .banner__content {
    padding: 0 15px;
  }
  .banner__content-title {
    font-size: 32px;
    line-height: 100%;
  }
  .banner__content-text {
    font-size: 18px;
    margin-bottom: 16px;
  }
  .banner__content-price span {
    font-size: 24px;
  }
  .textbox-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    margin: 40px 15px;
  }
  .textbox-new__title {
    padding-top: 0;
    font-size: 28px;
  }
  .textbox-new__img {
    min-width: 250px;
  }
  .textbox-new__text {
    font-size: 16px;
  }
  .video {
    margin: 0 15px 64px;
  }
  .gallery {
    padding: 40px 0;
  }
  .gallery__title {
    font-size: 28px;
    line-height: 100%;
    margin-bottom: 32px;
  }
  .gallery .gallery__inner--example1, .gallery .gallery__inner--example2,
  .gallery .gallery__inner--example3 {
    gap: 8px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .gallery .gallery__inner--example1 .gallery__item:last-child, .gallery .gallery__inner--example2 .gallery__item:last-child,
  .gallery .gallery__inner--example3 .gallery__item:last-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .sliders__title {
    font-size: 28px;
  }
  .sliders__subslider-container {
    max-width: 600px;
  }
  .sliders__subslider {
    max-width: 600px;
  }
  .sliders__subslider-iten {
    max-width: 600px;
  }
  .sliders__box-one-module {
    border-radius: 24px;
    padding: 16px;
    padding-bottom: 24px;
  }
  .sliders__price-btn1 {
    font-size: 16px;
  }
  .sliders__price-btn {
    padding: 12px 40px;
  }
  .sliders__params-link {
    font-size: 16px;
  }
  .recommend__title {
    font-size: 24px;
  }
  .links__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 20px;
  }
  .banner--bg-img {
    width: 100%;
  }
  .banner--bg-img video {
    height: 100%;
  }

  .b24-widget-button-position-bottom-right {
    right: 20px !important;
    bottom: 85px !important;
    z-index: 50 !important;
  }
  .b24-widget-button-position-bottom-right.active {
    bottom: 160px !important;
  }
  .b24-widget-button-shadow {
    z-index: 49 !important;
  }
  #CalltouchWidgetFrame{
    bottom: 60px !important;
    z-index: 50 !important;
    left: unset !important;
    right: -100px !important;
  }
  #CalltouchWidgetFrame.active{
    right: 0 !important;
  }
}

.video {
  position: relative;
}

.video--bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.video__video {
  width: 100%;
  height: 100%;
  display: block;
}

.is-active span {
  display: none;
}

.is-active svg {
  display: none;
}

.is-active .video--bg {
  display: none;
}

.sliders__params {
  padding-right: 10px;
}

.sliders__params::-webkit-scrollbar {
  width: 8px;
}

.sliders__params::-webkit-scrollbar-track {
  background-color: darkgrey;
}

.sliders__params::-webkit-scrollbar-thumb {
  background-color: #706EB8;
}

@media (max-width: 768px) {
  .sliders-popup__content {

    padding: 50px 17px;
    margin: 100px auto 0;
    max-height: 620px;

  }

  .sliders-popup__inner {
    flex-direction: column;
    gap: 20PX;
  }

  .sliders-popup .sliders__params {
    max-height: 300px;
  }
}

.links__content-img img {
  width: 120px;
  height: 68px;
}

.sliders__subslider {
  max-width: 396px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  max-height: 302px;
}

.gallery__inner--example2 {

  grid-template-rows: 228px 228px;

}


.gallery__inner--example3 .gallery__inner-column:nth-child(1) .gallery__item {
  max-width: 285px;
}

.video img {

  height: 100%;
}

.gallery__inner--example3 .gallery__inner-column:nth-child(2) .gallery__item {
  max-width: 595px;
}

@media (max-width:1400px){
  .drawer-menu__content {
    padding-bottom:0;

  }
  .search__inner {
    height: 660px;

  }
}

.info-content__list li {
  padding-bottom:7px;
}

.form__captcha img{
  margin-bottom: 8px;
}

.form__captcha{
  gap: 10px;
  display: none;
}

.footer__copyright {
  color: #fff;
}

@media (max-width:768px){
  .gallery__inner--example2 {
    grid-template-rows: 147px 196px;
  }
}

@media (min-width:768px){
  .textbox-new__img {
    max-width:250px;
  }
}

@media (max-width:768px){
  .sliders-popup .sliders__params {
    max-height: 245px;
    overflow: auto;
  }
}






*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ul[class],
ol[class] {
  padding: 0;
  list-style: none;
}

input,
button,
select,
textarea {
  font: inherit;
}

a {
  text-decoration: none;
}

.hover-images-box {
  position: relative;
}

.hover-gallery-img {
  display: none;
}

.hover-gallery-img.active {
  display: block;
}

.hover-gallery {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  padding: 7px;
}

.hover-gallery-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
}

.hover-gallery-dots {
  position: absolute;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

.hover-gallery-item-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
}

.hover-gallery-item-dot.active {
  width: 12px;
  background-color: #002BDC;
  border-radius: 100px;
}

.recommend__item {
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

body {
  font-family: "Golos Text", sans-serif;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  color: #3B3B3B;
}

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

.container {
  max-width: 1298px;
  margin: 0 auto;
  padding: 0 15px;
}

.banner-cat {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 515px;
}

.banner-cat__title-new {
  margin-top: 84px;
}

@media (max-width:600px) {
  .banner-cat__title-new {
    margin-top:70px;
  }
}
.banner-cat--img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.banner-cat--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 0.7;
  background: #000;
}
.banner-cat__content {
  position: relative;
  z-index: 3;
  max-width: 1298px;
  padding: 0 15px;
  margin: 0 auto;
}
.banner-cat__title {
  font-size: 64px;
  font-weight: 600;
  line-height: 125%;
  color: #fff;
  margin-bottom: 24px;
}
.banner-cat__content-btn {
  padding: 18px 24px;
  border-radius: 100px;
  color: #fff;
  background-color: #705ABF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.banner-cat__content-btn span {
  line-height: 20px;
  font-size: 18px;
}
.banner-cat__content-btn:hover {
  background-color: #B99AD9;
}

.breadcrumbs-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 125px;
  margin-bottom: 175px;
}
.sub-screen .breadcrumbs-cat {
  margin-bottom: 65px;
}
.breadcrumbs-cat a, .breadcrumbs-cat span {
  font-size: 14px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.7);
}

.main-layer {
  position: relative;
  z-index: 4;
  margin-top: 480px;
}

.benefits-cat {
  padding: 56px 0;
  background-color: #fff;
  border-radius: 40px 40px 0 0;
}
.benefits-cat__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.benefits-cat__item {
  padding: 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 320px;
}

.benefits-cat__item:first-child {
  border-left: none;
  padding-left: 0;
}
.benefits-cat__item:last-child {
  padding-right: 0;
  border-right: none;
}
.benefits-cat__item-text {
  line-height: 20px;
  font-weight: 500;
}

.cat-links {
  padding: 32px 0;
  background-color: #F2F2F2;
}

.cat-links-new {
  margin-bottom: 0 !important;
  padding-bottom: 80px !important;
}

.cat-links-new-padding {
  padding-bottom: 0px !important;
}

.cat-links__inner {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.cat-links__link {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.cat-links img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.cat-links__link .text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 125px;
  color: #fff;
  padding: 80px 20px 20px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 3;
}
.cat-links__link--hover {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.cat-links__link--hover span {
  color: #fff;
  padding: 10px 16px;
  border-radius: 100px;
  border: 2px solid #fff;
  font-weight: 600;
}
.cat-links__link:hover .cat-links__link--hover {
  opacity: 1;
  visibility: visible;
}

.sub-links {
  background-color: #fff;
  padding: 56px 0;
}
.sub-links__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.sub-links__item {
  max-width: 412px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.sub-links__item img {
  display: block;
  width: 100%;
}
.sub-links .decor {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 5px 8px;
  border-radius: 100px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}
.sub-links .violet {
  background-color: #705ABF;
}
.sub-links .red {
  background-color: #F23322;
}
.sub-links .yellow {
  background-color: #F2B807;
  color: #6D0FF2;
}
.sub-links__item-text {
  position: absolute;
  bottom: 12px;
  right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 6px 6px 6px 12px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 100px;
}
.sub-links__item-text span {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 16px;
  font-size: 16px;
}

.form {
  height: 431px;
  position: relative;
  padding: 80px 0;
}
.form--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
}
.form--img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.form__content {
  position: relative;
  z-index: 3;
  max-width: 692px;
  margin: 0 auto;
}
.form__content-title {
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 40px;
}
.form__content-text {
  margin-bottom: 40px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 125%;
}
.form__input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}
.form input {
  max-width: 342px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  border: none;
  outline: none;
}
.form input::-webkit-input-placeholder {
  opacity: 0.6;
}
.form input::-moz-placeholder {
  opacity: 0.6;
}
.form input:-ms-input-placeholder {
  opacity: 0.6;
}
.form input::-ms-input-placeholder {
  opacity: 0.6;
}
.form input::placeholder {
  opacity: 0.6;
}
.form__content-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form__btn {
  color: #fff;
  background-color: #705ABF;
  padding: 17px 40px;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid #705ABF;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.form__btn:hover {
  color: #705ABF;
  background-color: #fff;
}
.form__footer-text {
  font-size: 13px;
  line-height: 125%;
  color: #fff;
  opacity: 0.8;
}
.form__footer-text a {
  text-decoration: underline;
}

.sections {
  background-color: #fff;
  padding: 80px 0;
}
.sections__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-bottom: 56px;
}
.sections__item-gallery {
  max-width: 614px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.sections__gallery-img1 {
  width: 100%;
}
.sections__gallery-img1 img {
  width: 100%;
  display: block;
}
.sections__item-content {
  max-width: 614px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 40px;
}
.sections__item-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 24px;
}
.sections__item-text {
  margin-bottom: 16px;
}
.sections__item-gallery--grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 224px 224px;
  grid-template-rows: 224px 224px;
  gap: 16px;
}
.sections__gallery-grid-img:first-child {
  grid-row-start: span 2;
}
.sections__content-btn {
  color: #705ABF;
  font-weight: 500;
}
.sections__content-list li {
  padding-left: 20px;
  position: relative;
}
.sections__content-list li::before {
  position: absolute;
  top: -4px;
  left: 5px;
  content: ".";
  font-weight: 700;
}
.sections__item-gallery--grid1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 224px 224px;
  grid-template-rows: 224px 224px;
  gap: 16px;
}
.sections__item-gallery--grid1 .sections__gallery-grid-img:nth-child(1) {
  grid-row-start: span 1;
}
.sections__item-gallery--grid1 .sections__gallery-grid-img:nth-child(2) {
  grid-row-start: span 2;
}
.sections__item:last-child {
  margin-bottom: 0;
}
.sections__content-btn--mobile {
  display: none;
}

.catalog {
  background-color: #F2F2F2;
  padding: 32px 0 56px;
}
.catalog .top-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}
.catalog .top-links__item {
  max-width: 304px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.catalog .top-links__item img {
  display: block;
  width: 100%;
}
.catalog .numbers {
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 6px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  z-index: 2;
}
.catalog .numbers span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.catalog .top-links__item .text {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 48px 12px 12px 12px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}

.catalog__filters-link {
  padding: 6px 12px;
  border-radius: 100px;
  border: 1px solid #BDBDBD;
  color: #3B3B3B;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}
.catalog__filters {
  max-width: 1230px;
  overflow-x: auto;
}
.catalog__filters-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.catalog__filters-link {
  white-space: nowrap;
}

.listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.listing__item1:hover .cat-links__link--hover {
  opacity: 1;
  visibility: visible;
}
.listing__sidebar {
  padding: 20px;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border-radius: 16px;
  background-color: #fff;
}
.listing__sidebar-container {
  max-width: 305px;
  min-width: 305px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.listing__sidebar-link {
  padding: 10px 0 10px 28px;
  display: block;
  line-height: 20px;
  position: relative;
}
.listing__sidebar-link:hover {
  color: #705ABF;
}
.listing .main-link::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../images/arrow-left.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.listing .current-link {
  color: #705ABF;
}
.listing__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.listing__content-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 16px;
}
.listing__filter {
  position: relative;
  min-width: 260px;
}
.listing__filter-head {
  border-radius: 100px;
  background-color: #3B3B3B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 12px 12px 16px;
  cursor: pointer;
  max-width: 171px;
}
.listing__filter-head span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.listing__items {
  display: -ms-grid;
  display: grid;
  gap: 35px 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 32px;
  max-width: 929px;
}
.listing__item {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.listing__item-img img {
  display: block;
  width: 100%;
}
.listing__item-content {
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  background-color: #fff;
}
.listing__item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%;
  height: 40px;
  overflow: hidden;
}
.listing__item-price {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 4px;
}
.listing__item-price span {
  line-height: 16px;
  font-size: 16px;
  font-weight: 600;
}
.listing__item {
  position: relative;
}
.listing__item:hover .hover-images-box {
  visibility: visible;
}
.listing .hover-images-box {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  visibility: hidden;
}
.listing .hover-gallery-img {
  width: 100%;
  height: 230px;
}
.listing .hover-gallery-dots {
  bottom: 26px;
  gap: 4px;
}
.listing .hover-gallery-item-dot {
  min-width: 24px;
  height: 4px;
  background-color: #E0E0E0;
  border-radius: 100px;
}
.listing .hover-gallery-item-dot.active {
  background-color: #705ABF;
}
.listing__item .hover-text {
  position: absolute;
  right: 10px;
  bottom: 57px;
  z-index: 3;
  padding: 8px 8px 8px 16px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.listing__item .hover-text span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}
.listing__filter-content {
  background-color: #fff;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  padding: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  position: absolute;
  top: 48px;
  left: 0;
  z-index: 5;
  min-width: 260px;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  visibility: hidden;
}
.listing__filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.listing .filter-item__checkbox {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #BDBDBD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.listing .filter-item__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.listing .filter-item--active .filter-item__checkbox {
  border-color: #705ABF;
}
.listing .filter-item--active .filter-item__checkbox span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #705ABF;
}
.listing .filter--open .listing__filter-head svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.listing .filter--open .listing__filter-head svg path {
  stroke: #705ABF;
}
.listing .filter--open .listing__filter-content {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}
.listing__btn {
  display: block;
  max-width: 204px;
  padding: 16px 40px;
  border-radius: 100px;
  margin: 0 auto 20px;
  border: 2px solid #705ABF;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  color: #705ABF;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
.listing__btn:hover {
  color: #fff;
  background-color: #705ABF;
}
.listing__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.listing__pagination__link {
  font-weight: 500;
  font-size: 14px;
}
.listing__pagination .active-link {
  border-radius: 100px;
  background-color: #705ABF;
  color: #fff;
}
.listing__pagination svg {
  display: block;
}
.listing__pagination a {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 40px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.listing__pagination .disable svg path {
  stroke: #BDBDBD;
}
.listing__top {
  display: none;
}

@media (max-width: 1200px) {
  .product-new__image-box-container .big-slider__item {
    max-height: initial;
  }
  .catalog__top-links {
    gap: 15px;
  }
  .listing__sidebar-container {
    display: none;
  }
  .listing__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .listing__top-link {
    /* min-width: 40px;
    max-width: 40px; */
    position: relative;
    height: 40px;
    border-radius: 16px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .listing__top-link svg {
    display: block;
  }
  .listing__top-menu {
    border-radius: 16px;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow-x: auto;
    max-width: calc(100vw - 30px - 80px - 16px);
  }
  .listing__top-menu::-webkit-scrollbar {
    width: 6px;
    height: 0px;
    visibility: hidden;
  }
  .listing__top-menu::-webkit-scrollbar-track {
    background-color: darkgrey;
    border-radius: 16px;
    overflow: hidden;
  }
  .listing__top-menu::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 16px;
  }
  .listing__menu-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 0 8px;
  }
  .listing .menu-inner__link {
    white-space: nowrap;
    padding: 10px 0;
    font-weight: 500;
  }
  .listing .menu-inner__link:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
  }

  .listing .menu-inner__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
  }
  .listing .menu-inner__link--active {
    color: #705ABF;
  }
}
@media (max-width: 991px) {
  .main-layer {
    margin-top: 456px;
  }
  .banner-cat__title {
    font-size: 48px;
  }
  .benefits-cat__item:first-child {
    padding-right: 16px;
  }
  .benefits-cat__item:last-child {
    padding-left: 16px;
  }
  .benefits-cat__item {
    align-items: center;
    text-align: center;
  }
  .benefits-cat__item-text {
    font-size: 14px;
  }
  .cat-links .text {
    padding: 48px 12px 12px 12px;
    height: initial;
  }
  .cat-links__link--hover span {
    padding: 6px 12px;
    font-size: 14px;
  }
  .sub-links {
    padding-top: 24px;
  }
  .sub-links .container {
    max-width: 991px;
    overflow-x: auto;
    padding-bottom: 15px;
  }
  .sub-links__item {
    min-width: 244px;
  }
  .sub-links__item .decor {
    top: 8px;
    left: 8px;
    font-size: 12px;
  }
  .sub-links__item-text {
    bottom: 8px;
    right: 8px;
  }
  .sub-links__item-text span {
    font-size: 12px;
    white-space: nowrap;
    font-weight: 500;
  }
  .form {
    padding-right: 15px;
    padding-left: 15px;
  }
  .form__content-text {
    text-align: center;
  }
  .sections__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .catalog .top-links__container {
    max-width: 991px;
    overflow-x: auto;
    margin-bottom: 10px;
  }
  .catalog .top-links {
    margin-bottom: 15px;
  }
  .catalog .top-links__item {
    min-width: 235px;
  }
  .listing__item:hover .hover-images-box {
    visibility: hidden;
  }
  .listing__filter {
    display: none;
  }
  .sub-links .container {
    padding: 0 0 15px !important;
  }

}
@media (max-width: 768px) {
  .catalog__filters-new {
    display: none !important;
  }
  .catalog .top-links {
    margin-bottom: 15px !important;
    margin-top: 15px;
    margin-left: 15px;
  }
  .catalog .top-links__container {
    margin-bottom: 0 !important;
  }
  .cat-links-new {
    padding: 32px 0 !important;
  }
  .cat-links-new-padding {
    padding: 32px 0 0 0 !important;
  }
  .sub-links {
    padding: 24px 0!important;
  }
  .catalog {
    padding-top: 5px !important;
  }
  .sections {
    padding: 40px 0;
  }
  .sections__item-gallery--grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .sections__item-gallery--grid1 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .sections__item img {
    width: 100%;
    height: 100%;
  }
  .sections__item {
    gap: 24px;
    margin-bottom: 40px;
  }
  .sections__item:nth-child(3) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .sections__item-content {
    padding-top: 0;
  }
  .sections__item-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .sections__item-text {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .listing__items {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .listing__item-content {
    padding: 12px 16px 16px 16px;
  }
  .listing__item-title {
    font-size: 14px;
    height: 36px;
    line-height: 125%;
  }
}
@media (max-width: 600px) {
  .main-layer {
    margin-top: 376px;
  }
  .breadcrumbs {
    margin-top: 80px;
    margin-bottom: 40px;
  }
  .banner {
    height: 400px;
  }
  .banner-cat__content {
    padding: 0;
  }
  .banner-cat__title {
    font-size: 32px;
  }
  .main-layer {
    margin-top: 350px;
  }
  .benefits-cat {
    padding: 24px 16px 32px;
  }
  .benefits .container {
    padding: 0;
  }
  .benefits-cat__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .benefits-cat__item {
    max-width: 100%;
    padding: 0;
    border: none;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px 0;
    flex-direction: row !important;
  }
  .benefits-cat__item p {
    text-align: start !important;
  }
  .benefits-cat__item:first-child {
    padding-right: 0;
  }
  .benefits-cat__item:last-child {
    padding-left: 0;
  }
  .cat-links .text {
    font-size: 14px;
    line-height: 17px;
  }
  .cat-links__inner {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .form {
    padding: 56px 15px;
    height: 460px;
  }
  .form__content-title {
    font-size: 28px;
    line-height: 100%;
    margin-bottom: 24px;
  }
  .form__content-text {
    font-size: 16px;
    margin-bottom: 24px;
  }
  .form__input-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form input {
    max-width: 100%;
  }
  .form__content-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
  .listing__items {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 500px) {
  .listing__items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .menu-inner__link {
    font-size: 14px;
  }
}

a.recommend__item {
  height: initial;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .gallery__inner--example2 {
    grid-template-columns: none;
  }

  .video-new {
    margin: 0 15px 40px;
  }

  .banner-new__content {
    height: 100%;
    padding-top: 30px;
  }

  .breadcrumbs {
    margin-bottom: 140px;
  }
}

.banner-new__social-item {
  position: relative;
}

.banner-new__social-item img {
  position: absolute;
  top: 60px;
  left: 0;
  display: none;
}

.banner-new__social-item:hover img {
  display: block;
  width: 150px;
}

@media (max-width: 600px) {
  .banner-new__social-item:hover img {
    display: none;
  }

}


.popup-menu__mobile {
  position: fixed;
  z-index: 60;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.popup-menu__mobile--show {
  opacity: 1;
  visibility: visible;
}
.popup-menu__mobile__content {
  position: relative;
  background-color: #F2F2F2;
  border-radius: 24px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  width: 396px;
  padding: 56px 24px 40px;
  max-height: 472px;
  margin-top: 200px;
}





.popup-sort__mobile {
  position: fixed;
  z-index: 60;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.popup-sort__mobile--show {
  opacity: 1;
  visibility: visible;
}
.popup-sort__mobile__content {
  position: relative;
  background-color: #F2F2F2;
  border-radius: 24px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  width: 396px;
  padding: 56px 24px 40px;
  max-height: 472px;
  margin-top: 200px;
}

.popup-sort__close svg {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #705ABF;
}

.breadcrumbs-cat__inner {
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumbs-cat span {
  white-space: nowrap;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background-color: rgb(212, 207, 207);
  border-radius: 5px;
}

body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #706EB8;
}

.listing__sidebar-container {
  position: relative;
}

.listing__sidebar {
  position: sticky;
  top: 90px;
}

@media (max-width: 600px) {
  .breadcrumbs-cat {
    max-width: 350px;
    padding-right: 10px;
    overflow-x: auto;
    padding-top: 90px;
  }

  .sub-screen .breadcrumbs-cat {
    margin-bottom: 40px;
  }

  .breadcrumbs-cat__link span {
    white-space: nowrap;
  }

  .cat-links-cat__link:hover .cat-links__link--hover {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .breadcrumbs-cat1 {
    margin-top: 0px;
  }

  .cat-links__link--hover {
    display: none;
  }

  .listing__top-link-item {
    position: relative;
  }

  .listing .menu-inner__link:last-child {
    padding-right: 10px;
  }

  .listing__item-content {
    gap: 20px;
  }

  .banner-cat {
    height: 395px;
  }
}

.listing__item-img img {
  display: block;
  width: 100%;
  height: 170px;
}

.listing {
  margin-top: 15px;
}

@media (max-width: 850px) {
  .listing__item-img img {
    height: 155px;
  }
}

@media (max-width: 768px) {
  .listing__item-img img {
    height: 95px;
  }


  .listing {
    margin-top: 0px;
  }

  .listing__top-link  {
    min-height: 44px;
  }
}

@media (max-width: 500px) {
  .listing__item-img img {
    height: 125px;
  }
}

@media (max-width: 450px) {
  .listing__item-img img {
    height: 110px;
  }
}

.popup-menu__mobile__content {
  position: relative;
}
.popup-menu__mobile__content svg{
  position: absolute;
  top:15px;
  right:15px;
}

.popup-menu__mobile-item {
  display: inline-block;
}

.popup-menu__close {
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.catalog__filters::-webkit-scrollbar {
  height: 8px;
  border-radius: 8px;
}
.catalog__filters::-webkit-scrollbar-track {
  background-color: #E0E0E0;
  border-radius: 8px;
}
.catalog__filters::-webkit-scrollbar-thumb {
  background-color: #b8b4b4;
  border-radius: 8px;
}

/* -------------- */
.catalog__filters {
  overflow: hidden;
  max-width: 1250px !important;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  height: 45px;
  position: absolute;
  top: 200px;
  left: 15px;
  right: 15px;
  z-index: 7;
  padding: 15px;
  transition: .15s;
  border-radius: 16px;
  padding-right: 25px;
}

.container {
  position: relative;
}



.catalog__filters-link {
  max-height: 30px;
}

.catalog__filters:hover {
  height: var(--filter-height);
  background-color: #fff;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
}

.catalog__filters-new::after {
  content: '';
  position: absolute;
  z-index: 7;
  top: 15px;
  right: 10px;
  width: 24px;
  height: 24px;
  transition: .15s;
  background-image: url(../images/chevron-down.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.arrow-hide::after {
  display: none;
}



.filter-content2__btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}

.filter-content2__items {
  margin-right: -15px;
  height: 250px;
  overflow-y: auto;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.filter-content2__item {
  line-height: 18px;
}

.filter-content2__items::-webkit-scrollbar {
  width: 5px;
  border-radius: 4px;
}
.filter-content2__items::-webkit-scrollbar-track {
  background-color: #E0E0E0;
  border-radius: 4px;
}
.filter-content2__items::-webkit-scrollbar-thumb {
  background-color: #705ABF;
  border-radius: 4px;
}

.drawer-mobile svg  {
  display: block;
}

.drawer-mobile__tabs-content-items {
  padding-bottom: 100px;
}


@media (max-width: 768px) {
  .sliders__price-box {
    padding-top: 24px;
  }

  .banner-new__content-text {
    font-size: 18px;
  }
}

.banner-cat--bg {
  background: #0000007d;
}

.section__textbox {
  height: 190px;
  transition: .15s;
  overflow: hidden;
}

.section__textbox ul {
  margin-left: 20px;
  margin-top: 15px;
}

.sections__gallery-grid-img {
  border-radius: 10px;
  overflow: hidden;
}

.sections__gallery-img1 {
  border-radius: 10px;
  overflow: hidden;
}

.video-new {
  position: relative;
}

.video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: none;
}

.video-active {
  border-radius: 0;
}

.video-active span {
  background: transparent;
}

.video-active video {
  border-radius: 0;
}

.video-new-mobile {
  display: none;
}

.benefits-cat__item .icon {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  padding: 8px;
  border-radius: 50%;
  background:  linear-gradient(200deg, #6D0FF2 29.24%, #B99AD9 100.47%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.benefits-cat__item {
  flex-direction: column;
}

.benefits-cat__item-text {
  text-align: center;
}

@media (max-width: 1920px) {
  .video-new-desk {
    display: none;
  }

  .video-new-mobile {
    display: block;
  }
}


@media (max-width: 991px) {


  .benefits-cat__item .icon {
    margin: 0 !important;
  }

  .product-new .product-pagination-bar {
    padding-top: 24px;
  }
}

.benefits-cat__item-text a {
  text-decoration: underline;
  color: #6d0ff2;
}





@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot");
  src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"), url("../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot");
  src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"), url("../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/ProximaNovaSemiBold/ProximaNovaSemiBold.eot");
  src: url("../fonts/ProximaNovaSemiBold/ProximaNovaSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaSemiBold/ProximaNovaSemiBold.woff") format("woff"), url("../fonts/ProximaNovaSemiBold/ProximaNovaSemiBold.ttf") format("truetype");
  font-weight: 600;
}
.mobile-nav__phone, .links__inner, .recommend-new__items, .header-mid__link, .header-mid__btn--mobile, .header-mid__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.complect-popup__slider-box, .product-new__slider-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.drawer-menu__content, .header-bot__inner, .header-mid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
}

.header-top__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}


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

.container {
  max-width: 1298px;
  padding: 0 15px;
  margin: 0 auto;
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 21;
}
.header--hide {
  top: -168px;
}

.header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 0 20px;
}
.header-top__nav-link {
  color: #3B3B3B;
}
.header-top__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.header-top__contacts svg {
  display: block;
}
.header-top__contacts-phone {
  font-weight: 600;
  color: #000;
  font-size: 16px;
}

.header-mid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-mid__logo {
  max-width: 197px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.header-mid__logo img {
  width: 100%;
}
.header-mid__btn {
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px 8px 12px;
  background-color: #6C70AC;
  border: 1px solid #6C70AC;
  color: #fff;
  line-height: 1;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
/* .header-mid__btn--active .svg1 {
  display: none !important;
}
.header-mid__btn--active .svg2 {
  display: block !important;
} */
.header-mid__btn svg path {
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.header-mid__btn:hover {
  background-color: #fff;
  color: #6C70AC;
}
.header-mid__btn:hover svg path {
  stroke: #6C70AC;
}
.header-mid__btn .svg1 {
  display: block;
}
.header-mid__btn .svg2 {
  display: none;
}
.header-mid__btn--mobile {
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px 8px 12px;
  background-color: #6C70AC;
  border: 1px solid #6C70AC;
  color: #fff;
  line-height: 1;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  display: none;
}
.header-mid__btn--mobile--active .svg1 {
  display: none !important;
}
.header-mid__btn--mobile--active .svg2 {
  display: block !important;
}
.header-mid__btn--mobile svg path {
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.header-mid__btn--mobile:hover {
  background-color: #fff;
  color: #6C70AC;
}
.header-mid__btn--mobile:hover svg path {
  stroke: #6C70AC;
}
.header-mid__btn--mobile .svg1 {
  display: block;
}
.header-mid__btn--mobile .svg2 {
  display: none;
}
.header-mid__input-box {
  max-width: 664px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 5px;
  border: 1px solid #6C70AC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  background-color: #fff;
}
.header-mid__input-box input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: transparent;
  padding: 0;
  border: none;
  outline: none;
  color: rgba(0, 0, 0, 0.6);
}
.header-mid__link {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 188px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px 8px 12px;
  background-color: #EF5DAB;
  color: #fff;
  line-height: 1;
  border-radius: 5px;
  border: 1px solid #EF5DAB;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.header-mid__link svg path {
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.header-mid__link:hover {
  background-color: #fff;
  color: #EF5DAB;
}
.header-mid__link:hover svg path {
  stroke: #EF5DAB;
}
.header-mid__search-btn {
  padding: 8px;
  border-radius: 5px;
  background-color: #fff;
  display: none;
}
.header-mid__mobile-menu-btn {
  display: none;
}
.header-mid .header-top__contacts {
  display: none;
}

.header-bot {
  padding: 22px 0 5px;
  overflow-x: auto;
}
.header-bot::-webkit-scrollbar {
  height: 8px;
}
.header-bot::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.header-bot::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
}
.header-bot__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 14px;
  color: #3B3B3B;
  font-weight: 600;
  white-space: nowrap;
}
.header-bot__link svg {
  display: block;
}
.drawer-menu--open {
  opacity: 1;
  visibility: visible;
}

.drawer-menu__tabs-wrapper {
  max-width: 344px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 16px;
  overflow-y: auto;
  height: 672px;
}
.drawer-menu__tabs-wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-menu__tabs-wrapper::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.drawer-menu__tabs-wrapper::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
}
.drawer-menu__tab-item {
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.drawer-menu__tab-item span {
  margin: 0 auto 0 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #3B3B3B;
}

.drawer-menu__tab-item--active span {
  color: #fff;
}
.drawer-menu__tab-item--active svg path {
  stroke: #fff;
}
.drawer-menu__tabcontent-wrapper {
  max-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 16px;
  overflow-y: auto;
  height: 680px;
}
.drawer-menu__tabcontent-wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-menu__tabcontent-wrapper::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.drawer-menu__tabcontent-wrapper::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
}
.drawer-menu__tabcontent-title {
  font-size: 24px;
  line-height: 100%;
  color: #3B3B3B;
  font-weight: 600;
  margin-bottom: 8px;
  margin-left: 10px;
  margin-top: 8px;
}
.drawer-menu__tabcontent-item {
  padding: 10px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  position: relative;
}


.drawer-menu__tabcontent-item--active span {
  color: #fff;
}
.drawer-menu__tabcontent-item--active svg path {
  stroke: #fff;
}
.drawer-menu__tabcontent {
  display: none;
}
.drawer-menu__tabcontent--open {
  display: block !important;
}
.drawer-menu__sub-tabcontent-wrapper {
  max-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 16px;
  overflow-y: auto;
  height: 680px;
}
.drawer-menu__sub-tabcontent-wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-menu__sub-tabcontent-wrapper::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.drawer-menu__sub-tabcontent-wrapper::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
}
.drawer-menu .sub-tabcontent__title {
  font-size: 24px;
  line-height: 100%;
  color: #3B3B3B;
  font-weight: 600;
  margin-bottom: 8px;
  margin-left: 10px;
  margin-top: 8px;
}
.drawer-menu .sub-tabcontent__link {
  padding: 10px;
  border-radius: 4px;
  display: block;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #555555;
}
.drawer-menu .sub-tabcontent__link:hover {
  color: #fff;
}
.drawer-menu .sub-tabcontent {
  display: none;
}
.drawer-menu .sub-tabcontent--open {
  display: block;
}

.breadcrumbs {
  padding: 24px 0;
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.breadcrumbs a {
  font-size: 14px;
  color: #9A9A9A;
  font-weight: 600;
}
.breadcrumbs span {
  font-size: 14px;
  color: #9A9A9A;
  font-weight: 600;
}

.recommend-new {
  padding: 80px 0;
  margin-top: 80px;
  margin-bottom: 80px;
  background-color: #F2F2F2;
  border-radius: 40px 40px 0px 0px;
}
.recommend-new__title {
  font-weight: 600;
  font-size: 32px;
  color: #3B3B3B;
  line-height: 100%;
  margin-bottom: 24px;
}
.recommend-new__items-wrapper {
  margin-bottom: 32px;
}
.recommend-new__items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.recommend-new__item {
  border-radius: 100px;
  padding: 6px 12px;
  color: #705ABF;
  border: 1px solid #BDBDBD;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
}
.recommend-new__item:hover {
  background-color: #705ABF;
  color: #fff;
}
.recommend-new__item--active {
  background-color: #705ABF;
  color: #fff;
  border-color: #705ABF;
}
.recommend-new .recommend-slider-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.recommend-new .recommend-slider-prev, .recommend-new .recommend-slider-next {
  border-radius: 50%;
  background-color: #fff;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.recommend-new .recommend-slider-prev svg, .recommend-new .recommend-slider-next svg {
  display: block;
}
.recommend-new .recommend-slider-prev {
  position: absolute;
  top: 50%;
  left: -20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
.recommend-new .recommend-slider-next {
  position: absolute;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
.recommend-new__slider-item {
  max-width: 305px;
}
.recommend-new__slider-wrapper {
  position: relative;
}
.recommend-new__slider {
  overflow: hidden;
}
.recommend-new__item-img {
  border-radius: 10px;
  overflow: hidden;
  max-width: 305px;
  margin-bottom: 16px;
}
.recommend-new__item-img img {
  display: block;
  width: 100%;
}
.recommend-new__item-title {
  font-size: 18px;
  line-height: 100%;
  font-weight: 600;
  color: #3B3B3B;
  margin-bottom: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0 20px;
}
.recommend-new__item-text {
  font-size: 14px;
  color: #3B3B3B;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 12px;
  padding: 0 20px;
}
.recommend-new__item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  color: #3B3B3B;
  font-size: 18px;
  line-height: 100%;
  padding: 0 20px;
  font-weight: 600;
}
.recommend-new__item-price span {
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
}
.recommend-new .swiper-button-disabled {
  display: none;
}
.recommend-new .recommend-slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 24px;
}
.recommend-new .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  border-radius: 100px;
  background-color: #E0E0E0;
  opacity: 1;
}
.recommend-new .swiper-pagination-bullet-active {
  background-color: #000;
  opacity: 0.5;
}

.similar {
  margin: 48px 0 56px;
}
.similar .container {
  max-width: 1328px;
}
.similar__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin-left: 15px;
  text-align: center;
  margin-bottom: 10px;
}
.similar__slider {
  overflow: hidden;
  padding: 20px 15px;
}
.similar__slider-item {
  max-width: 305px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 20px;
}
.similar__item-img {
  max-width: 287px;
  margin-bottom: 20px;
  position: relative;
}
.similar__item-img img {
  display: block;
  width: 100%;
}
.similar__item-title {
  padding: 0 20px 8px;
  font-size: 16px;
  color: #3B3B3B;
  font-weight: 500;
  line-height: 100%;
  height: 48px;
}
.similar__item-subtext {
  font-size: 14px;
  font-weight: 400;
  color: #828282;
  line-height: 100%;
  margin-bottom: 8px;
  padding: 0 20px;
}
.similar__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 4px;
  font-size: 14px;
  padding: 0 20px;
  color: #3B3B3B;
}
.similar__price span {
  font-size: 16px;
  font-weight: 600;
}
.similar .similar-slider-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.similar .similar-slider-prev, .similar .similar-slider-next {
  border-radius: 50%;
  background-color: #fff;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.similar .similar-slider-prev svg, .similar .similar-slider-next svg {
  display: block;
}
.similar .similar-slider-prev {
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
.similar .similar-slider-next {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
.similar__slider-wrapper {
  position: relative;
}
.similar .swiper-button-disabled {
  display: none;
}
.similar .similar-slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 24px;
}
.similar .swiper-pagination-bullet {
  width: 24px;
  height: 4px;
  border-radius: 100px;
  background-color: #E0E0E0;
  opacity: 1;
}
.similar .swiper-pagination-bullet-active {
  background-color: #000;
  opacity: 0.5;
}

.complect-item__img {
  cursor: pointer;
}

.product-new__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin-bottom: 24px;
}
.product-new__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.product-new__slider-wrapper {
  position: relative;
  max-width: 614px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}


.product-new .product-recommend__item img {
  filter: brightness(95%);
}

.product-new__slider-box--sticky {
  position: sticky;
  top: 90px;
}

.product-new__content {
  max-width: 614px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.product-new__complect-box {
  padding: 30px 40px 30px 40px;
  border-radius: 16px;
  background-color: #fff;
  margin-bottom: 0px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
}
.recommend-new {
  margin-top: 40px;
}
.product-new__complect-articul {
  
  color: #828282;
}
.product-new .complect-item {
  padding: 16px 0;
  border-top: 1px solid #E0E0E0;
}
.product-new .complect-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-new .complect-item__img {
  border-radius: 5px;
  margin-right: 20px;
  width: 60px;
  display: block;
  height: 45px;
}
.product-new .complect-item__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 16px;
  cursor: pointer;
  max-width: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
  min-width: 248px;
}
.product-new .complect-item__link {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 102px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 10px 15px;
  background-color: #705ABF;
  height: 40px;
  border-radius: 100px;
  text-align: center;
  border: 1px solid #705ABF;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.product-new .complect-item__link:hover {
  color: #705ABF;
  background-color: #fff;
}
.product-new .complect-item__content-row-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.product-new .complect-item__content-row-title span {
  line-height: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #3B3B3B;
}
.product-new .complect-item__content-row-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-new .complect-item__price-box {
  padding-right: 6px;
  margin-right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  font-size: 14px;
  line-height: 100%;
  color: #3B3B3B;
}
.product-new .complect-item__price-box span {
  font-size: 16px;
  font-weight: 700;
}
.product-new .complect-item__content-row1 {
  color: #828282;
}
.product-new .product-recommend {
  overflow: hidden;
  position: relative;
  margin-top: 40px;
}
.product-new .product-recommend__item {
  max-width: 139px;
  background-color: #fff;
}
.product-new .product-recommend__item img {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  border-radius: 12px;
}
.product-new .product-recommend__title {
  color: #3B3B3B;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 10px;
  padding: 0 12px;
  font-size: 14px;
}
.product-new .product-recommend__price-box {
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3B3B3B;
  font-size: 14px;
  padding: 0 12px;
  line-height: 17px;
}
.product-new .product-recommend__price-box span {
  font-weight: 700;
}
.product-new__video-item {
  max-width: 614px;
  position: relative;
  border-radius: 40px;
  overflow: hidden;
  display: block;
}
.product-new__video-item .video-poster {
  width: 100%;
  display: block;
}
.product-new__video-item .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.product-new__video-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product-new__video-btn {
  padding-right: 12px;
  padding-left: 12px;
  line-height: 16px;
  font-size: 16px;
  color: #828282;
  font-weight: 600;
  border-right: 1px solid #BDBDBD;
}
.product-new__video-btn:last-child {
  border: none;
}
.product-new__video-btn--active {
  color: #3B3B3B;
}
.product-new__complect-big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-top: 1px solid #E0E0E0;
}
.product-new__complect-big div {
  max-width: 428px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.product-new__complect-big div a {
  display: inline-block;
  color: #705ABF;
  font-size: 16px;
  font-weight: 600;
}
.product-new__complect-big div a:hover {
  text-decoration: underline;
}
.product-new__complect-big h6 {
  font-size: 18px;
  color: #3B3B3B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 6px;
  margin-bottom: 8px;
}
.product-new__complect-big h6 span {
  font-size: 24px;
  font-weight: 700;
}
.product-new__complect-big p {
  font-size: 16px;
  color: #828282;
  margin-bottom: 8px;
  max-width: 320px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 125%;
}
.product-new__complect-big > a {
  padding: 17px 40px;
  max-height: 56px;
  border-radius: 100px;
  background-color: #705ABF;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  border: 1px solid #705ABF;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.product-new__complect-big > a:hover {
  background-color: #fff;
  color: #705ABF;
}

.complect-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 50;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  opacity: 0;
  visibility: hidden;
}
.complect-popup--open {
  opacity: 1;
  visibility: visible;
}
.complect-popup--open .complect-popup__content {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.complect-popup__content {
  border-radius: 10px;
  background-color: #fff;
  padding: 40px;
  max-width: 694px;
  margin: 120px auto;
  position: relative;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.complect-popup__scrolling {
  max-height: 600px;
  overflow-y: auto;
  padding-right: 15px;
}
.complect-popup__scrolling::-webkit-scrollbar {
  width: 6px;
  border-radius: 5px;
}
.complect-popup__scrolling::-webkit-scrollbar-track {
  background-color: #F2F2F2;
  border-radius: 5px;
}
.complect-popup__scrolling::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
  border-radius: 5px;
}
.complect-popup__content--close {
  position: absolute;
  top: -16px;
  right: -16px;
}
.complect-popup__slider-box {
  margin-bottom: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: center;
}
.complect-popup__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin-bottom: 24px;
}
.complect-popup__price-box {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #E0E0E0;
}
.complect-popup__text {
  margin-top: 24px;
  font-size: 16px;
  line-height: 125%;
  color: #3B3B3B;
}
.complect-popup__price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.complect-popup__price-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  padding-right: 8px;
  font-size: 14px;
  gap: 4px;
  color: #3B3B3B;
}
.complect-popup__price-item span {
  font-size: 18px;
  font-weight: 700;
}
.complect-popup__price-item:last-child {
  border: none;
}

.prod-info {
  margin-bottom: 48px;
}
.prod-info__title {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
}
.prod-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px dashed #E0E0E0;
}
.prod-info__inner {
  max-width: 1050px;
}
.prod-info__prop {
  padding: 12px 0;
  max-width: 525px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 16px;
  color: #000;
}
.prod-info__value {
  padding: 12px 0;
  max-width: 525px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 16px;
  color: #828282;
}
.prod-info__link {
  display: inline-block;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  color: #6C70AC;
}

.prod-desc {
  margin-bottom: 48px;
}
.prod-desc__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin-bottom: 20px;
}
.prod-desc p {
  font-size: 16px;
  line-height: 125%;
  max-width: 1050px;
  margin-bottom: 16px;
}
.prod-desc__link {
  color: #6C70AC;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
}

.oplata__title {
  font-size: 32px;
  color: #3B3B3B;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 32px;
}
.oplata__item {
  padding: 20px 20px 20px 52px;
  border-radius: 16px;
  max-width: 1048px;
  position: relative;
  background-color: #F2F2F2;
  margin-bottom: 8px;
}
.oplata__item::before {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url(../images/icons/check.svg);
}
.oplata__item-title {
  font-size: 16px;
  line-height: 125%;
  color: #3B3B3B;
  font-weight: 600;
  margin-bottom: 8px;
}
.oplata__item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  color: #3B3B3B;
  margin-bottom: 8px;
}
.oplata__item-price span {
  font-size: 16px;
  font-weight: 700;
}
.oplata__text {
  color: #828282;
}

.links {
  margin-bottom: 56px;
}
.links__inner {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.links__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px 6px 10px;
  color: #6C70AC;
  font-size: 16px;
  font-weight: 600;
  border-radius: 100px;
  border: 1px solid #BDBDBD;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.links__link svg path {
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.links__link:hover {
  border-color: #6C70AC;
  color: #fff;
  background-color: #6C70AC;
}
.links__link:hover svg path {
  stroke: #fff;
}

.small-slider-new {
  max-width: 70px;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 364px;
}
.small-slider-new__item {
  max-width: 70px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  height: 52px;
}
.small-slider-new__item img {
  width: 100%;
  display: block;
  border-radius: 8px;
}
.small-slider-new__container {
  position: relative;
  max-height: 369px;
}
.small-slider-new .swiper-slide-thumb-active img {
  border: 2px solid #6C70AC;
}

.small-slider-prev, .small-slider-next {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  padding: 16px 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}

.small-slider-prev {
  top: -16px;
  z-index: 2;
}

.small-slider-next {
  bottom: -16px;
  z-index: 2;
}

.big-slider {
  max-width: 528px;
  border-radius: 10px;
  overflow: hidden;
}
.big-slider__item {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.big-slider__item img {
  width: 100%;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.popup-small-slider-new {
  max-width: 70px;
  overflow: hidden;
  height: 364px;
}
.popup-small-slider-new__container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 70px;
}
.popup-small-slider-new__item {
  max-width: 70px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  height: 52px;
}
.popup-small-slider-new__item img {
  width: 100%;
  display: block;
  border-radius: 8px;
}
.popup-small-slider-new .swiper-slide-thumb-active img {
  border: 2px solid #6C70AC;
}

.popup-small-slider-prev, .popup-small-slider-next {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  padding: 16px 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  cursor: pointer;
}

.popup-small-slider-prev {
  top: -16px;
  z-index: 2;
}

.popup-small-slider-next {
  bottom: -16px;
  z-index: 2;
}

.popup-big-slider-new {
  max-width: 528px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  margin: 0 auto;
}
.popup-big-slider-new__item {
  max-width: 528px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 500px) {
  .popup-big-slider-new__item {
    max-width: 350px;
    border-radius: 10px;
    overflow: hidden;
  }
}
.popup-big-slider-new__item img {
  display: block;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.drawer-mobile__tabs-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 22;
  opacity: 0;
  visibility: hidden;
}
.drawer-mobile__tabs-wrapper--visible {
  opacity: 1;
  visibility: visible;
}
.drawer-mobile__tabs-head {
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.drawer-mobile__tabs-head span {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-left: auto;
}
.drawer-mobile__close {
  padding: 4px;
  margin-left: auto;
}
.drawer-mobile__close svg {
  display: block;
}
.drawer-mobile__tabs-parent {
  padding: 16px;
  height: calc(100vh - 56px);
}
.drawer-mobile__tabs-parent::-webkit-scrollbar {
  width: 8px;
}
.drawer-mobile__tabs-parent::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.drawer-mobile__tabs-parent::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
}
.drawer-mobile__tab {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E0E0E0;
}
.drawer-mobile__tab span {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #3B3B3B;
  margin-left: 8px;
  margin-right: auto;
}
.drawer-mobile__tabs-content-items--wrapper {
  height: calc(100vh - 56px);
  padding: 16px;
}
.drawer-mobile__tabs-content-items--wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-mobile__tabs-content-items--wrapper::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.drawer-mobile__tabs-content-items--wrapper::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
}
.drawer-mobile__tabs-content-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 25;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: none !important;
}
.drawer-mobile__tabs-content-head {
  padding: 12px 16px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-mobile__tabs-content-head span {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: #fff;
  margin: 0 auto;
}
.drawer-mobile__tabs-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #E0E0E0;
}
.drawer-mobile__tabs-content-item span {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #3B3B3B;
}
.drawer-mobile__tabs-content-close {
  width: 32px;
  height: 32px;
}
.drawer-mobile__tabs-content-close svg {
  width: 100%;
  display: block;
}
.drawer-mobile__tabs-subcontent {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 26;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.drawer-mobile__tabs-subcontent-head {
  padding: 14px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.drawer-mobile__tabs-subcontent-head span {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin: 0 auto;
}
.drawer-mobile__tabs-subcontent-head button {
  display: block;
}
.drawer-mobile__links-wrapper {
  height: calc(100vh - 56px);
  padding: 16px;
}
.drawer-mobile__links-wrapper::-webkit-scrollbar {
  width: 8px;
}
.drawer-mobile__links-wrapper::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.drawer-mobile__links-wrapper::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
}
.drawer-mobile__link {
  padding: 10px;
  border-bottom: 1px solid #E0E0E0;
  display: block;
  font-size: 16px;
  color: #3B3B3B;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.drawer-menu-content-open {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
          display: block !important;
}

.drawer-menu-subcontent-open {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
          display: block !important;
}

.mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 20;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
.mobile-nav--open {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}
.mobile-nav__head {
  padding: 12px 16px;
  background: -webkit-gradient(linear, left top, right top, from(#E7EFFE), to(#FEF0F3));
  background: linear-gradient(90deg, #E7EFFE 0%, #FEF0F3 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.mobile-nav__close {
  padding: 4px;
}
.mobile-nav__content {
  padding: 16px;
}
.mobile-nav__links {
  margin-bottom: 25px;
}
.mobile-nav__link {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 20px;
  color: #3B3B3B;
  font-weight: 600;
  border-bottom: 1px solid #E0E0E0;
}
.mobile-nav__mail {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 20px;
  color: #3B3B3B;
  font-weight: 600;
  margin-bottom: 32px;
}
.mobile-nav__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-nav__phone {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background-color: #EF5DAB;
  color: #fff;
  padding: 6px 16px 8px 12px;
  font-weight: 600;
  font-size: 14px;
}

.product__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product__title a {
  padding: 8px;
  border: 1px solid #BDBDBD;
  border-radius: 50%;
}
.product__title a svg {
  display: block;
}

.popup-big-slider__item {
  outline: none;
}

.header-mid__input-box {
  position: relative;
}


.search--open {
  display: block;
}
.search__inner {

}
.search__sidebar-title {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 100%;
}

.search__sidebar a {
  display: block;
  font-size: 15px;
  margin-left: 15px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.search__items {
  display: -ms-grid;
  display: grid;
  gap: 25px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.search__items-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 600px;
  overflow-y: auto;
}
.search__items-container::-webkit-scrollbar {
  width: 6px;
}
.search__items-container::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.search__items-container::-webkit-scrollbar-thumb {
  background-color: #6C70AC;
}
.search__item {
  width: 100%;
}
.search__item img {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.search__item p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}
.search__item div {
  font-size: 14px;
  color: #000;
  font-weight: 400 !important;
}
.search__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  display: none;
}
.search__top input {
  border: 1px solid #B2B4D2;
  border-radius: 4px;
  height: 30px;
  padding: 0 10px;
}
.search .search-btn {
  border-radius: 4px;
  background-color: #6C70AC;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.search .search-btn svg {
  display: block;
}

.similar__item-img {
  max-width: 305px;
}

.similar__item-img span {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  color: #fff;
  padding: 5px 8px;
  border-radius: 100px;
  background-color: #2DC653;
  font-size: 14px;
  font-weight: 500;
}

.similar__item-img .quan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 12px;
  left: 12px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  padding: 3px 6px;
  color: #fff;
}

.similar__item-img .quan span {
  display: block;
}

.similar {
  padding: 80px 0;
  border-radius: 40px 40px 0px 0px;
  background-color: #F2F2F2;
}

@media (max-width: 1300px) {
  .product-new .big-slider {
    max-width: 490px;
  }
  .product-new__content {
    max-width: 595px;
  }
  .product-new .small-slider-new {
    min-width: 70px;
  }
  .product-new__inner {
    gap: 20px;
  }
  .recommend-new .recommend-slider-prev {
    left: -10px;
  }
  .recommend-new .recommend-slider-next {
    right: -10px;
  }
  .similar .container {
    padding: 0;
  }
  .search__items {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 1200px) {
  .breadcrumbs__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .product-new__inner {
    -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;
  }
  .product-new .big-slider {
    max-width: 550px;
  }
  .product-new__title {
    font-size: 32px;
    text-align: center;
  }
}

.sliders__info-box:nth-child(2) .info-content {
  left: initial;
  right: 0;
}

@media (max-width: 991px) {
  .product-new__content {
    max-width: 991px;
  }
  .product-new__inner {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
  .product-new__video-item {
    margin: 0 auto;
  }
  .complect-item__link {
    margin-left: auto;
  }
  .header-mid {
    padding-top: 14px;
  }
  .header-mid__logo {
    max-width: 150px;
  }
  .header-mid__input-box {
    max-width: 0;
    padding: 0;
    background-color: transparent;
    border: none;
  }
  .header-mid__input-box input {
    display: none;
  }
  .header-mid__search-btn {
    display: inline-block;
  }
  .header-mid__search-btn svg {
    display: block;
  }
  .header-mid__link {
    display: none;
  }
  .header-mid .header-top__contacts {
    margin-left: auto;
  }
  .header-mid__mobile-menu-btn {
    padding: 8px;
    border-radius: 5px;
    background-color: #fff;
    display: inline-block;
  }
  .header-mid__mobile-menu-btn svg {
    display: block;
  }
  .header-mid__btn {
    display: none;
  }
  .header-mid__btn--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-top {
    display: none;
  }
  .header-top__contacts {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .header-top__contacts a {
    display: none;
  }
  .header-top__contacts .header-top__contacts-phone {
    display: inline-block;
  }
  .search {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .search__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search__top input {
    display: block;
  }
}
@media (max-width: 768px) {
  .header-mid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header-mid__btn {
    display: none;
  }
  .header-mid__btn--mobile {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: 200px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header-mid__search-btn {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header-mid__mobile-menu-btn {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .complect-popup__slider-box {
    display: block;
  }
  .popup-small-slider-new {
    height: 35px;
    max-width: 216px;
    margin: 0 auto;
  }
  .popup-small-slider-new__item {
    max-width: 48px;
    height: 35px;
  }
  .popup-small-slider-new__container {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 312px;
    margin: 0 auto;
    padding: 0 48px;
    width: initial;
    display: none !important;
  }
  .banner-cat {
    height: 490px;
  }
  
  .popup-small-slider-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
  }
  .popup-small-slider-prev svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .popup-small-slider-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    left: auto;
  }
  .popup-small-slider-next svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .complect-popup__content {
    margin: 50px 30px;
  }
  .search__items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.sections__gallery-img1 video {
  border-radius: 10px;
}
@media (max-width: 650px) {
  .header-mid {
    row-gap: 12px;
  }
}
@media (max-width: 600px) {
  .product-new__slider-box {
    display: block;
  }
  .product-new .small-slider-new {
    height: 35px;
    max-width: 216px;
    margin: 0 auto;
  }
  .product-new .small-slider-new__item {
    max-width: 48px;
    height: 35px;
  }
  .product-new .small-slider-new__container {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 312px;
    margin: 0 auto;
    padding: 0 48px;
  }
  .product-new .small-slider-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
  }
  .product-new .small-slider-prev svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .product-new .small-slider-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    left: auto;
  }
  .product-new .small-slider-next svg {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .product-new .complect-item__inner {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 80px 1fr;
  }
  .product-new .complect-item__link {
    margin: 0;
    margin-top: 20px;
    grid-column-start: span 2;
    display: block;
    max-width: 75%;
    text-align: center;
  }
  .product-new .product-recommend {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .product-new__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .recommend-new__title {
    font-size: 24px;
  }
  .prod-info__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .prod-desc__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .oplata__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .similar__title {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .similar__item-title {
    font-size: 18px;
  }

  .similar .similar-slider-pagination {
    padding-top: 0px;
    gap: 7px;
  }

  .header-mid__btn--mobile {
    margin-right: auto;
  }

  .similar .similar .similar-slider-pagination {
    opacity: 1 !important;
  }

  .product-new .product-recommend {
    margin-bottom: 24px;
  }

  .recommend-new {
    margin-top: 0;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    margin-bottom: 40px !important;
  }

  .recommend-new .recommend-slider-pagination {
    padding-top: 0 !important;
  }

  .product-new .big-slider__item img  {
    height: 300px;
  }

  .product-new__image-box-container img {
    height: initial;
  }

  .product-new__complect-box {
    padding: 20px;
  }

  .prod-info {
    margin-bottom: 24px;
  }

  .similar {
    margin: 40px 0;
    padding: 40px 0;
  }
}
@media (max-width: 570px) {
  .product-new__slider-box {
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
  .complect-popup__scrolling {
    padding-right: 10px;
  }
  .complect-popup__title {
    font-size: 23px;
  }
  .complect-popup__content {
    padding: 20px;
  }
  .complect-popup__price-box {
    padding: 10px;
  }
}
@media (max-width: 500px) {
  .product-new .complect-item__content-row-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
  .product-new .complect-item__content-row-title {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .similar__item-title {
    font-size: 16px;
    padding: 0 10px 10px 10px;
    height: 42px;
  }
  .similar__item-subtext {
    padding: 0 10px;
  }
  .similar__price {
    padding: 0 10px;
  }
  .popup-small-slider-new {
    height: 37px;
  }
  .popup-small-slider-new__item {
    height: 37px;
  }
  .complect-popup__price-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 10px;
  }
  .complect-popup__content {
    margin: 150px 15px;
  }
  .search__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search__item {
    
  }
  .search__item img {
    
  }
  .search__item p {
    font-size: 13px;
  }
  .search__item div {
    
  }
  .search__sidebar a {
    margin-left: 0;
  }
}
@media (max-width: 450px) {
  .product-new .product-recommend {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .product-new .product-recommend__item {
    max-width: 200px;
    width: 100%;
  }
  .popup-small-slider-new {
    max-width: 190px;
  }
}


.prod-info__inner {
  transition: .2s;
  overflow: hidden;
}

.prod-desc__textbox {
  transition: .2s;
  height: 76px;
  overflow: hidden;
}

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

.product-page .breadcrumbs .container {
  margin: 0 !important;
}

.product-page .breadcrumbs {
  max-width: 1328px;
  margin: 105px auto 25px;
  padding: 0 15px;
}

@media (max-width: 991px) {
  .product-page .breadcrumbs {
    max-width: 991px;
    overflow-x: auto;
  }
  
  .product-page .breadcrumbs__list {
    flex-wrap: nowrap;
  }

  .product-page .breadcrumbs__list span {
    white-space: nowrap;
  }
}

.complect-popup__single-image img {
  width: 100%;
}

.popup-big-slider-pagination {
  display: none !important;
}

@media (max-width: 768px) {
  .popup-big-slider-pagination {
    display: flex !important;
    gap: 6px;
    justify-content: center;
  }

  .swiper-pagination-bullet {
    width: 24px;
    height: 4px;
    border-radius: 100px;
    background-color: #E0E0E0;
    opacity: 1;
    margin: 0 !important;
  }

  .swiper-pagination-bullet-active {
    background-color: #705ABF !important;
  }

  .product-page .small-slider-new__container {
    display: none;
  }
}

.drawer-menu__tabcontent-title:hover {
  color: #705ABF;
}

.drawer-menu .sub-tabcontent__title:hover {
  color: #705ABF;
}

.complect-item__content {
  font-family: 'Golos Text', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  color: #828282;
}

.complect-item__price-box span {
  font-size: 18px !important;
  font-weight: 700;
}

.recommend-new {
  padding: 40px 0;
  margin-top: 30px;
  margin-bottom: 80px;
  background-color: #F2F2F2;
  border-radius: 40px 40px 0px 0px;
}

.complect-popup__single-image img {
  border-radius: 10px;
  margin-bottom: 15px;
}

.complect-popup__scrolling {
  max-height: 600px;
}

.complect-popup__content {
  padding-right: 25px;
}

@media (max-width: 600px) {
  .banner-cat__title {
    font-size: 28px;    
  }
}

.product-recommend-slider-prev svg {
  transform: rotate(180deg);
}

.product-recommend-slider-next, .product-recommend-slider-prev {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.15), 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.product-recommend-slider-next svg, .product-recommend-slider-prev svg {
  width: 12px;
  height: 12px;
}

.product-recommend-slider-next {
  right: 5px;
}

@media(max-width: 600px) {
  .product-recommend-slider-next {
    display: flex !important;
  }
}

.product-recommend-slider-prev {
  left: 5px;
}

.big-slider__item img {
  border-radius: 10px;
}

.big-slider__item {
  position: relative;
  max-height: 396px;
  max-width: 528px;
}

.video__item-block {
  position: relative;
}

.big-slider__item svg{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video__item-block svg {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
}

.big-slider__item svg circle {
  fill: #705ABF;
}

.complect-item__content:hover svg path {
  stroke: #705ABF;
}

.big-slider__item:hover svg circle {
  fill: #fff;
}

.big-slider__item:hover svg path {
  fill: #705ABF;
}

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

@media (max-width: 768px) {
  .product-new__title-container {
    align-items: start;
    margin-bottom: 10px;
  }

  .header--active svg path {
    stroke: #3B3B3B;
  } 
}

.listing__item1 img {
  height: 100% !important;
}

.home-page-banner {
  overflow: hidden;
}
.home-page-banner__item {
  position: relative;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.home-page-banner__item img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.home-page-banner__item-content {
  position: relative;
  z-index: 3;
  max-width: 1298px;
  padding: 0 15px;
  margin: 0 auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.home-page-banner__item--bg {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #0000007d;
  opacity: 0.7;
}
.home-page-banner__item-title {
  font-size: 80px;
  font-weight: 600;
  line-height: 125%;
  color: #fff;
  margin-bottom: 24px;
}
.home-page-banner__item-link {
  display: inline-block;
  padding: 16px 38px;
  border-radius: 100px;
  background-color: #705ABF;
  color: #fff;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  border: 1px solid #705ABF;
}
.home-page-banner__item-link:hover {
  background-color: #fff;
  color: #705ABF;
}
.home-page-banner__pagination {
  display:none;
  position: absolute;
  bottom: 80px;
  left: 0;
  right: 0;
  z-index: 4;
}
.home-page-banner .pagination-container {
  max-width: 1298px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.home-page-banner__pagination-item {
  max-width: 178px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.home-page-banner__pagination-line-box {
  position: relative;
  margin-bottom: 16px;
  border-radius: 10px;
  overflow: hidden;
}
.home-page-banner__pagination-line--static {
  width: 100%;
  height: 4px;
  background-color: #fff;
  opacity: 0.5;
}
.home-page-banner__pagination-line--dinamic {
  position: absolute;
  z-index: 3;
  top: 0;
  width: 0%;
  height: 4px;
  background-color: #705ABF;
}
.home-page-banner .pagination-item--active .home-page-banner__pagination-line--dinamic {
  -webkit-transition: linear 5000ms;
  -o-transition: linear 5000ms;
  transition: linear 5000ms;
  width: 100%;
}
.home-page-banner .pagination-item--active .home-page-banner__pagination-number {
  opacity: 1;
}
.home-page-banner .pagination-item--active .home-page-banner__pagination-line--static {
  opacity: 1;
}
.home-page-banner__pagination-number {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  opacity: 0.5;
}

.hp-promo-links {
  padding: 56px 0;
  background-color: #F2F2F2;
  border-radius: 0 0 40px 40px;
}
.hp-promo-links__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.hp-promo-links__item {
  max-width: 412px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.hp-promo-links__item img {
  display: block;
  width: 100%;
}
.hp-promo-links__item .decor {
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 100px;
  background-color: #705ABF;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 8px;
}
.hp-promo-links__item .decor1 {
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 100px;
  background-color: #F2B807;
  color: #6D0FF2;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 8px;
}
.hp-promo-links__text {
  position: absolute;
  bottom: 12px;
  right: 12px;
  padding: 6px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.hp-news {
  padding: 56px 0 0 0;
  background-color: #fff;
}
.hp-news .container {
  max-width: 1328px;
}
.hp-news__title {
  text-align: center;
  margin-bottom: 26px;
  color: #3B3B3B;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
}
.hp-news__slider {
  overflow: hidden;
  padding: 20px 15px;
}
@media (min-width: 768px) {
  .hp-news__slider .listing__item {
    max-width: 302px;
  }
  
  .sliders__info-inner {
    margin-top: 0 !important;
  }
}
.hp-news__slider .listing__item-title {
  height: 40px !important;
}
.hp-news__slider-container {
  position: relative;
  margin-bottom: 56px;
}
.hp-news__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 194px;
  height: 56px;
  border-radius: 100px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  background-color: #705ABF;
  border: 1px solid #705ABF;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hp-news__link:hover {
  background-color: #fff;
  color: #705ABF;
}
.hp-news__item {
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  max-width: 305px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}
.hp-news__item .decor {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 12px;
  border-radius: 100px;
  color: #fff;
  background-color: #2DC653;
  padding: 5px 8px;
}
.hp-news__item .decor-one {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 2;
  padding: 3px 6px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  line-height: 1;
}
.hp-news__item svg {
  display: block;
}
.hp-news__item-img {
  position: relative;
  max-width: 305px;
}
.hp-news__item-img img {
  width: 100%;
  display: block;
}
.hp-news__item-content {
  padding: 16px 20px 20px 20px;
}
.hp-news__item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%;
  color: #3B3B3B;
  margin-bottom: 12px;
  max-height: 40px;
  overflow: hidden;
}
.hp-news__item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
}
.hp-news__item-price span {
  font-weight: 600;
  font-size: 16px;
}
.hp-news .hp-news-prev, .hp-news .hp-news-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #FFF;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
}
.hp-news .hp-news-prev {
  left: 5px;
}
.hp-news .hp-news-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 2px;
}
.hp-news .hp-news-next {
  right: 5px;
}
.hp-news .hp-news-next svg {
  margin-left: 2px;
}

.hp-events-links {
  padding: 80px 0;
  background-color: #F2F2F2;
  border-radius: 40px 40px 0px 0px;
}
.hp-events-links__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin-bottom: 56px;
  text-align: center;
}
.hp-events-links__inner {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
}
.hp-events-links__link {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.hp-events-links__link img {
  display: block;
  width: 100%;
}
.hp-events-links__link span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 125%;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  padding: 80px 20px 20px 20px;
}
.hp-events-links__link:nth-child(2) {
  grid-row-start: span 2;
}
.hp-events-links__link:nth-child(11) {
  grid-row-start: span 2;
}

.hp-promo {
  height: 600px;
  position: relative;
  padding-top: 160px;
}
.hp-promo--img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.hp-promo--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
}
.hp-promo__content {
  position: relative;
  z-index: 3;
  padding: 40px;
  max-width: 1128px;
  margin: 0px auto;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.hp-promo__text {
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 24px;
  color: #fff;
}
.hp-promo__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  height: 56px;
  border-radius: 100px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hp-cases {
  padding: 80px 0;
}
.hp-cases__title {
  margin-bottom: 56px;
  text-align: center;
  color: #3B3B3B;
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
}
.hp-cases__slider-item {
  border-radius: 16px;
  overflow: hidden;
  max-width: 412px;
  position: relative;
}
.hp-cases__slider-item img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 0;
}
.hp-cases__item--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
}
.hp-cases__item--decor {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 125%;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 3px 6px;
}
.hp-cases__item-text {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 80px 20px 20px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 125%;
}
.hp-cases__slider-wrapper {
  position: relative;
  margin-bottom: 56px;
}
.hp-cases__slider {
  overflow: hidden;
}
.hp-cases .hp-cases-prev, .hp-cases .hp-cases-next {
  border-radius: 50%;
  background-color: #fff;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
}
.hp-cases .hp-cases-prev svg, .hp-cases .hp-cases-next svg {
  display: block;
}
.hp-cases .hp-cases-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hp-cases .hp-cases-prev {
  left: -20px;
}
.hp-cases .hp-cases-next {
  right: -20px;
}
.hp-cases__link {
  width: 172px;
  height: 56px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  background-color: #705ABF;
  color: #fff;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  margin: 0 auto;
  border: 1px solid #705ABF;
}
.hp-cases__link:hover {
  color: #705ABF;
  background-color: #fff;
}

.swiper-pagination-bullets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  padding-top: 20px;
}

.swiper-pagination-bullet {
  margin: 0 !important;
  opacity: 1 !important;
  width: 24px;
  height: 4px;
  border-radius: 100px;
  background-color: #E0E0E0;
}

.swiper-pagination-bullet-active {
  background-color: #705ABF;
}

.video-blog {
  padding: 80px 0;
  background-color: #F2F2F2;
  border-radius: 40px 40px 0px 0px;
}
.video-blog__title {
  font-size: 40px;
  text-align: center;
  margin-bottom: 56px;
  font-weight: 600;
  color: #3B3B3B;
}
.video-blog__slider-item {
  max-width: 305px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.video-blog__slider-item img {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  __height: 658px;
}
.video-blog__slider-item svg {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.video-blog__slider-item--decor {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  padding: 7px 12px;
  border-radius: 100px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.video-blog__slider-item-text {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 80px 20px 20px 20px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 125%;
}
.video-blog__slider {
  overflow: hidden;
}
.video-blog__slider-wrapper {
  position: relative;
}
.video-blog .video-blog-prev, .video-blog .video-blog-next {
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video-blog .video-blog-prev {
  left: -20px;
}
.video-blog .video-blog-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.video-blog .video-blog-next {
  right: -20px;
}

.hp-benefits {
  position: relative;
  height: 600px;
  overflow: hidden;
}
.hp-benefits--img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.hp-benefits--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
}
.hp-benefits__content {
  padding-top: 80px;
  max-width: 836px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.hp-benefits__title {
  font-size: 40px;
  margin-bottom: 56px;
  text-align: center;
  color: #fff;
  font-weight: 600;
}
.hp-benefits__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.hp-benefits__item {
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 125%;
}
.hp-benefits__item img {
  display: block;
}

.hp-offers {
  padding: 80px 0;
}
.hp-offers__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  margin-bottom: 41px;
  color: #3B3B3B;
}
.hp-offers__slider-wrapper {
  position: relative;
  max-width: 1298px;
  margin: 0 auto;
}
.hp-offers__slider {
  padding: 20px 15px;
  overflow: hidden;
}
.hp-offers__slider-item {
  overflow: hidden;
  max-width: 640px;
  border-radius: 40px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  gap: 24px;
}
.hp-offers__item-img {
  max-width: 281px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
}
.hp-offers__item-img img {
  width: 100%;
  display: block;
}
.hp-offers__item-content {
  max-width: 281px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.hp-offers__item-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 16px;
}
.hp-offers__item--sale {
  border-radius: 100px;
  background-color: #705ABF;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
  text-transform: uppercase;
  padding: 8px 16px;
  display: inline-block;
  margin-bottom: 12px;
}
.hp-offers__item-text {
  font-size: 16px;
  font-weight: 400;
  color: #3B3B3B;
  line-height: 125%;
}
.hp-offers .hp-offers-prev, .hp-offers .hp-offers-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
}
.hp-offers .hp-offers-prev {
  left: 5px;
}
.hp-offers .hp-offers-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hp-offers .hp-offers-next {
  right: 5px;
}

.swiper-button-disabled {
  display: none;
}

.hp-grid-items {
  padding: 80px 0;
  border-radius: 40px 40px 0px 0px;
  background-color: #F2F2F2;
}
.hp-grid-items__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 125%;
  margin-bottom: 56px;
  color: #3B3B3B;
  text-align: center;
}
.hp-grid-items__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
}
.hp-grid-items__item {
  border-radius: 16px;
  background-color: #fff;
  padding: 20px;
}
.hp-grid-items__item-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #E0E0E0;
  margin-bottom: 8px;
}
.hp-grid-items__item-icon svg {
  display: block;
}

.articles {
  padding: 80px 0;
}
.articles__title {
  font-size: 40px;
  font-weight: 600;
  color: #3B3B3B;
  line-height: 125%;
  text-align: center;
  margin-bottom: 31px;
}
.articles__slider-wrapper {
  max-width: 1298px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
}
.articles__slider {
  overflow: hidden;
  padding: 20px 15px;
}
.articles__item {
  border-radius: 16px;
  overflow: hidden;
  max-width: 412px;
  -webkit-box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 4px 17px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10), 0px 4px 17px 0px rgba(0, 0, 0, 0.15);
}
.articles__item img {
  display: block;
  width: 100%;
}
.articles__item-content {
  padding: 20px;
}
.articles__item-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 125%;
  height: 75px;
  overflow: hidden;
  margin-bottom: 16px;
}
.articles__item--types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.articles__item--types span {
  display: inline-block;
  padding: 7px 12px;
  color: #fff;
  font-weight: 500;
  line-height: 100%;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.articles .articles-slider-prev, .articles .articles-slider-next {
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.articles .articles-slider-prev {
  left: 5px;
}
.articles .articles-slider-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.articles .articles-slider-next {
  right: 5px;
}

.hp-reviews {
  padding: 80px 0;
  border-radius: 40px 40px 0px 0px;
  background: #F2F2F2;
}
.hp-reviews__title {
  font-size: 40px;
  color: #3B3B3B;
  line-height: 125%;
  font-weight: 600;
  margin-bottom: 56px;
  text-align: center;
}
.hp-reviews__slider-wrapper {
  position: relative;
}
.hp-reviews__slider {
  overflow: hidden;
}
.hp-reviews__slider-item {
  max-width: 198px;
  border-radius: 16px;
  overflow: hidden;
}
.hp-reviews__slider-item img {
  width: 100%;
  display: block;
}
.hp-reviews .reviews-slider-prev, .hp-reviews .reviews-slider-next {
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hp-reviews .reviews-slider-prev {
  left: -20px;
}
.hp-reviews .reviews-slider-prev svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.hp-reviews .reviews-slider-next {
  right: -20px;
}

.hp-content {
  padding: 80px 0;
}
.hp-content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.hp-content__gallery-container {
  max-width: 614px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.hp-content__gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
  max-width: 614px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.hp-content__gallery1 .hp-content__gallery-item:nth-child(1) {
  grid-row-start: span 2;
}
.hp-content__gallery-item {
  max-width: 299px;
}
.hp-content__gallery-item img {
  width: 100%;
  display: block;
  border-radius: 16px;
}
.hp-content__textbox-parent {
  max-width: 614px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 40px;
}
.hp-content__textbox-title {
  font-size: 32px;
  margin-bottom: 24px;
  font-weight: 600;
  line-height: 100%;
}
.hp-content__textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  height: 332px;
  overflow: hidden;
} 
.hp-content__textbox p {
  font-size: 16px;
  line-height: 150%;
}
.hp-content__btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  color: #705ABF;
  margin-top: 16px;
  cursor: pointer;
}
.hp-content__gallery2 .hp-content__gallery-item:nth-child(2) {
  grid-row-start: span 2;
}
.hp-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;
  gap: 56px;
}

.ab-banner {
  position: fixed;
  height: 600px;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.ab-banner--img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ab-banner--img video{
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab-banner--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 0.7;
  background: #0000007d;
}
.ab-banner__content {
  position: relative;
  z-index: 3;
  max-width: 1298px;
  padding: 0 15px;
  margin: 120px auto 0;
}
.ab-banner__title {
  font-size: 64px;
  color: #fff;
  font-weight: 600;
  line-height: 125%;
}
.ab-banner__breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.ab-banner__breadcrumbs svg {
  display: block;
  opacity: 0.3;
}
.ab-banner__breadcrumbs a {
  font-size: 14px;
  color: #fff;
  opacity: 0.3;
}
.ab-banner__breadcrumbs span {
  color: #fff;
  opacity: 0.3;
}

.ab-layer {
  border-radius: 40px 40px 0 0;
  background-color: #fff;
  margin-top: 480px;
  position: relative;
  z-index: 2;
  padding-top: 80px;
}

.blockquote {
  max-width: 1048px;
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  margin-bottom: 80px;
}
.blockquote__img {
  max-width: 178px;
  min-width: 178px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 50%;
  overflow: hidden;
  max-height: 178px;
}
.blockquote__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 830px;
}
.blockquote__content svg {
  display: block;
  margin-bottom: 16px;
}
.blockquote__text {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 150%;
}
.blockquote__title {
  font-size: 24px;
  font-weight: 600px;
  line-height: 100%;
  color: #3B3B3B;
}

.ab-video {
  max-width: 1268px;
  margin: 0 auto 80px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
  
}
.ab-video--poster {
  position: relative;
  z-index: 1;
}
.ab-video img {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
}
.ab-video svg {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ab-video__text {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 80px 20px 20px 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}
.ab-video__video {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
}
.ab-video--active .ab-video__video {
  display: block;
}

.ab-history {
  padding: 80px 0;
  border-radius: 40px 40px 0px 0px;
  background-color: #F2F2F2;
}
.ab-history__title {
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: #3B3B3B;
  margin-bottom: 56px;
  line-height: 100%;
}
.ab-history__top-container {
  position: relative;
  margin-bottom: 32px;
}
.ab-history__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ab-history__top-item {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F2F2F2;
  border: 1px solid #BDBDBD;
}
.ab-history__top-item--active {
  color: #fff;
  background-color: #705ABF;
}
.ab-history__top--line {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #BDBDBD;
}
.ab-history__slider-item {
  max-width: 305px;
}
.ab-history__item-img {
  position: relative;
}
.ab-history__item-img img {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.ab-history__item--year {
  position: absolute;
  width: 104px;
  height: 104px;
  z-index: 2;
  left: 0;
  bottom: 16px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #705ABF;
  font-size: 28px;
  font-weight: 600;
}
.ab-history__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  font-size: 20px;
  font-weight: 600;
  margin-top: 16px;
}
.ab-history__item--year1 {
  background-color: #F2B807;
}

.ab-promo {
  height: 600px;
  position: relative;
  padding-top: 128px;
}
.ab-promo--img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ab-promo--bg {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
  background: #000;
}
.ab-promo__content {
  position: relative;
  z-index: 3;
  padding: 40px;
  border-radius: 24px;
  max-width: 1128px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.ab-promo__title {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-bottom: 24px;
}
.ab-promo__text {
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  color: #fff;
  margin-bottom: 24px;
}
.ab-promo__link {
  width: 190px;
  height: 56px;
  margin: 0 auto;
  border-radius: 100px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border: 2px solid rgba(255, 255, 255, 0.4);
}

.ab-team {
  padding: 80px 0;
}
.ab-team__title {
  font-size: 40px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 32px;
  line-height: 100%;
}
.ab-team__top {
  padding: 16px 0;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.ab-team__top-item {
  display: inline-block;
  white-space: nowrap;
  padding: 6px 12px;
  border-radius: 100px;
  border: 1px solid #BDBDBD;
  color: #3B3B3B;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}
.ab-team__top-item:hover {
  background-color: #705ABF;
  color: #fff;
  border-color: #705ABF;
}
.ab-team__top-item--active {
  color: #fff;
  background-color: #705ABF;
  border-color: #705ABF;
}
.ab-team__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 32px 16px;
}
.ab-team__item {
  max-width: 198px;
}
.ab-team__item-img {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
}
.ab-team__item-img img {
  display: block;
  width: 100%;
}
.ab-team__controls {
  position: absolute;
  z-index: 2;
  bottom: 12px;
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.4);
}
.ab-team__controls svg {
  display: block;
}

.hp-casino {
  padding: 80px 0;
  background-color: #F2F2F2;
}
.hp-casino__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hp-casino__img {
  max-width: 614px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.hp-casino__img img {
  display: block;
  width: 100%;
  -webkit-transition: 5s cubic-bezier(0.21, 0.53, 0.29, 0.99);
  -o-transition: 5s cubic-bezier(0.21, 0.53, 0.29, 0.99);
  transition: 5s cubic-bezier(0.21, 0.53, 0.29, 0.99);
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.hp-casino__main-btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.hp-casino__content {
  max-width: 614px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.hp-casino__title {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 24px;
  line-height: 100%;
}
.hp-casino__block_div{
  display: flex;
  flex-direction: column;
}
.hp-casino__text {
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 24px;
}
.hp-casino__input-phone {
  width: 286px;
  height: 48px;
  background-color: #fff;
  border-radius: 16px;
  font-size: 16px;
  line-height: 16px;
  display: block;
  margin-bottom: 24px;
  outline: none;
  border: none;
  padding: 16px;
}
.hp-casino__form-btn {
  width: 175px;
  height: 56px;
  display: block;
  margin-bottom: 16px;
  color: #fff;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 18px;
  font-weight: 500;
  background-color: #705ABF;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  border: 1px solid #705ABF;
}
.hp-casino__form-btn:hover {
  background-color: #fff;
  color: #705ABF;
}
.hp-casino__text-politic {
  max-width: 286px;
  font-size: 13px;
  line-height: 125%;
}
.hp-casino__text-politic a {
  text-decoration: underline;
}

.swiper-button-disabled {
  display: none !important;
}

.partners {
  padding: 80px 0;
  border-radius: 40px 40px 0px 0px;
  background-color: #F2F2F2;
}
.partners__title {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 56px;
  line-height: 100%;
}
.partners__text {
  max-width: 1048px;
  margin: 0 auto 56px;
  font-size: 18px;
  line-height: 150%;
}
.partners__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.partners__item {
  max-width: 198px;
  padding-bottom: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.partners__item img {
  display: block;
  width: 100%;
  border-radius: 100px;
  margin-bottom: 16px;
}
.partners__item-text {
  line-height: 16px;
}

.ab-gallery {
  padding: 80px 0;
}
.ab-gallery__title {
  font-size: 40px;
  text-align: center;
  margin-bottom: 56px;
  font-weight: 600;
  line-height: 100%;
}
.ab-gallery__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 16px;
}
.ab-gallery__item {
  width: 100%;
}
.ab-gallery__item img {
  display: block;
  width: 100%;
  border-radius: 16px;
}
.ab-gallery__item:nth-child(2) {
  grid-column-start: span 2;
  grid-row-start: span 2;
}
.ab-gallery__item:nth-child(3) {
  grid-row-start: span 2;
}
.ab-gallery__item:nth-child(4) {
  grid-row-start: span 2;
}

.ab-blockquote {
  height: 616px;
  position: relative;
  padding: 128px 0;
}
.ab-blockquote--img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-position: center;
  background-size: cover;
}
.ab-blockquote--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  opacity: 0.7;
  background: #000;
}
.ab-blockquote__content {
  position: relative;
  z-index: 3;
  max-width: 1128px;
  margin: 0 auto;
  padding: 40px;
  border-radius: 24px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.ab-blockquote__img {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 178px;
}
.ab-blockquote__img img {
  width: 100%;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
.ab-blockquote__textbox {
  max-width: 830px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ab-blockquote svg {
  display: block;
  margin-bottom: 16px;
}
.ab-blockquote__text {
  color: #fff;
  font-size: 24px;
  line-height: 150%;
  margin-bottom: 24px;
}
.ab-blockquote__title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
}
.ab-blockquote__subtitle {
  font-size: 16px;
  line-height: 125%;
  color: #fff;
}

.about-page-new .video-blog {
  background-color: #fff;
}

.documents {
  padding: 80px 0;
  border-radius: 40px 40px 0 0;
  background-color: #F2F2F2;
}
.documents__title {
  font-size: 40px;
  text-align: center;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 56px;
}
.documents__slider-container {
  position: relative;
}
.documents__slider {
  position: relative;
}
.documents__slider-item {
  max-width: 305px;
}
.documents__slider-item span {
  margin-left: 16px;
  font-size: 14px;
  line-height: 125%;
  color: #828282;
}
.documents__slider-img {
  padding: 16px;
  border-radius: 16px;
  background-color: #fff;
  margin-bottom: 16px;
}
.documents__slider-img img {
  display: block;
  width: 100%;
}

@media (max-width: 1350px) {
  .hp-content__textbox-parent {
    max-width: 470px;
  }
}
@media (max-width: 991px) {
  .listing__item:hover .hover-images-box {
    visibility: hidden !important;
  }
  .hp-promo-links {
    padding: 24px 0;
  }
  .hp-promo-links__item {
    min-width: 244px;
  }
  .hp-promo-links__items-wrapper {
    overflow-x: auto;
  }
  .hp-promo-links__text {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 16px;
  }
  .hp-promo-links .decor {
    padding: 5px 8px;
    font-size: 12px;
  }
  .hp-news {
    padding: 40px 0 0;
  }
  .hp-news .container {
    padding: 0;
    max-width: 100vw;
  }
  .hp-news__slider {
    padding: 30px 15px;
  }
  .hp-events-links {
    padding: 40px 0;
  }
  .hp-cases {
    padding: 40px 0;
  }
  .hp-cases__title {
    margin-bottom: 32px;
  }
  .video-blog {
    padding: 40px 0;
  }
  .video-blog__title {
    margin-bottom: 32px;
  }
  .hp-benefits__content {
    padding-top: 40px;
  }
  .hp-offers {
    padding: 40px 0;
  }
  .hp-offers__slider-item {
    max-width: 531px;
    min-width: 531px;
  }
  .hp-offers .hp-offers-prev, .hp-offers .hp-offers-next {
    display: none;
  }
  .hp-grid-items {
    padding: 40px 0;
  }
  .hp-grid-items__inner {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .articles {
    padding: 40px 0;
  }
  .hp-reviews {
    padding: 40px 0;
  }
  .hp-content {
    padding: 40px 0;
  }
  .hp-content__inner {
    -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;
    gap: 24px;
  }
  .hp-content__inner:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .hp-content__textbox-parent {
    max-width: 614px;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .home-page-banner__item-title {
    font-size: 40px;
  }
  .home-page-banner__pagination {
    bottom: 150px;
	display:none;
  }
  .home-page-banner .pagination-container {
    gap: 20px;
  }
  .hp-news__title {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .hp-events-links__title {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .hp-events-links__inner {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .hp-promo {
    padding: 40px 16px;
  }
  .hp-promo__content {
    padding: 20px;
    text-align: center;
  }
  .hp-cases__title {
    font-size: 28px;
  }
  .hp-cases__slider-item {
    max-width: 328px;
  }
  .hp-cases .hp-cases-prev, .hp-cases .hp-cases-next {
    display: none;
  }
  .hp-cases__slider-wrapper {
    margin-bottom: 30px;
  }
  .video-blog__title {
    font-size: 28px;
  }
  .video-blog__slider-item {
    max-width: 160px;
  }
  .video-blog__slider-item-text {
    font-size: 16px;
    padding: 40px 12px 12px 12px;
  }
  .video-blog__slider-item--decot {
    font-size: 12px;
  }
  .video-blog .video-blog-prev, .video-blog .video-blog-next {
    display: none;
  }
  .hp-benefits {
    height: 500px;
  }
  .hp-benefits__title {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .hp-benefits__item {
    padding: 16px;
    font-size: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .hp-benefits__item img {
    width: 24px;
  }
  .hp-offers__slider-item {
    gap: 16px;
  }
  .hp-offers__title {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .hp-offers__img {
    border-radius: 16px;
  }
  .hp-offers__item-title {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .hp-grid-items__title {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .hp-grid-items__inner {
    gap: 8px;
  }
  .articles__title {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .articles__item--types {
    display: block;
  }
  .articles__item--types span {
    margin-bottom: 8px;
    white-space: nowrap;
    font-size: 12px;
  }
  .articles__item-content {
    padding: 16px;
  }
  .articles__item-title {
    font-size: 18px;
  }
  .hp-reviews__slider-item {
    max-width: 160px;
  }
  .hp-reviews__title {
    margin-bottom: 32px;
    font-size: 28px;
  }
  .hp-reviews .reviews-slider-next, .hp-reviews .reviews-slider-prev {
    display: none;
  }
}
@media (max-width: 600px) {
  .hp-offers__slider-item {
    max-width: 300px;
    min-width: 150px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
    border-radius: 16px;
  }
  .hp-offers__item-title {
    height: 40px;
    overflow: hidden;
  }
  .articles__item {
    min-width: 328px;
    max-width: 328px;
  }
  .articles .articles-slider-prev, .articles .articles-slider-next {
    display: none;
  }
  .hp-content__textbox-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .hp-content__btn {
    margin-top: 0;
  }
}
@media (max-width: 550px) {
  .hp-news__slider-container {
    margin-bottom: 20px;
  }
  .hp-events-links .text {
    padding: 40px 12px 12px 12px;
    font-size: 16px;
  }
  .hp-events-links__inner {
    gap: 8px;
  }
  .hp-offers__slider-item {
    max-width: 244px;
  }
  .hp-grid-items__inner {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 400px) {
  .articles__item {
    max-width: 280px;
    min-width: 280px;
  }
  .articles__item-title {
    height: 45px;
    overflow: hidden;
  }
  .articles__item--types {
    height: 68px;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .sections__item:nth-child(even) {
    flex-direction: column;
  }

  .sections__item:nth-child(3) {
    flex-direction: column;
  }
}

.gallery video {
  width: 100%;
  display: block;
  border-radius: 16px;
}

.video-blog-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
}
.video-blog-popup--active {
  opacity: 1;
  visibility: visible;
}
.video-blog-popup__slider-wrapper {
  max-width: 1180px;
  margin: 0 auto;
}
.video-blog-popup__slider {
  max-width: 1180px;
  overflow: hidden;
}
.video-blog-popup__slider-item {
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  -webkit-transform: scale(0.8) !important;
      -ms-transform: scale(0.8) !important;
          transform: scale(0.8) !important;
  position: relative;
}
.video-blog-popup__slider-item video {
  width: 100%;
}
.video-blog-popup .swiper-slide-active {
  -webkit-transform: scale(1) !important;
      -ms-transform: scale(1) !important;
          transform: scale(1) !important;
}
.video-blog-popup .swiper-slide-active .video-blog-popup__slider-item--bg {
  background-color: rgba(0, 0, 0, 0);
}
.video-blog-popup__slider-item--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.7);
}

.video-blog-popup__slider-wrapper {
  position: relative;
}

.video-blog-popup-prev {
  position: absolute;
  top: calc(50% - 50px);
  z-index: 3;
  left: -40px;
  transform: rotate(180deg);
  cursor: pointer;
}


.video-blog-popup-prev svg {
  width: 50px;
  height: 50px;
}

.video-blog-popup-prev svg path {
  stroke: #fff;
}

.video-blog-popup-next {
  position: absolute;
  top: calc(50% - 50px);
  z-index: 3;
  right: -40px;
  cursor: pointer;
}


.video-blog-popup-next svg {
  width: 50px;
  height: 50px;
}

.video-blog-popup-next svg path {
  stroke: #fff;
}

.video-blog-popup__slider-item video {
  border-radius: 10px;
}

.video-sound-btn {
  position: absolute;
  z-index: 3;
  left: 7px;
  display: none;
  top: 5px;
  padding: 8px;
  __background-color: #000;
  border-radius: 30px !important; 
  background: #47474785;

}

.hp-promo-links__item {
  position: relative;
}

.hp-promo-links--hover {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: .15s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hp-promo-links--hover span {
  padding: 10px 16px;
  border-radius: 100px;
  border: 2px solid #fff;
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative !important;
}

@media (min-width: 768px) {
  .hp-promo-links__item:hover .hp-promo-links--hover {
    opacity: 1;
  }

  .hp-events-links__link:hover .hp-promo-links--hover {
    opacity: 1;
  }

  .hp-cases__slider-item:hover .hp-promo-links--hover {
    opacity: 1;
  }

  .articles__item-img:hover .hp-promo-links--hover {
    opacity: 1;
  }
}


.articles__item-img {
  position: relative;
}


.carousel__viewport {
  display: none;
}

.listing__item {
  width: 100%;
  max-width: 299px;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.listing__item-img img {
  display: block;
  width: 100%;
}
.listing__item-content {
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  flex-grow: 1;
  background-color: #fff;
}
.listing__item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 125%;
  height: initial;
  margin-bottom: auto;
  overflow: hidden;
}
.listing__item-price {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  gap: 4px;
  line-height: 1;
}
.listing__item-price span {
  line-height: 16px;
  font-size: 16px;
  font-weight: 400;
}
.listing__item {
  position: relative;
}
.listing__item:hover .hover-images-box {
  visibility: visible;
  display: block;
}
.listing .hover-images-box {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  visibility: hidden;
  display: none;
}
.listing .hover-gallery-img {
  width: 100%;
  height: 230px;
}
.listing .hover-gallery-dots {
  bottom: 26px;
  gap: 4px;
}
.listing .hover-gallery-item-dot {
  min-width: 24px;
  height: 4px;
  background-color: #E0E0E0;
  border-radius: 100px;
}
.listing .hover-gallery-item-dot.active {
  background-color: #705ABF;
}
.listing__item .hover-text {
  position: absolute;
  right: 10px;
  bottom: 57px;
  z-index: 3;
  padding: 8px 8px 8px 16px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.listing__item .hover-text span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

.video-sound-btn {
  
  border-radius: 0 0 0 50%;
}

.video-sound-btn svg {
  display: block;
}

.hp-events-links__link video {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 16px;
}



.home-page-banner__item--video video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}

.hp-benefits--img img {
  width: 100vw;
  height: 100%;
  object-fit: cover;
}

.contacts-page .breadcrumbs {
  margin-top: 100px !important;
}

.blog-page__main-img img {
  margin-bottom: 12px;
}

@media (max-width: 768px) {


  .video-blog-popup-prev {
    position: fixed;
    left: 0;
  }

  .video-blog-popup-next {
    position: fixed;
    right: 0;
  }

  .hp-casino__inner {
    flex-direction: column;
  }

  .hp-promo-links .container {
    padding: 0 !important;
  }

  .hp-promo-links__items-wrapper {
    padding: 0 15px;
  }

  .hp-promo-links {
    border-radius: 0;
  }

  .listing__item {
    display: flex;
    flex-direction: column;
  }

  .listing__item-content {
    padding: 12px 16px;
    flex-grow: 1;
  }

  .hp-cases .container {
    padding: 0 !important;
  }

  .hp-cases__title {
    padding: 0 15px;
  }

  .hp-cases__slider {
    padding: 0 15px;
  }
}

.close-blog-popup {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
}

.casino-dropdown {
  position: relative;
  max-width: 348px;
}

.casino-dropdown__head {
  cursor: pointer;
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.casino-dropdown__head span {
  font-size: 16px;
  color: #3B3B3B;
}

.casino-dropdown__head svg {
  transition: .15s;
}

.casino-dropdown__content {
  transition: .15s;
  padding: 16px;
  border-radius: 16px;
  background-color: #fff;
  position: absolute;
  top: 56px;
  left: 0px;
  right: 0;
  opacity: 0;
  transform: translateY(-15px);
  z-index: 2;
  visibility: hidden;
}

.casino-dropdown--open .casino-dropdown__content {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
}

.casino-dropdown__item {
  padding: 4px 0;
  cursor: pointer;
}

.casino-input {
  width: 100%;
  max-width: 348px;
  padding: 16px;
  border-radius: 16px;
  background-color: #fff;
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 16px;
  color: #3B3B3B;
  border: none;
  outline: none;
  height: 48px;
}

.hp-casino__form-btn1 {
  margin-top: 16px;
}

.casino-result{
  font-weight: 600;
  color: #705abf;
}

.hp-reviews .container {
  padding: 0 !important;
}

.hp-reviews__slider {
  padding: 0 15px;
}



.video-btn-close {
  position: absolute;
  top: 4px;
    right: 5px;
  z-index: 3;
      border-radius: 30px !important;
    background: #47474785;
}

.video-btn-close svg {
  display: block;
}

.sections__item:nth-child(even) {
  flex-direction: row-reverse;
}

@media (max-width: 991px) {
  .hp-casino__main-btn img {
    width: 100px;
  }

  .sections__item:nth-child(even) {
    flex-direction: column;
  }
}

.video-blog .container {
  padding: 0 !important;
}

.video-blog__slider {
  padding: 0 15px;
}

.hp-benefits__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
  height: 56px;
  border-radius: 100px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  margin-top: 50px;
  transition: .15s;
}

.hp-benefits__link:hover {
  background-color: #705ABF;
  color: #fff;
}

.ab-history__top-item2--active {
  background-color: #F2B807 !important;
  color: #fff !important;
}

.ab-history__top-item3--active {
  background-color: #705ABF !important;
  color: #fff !important;
} 

.ab-history__top-item4--active {
  background-color: #F2B807 !important;
  color: #fff !important;
}

.ab-history__top-item5--active {
  background-color: #705ABF !important;
  color: #fff !important;
}

.documents__slider {
  overflow: hidden;
}

.documents__slider-container {
  position: relative;
}

.documents-slider-next, .documents-slider-prev {
  border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.documents-slider-prev {
  left: -20px;
}

.documents-slider-prev svg {
  transform: rotate(180deg);
}

.documents-slider-next {
  right: -10px;
}

.form-section {
  height: 431px;
  position: relative;
  padding: 80px 0;
}

.form-section--img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.form-section--bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  opacity: 0.7;
  background: #000;
}

.form-section__content {
  position: relative;
  z-index: 3;
  max-width: 692px;
  margin: 0px auto;
}

.form-section__title {
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 40px;
}

.form-section__subtitle {
  text-align: center;
  font-size: 18px;
  line-height: 125%;
  font-weight: 500;
  color: #fff;
  margin-bottom: 40px;
}

.form-section__input-box {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}

.form-section__input-box input {
  flex-grow: 1;
  max-width: 342px;
  border-radius: 16px;
  background-color: #fff;
  padding: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #3B3B3B;
  border: none;
  outline: none;
}

.form-section__footer {
  display: flex;
  gap: 16px;
  align-items: center;
}

.form-section__btn {
  transition: .15s;
  border-radius: 100px;
  color: #fff;
  min-width: 176px;
  height: 56px;
  border: 1px solid #705ABF;
  background-color: #705ABF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.form-section__btn:hover {
  background-color: #fff;
  color: #705ABF;
}

.form-section__content-text {
  font-size: 13px;
  line-height: 125%;
  color: #FFFFFF;
  opacity: 0.8;
}

.form-section__content-text a {
  text-decoration: underline;
}

@media (max-width: 1260px) {
  .ab-layer {
    padding-top: 64px;
  }

  .blockquote {
    padding: 0 32px;
  }
}

@media (max-width: 991px) {
  .ab-banner {
    height: 380px;
  }

  .ab-banner__content {
    margin: 80px 0 0;
  }

  .ab-banner__breadcrumbs {
    margin-bottom: 16px;
  }

  .ab-banner__title {
    font-size: 32px;
  }

  .ab-layer {
    margin-top: 344px;
  }

  .ab-video {
    margin: 0 16px 40px; 
  }

  .ab-history {
    padding: 64px 0;
  }

  .ab-history .container {
    padding: 0 16px;
  }

  .ab-history__title {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .ab-history__slider-item {
    max-width: 164px;
  }

  .ab-history__item--year {
    width: 64px;
    height: 64px;
    font-size: 16px;
  }

  .ab-history__item-content {
    font-size: 16px;
    white-space: nowrap;
  }

  .ab-promo {
    padding-top: 80px;
  }

  .ab-promo__content {
    margin: 0 32px;
  }

  .ab-promo__title {
    font-size: 32px;
  }

  .ab-team {
    padding: 64px 0;
  }

  .ab-team__title {
    font-size: 32px;
    margin-bottom: 16px;
  }

  .ab-team__inner {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .partners {
    padding: 64px 0;
  }

  .partners__title {
    font-size: 32px;
    margin-bottom: 24px;
  }

  .partners__text {
    margin-bottom: 32px;
  }

  .ab-gallery {
    padding: 64px 0;
  }

  .ab-gallery__title {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .ab-blockquote {
    padding: 80px 0;
  }

  .ab-blockquote__content {
    margin: 0 32px;
  }

  .documents {
    padding: 64px 0;
  }

  .documents__title {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .form-section__content {
    margin: 0 16px;
  }
}

.ab-blockquote__img {
  min-width: 178px;
}

.articul-cart-mobile .product-new__complect-articul {
  display: none;
}

@media (max-width: 768px) {
  .complect-box-row {
    margin-bottom: 16px;
  }

  .complect-box-row .product-new__complect-articul {
    display: none;
  }

  .articul-cart-mobile .product-new__complect-articul {
    display: block !important;
  }

  .articul-cart-mobile {
    border-top: 1px solid #E0E0E0;
  }

  .articul-cart-mobile {
    margin-bottom: 0;
    padding-top: 16px;
  }

  .ab-layer {
    padding-top: 40px;
  }

  .blockquote {
    padding: 0px;
    gap: 16px;
    margin-bottom: 40px;
    padding: 0 16px;
  }

  .blockquote__img {
    min-width: 60px;
    max-width: 60px;
    height: 60px;
  }

  .blockquote__img img {
    width: 100%;
    height: 100%;
  }

  .blockquote__text {
    font-size: 18px;
  }

  .ab-video {
    margin-bottom: 40px;
  }

  .ab-history {
    padding: 40px 0;
  }

  .ab-promo {
    padding-top: 40px;
  }

  .ab-promo__content {
    margin: 0 16px;
  }

  .ab-promo__title {
    font-size: 28px;
    margin-bottom: 24px;
  }

  .ab-promo__text {
    font-size: 16px;
  }

  .ab-team {
    padding: 40px 0;
  }

  .ab-team__title {
    font-size: 28px;
    margin-bottom: 16px;
  }

  .ab-team__inner-container {
    max-width: 768px;
    overflow-x: auto;
  }

  .ab-team__inner {
    display: flex;
    gap: 8px;
  }

  .ab-team__item {
    max-width: 200px;
    flex-grow: 1;
    min-width: 200px;
  }

  .partners__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
  }

  .partners__item-text {
    font-size: 12px;
    line-height: 14px;
  }

  .ab-gallery__inner1 {
    display: none;
  }

  .ab-gallery__inner2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }

  .ab-gallery__inner2 img {
    width: 100%;
    display: block;
	border-radius: 16px;
  }

  .ab-gallery__item1:nth-child(2) {
    grid-row-start: span 2;
  }

	.ab-gallery__item1 {
    border-radius: 16px;
  }

  .ab-gallery__item1:nth-child(4) {
    grid-row-start: span 2;
    grid-column-start: span 2;
  }

  .ab-gallery__item1:nth-child(5) {
    grid-row-start: span 2;
  }

  .ab-gallery {
    padding: 40px 0;
  }

  .ab-gallery__title {
    font-size: 28px;
    margin-bottom: 32px;
  }

  .ab-blockquote {
    padding: 40px 0;
  }

  .ab-blockquote__content {
    margin: 0 16px;
    padding: 20px;
    gap: 16px;
  }

  .ab-blockquote__img {
    min-width: 56px;
    max-width: 56px;
  }

  .ab-blockquote__text {
    font-size: 18px;
  }

  .documents {
    padding: 40px 0;
  }

  .documents__title {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .form-section__title {
    font-size: 28px;
  }
}

.ab-gallery__inner2 {
  display: none;
}


@media (max-width: 500px) {
  .form-section {
    padding: 56px 0;
  }

  .form-section__title {
    margin-bottom: 24px;
  }

  .form-section__subtitle {
    margin-bottom: 24px;
  }

  .form-section__input-box {
    flex-direction: column;
  }

  .form-section__footer {
    flex-direction: column;
    align-items: start;
  }

  .form-section {
    height: initial;
  }

  .hp-casino__block_div{
    flex-direction: column-reverse;
  }
}

.recommend-new__item-title {
  
  user-select: all;
}

.similar__item-title {
  height: 50px;
  overflow: hidden !important;
}



.breadcrumbs.typical_breadcrumbs {
  max-width: 1328px;
  margin: 80px auto 25px;
  padding: 0 15px;
}
.breadcrumbs.typical_breadcrumbs .container {
  margin-left: 0;
}

.h1 {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin-bottom: 24px;
}

.jcsb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.two-cols-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.two-cols-wrapper .col {
  width: 50%;
}
.two-cols-wrapper .col:first-child {
  padding-right: 20px;
}
.two-cols-wrapper .col:last-child {
  padding-left: 20px;
}

.icon-with-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.icon-with-text svg,
.icon-with-text .icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
}
.icon-with-text .text {
  font-weight: 500;
  font-size: 18px;
}

.mb16 {
  margin-bottom: 16px;
}

.contacts-page_left-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.contacts-page_left-col .text-wrapper {
  margin-bottom: 40px;
}
.contacts-page_left-col .images-wrapper {
  margin-top: auto;
}
.contacts-page_left-col .images-wrapper img:first-child {
  margin-right: 100px;
}

.contacts-page_cols-wrapper {
  margin-top: 40px;
}

.contacts-page_right-col .form {
  height: auto;
  background-color: #F2F2F2;
  padding: 40px 24px;
  border-radius: 24px;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
}
.contacts-page_right-col .form .form-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 24px;
}
.contacts-page_right-col .form .form__input-box {
  margin-top: 32px;
  margin-bottom: 8px;
}
.contacts-page_right-col .form .button-with-policy {
  margin-top: 24px;
}
.contacts-page_right-col .form .button-with-policy .form__footer-text {
  color: #3B3B3B;
}

@media (max-width: 1200px) {
  .contacts-page_right-col .form .form__input-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .contacts-page_right-col .form input {
    width: 100%;
    max-width: 100%;
  }
}
.w100per {
  width: 100%;
}

.hidden {
  display: none !important;
}

textarea {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff;
  border-radius: 16px;
  padding: 16px;
  border: none;
  outline: none;
  resize: none;
}
textarea::-webkit-input-placeholder {
  opacity: 0.6;
}
textarea::-moz-placeholder {
  opacity: 0.6;
}
textarea:-ms-input-placeholder {
  opacity: 0.6;
}
textarea::-ms-input-placeholder {
  opacity: 0.6;
}
textarea::placeholder {
  opacity: 0.6;
}

.contacts-page_map-wrapper {
  margin-top: 80px;
}

@media (max-width: 1200px) {
  .breadcrumbs.typical_breadcrumbs .breadcrumbs__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .breadcrumbs.typical_breadcrumbs {
    max-width: 991px;
    overflow-x: auto;
  }
  .breadcrumbs.typical_breadcrumbs .breadcrumbs__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .breadcrumbs.typical_breadcrumbs .breadcrumbs__list span {
    white-space: nowrap;
  }
  .two-cols-wrapper.contacts-page_cols-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .two-cols-wrapper.contacts-page_cols-wrapper .col {
    width: 100%;
  }
  .two-cols-wrapper.contacts-page_cols-wrapper .col:first-child, .two-cols-wrapper.contacts-page_cols-wrapper .col:last-child {
    padding: 0;
  }
  .contacts-page_left-col .images-wrapper {
    display: none;
  }
}
@media (max-width: 600px) {
  .h1 {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .icon-with-text .text {
    font-size: 16px;
  }
  .contacts-page_right-col .form .form-title {
    font-size: 24px;
  }
  .contacts-page_map-wrapper {
    margin-top: 40px;
  }
}

.ab-history__slider {
  overflow: hidden;
  position: relative;
}

.blockquoyte__title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 100%;
}

.blockquote__sub-title {
  font-size: 16px;
  line-height: 125%;
  line-height: 125%;
}

@media (max-width: 768px) {
  .ab-history .container {
    padding: 0 !important;
  }

  .ab-history__top-container {
    padding: 0 15px;
  }

  .ab-history__slider {
    padding: 0 15px;
  }

  .complect-item__content-row-no-price {
    display: flex !important;
  }
}

.ab-team .container {
  padding: 0 !important;
}

.ab-team__top {
  padding: 16px;
}

.ab-team__inner {
  padding: 0 16px;
}

.home-page-banner__item-link {
  display: none;
}

.ab-team__item-img video {
  border-radius: 16px;
  display: block;
  position: relative;
  z-index: 2;

  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab-team__item-img img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
}

.ab-team__controls{
  z-index: 4;
}

.ab-team__item-img {
  max-width: 197px;
}

.video-new-tube{
  padding-bottom: 40px;
}
.video-new-tube iframe{
  border-radius: 10px;
}

@media (max-width: 991px) {
  .hp-events-links__link:hover .hp-promo-links--hover {
    opacity: 0 ;
  }
}

@media (max-width: 500px) {
  .ab-team__button_all {
    display: none;
  }
  .video-new-tube{
    padding-bottom: 30px;
  }
  .video-new-tube iframe{
    height: 230px;
  }
}

.ab-team .hp-cases__link {
  margin-top: 30px;
}


.video-new video {
  border-radius: 40px;
}

#listing_cases {
  padding: 32px 0 1px;
  background-color: #fff;
}

@media (max-width: 768px) {
  #listing_cases {
    padding: 24px 0 !important;
  }
}

@media (max-width: 768px) {
  .ab-video svg {
    width: 40px;
    height: 40px;
  }

  .ab-video--mobile {
    display: block !important;
  }

  .ab-video--desk {
    display: none;
  }
}

.ab-video--mobile {
  display: none;
}

.ab-team__item-title {
	font-size: 20px;
	font-weight: 600;
	font-weight: 600;
	line-height: 25px;
	padding-bottom: 8px;
}

.ab-team__subtitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}

@media (max-width: 768px) {
  .ab-blockquote {
    height: 445px;
}
	.ab-promo {
    height: 445px;
   
}
}

.container-new24 {
   max-width: 1400px;
}

/* STYLE FOR CASES 2024 */
.center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.text-center{text-align:center;}
button.blue-btn{display:block;width:100%;max-width:140px;height:40px;background:#705ABF;border:none;border-radius:4px;line-height:19px;color:#fff;cursor:pointer;-webkit-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s;}
button.blue-btn:hover{color: #705ABF;background-color: #fff;border: 1px solid #705ABF;}
.title32px{font-size:1.3em;text-transform:uppercase;font-weight: 500;}
.cases-page-2023 .cases-top-cards-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:40px;margin-bottom:30px;}
.cases-page-2023 .cases-top-cards-wrapper .case-card{padding:20px 16px;border-radius:5px;background:#fff;-webkit-box-shadow:0 4px 12px 0 rgba(166, 175, 208, 0.25);box-shadow:0 4px 12px 0 rgba(166, 175, 208, 0.25);text-decoration:none;-webkit-transition:-webkit-box-shadow 0.3s;transition:-webkit-box-shadow 0.3s;-o-transition:box-shadow 0.3s;transition:box-shadow 0.3s;transition:box-shadow 0.3s, -webkit-box-shadow 0.3s;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:16px;margin-bottom:16px;width:calc(20% - 13px);}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(5n){margin-right:0;}
.cases-page-2023 .cases-top-cards-wrapper .case-card:hover{-webkit-box-shadow:0 6px 13px 0 rgba(166, 175, 208, 0.5);box-shadow:0 6px 13px 0 rgba(166, 175, 208, 0.5);}
.cases-page-2023 .cases-top-cards-wrapper .case-card .icon{margin-right:8px;min-width:40px;}
.cases-page-2023 .cases-top-cards-wrapper .case-card span{font-size:0.93em;line-height:1.25;color:#2b2f62;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card{width:calc(25% - 12px);border-radius:10px;overflow:hidden;margin-right:16px;margin-bottom:16px;background-color:#fff;-webkit-transition:-webkit-box-shadow 0.3s;transition:-webkit-box-shadow 0.3s;-o-transition:box-shadow 0.3s;transition:box-shadow 0.3s;transition:box-shadow 0.3s, -webkit-box-shadow 0.3s; -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card:nth-child(4n){margin-right:0;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card:hover{-webkit-box-shadow:3px 4px 20px 2px rgba(166, 175, 208, 0.5);box-shadow:3px 4px 20px 2px rgba(166, 175, 208, 0.5);}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card .image-wrapper{border-radius:10px;overflow:hidden;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card .image-wrapper img{width:100%;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .text{display:block;padding:12px 16px;text-decoration:none;background-color:#fff;word-wrap:break-word;font-size: 16px;font-weight: 500;
line-height: 125%;}
.mt10{margin-top:10px;}
.mt40{margin-top:40px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.pb50{padding-bottom:50px;}
@media screen and (max-width: 992px){
.cases-page-2023 .cases-top-cards-wrapper .case-card{width:calc(25% - 12px);}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(5n){margin-right:16px;}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(4n){margin-right:0;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card{width:calc(33.33333333% - 11px);}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card:nth-child(4n){margin-right:16px;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 768px){
.cases-page-2023 .cases-top-cards-wrapper .case-card{width:calc(33.333333% - 12px);}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(3n){margin-right:0;}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(4n){margin-right:16px;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card .text{font-size:1em;padding:8px 12px;}
}
@media screen and (max-width: 576px){
.title32px{font-size:1.4em;}
.cases-page-2023 .cases-top-cards-wrapper .case-card{margin-right:8px;margin-bottom:8px;padding:10px 8px;width:calc(50% - 8px);}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(5n){margin-right:8px;}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(4n){margin-right:0;}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(2n){margin-right:0;}
.cases-page-2023 .cases-top-cards-wrapper .case-card:nth-child(3n){margin-right:8px;}
.cases-page-2023 .cases-top-cards-wrapper .case-card span{font-size:0.8em;word-break:break-word;}
.cases-page-2023 .cases-top-cards-wrapper .case-card span{font-size:0.8em;word-break:break-word;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card{margin-right:8px;margin-bottom:8px;width:calc(50% - 8px);}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card:nth-child(5n){margin-right:8px;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card:nth-child(4n){margin-right:0;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card:nth-child(2n){margin-right:0;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card:nth-child(3n){margin-right:8px;}
.cases-page-2023 .one-thematic-case-block .cards-wrapper .card .text{font-size:0.9em;padding:8px 12px;}
}
.cases-h1-2024{font-size:1.6em;}
/* STYLE FOR CASES 2024 */

.textBlock-404{text-align: center;}
.breadcrumbs-404{padding-left: 330px;padding-top: 150px;}
@media(max-width: 768px){
.video_ipad iframe {max-width: 370px;}
}

@media(max-width: 768px){
.search__sidebar {
  background: #f2f2f2;
  padding-left: 23px;
  padding-bottom: 15px;
  }
  
.listing__item-title {
    font-size: 14px;
    height: initial !important;
    line-height: 125%; 
    margin-bottom: auto;
}
.catalog .top-links__item .text {
	font-size: 14px;
}

}

.table-cart {
	width: 100%;
}

.table-cart tr {
	 border-bottom: 1px #E0E0E0 dashed;
	 display: flex;
    justify-content: space-between;
    padding-top: 12px;
}

.table-cart tr td:last-child {
  flex-grow: 1;
  max-width: 120px;
  min-width: 120px;
  text-align: left;
}

.table-cart {
  line-height: 18px;
}

@media(min-width: 1400px){
.job-new24 {
	display: flex;
    gap: 30px;
}
.job-new24 h3{
	margin-bottom: 10px;
}

}

.job-new24 ul {
  max-width: 376px;
  flex-grow: 1;
}

.job-new24 ul li {
  list-style-type: disc;
  /* padding-left: 20px; */
  margin-left: 20px;
   margin-top: 3px;
}

.job-24new {
	height: 300px;
}

.ploshadka_title_2024 {
	padding-top: 80px;
}

.catering__menu-24 li {
	list-style: inside;
}

.gallery-ploshadka {
	    padding: 0 0 0 0;
}

.case-ploshadka {
	padding: 0 0 45px !important;
}


.gallery-ploshadka video {
	     min-height: 472px;
    object-fit: cover;
}

@media(max-width: 768px){
.ploshadka_title_2024 {
	padding-top: 40px;
}
.case-ploshadka {
	padding: 0 0 45px !important;
}
.gallery-ploshadka video {
	     min-height: 300px;
    object-fit: cover;
	
}
.hp-benefits-ploshadka {
	height: 360px;
}
}

.hp-benefits-ploshadka {
	height: 500px;
}

@media(max-width: 768px){
  .ploshadka_title_2024 {
      padding-top: 40px;
  }
  .case-ploshadka {
      padding: 0 0 45px !important;
  }
  .gallery-ploshadka video {
           min-height: 300px;
      object-fit: cover;

  }
  .hp-benefits-ploshadka {
      height: 360px;
  }
}

.video-ploshadka-24 {
	width: 100%;
    display: block;
    border-radius: 16px;
}

.video_yandex{
  width: 528px;
  height: 396px;
  border-radius: 20px;
  background: #000;
}
.video_yandex_thumb{
  width: 70px;
  height: 54px;
  border-radius: 8px;
  background: #000;
}



@media (max-width: 768px) {
  .video_yandex{
    width: 100%;
    height: 300px;
  }

  .video__item-block svg {
    left: 50%;
  }
}

.complect-item__price-box .complect-item__price-box-empty {
	    font-weight: 600 !important;
		font-size: 16px !important;
}

@media (max-width: 768px) {
  
  .banner-cat__content-btn {
	padding: 12px 18px;
	
  }
  .banner-cat__content-btn span {
	      font-size: 16px;

  }
}

.category__place-button{
  margin-top: 30px;
  padding: 0 30px;
}

.category__place-button a {
  border-top: 1px solid #3b3b3b4d;
  white-space: nowrap;
  padding-top: 10px;
}

.category__place-button a:hover {
  color: #705ABF;
}

.ab-history-slider-next {
  border-radius: 50%;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ab-history-slider-prev {
  border-radius: 50%;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ab-history-slider-prev svg {
  transform: rotate(180deg);
}

.fancybox__content video {
	 outline: none;
     box-shadow: none;
	 border-radius: 20px;
	 border:none!important;
}

.fancybox__container * {
  outline: none !important;
}

/* ----------------------- */
.main-layer {
  background-color: #fff;
  border-radius: 40px 40px 0 0;
}

.catalog--cases {
  background-color: #fff;
}

.top-links__item video {
  display: none;
}

.top-links__item .btn-play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.top-links__item .btn-play img {
  width: 50px;
  height: 50px;
}

.cases-new__title {
  text-align: center;
  font-family: "Golos Text";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 40px */
  color: #000;
  margin-bottom: 40px;
}

.cases-new__tabs {
  max-width: 1268px;
  margin: 0 auto;
  overflow-y: auto;
}

.cases-new__tabs-inner {
  display: flex;
  gap: 8px;
  margin-bottom: 32px;
}

.cases-new__tab {
  padding: 6px 12px;
  border-radius: 100px;
  border: 1px solid #BDBDBD;
  color: #3B3B3B;
  font-size: 14px;
  font-weight: 500;
}

.cases-new__tab--active {
  background-color: #705ABF;
  color: #fff;
}

.fancybox__content * {
  outline: none !important;
 
}

.fancybox__content  {
  border-radius: 20px;
}

.modules-item__bot-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}

.modules-item__bot-slider-wrapper {
  position: relative;
}

.modules-item__bot-slider {
  overflow: hidden;
}

.modules-item__bot-item {
  max-width: 586px;
  border-radius: 16px;
  background-color: #F2F2F2;
  padding: 20px 32px 20px 20px;
  overflow: hidden;
  display: flex;
  gap: 20px;
  align-items: center;
}

.bot-item__img {
  border-radius: 12px;
  overflow: hidden;
  max-width: 160px;
  min-width: 160px;
  flex-grow: 1;
}

.bot-item__img  {
  display: block;
  width: 100%;
}

.bot-item__content-title {
  font-size: 18px;
  font-weight: 500;
  color: #3B3B3B;
  margin-bottom: 8px;
}

.bot-item__content-text {
  font-size: 16px;
  line-height: 125%;
  max-height: 100px;
  overflow: hidden;
}

.bot-slider-next, .bot-slider-prev {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
}

.bot-slider-prev svg {
  transform: rotate(180deg);
}

.bot-slider-prev {
  left: -20px;
}

.bot-slider-next {
  right: -20px;
}


.modules__rounds {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.60);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  overflow: auto;
}

.modules__rounds-inner {
  max-width: 1021px;
  flex-grow: 1;
  position: relative;
}

.modules__rounds-slider-item {
  border-radius: 24px;
  background-color: #fff;
  padding: 40px 40px 40px 40px;
  display: flex;
  gap: 40px;
}

.rounds-slider-item__img {
  flex-grow: 1;
  max-width: 396px;
  border-radius: 10px;
  overflow: hidden;
}

.rounds-slider-item__content {
  max-width: 505px;
  flex-grow: 1;
  color: #3B3B3B;
}

.rounds-slider-item__title {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 32px;
  line-height: 100%;
}

.rounds-slider-item__text {
  font-size: 18px;
}

.modules__rounds-btn-close {
  color: #fff;
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
  width: 31px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

.modules__rounds-btn-close svg path {
  stroke: #000;
}

.modules__rounds-slider {
  overflow: hidden;
}

.modules__rounds--show {
  opacity: 1;
  visibility: visible;
}



.rounds-slider-prev, .rounds-slider-next {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
}

.rounds-slider-prev svg {
  transform: rotate(180deg);
}

.rounds-slider-prev {
  left: -20px;
}

.rounds-slider-next {
  right: -20px;
}

.modules-item__bot-item {
  cursor: pointer;
}

.modules-item__bot-item:hover .bot-item__content-title {
  color: #705ABF;
} 


@media (max-width: 991px) {
  .modules-item__bot-item {
    padding: 13px;
    gap: 10px;
  }
  .modules__rounds {

  }
  .modules__rounds-inner {
    margin-top: 50px !important;
  }
  .bot-item__content-title {
    font-size: 16px;
    margin-bottom: 0;
  }

  .bot-item__content-text {
    font-size: 14px;
  }

  .modules__rounds {
    display: block;
  }

  .modules__rounds-inner {
    margin-top: 150px;
    padding: 10px;
  }

  .modules__rounds-slider-item {
    padding: 15px;
    border-radius: 16px;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 30px;
  }

  .rounds-slider-next {
    right: 0px;
  }

  .rounds-slider-prev {
    left: 0px;
  }

  .modules__rounds-btn-close {
    display: none;
  }
}

.sliders__content p{
	line-height: 20px;
}

.sliders__content H4:nth-child(n+2){
	margin-top: 10px;
}

.sliders__subslider-container .swiper-pagination-bullets {
	padding-top: 0px;
}

.sections__item-text p{
	margin-top: 10px;
}

.header-bot__links {
  max-width: 1268px;
  margin: 4px auto 0;
  padding: 5px 20px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.20);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(8px);
  display: flex;
  gap: 24px;
  overflow: auto;
  transition: .2s;
}

.header-bot__links a {
  display: flex;
  align-items: center;
  gap: 6px;
}

.header-bot__links a svg path {
  stroke: #fff !important;
}

.header-bot__links a span {
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  font-weight: 500;
}

.header--active .header-bot__links {
  background-color: rgba(242, 242, 242, 0.95) !important;
}

.header--active .header-bot__links a svg path {
  stroke: #3B3B3B !important;
}

.header--active .header-bot__links a span {
  color: #3B3B3B;
}

.header--scroll .header-bot__links {
  background-color: rgba(242, 242, 242, 0.95) !important;
}

.header--scroll .header-bot__links a svg path {
  stroke: #3B3B3B !important;
}

.header--scroll .header-bot__links a span {
  color: #3B3B3B;
}

.listing__item-video-item video {
    max-height: 270px;
}

@media(max-width: 768px) {
  .header-bot__links {
    display: none;
  }

  .listing__item-video-item video {
    width: initial;
    height: 200px;
  }

  .team-build-wrapper-add .header-bot__links {
    display: none !important;
  }

  .hp-new-offers__item-content {
    min-width: initial !important;
  }

  .textBlock {
    display: flex;
    flex-direction: column;
    align-items: start;
  }

  .textBlock ul {
    margin-left: 20px !important;
  }

  .row-box {
    justify-content: center !important;
  }

  .row-box .product-new__complect-articul {
    display: none;
  }
}

@media (max-width: 500px) {
  .bot-item__content-text {
    height: 106px !important;
    overflow: hidden !important;
  }

  .hp-new-offers__item--sale {
    white-space: nowrap;
  }
}

.header--hide1 {
  transition: .2;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
}

.header--active .header-bot__links .red-title svg path {
  stroke: #ff0000 !important;
}

.header-bot__links {
  display: none;
}

.team-build-wrapper-add .header-bot__links {
  display: flex;
}

.header__darknes {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transition: .2s;
  backdrop-filter: blur(10px);
}

.header__input {
  position: relative;
  z-index: 21;
}

/* .header__input:focus + .header__darknes {
  opacity: 1;
  visibility: visible;
} */


.hp-new-offers__item-content {
  min-width: 281px;
}

.sale-header-color span {
  color: #f2b807 !important;
}

a.sale-header-color svg path {
  stroke: #f2b807 !important;
}

.header--active .sale-header-color span {
  color: #7823ef !important;
}

.header--active a.sale-header-color svg path {
  stroke: #7823ef !important;
}

.header--scroll .sale-header-color span {
  color: #7823ef !important;
}

.header--scroll a.sale-header-color svg path {
  stroke: #7823ef !important;
}

.sale-bot-bar-color svg path {
  stroke: #f2b807;
}

.bot-bar--scroll .sale-bot-bar-color svg path {
  stroke:  #7823ef;
}




.sale-bot-bar-color span {
  color: #f2b807;
}

.bot-bar--scroll .sale-bot-bar-color span {
  color:  #7823ef;
}

.complect-box-row {
  display: flex;
  justify-content: space-between;
}

.product-new__sale-link {
  color: #f2b807;
  font-size: 19px;
}

.row-box {
  border-radius: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05), 0px 4px 40px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 16px;
  padding: 15px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.row-box .product-new__complect-articul {
  margin-bottom: 0;
}

.sub-tabcontent__link-top {
  position: relative;
}

.sub-tabcontent__link-top::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #6d0ff2;
}

.sub-tabcontent__link-top {
  padding-left: 20px !important;
}

.drawer-menu__tabcontent-item-top::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #6d0ff2;
}

.drawer-menu__tabcontent-item-top {
  padding-left: 20px;
}

.drawer-menu__tabcontent-item span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #555555;
}

.drawer-menu__tabcontent-item:hover span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #ffffff !important;
}

.drawer-menu__tabcontent-item-top, .sub-tabcontent__link-top {
  
}
 
.complect-box-row {
  padding-bottom: 16px;
  justify-content: center;
  font-size: 19px;
}

.complect-box-row .product-new__complect-articul {
  display: none;
}

.sliders__price span {
  white-space: normal;
}

.sldiers__price {
  white-space: nowrap;
}

.header--active .icon-search {
  display: none;
}

.header--active .header__input-box {
  justify-content: space-between;
}
  .search-offers {
    /* margin-bottom: 45px; */
    /* padding-left: 17px; */
  }

  .search-offers__title {
    margin-bottom: 18px;
    font-family: "Golos Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    color: #3b3b3b;
  }

  .search-offers__items {
    display: flex;
    gap: 20px;
  }

  .search-offers__item {
    border-radius: 20px;
    overflow: hidden;
    max-width: 408px;
    position: relative;
  }

  .search-offers__item img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
  }

  .search-offers__item {
    max-width: 590px;
    display: block;
    height: 120px;
  }

  .search-offers__items .search-popular__item {
    display: block;
    max-width: 287px !important;
    height: 120px;
  }

  .search-popular {
    display: none;
  }

  .search-offers__hover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: .2s;
    opacity: 0;
    visibility: hidden;
  }

  .search-offers__hover span {
    padding: 10px 16px;
    border-radius: 100px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }

  .search-offers__item:hover .search-offers__hover {
    opacity: 1;
    visibility: visible;
  }

  .search-popular__title {
    margin-bottom: 18px;
    font-family: "Golos Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    color: #3b3b3b;
  }

  .search-popular {
    padding-left: 17px;
  }

  .search-popular__items {
    display: grid;
    grid-template-columns: 249px 249px 249px 249px;
    gap: 20px;
  }

  .search-popular__item {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    max-width: 249px;
  }

  .search-popular__item img {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
  }

  .search-popular__text {
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 1;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 100px;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(8px);
    display: inline-block;
  }

  .search-popular__item:hover .search-offers__hover {
    opacity: 1;
    visibility: visible;
  }

  .header__phone-link  {
    color: #fff; 
  }
 
  .header--scroll .header__phone-link {
    color: #3b3b3b;
  }

  .header--active .header__phone-link {
    color: #3b3b3b;
  }

  .row-box-cart-sale {
	
	display: flex;
    align-items: center;
    justify-content: space-between;
		 
  }
  
   .row-box-cart-sale a {
	border-radius: 40px;
	display: flex;
    align-items: center;
    justify-content: space-between;
	background-color: #fff; 
	display: flex;
    align-items: center;
    justify-content: flex-end;
	padding: 15px 40px;
    margin-bottom: 16px;
}
  .row-box-cart-sale .product-new__complect-articul {
	 border-radius: 40px;
	display: flex;
    align-items: center;
    justify-content: space-between;
	background-color: #fff; 
	display: flex;
    align-items: center;
    justify-content: flex-end;
	padding: 15px 40px;
    margin-bottom: 16px; 
  }
  @media (max-width: 768px) {
  .row-box-cart-sale .product-new__complect-articul {
    display:none;
  }
  .row-box-cart-sale  {
	  justify-content: center;
  }
  
  }

  .header__back-btn {
    margin-right: 40px;
  }
  
  .popup-form__text-gray {
	color: #828282;
    font-weight: 400;  
  }
  
  
.row-box-cart-sale .product-new__sale-link {
  color: #ffffff;
  font-size: 22px;
  background-color: #f2b807bd;
}

.row-box-cart-sale .product-new__sale-link:hover {
  color: #ffffff;
  font-size: 22px;
  background-color: #e3ac03;
}

.banner-new  .breadcrumbs-cat {
  margin-left: 15px;
}
@media (max-width: 768px) {
  .breadcrumbs-cat{
    margin-bottom: 110px;
  }
  .search__item img {
    
    height: 98px;
  }
  .search__item {
    padding: 0 !important;
  }
  .search__item img {
    height: auto !important;
    border-radius: 0 !important;
  }

  .search__item-title {
    padding: 0 12px;
  }

  .search__item-price-box {
    padding: 0 12px 12px;
  }

  .sub-links__inner {
    padding-left: 15px;
  } 

  .search-offers__items {
    padding-top: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    grid-template-rows: 66px 66px;
  }

  .search-offers__item {
    grid-column-start: span 2;
    height: 66px;
  }
  
  .search-offers__item  {
    height: 66px;
  }

  .search-offers__items .search-popular__item  {
    height: 66px;
  }

  .search-offers__items .search-popular__item img {
    height: 66px;
  }

  .search-popular__text  {
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    width: 112px;
  }
}

.ploshadka-statick-new .hp-benefits--bg {
	    background-color: rgb(0 0 0 / 0%);
		
}

.ploshadka-statick-new {
	margin-top: 50px;
}

.hp-benefits--img-statick-new {
	background-image: url(https://www.art-active24.ru/image/map-art.jpg);
    background-position: center;
}

.complect-item__content-row-price-second .complect-item__price-box {
	    color: #aeabab;
		font-size: 12px;
}

.complect-item__content-row-price-second .complect-item__price-box span {
	        font-weight: 500;
			font-size: 16px !important;
}


@media (max-height: 800px) {
  .drawer-menu__tabs-wrapper {
    height: 600px;
  }

  .drawer-menu__tabcontent-wrapper {
    height: 600px;
  }

  .drawer-menu__sub-tabcontent-wrapper{
    height: 600px;
  }
}

/* .header--active .header__nav {
  width: 0;
  overflow: hidden;
}

.header--active .header__input-box {
  max-width: 550px;
} */

.header__input-box {
  transition: .5s;
}

@media (max-width: 600px) {
  .gallery__inner--example2 {
      grid-template-rows: 141px 141px !important;
  }
}

@media (min-width: 1000px) {
  .video-new {
    background-position: center;
    width: 1100px;
    height: 400px;
    border-radius: 40px;
    overflow: hidden;
  }

}


.listing__item--sale {
  position: absolute;
  z-index: 10;
  border-radius: 20px;
  color: #fff;
  background: #ffbe00;
  padding: 0px 10px;
  font-size: 14px;
  top: 10px;
  left: 10px;
}

.links__content-custom {
	display:none;
}

.gallery .new-button-presentation-hard-card {
	margin:auto;
	background-color: #705abfbd;
	border: none;
	
}

.gallery .new-button-presentation-hard-card:hover {
	
	background-color: #fff;
	border: 1px solid #705abfbd;
	color:#705abfbd;
	
}

.block-new {
      padding-bottom: 30px;
}

.block-new__inner {
  display: flex;
  gap: 30px;
}

.block-new__item {
  max-width: 700px;
  flex-grow: 1;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.block-new__item  img {
  width: 100%;
  display: block;
  transition: ease-out .5s;
}

.block-new__item-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  transition: ease-out .5s;
}

.block-new__item-text {
  font-size: 50px;
  color: #000;
  font-weight: 700;
  margin-bottom: auto;
  line-height: 50px;
}

.block-new__item-text span {
  color: #705ABF;
}

.block-new__item-text1 {
  font-size: 34px;
  color: #fff;
  margin-bottom: auto;
  font-weight: 700;
  line-height: 35px;
}

.block-new__item-benefit {
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-bottom: 30px;
}

.block-new__item-benefit .prop {
  color: #fff;
  font-size: 54px;
  font-weight: 700;
  line-height: 40px;
}

.block-new__item-benefit .value {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.block-new__item-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin-left: auto;
}

.block-new__item:hover img {
  transform: scale(1.15);
}

.block-new__item:hover .block-new__item-content {
  backdrop-filter: blur(10px);
}

@media (max-width: 768px) {
  .block-new__inner {
    flex-direction: column;
  }
  .block-new__item-text {
    font-size: 30px;
    color: #000;
    font-weight: 700;
    margin-bottom: auto;
    line-height: 30px;
}
.block-new__item-text1 {
    font-size: 28px;
    color: #fff;
    margin-bottom: auto;
    font-weight: 700;
	line-height: 25px;
}
.block-new__item-benefit .prop {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 18px;
}
.block-new__item-benefit {
    display: flex
;
    flex-direction: column;
    align-items: end;
    margin-bottom: 16px;
}
}

@media (max-width: 550px) {
  
}
.blockquote_card {
	margin-top: 60px;
}

.complect-item__link-custom {
  max-width: initial !important;
}

.recommend-new__no-slider .swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px 20px;
}

@media (max-width: 991px) {
  .recommend-new__no-slider .swiper-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }

  .popup-form__form  {
    margin-top: 50px;
  }
}

@media (max-width: 500px) {
  .recommend-new__no-slider .swiper-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

/* .team-build-wrapper {
  opacity: 0;
  transition: ease .5s;
}

.team-build-wrapper--show {
  opacity: 1;
} */

.big_images_gallery img {
  height: 299px;
}

.big_images_gallery {
  box-shadow: none;
}

.big_images_gallery .listing__item-content {
  background-color: transparent;
  padding-bottom: 18px;
}

.big_images_gallery .listing__item-img {
  border-radius: 16px;
  overflow: hidden;
}

.big_images_gallery .listing__item-title {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .big_images_gallery img {
    height: initial;
    width: 100%;
    margin: 0 auto;
    border-radius: 16px;
    transition: .25s;
  }

  .listing__items {
    gap: 15px;
  }
}

.big_images_gallery {
  transition: .25s;
}

.big_images_gallery .listing__item-img {
  transition: .25s;
}


/* Основной стиль для страниц */
.team-build-wrapper {
  opacity: 1;
  transition: opacity 0.7s ease-in-out; /* Плавный переход */
}

/* Исчезающая страница */
.team-build-wrapper.fade-out {
  opacity: 0;
}

/* Появляющаяся страница */
.team-build-wrapper.fade-in {
  opacity: 0;
  animation: fadeIn 0.7s forwards; /* Анимация появления */
}

@keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

.big_images_gallery .listing__item-content {
  padding: 16px 8px 18px;
}

.big_images_gallery .listing__item-images-box {
  background: transparent !important;
}

.big_images_gallery:hover {
  box-shadow: none;
}

.big_images_gallery .listing__item-img {
  transition: none;
}

@media (min-width: 768px) {
  .big_images_gallery:hover .listing__item-img {
    visibility: hidden;
  }
  
  .big_images_gallery:hover .listing__item-content {
    opacity: 0;
  }
}

.big_images_gallery .hover-images img {
  width: 100%;
  height: 230px;
  border-radius: 16px;
}

.big_images_gallery .hover-gallery-dots {
  bottom: 120px !important;
  gap: 4px;
  padding-left: 10px;
  transform: translateX(0) !important;
  justify-content: start !important;
  left: initial !important;
}

.big_images_gallery .hover-text {
  left: 10px !important;
  right: initial !important;
  bottom: 60px !important;
}

.popup-form-vanya {
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}

.smart-captcha {
	width: 100%;
}

.popup-form__input-textarea {
	width: 100%;
	overflow: hidden;
  height: 80px;
}

@media (max-width: 360px) {
  .hp-grid-items__inner-text {
    max-width: 500px;
    overflow: auto;
  }

  .hp-grid-items__inner {
    display: flex;
    gap: 10px;
  }

  .hp-grid-items__item {
    min-width: 240px;
  }
}

.qwerty-link {
  display: flex;
  align-items: center;
  gap: 8px;
}

.qwerty-link > a {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 2px;
  color: #fff;;
}

.qwerty-link > div {
  display: flex;
  flex-direction: column;
}

.qwerty-link > div > span {
  font-size: 11px;
  line-height: 12px;
  color: #fff;
  opacity: 0.6;
}

.header--scroll .qwerty-link > div > span {
  color: #3b3b3b;
}

.header--active .qwerty-link > div > span {
  color: #3b3b3b;
}

.header--active .qwerty-link svg path {
  stroke: #3B3B3B;
}

@media (min-width: 768px) {
  .no_hover_images:hover .listing__item-img {
    visibility: visible;
  }

  .no_hover_images:hover .listing__item-content {
    opacity: 1;
  }

  .no_hover_images .listing__item-img img  {
    transition: .4s ease;
  }

  .no_hover_images:hover .listing__item-img img {
    transform: scale(1.15);
  }
}

.categ-wrapper {
  max-width: 1298px;
  margin: 0 auto 30px;
  padding: 0 16px;
}

.categ-wrapper__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}

.categ-wrapper__slider-container {
  position: relative;
}

.categ-wrapper__slider {
  overflow: hidden;
}

.categ-wrapper .cat-links__link {
  max-width: 305px;
  max-height: 174px;
}

.categ-wrapper .cat-links__link img {
  width: 100%;
}

.categ-wrapper .swiper-wrapper {
  height: initial !important;
}

.categ-wrapper-slider-prev, .categ-wrapper-slider-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
}

.categ-wrapper-slider-prev  {
  position: absolute;
  z-index: 3;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.categ-wrapper-slider-prev svg {
  transform: rotate(180deg);
}

.categ-wrapper-slider-next {
  position: absolute;
  z-index: 3;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.categ-info-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.60);
  backdrop-filter: blur(8px);
  width: 100vw;
  height: 100vh;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: .25s;
  z-index: 1000;
  align-items: center;
  justify-content: center;
}

.categ-info-popup--show {
  opacity: 1;
  visibility: visible;
}

.categ-info-popup__content {
  padding: 56px 40px 40px;
  border-radius: 24px;
  background-color: #fff;
  position: relative;
  max-width: 476px;
}

.categ-info-popup__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px;
}

.categ-info-popup img {
  border-radius: 16px;
  width: 100%;
  margin-bottom: 32px;
  background-color: #000;
}

.categ-info-popup__content div {
  font-size: 28px;
  font-weight: 600;
  color: #3B3B3B;
  margin-bottom: 24px;
}

.categ-info-popup__content p {
  font-size: 16px;
  color: #3B3B3B;
  line-height: 125%;
}

.to-up-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.to-up-btn .icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.50);
  display: flex;
  align-items: center;
  justify-content: center;
}

.categ-wrapper--line .categ-wrapper__title {
  padding-top: 20px;
  border-top: 1px solid #e9e6e6;
}



.listing-row {
  display: flex;
  gap:  16px;
  padding: 20px 0;
  grid-column-start: span 3;
}

.listing-row__item {
  border-radius: 16px;
  position: relative;
  max-width: 465px;
  flex-grow: 1;
  height: 158px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.listing-row__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5); /* Затемнение (черный цвет с прозрачностью 50%) */
}

.listing-row__item-title {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 125%;
  color: #fff;
  padding: 0 40px;
  position: relative;
  z-index: 3;
  text-align: center;
}

.listing-row__item-clickable  {
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  flex-direction: column;
  position: relative;
  z-index: 3;
}

.listing-row__item-clickable span {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 125%;
  color: #fff;
  padding: 0 20px;
  text-align: center;
}

.listing-row__item-clickable .icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.50);
}

.listing-row__item-popup {
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(8px);
  background-color: #00000099;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .25s ease;
  opacity: 0;
  visibility: hidden;
}

.listing-row__item-popup--show {
  opacity: 1;
  visibility: visible;
}

.listing-row__item-popup-content {
  padding: 56px 40px 40px 40px;
  background-color: #fff;
  border-radius: 24px;
  position: relative;
  max-width: 476px;
}

.listing-popup-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px;
  cursor: pointer;
}

.listing-row__item-popup img {
  width: 100;
  border-radius: 16px;
  margin-bottom: 32px;
}

.listing-row__item-popup div {
  font-size: 28px;
  font-weight: 600;
  color: #3B3B3B;
  margin-bottom: 24px;
  line-height: 1;
}

.listing-row__item-popup p {
  font-size: 16px;
  line-height: 125%;
  font-weight: 400 !important;
}

.listing-row-middle-banners-big-images {
  padding-top: 0 !important;
}

.product-promo {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-top: 18px;
  overflow: hidden;
  cursor: pointer;
  border-top: 1px solid #E0E0E0;
}

.product-promo img {
  max-width: 60px;
  border-radius: 8px;
}

.product-promo span {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.product-promo__title {
  font-size: 16px;
  font-weight: 500;
}

.product-promo .icon {
  max-width: 28px;
  min-width: 28px;
  height: 28px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(59, 59, 59, 0.50);
}

.product-promo-popup {
  transition: .3s ease;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  background-color: #00000099;
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
}

.product-promo-popup--show {
  visibility: visible;
  opacity: 1;
}

.product-promo-popup__content {
  padding: 56px 40px 20px;
  position: relative;
  background-color: #fff;
  border-radius: 24px;
  max-width: 476px;
}

.product-promo-popup__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px;
  cursor: pointer;
}

.product-promo-popup h6 {
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: 600;
}

.product-promo-popup p {
  color: #3B3B3B;
  font-size: 16px;
  line-height: 125%;
}

.product-new__complect-articul {
  margin-bottom: 16px;
  text-align: right;
}

.product-promo-popup__content h6 {
  line-height: 1;
}

.product-promo-popup__content p {
  margin-bottom: 15px;
}

.listing-row__item_video video {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}

.categ-info-popup__content video {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 20px;
}

@media (max-width: 550px) {
  .listing-row__item_video video {
    width: initial;
  }

  .product-promo-popup__content {
    margin: 0 16px;
  }

  .product-promo__title {
    font-size: 14px;
    line-height: 18px;
  }

  .product-promo  {
    gap: 10px;
  }

  .listing-row {
    flex-direction: column;
    grid-column-start: span 2;
  }

  .categ-info-popup__content {
    padding: 56px 20px 20px;
  }

  .categ-info-popup {
    padding: 0 16px;
  }

  .categ-info-popup img {
    margin-bottom: 15px;
  }

  .categ-info-popup__content div  {
    font-size: 24px;
  }

  .categ-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .categ-wrapper__title {
    padding: 0 16px;
  }

  .categ-wrapper__slider {
    padding: 0 16px;
  }

  .categ-wrapper-slider-prev, .categ-wrapper-slider-next  {
    display: none;
  }

  .categ-wrapper {
    padding: 0;
  }

  .categ-wrapper--line .categ-wrapper__title {
    border: none;
    padding-top: 0px;
  }
}

.blogs__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  color: #3B3B3B;
  margin-bottom: 40px;
}
.blogs__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 32px;
}
.blogs__tab {
  border-radius: 100px;
  padding: 6px 12px;
  border: 1px solid #BDBDBD;
  color: #3B3B3B;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
}
.blogs__tab:hover {
  color: #fff;
  background-color: #705ABF;
  border-color: #705ABF;
}
.blogs__tab.active {
  color: #fff;
  background-color: #705ABF;
  border-color: #705ABF;
}
.blogs .blogs-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px 16px;
}
.blogs .blogs-items__item {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  width: 100%;
}
.blogs .blogs-items__item:hover .blogs-items__item-img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.blogs .blogs-items__item-img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
}
.blogs .blogs-items__item-img img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s ease;
  -o-transition: 0.35s ease;
  transition: 0.35s ease;
}
.blogs .blogs-items__item-title {
  font-size: 20px;
  line-height: 125%;
  font-weight: 500;
  color: #3B3B3B;
  margin-bottom: 16px;
  padding: 0 20px;
}
.blogs .blogs-items__item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  padding: 0 20px;
}
.blogs .blogs-items__item-row .tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 125%; /* 12.5px */
  text-transform: uppercase;
  color: #828282;
}
.blogs .blogs-items .item-row__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.blogs .blogs-items .item-row__info svg {
  display: block;
}
.blogs .blogs-items .item-row__info span {
  font-size: 14px;
  color: #3B3B3B;
}
.blogs .blogs-items__btn {
  max-width: 204px;
  display: block;
  margin: 32px auto 20px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  padding: 18px 40px;
  border-radius: 100px;
  border: 1px solid #705ABF;
  color: #705ABF;
  font-weight: 500;
  line-height: 20px;
  font-size: 18px;
  white-space: nowrap;
}
.blogs .blogs-items__btn:hover {
  background-color: #705ABF;
  color: #fff;
}
.blogs .blogs-items__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blogs .blogs-items__pagination-arrow {
  width: 40px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blogs .blogs-items__pagination-arrow svg {
  display: block;
}
.blogs .blogs-items__pagination-arrow.active svg path {
  stroke: #3B3B3B;
}
.blogs .blogs-items__pagination-link {
  width: 40px;
  height: 32px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.blogs .blogs-items__pagination-link.active {
  background-color: #705ABF;
  color: #fff;
}

.blogs-items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 48px 16px;
}
.blogs-items__item {
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  width: 100%;
}
.blogs-items__item:hover .blogs-items__item-img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.blogs-items__item-img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
}
.blogs-items__item-img img {
  display: block;
  width: 100%;
  -webkit-transition: 0.35s ease;
  -o-transition: 0.35s ease;
  transition: 0.35s ease;
}
.blogs-items__item-title {
  font-size: 20px;
  line-height: 125%;
  font-weight: 500;
  color: #3B3B3B;
  margin-bottom: 16px;
  padding: 0 20px;
}
.blogs-items__item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  padding: 0 20px;
}
.blogs-items__item-row .tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 125%; /* 12.5px */
  text-transform: uppercase;
  color: #828282;
}
.blogs-items .item-row__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.blogs-items .item-row__info svg {
  display: block;
}
.blogs-items .item-row__info span {
  font-size: 14px;
  color: #3B3B3B;
}

.blog-page-wrapper {
  max-width: 828px;
  margin: 120px auto 0 auto;
}

.blog-page__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-bottom: 48px;
}
/* .blog-page__top a {
  max-width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F2F2F2;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
} */
.blog-page__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
}
.blog-page .blog-head__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 24px;
  gap: 24px;
}
.blog-page .blog-head__left-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 8px;
  max-width: 113px;
}
.blog-page .left-item__title {
  font-size: 16px;
  line-height: 125%;
}
.blog-page .left-item__text {
  font-size: 12px;
  color: #828282;
  display: inline-block;
  line-height: 125%;
}
.blog-page .star-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-left: auto;
  height: 16px;
}
.blog-page .star-rating svg {
  width: 16px;
  height: 16px;
}
.blog-page .author-info {
  padding: 24px 0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.blog-page .author-info__img {
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 80px;
  height: 80px;
  padding: 6px;
  border: 2px solid #F2B807;
}
.blog-page .author-info__img img {
  width: 100%;
  border-radius: 50%;
}
.blog-page .author-info__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.blog-page .author-info__subtitle {
  font-size: 14px;
  line-height: 125%;
  color: #828282;
}
.blog-page .author-info__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  color: #705ABF;
  padding-bottom: 10px;
}
.blog-page .author-info__text {
  font-size: 14px;
  max-width: 500px;
  line-height: 15px;
}
.blog-page .author-info__subtext {
  font-weight: 600;
  line-height: 1;
  padding-top: 10px;
}
.blog-page .author-info__link {
  padding: 10px 15px;
  border-radius: 100px;
  background-color: #705ABF;
  border: 1px solid #705ABF;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
}
.blog-page .author-info__link:hover {
  background-color: #fff;
  color: #705ABF;
}
.blog-page .author-info__tags {
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.blog-page .author-info__tags span {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #705ABF;
}
.blog-page__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin: 48px 20px;
}
.blog-page__list li {
  list-style: disc;
}
.blog-page__list a {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px dashed;
  line-height: 125%;
}
.blog-page__main-img {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 48px;
}
.blog-page p {
  margin: 30px 0px;
  font-size: 16px;
  line-height: 150%;
}
.blog-page__subtitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
}
.blog-page__list-wrapper-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
.blog-page__text-list {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.blog-page__text-list li {
  list-style-type: disc;
  line-height: 150%;
}
.blog-page__text-list li a {
  color: #705ABF;
}
.blog-page__text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px;
  padding: 16px;
  border-radius: 16px;
  background-color: #F5F0F9;
}
.blog-page__text-box p {
  margin: 0;
}
.blog-page__text-box .icon {
  max-width: 32px;
  min-width: 32px;
  height: 32px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #8D7BCC;
}
.blog-page__main-img {
  margin-bottom: 48px;
  display: block;
}
.blog-page__main-img img {
  display: block;
  width: 100%;
}
.blog-page__main-img span {
  margin-left: 20px;
  font-size: 14px;
  color: #828282;
}
.blog-page .text-box--red {
  background-color: #FEF1F0;
  margin-top: 32px;
  margin-bottom: 8px;
}
.blog-page .text-box--red .icon {
  background-color: #F66C60;
}
.blog-page .text-box--green {
  background-color: #EAF9EE;
  margin-bottom: 48px;
}
.blog-page .text-box--green .icon {
  background-color: #66D582;
}
.blog-page .blockquote {
  padding-left: 20px;
  border-left: 4px solid #705ABF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.blog-page .blockquote p {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 150%;
}
.blog-page .blockquote__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-page .blockquote__author-img {
  padding: 4px;
  border-radius: 50%;
  overflow: hidden;
  max-width: 40px;
  height: 40px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 2px solid #F2B807;
}
.blog-page .blockquote__author-img img {
  width: 100%;
  border-radius: 50%;
}
.blog-page__list a {
	
}


.blog-page .blockquote__author-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 125%;
  color: #705ABF;
}
.blog-page .blockquote__author-text {
  font-size: 14px;
}
.blog-page .text-box--yollow {
  background-color: #FEF8E6;
  margin-top: 30px;
}
.blog-page .text-box--yollow .icon {
  background-color: #F4C535;
}
.blog-page .blog-questions {
  padding-bottom: 48px;
  border-bottom: 1px solid #E0E0E0;
}
.blog-page .blog-questions__item {
  margin: 32px 0;
}
.blog-page .blog-questions__head {
  font-size: 16px;
  padding: 20px;
  border-radius: 0 16px 16px 16px;
  margin-bottom: 16px;
  background-color: #F5F0F9;
  font-size: 16px;
  font-weight: 600;
}
.blog-page .blog-questions__answer {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.blog-page .blog-questions__answer .icon {
  max-width: 40px;
  min-width: 40px;
  height: 40px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 50%;
  padding: 2px;
  border: 2px solid #F2B807;
}
.blog-page .blog-questions__answer .icon img {
  width: 100%;
  border-radius: 50%;
}
.blog-page .blog-questions__answer-text {
  padding-top: 8px;
  font-size: 16px;
  line-height: 150%;
}
.blog-page .blog-questions__btn {
  padding: 18px 40px;
  border-radius: 100px;
  border: 1px solid #705ABF;
  color: #fff;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  font-size: 18px;
  font-weight: 500;
  background-color: #705ABF;
}
.blog-page .blog-questions__btn:hover {
  background-color: #fff;
  color: #705ABF;
}
.blog-page .comments {
  padding: 24px 0 48px;
  border-bottom: 1px solid #E0E0E0;
}
.blog-page .comments__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
.blog-page .comments__count {
  font-size: 20px;
  font-weight: 600;
}
.blog-page .comments__create-btn {
  padding: 10px 15px;
  border: 1px solid #705ABF;
  border-radius: 100px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  background-color: #705ABF;
  color: #fff;
  font-weight: 500;
}
.blog-page .comments__create-btn:hover {
  background-color: #fff;
  color: #705ABF;
}
.blog-page .create-comment {
  padding: 56px 24px 24px 24px;
  border-radius: 16px;
  background-color: #F6F6F6;
  position: relative;
  margin-bottom: 24px;
}
.blog-page .create-comment__btn-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 16px;
  cursor: pointer;
}
.blog-page .create-comment__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 24px;
}
.blog-page .create-comment__subtitle {
  font-size: 16px;
  color: #828282;
  margin-bottom: 32px;
}
.blog-page .create-comment__inputs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 8px;
}
.blog-page .create-comment__inputs input {
  width: 100%;
  padding: 16px;
  border: none;
  outline: none;
  background-color: #fff;
  border-radius: 16px;
}
.blog-page .create-comment__inputs textarea {
  height: 159px;
  grid-column-start: span 2;
  width: 100%;
  padding: 16px;
  border: none;
  outline: none;
  background-color: #fff;
  border-radius: 16px;
}
.blog-page .create-comment__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}
.blog-page .create-comment__btn {
  border: 1px solid #705ABF;
  border-radius: 100px;
  padding: 18px 40px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  background-color: #705ABF;
}
.blog-page .create-comment__btn:hover {
  background-color: #fff;
  color: #705ABF;
}
.blog-page .create-comment__text {
  font-size: 13px;
}
.blog-page .create-comment__text a {
  text-decoration: underline;
}
.blog-page .comments-item__inner {
  padding: 20px;
  border-radius: 16px;
  background-color: #F6F6F6;
}
.blog-page .comments-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.blog-page .comments-item__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.blog-page .comments-item__author .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 125%;
}
.blog-page .comments-item__author .text {
  font-size: 12px;
  line-height: 125%;
}
.blog-page .comments-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-bottom: 8px;
}
.blog-page .comments-item__content p {
  margin: 0;
}
.blog-page .comments-item__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 16px;
  line-height: 150%;
  color: #705ABF;
  font-weight: 500;
}
.blog-page .comment-answer {
  max-width: 788px;
  border-radius: 16px;
  background-color: #F6F6F6;
  padding: 20px;
  margin: 8px 0 9px auto;
}
.blog-page .comments__view-all-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-page .comments__view-all-btn span {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.blog-page .blog-footer {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.blog-page .blog-footer__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}
.blog-page .blog-footer__left span {
  display: block;
  text-align: center;
  color: #828282;
  font-size: 12px;
}
.blog-page .blog-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  cursor: pointer;
  margin-bottom: 8px;
}
.blog-page .blog-rate svg {
  width: 40px;
  height: 50px;
}
.blog-page .blog-footer__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.blog-page .blog-footer__right span {
  font-weight: 600;
}

.blog-recommend {
  padding: 80px 0;
  background-color: #F2F2F2;
}
.blog-recommend__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 56px;
  text-align: center;
}
.blog-recommend__slider-wrapper {
  position: relative;
}
.blog-recommend__slider {
  overflow: hidden;
}
.blog-recommend .blogs-items__item {
  max-width: 412px;
}
.blog-recommend .blog-recommend-slider-prev, .blog-recommend .blog-recommend-slider-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 135px;
  z-index: 3;
}
.blog-recommend .blog-recommend-slider-prev {
  left: -20px;
}
.blog-recommend .blog-recommend-slider-next {
  right: -20px;
}
.blog-recommend__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 137px;
  height: 56px;
  border-radius: 100px;
  color: #fff;
  background-color: #705ABF;
  border: 1px solid #705ABF;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  margin: 56px auto 0;
  font-size: 18px;
  font-weight: 500;
}
.blog-recommend__link:hover {
  background-color: #fff;
  color: #705ABF;
}
.blog-recommend .item-row__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.blog-recommend-slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4;
  padding-top: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blog-recommend-slider-pagination span {
  opacity: 1 !important;
  margin: 0;
  width: 24px;
  height: 4px;
  border-radius: 100px;
  background-color: #E0E0E0;
}
.blog-recommend-slider-pagination .swiper-pagination-bullet-active {
  background-color: #705ABF;
}

.author {
  padding: 20px 0 80px;
}
.author .author__img--mobile {
  display: none;
}
.author__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.author__img {
  max-width: 178px;
  max-height: 178px;
  min-width: 178px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 6px;
  border-radius: 50%;
  border: 2px solid #F2B807;
}
.author__img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.author__content {
  max-width: 832px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.author__title {
  font-size: 40px;
  margin-bottom: 32px;
  font-weight: 600;
  line-height: 100%;
}
.author__contacts {
  padding: 24px 0;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.author__contacts-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.author__contacts-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.author__contacts-list li a:hover svg path {
  stroke: #705ABF;
}
.author__contacts-list li a:hover span {
  color: #705ABF;
}
.author__contacts-list li a svg {
  display: block;
}
.author__contacts-list li a svg path {
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.author__contacts-list li a span {
  font-weight: 500;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.author__btn {
  padding: 18px 40px;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  color: #fff;
  background-color: #705ABF;
  border: 1px solid #705ABF;
}
.author__btn:hover {
  background-color: #fff;
  color: #705ABF;
}
.author__info {
  padding: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.author__info .prop {
  font-weight: 600;
}
.author__textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.author__textbox p {
  line-height: 150%;
}

.blog-docs {
  padding: 80px 0;
  border-radius: 40px 40px 0 0;
  background-color: #F2F2F2;
}
.blog-docs__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  margin-bottom: 56px;
}
.blog-docs__slider-wrapper {
  position: relative;
}
.blog-docs__slider {
  overflow: hidden;
}
.blog-docs__slider-item {
  max-width: 412px;
}
.blog-docs__slider-item-img {
  border-radius: 16px;
  background-color: #fff;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
}
.blog-docs__slider-item-img img {
  width: 100%;
}
.blog-docs .blog-docs-slider-prev, .blog-docs .blog-docs-slider-next {
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05), 0px 4px 16px 0px rgba(0, 0, 0, 0.15);
}
.blog-docs .blog-docs-slider-prev {
  left: -20px;
}
.blog-docs .blog-docs-slider-next {
  right: -20px;
}
.blog-docs__slider-item span {
  display: block;
  color: #828282;
  text-align: center;
}
.blog-docs .blog-docs__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4;
  padding-top: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blog-docs .blog-docs__pagination span {
  opacity: 1 !important;
  margin: 0;
  width: 24px;
  height: 4px;
  border-radius: 100px;
  background-color: #E0E0E0;
}
.blog-docs .blog-docs__pagination .swiper-pagination-bullet-active {
  background-color: #705ABF;
}

.blog-recommend1 {
  background-color: #fff;
}

.popup-form__form {
  max-height: 612px;
}

.popup-form__text {
  font-size: 28px;
  font-weight: 600;
  color: #3B3B3B;
}

@media (max-width: 991px) {
  .blog-page-wrapper {
    padding: 0 15px;
  }
  .blog-recommend-slider-next, .blog-recommend-slider-prev {
    display: none !important;
  }
  .blog-recommend {
    padding: 40px 0 !important;
  }
  .blog-docs-slider-next, .blog-docs-slider-prev {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .blogs .container {
    padding: 0;
  }
  .blogs .blogs__title {
    padding: 0 15px;
  }
  .blogs .blogs-items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px 16px;
  }
  .blogs .blogs__tabs {
    overflow: auto;
    padding-bottom: 10px;
    margin-bottom: 22px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .blogs .blogs-items {
    padding: 0 15px;
  }
  .blog-recommend .container {
    padding: 0;
  }
  .blog-recommend .blog-recommend__slider {
    padding: 0 15px;
  }
  .author .author__img {
    display: none;
  }
  .author .author__img--mobile {
    display: block;
    margin-bottom: 16px;
    margin: 0 auto 16px;
  }
  .author .author__btn {
    display: none;
  }
  .author .author__btn--mobile {
    display: block;
    margin-bottom: 24px;
  }
  .blog-docs {
    padding: 40px 0;
  }
  .blog-docs .container {
    padding: 0;
  }
  .blog-docs__slider {
    padding: 0 15px;
  }
  .blog-docs__title {
    font-size: 28px;
    margin-bottom: 32px;
  }

  .blog-page .author-info__subtitle {
    font-size: 12px;
  }

  .blog-page .author-info__title {
    font-size: 16px;
  }

  .blog-page .author-info__text {
    font-size: 12px;
  }

  .blog-page .author-info__subtext {
    font-size: 12px;
  }
}

.author__btn--mobile {
  display: none;
  padding: 15px 40px;
  width: 100%;
}

@media (max-width: 650px) {
  .blogs .blogs-items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
  }
  .blogs .blogs-items__item-img {
    margin-bottom: 10px;
  }
  .blogs .blogs-items__item-title {
    padding: 0 10px;
    font-size: 18px;
  }
  .blogs .blogs-items__item-row {
    padding: 0 10px;
  }
  .blogs .blogs-items .item-row__info span {
    font-size: 12px;
  }
  .blog-page .blog-head__top {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 110px 110px;
    grid-template-columns: 110px 110px;
    gap: 8px 16px;
  }
  .blog-page .star-rating {
    margin-bottom: 8px;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    grid-column-start: span 2;
    margin-left: initial;
  }
  .blog-page .author-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 65px 1fr;
    grid-template-columns: 65px 1fr;
    gap: 16px;
  }
  .blog-page .author-info__link {
    grid-column-start: span 2;
    text-align: center;
  }
  .blog-page .author-info__img {
    max-width: 65px;
    height: 65px;
    padding: 3px;
  }
  .blog-page .blog-page__title {
    font-size: 28px;
  }
  .blog-page .blog-page__top {
    margin-bottom: 24px;
  }
  .blog-page .author-info {
    padding: 12px 0;
  }
  .blog-page .blockquote p {
    font-size: 18px;
  }
  .blog-page .blog-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .blog-recommend__title {
    font-size: 28px;
    margin-bottom: 32px;
  }
  .blog-recommend__link {
    margin-top: 32px;
  }
  .blog-recommend .blogs-items__item-title {
    padding: 0 10px;
    font-size: 16px;
  }
  .blog-recommend .blogs-items__item-row {
    padding: 0 10px;
  }
}
@media (max-width: 520px) {
  .blogs .blogs-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .blogs .blogs-items .item-row__info span {
    font-size: 14px;
  }
  .blog-page .comments__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 24px;
  }
  .blog-page .create-comment {
    padding-left: 16px;
    padding-right: 16px;
  }
  .blog-page .create-comment__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog-page .create-comment__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 16px;
  }
  .blog-page .create-comment__btn {
    display: block;
    width: 100%;
  }
}

.blog-head__left-item svg {
  min-width: 20px;
}

.left-item__textbox {
  display: flex;
  flex-direction: column;
}

.blog-danya {
  margin-top: 170px;
}

.blog-page__main-img video {
  display: block;
  width: 100%;
  cursor: pointer;
}

.condition {
  color: #3b3b3b;
}
.condition__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 40px;
}
.condition__text {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 40px;
  max-width: 832px;
}
.condition__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-top: 80px;
}
.condition__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
  max-width: 396px;
}
.condition__item .icon {
  max-width: 36px;
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #F2B807;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.condition__item .item-content {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.condition__item .item-content span {
  font-weight: 600;
}
.condition__item .sub-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 6px;
  font-size: 12px;
  margin-top: 10px;
  line-height: 15px;
}
.condition__item .sub-text svg {
  min-width: 20px;
}
.condition__textbox {
  max-width: 832px;
  border-radius: 16px;
  border: 2px solid #F2B807;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin-bottom: 80px;
}
.condition__textbox svg {
  max-width: 24px;
  min-width: 24px;
}
.condition__textbox p {
  font-size: 14px;
  line-height: 150%;
}
.condition .card-rows-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 80px;
}
.condition .card-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 40px;
}
.condition .card-row__img {
  max-width: 396px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.condition .card-row__img img {
  width: 100%;
}
.condition .card-row__content {
  max-width: 832px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.condition .card-row__content-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 32px;
}
.condition .card-row__list-wrapper {
  margin-bottom: 20px;
}
.condition .card-row__list-wrapper ul {
  margin-left: 20px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.condition .card-row__list-wrapper li {
  line-height: 150%;
}
.condition .card-row__list-text {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 20px;
}
.condition .card-row__link {
  display: inline-block;
  margin-top: 32px;
  -webkit-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  transition: 0.25s ease;
  padding: 18px 40px;
  border-radius: 100px;
  color: #fff;
  background-color: #705ABF;
  font-size: 18px;
  font-weight: 500;
  border: 1px solid #705ABF;
}
.condition .card-row__link:hover {
  background-color: #fff;
  color: #705ABF;
}

.delivery-page__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 40px;
}
.delivery-page__sub-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 100%;
  margin-bottom: 32px;
}
.delivery-page__item {
  border-radius: 16px 16px 0 0;
  border: 1px solid #E0E0E0;
  overflow: hidden;
}
.delivery-page__item1 {
  border-radius: 0 0 0 0;
}
.delivery-page__item-head {
  padding: 16px;
  background-color: #F6F6F6;
  font-weight: 600;
  border-bottom: 1px solid #E0E0E0;
}
.delivery-page__item-content {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.delivery-page__item-column {
  width: 20%;
}
.delivery-page .item-column__title {
  font-size: 14px;
  line-height: 125%;
  margin-bottom: 4px;
}
.delivery-page .item-column__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 4px;
  gap: 4px;
}
.delivery-page .item-column__row .prop {
  font-size: 16px;
  font-weight: 500;
}
.delivery-page .item-column__row .value {
  font-size: 12px;
  color: #828282;
  line-height: 100%;
}
.delivery-page__text-boxes {
  margin: 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
.delivery-page__textbox-title {
  margin-bottom: 32px;
  font-size: 28px;
  line-height: 100%;
  font-weight: 600;
}
.delivery-page__content p {
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 20px;
}
.delivery-page__content p span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  line-height: 125%;
  color: #705ABF;
}
.delivery-page__content ul {
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.delivery-page .remark {
  padding: 12px 0;
  margin: 0 16px;
  border-top: 1px solid #E0E0E0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.delivery-page .remark svg {
  display: block;
}
.delivery-page .remark span {
  font-size: 14px;
  color: #828282;
}
.delivery-page .delivery-page__text-boxes {
  margin-top: 40px;
}

.map {
  height: 571px;
  width: 100%;
}

@media (max-width: 991px) {
  .condition__title {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .condition__text {
    margin-bottom: 30px;
  }
  .condition__items {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .delivery-page__title {
    font-size: 35px;
    margin-bottom: 30px;
  }
}
@media (max-width: 650px) {
  .condition__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 16px;
  }
  .condition__text {
    margin-bottom: 16px;
  }
  .condition__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .condition__textbox {
    padding: 12px;
    margin-bottom: 40px;
  }
  .condition .card-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  .condition .card-row:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .condition .card-row__content-itle {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .condition .card-row__img {
    padding: 0 64px;
  }
  .condition .card-rows-wrapper {
    gap: 40px;
  }
  .delivery-page__item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .delivery-page__item-column {
    width: 100%;
  }
  .delivery-page__title {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .delivery-page__text-boxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .remark span {
    font-size: 12px;
  }

  .blog-footer__right {
    flex-direction: column;
    gap: 25px !important;
  }

  .blog-footer__right span {
    font-size: 22px;
  }

  .blog-footer__social ul.ya-share2__list {
    transform: scale(1.5);
  }

  .blog-page .blog-footer {
    padding: 25px 0 45px !important;
  }
}

.comments-item {
  margin-bottom: 20px;
}

.comment-answer {
  display: none;
}

.cases-page-2023 .breadcrumbs {
  margin-top: 100px;
}

.blog-page-wrapper {
  margin-top: 0 !important;
}

.blog-danya .breadcrumbs * {
  font-weight: 500;
}


.header--active .nav-link-drop svg path {
  stroke: #3b3b3b;
}

.link-head {
  display: flex;
  gap: 2px;
  align-items: center;
}

.delivery-page__item:last-child {
  border-radius: 0 0 16px 16px;
}

.condition .card-rows-wrapper {
  margin-bottom: 40px;
}

.nav-link-drop {
  position: relative;
  cursor: pointer;
}

.nav-link-drop:hover .link-drop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.link-drop {
  position: absolute;
  top: 18px;
  left: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  gap: 8px;
  transition: .15s ease;
  background-color: #3b3b3b;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  z-index: 3;
}

.link-drop a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.mobile-about-menu__links {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mobile-about-menu {
  background-color: hsla(0, 0%, 97%, .9);
  display: flex;
  flex-direction: column;
  height: 100dvh;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: 0;
  width: 100%;
  z-index: 120;
  opacity: 0;
  visibility: hidden;
}

.mobile-about-menu.show {
  opacity: 1;
  visibility: visible;
}

.mobile-about-menu.show .mobile-about-menu__content {
  transform: translateY(0);
}

.mobile-about-menu__content {
  transition: .2s ease;
  background-color: #fff;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, .15);
  padding: 19px 16px 24px;
  position: relative;
  z-index: 1;
  transform: translateY(100%);
}

.mobile-about-menu__content-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  width: 100%;
}

.mobile-about-menu__content-head span {
  color: #000;
  font-size: 1.25em;
  font-weight: 700;
}

.mobile-about-menu__btn-close {
  align-items: center;
  background-color: #d1d1d1;
  border-radius: 50%;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
  border: none;
  outline: none;
  padding: 0;
}

.mobile-about-menu__btn-close svg {
  height: 12px;
  width: 12px;
  stroke: #fff;
  stroke-width: 2px;
}

.blog-danya {
  margin-top: 100px;
}

@media (max-height: 800px) {
  .popup-form__form {
    margin-top: 100px;
  }
}

h3 + ul {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


h3 + p + ul {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

p + ul {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

h3 {
  margin-bottom: 20px;
}

.blog-page__main-img img {
  border-radius: 16px;
}

.sections__item-text a {
	color: #705ABF;
	text-decoration: underline;
}

.item_page_conditions .condition__item {
  flex-direction: column;
  padding: 15px;
  background-color: #F2F2F2;
  border-radius: 16px;
}

.item_page_conditions .condition__item .item-content {
  font-weight: 700;
}

.item_page_conditions .condition__item .item-content p {
  font-weight: 400;
}

.item_page_conditions .condition__item .item-content li {
  font-weight: 400;
}

.item_page_conditions .condition p + ul {
  gap: 5px !important;
}

.sliders__content ul {
	gap: 5px;
}

.listing__pagination {
  margin-top: 30px;
}

.condition__textbox {
  margin-top: 40px;
}

@media (max-width: 991px) {
  .condition__textbox {
    margin-top: 32px;
  }
}

@media (max-width: 768px) {
  .condition__textbox {
    margin-top: 16px;
  }
}

.hp-promo-links .decor {
  display: none;
}

.display_none_25 {
	display: none !important;
}

.drawer-mobile__tabs-wrapper
{

}
.drawer-mobile__tabs {
	margin-bottom: 150px;
}



/*стили корзины */
.selfpickup-block {
    border: 1px solid #e7e7e7;
    border-radius: 16px;
    margin-bottom: 24px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.communication-method-wrapper {
  display: flex;
  gap: 10px;

  .wrapper {
    flex-grow: 1;
  }

  .wrapper input {
    width: 100%;
  }

  .error-text {
    display: none;
  }
}

.cart-container textarea {
  margin-top: 10px;
  height: 100px;
}

.cart-container .form-row button {
    align-items: center;
    border: none;
    border-radius: 16px;
    color: #fff;
    display: inline-flex;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: 1;
    outline: none;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    text-decoration: none;
    background-color: #705ABF;
    transition: .25s ease;
}

.cart-container .form-row button:hover {
  opacity: 0.8;
}

.communication-method-wrapper .w100per.mb16 {
  width: 50%;
}

.selfpickup-block svg path {
  fill: #705ABF;
}

.share-block-wrapper {
  display: none;
}

.cart-container {
  display: flex;
  gap: 20px;
  margin-bottom: 50px;
}

.cart-container input, textarea {
    border: 1px solid #d1d1d1;
    border-radius: 16px;
    height: 44px;
    outline: none;
    padding: 12px 16px;
    transition: border-color .3s;
}

.icon-with-text {

}

.error-text .text {
  font-size: 14px;
  color: #f25757;
}

.page-title-with-counter {
	display: flex;
	margin-bottom: 16px
}

.page-title-with-counter .counter {
	color: #7e7e7e;
	font-size: .75em;
	margin-left: 4px
}

.page-title-with-counter .title {
	margin-bottom: 0;
  font-size: 25px;
}

.delivery-type-choose-wrapper{
  display: flex;
  gap: 15px;
}

.date-input-wrapper {
	background-image: url('https://arenda-mebel.ru/images/icons/calendar-2.svg');
	background-position: calc(100% - 12px) 11px;
	background-repeat: no-repeat;
	position: relative;
	width: 240px
}

.date-input-wrapper input {
	background: transparent;
	padding-right: 30px;
	width: 100%
}

.cart-body-wrapper {
	display: flex
}

.cart-body-wrapper .cart__body {
	flex-grow: 1;
	min-width: 0;
	padding-right: 96px
}

.cart-body-wrapper .cart__body .cart-products-wrapper {
	margin-bottom: 40px
}

.cart-body-wrapper .cart__body .top-date-range-wrapper-input {
	margin-bottom: 32px
}

.cart-body-wrapper .cart__body .select-all-wrapper {
	align-items: center;
	border-bottom: 1px solid #e7e7e7;
	display: flex;
	padding-bottom: 28px;
  gap: 15px;
}

.cart-body-wrapper .cart__body .select-all-wrapper .share-block-wrapper {
	margin-left: auto
}

.cart-body-wrapper .cart__body .select-all-wrapper .share-block-wrapper .ya-share2__container_size_l .ya-share2__badge .ya-share2__icon {
	height: 32px;
	width: 32px
}

.cart-body-wrapper .cart__body .select-all-wrapper .share-block-wrapper .ya-share2__container_size_l .ya-share2__item_copy .ya-share2__icon_copy,
.cart-body-wrapper .cart__body .select-all-wrapper .share-block-wrapper .ya-share2__container_size_l .ya-share2__item_more .ya-share2__icon_more {
	background-size: 16px 16px
}

.cart-body-wrapper .cart__body .select-all-wrapper .delete-selected-btn {
	cursor: pointer;

}

.cart-body-wrapper .cart__body .select-all-wrapper .delete-selected-btn:hover svg {
	fill: #705ABF
}

.cart-body-wrapper .cart__body .select-all-wrapper .delete-selected-btn:hover .text {
	color: #705ABF
}

.cart-body-wrapper .cart__body .select-all-wrapper .delete-selected-btn svg {
	fill: #d1d1d1;
	transition: fill .3s
}

.cart-body-wrapper .cart__body .select-all-wrapper .delete-selected-btn .text {
	color: #7e7e7e;
	font-size: .875em;
	font-weight: 500;
	transition: color .3s
}

.cart-body-wrapper .cart__sidebar {
	flex-shrink: 0;
	width: 352px
}

.cart-product-row {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 8px
}

.cart-product-row .product-row {
	align-items: center;
	display: flex;
	padding-top: 8px;
}

@media (max-width: 768px) {
  .cart-product-row .product-row {
    position: relative;
    padding-bottom: 40px;
  }

  .item-counter {
    position: absolute;
    left: 40px;
    bottom: 0;
  }
}

.cart-product-row .product-row .select-checkbox {
	flex-shrink: 0;
	margin-right: 20px;
	margin-top: -16px
}

.cart-product-row .product-row .image {
	flex-shrink: 0;
	margin-right: 20px;
	width: 64px
}

.cart-product-row .product-row .image img {
	width: 100%
}

.cart-product-row .product-row .image:hover+.title-wrapper .title {
	color: #705ABF
}

.cart-product-row .product-row .title-wrapper {
	flex-grow: 1;
	margin-right: 20px
}

.cart-product-row .product-row .title-wrapper .title {
	color: #000;
	display: inline-block;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 2px;
	text-decoration: none;
	transition: color .3s
}

.cart-product-row .product-row .title-wrapper .title:hover {
	color: #705ABF
}

.cart-product-row .product-row .title-wrapper .articul {
	color: #8c8c8c;
	font-size: .75em
}

.cart-product-row .product-row .title-wrapper .articul-one {
  color: #8c8c8c;
	font-size: .75em
}

.breadcrumbs-cart {
  margin-bottom: 0 !important; 
}

.cart-product-row .product-row .prices-wrapper {
	flex-shrink: 0;
	margin-right: 20px;
	min-width: 100px
}

.cart-product-row .product-row .prices-wrapper .price-row {
	color: #7e7e7e;
	font-size: .75em;
	font-weight: 600;
	margin-bottom: 2px
}

.cart-product-row .product-row .prices-wrapper .price-row .price {
	color: #000
}

.cart-product-row .product-row .count-wrapper {
	flex-shrink: 0;
	height: 40px;
	margin-right: 20px;
	width: 140px
}

.cart-product-row .product-row .common-price {
	flex-shrink: 0;
	font-weight: 700;
	margin-right: 20px;
	min-width: 100px
}

.cart-product-row .product-row .delete-btn {
	cursor: pointer;
	flex-shrink: 0;
	padding: 8px
}

.cart-product-row .product-row .delete-btn svg {
	fill: #d1d1d1;
	transition: fill .3s
}

.cart-product-row .product-row .delete-btn:hover svg {
	fill: #705ABF
}

.cart-product-row .product-row.additional-product-row .common-price,
.cart-product-row .product-row.additional-product-row .count-wrapper {
	display: none
}

.cart-product-row .product-row.additional-product-row .prices-wrapper {
	margin-right: 340px
}

.cart-product-row .product-row.additional-product-row.selected .common-price {
	display: block
}

.cart-product-row .product-row.additional-product-row.selected .count-wrapper {
	display: flex
}

.cart-product-row .product-row.additional-product-row.selected .prices-wrapper {
	margin-right: 20px
}

.cart-product-row .additional-products-wrapper {
	margin-left: 44px
}

.cart-product-row .additional-products-wrapper .show-more-block {
	display: none
}

.cart-product-row .additional-products-wrapper>.title {
	cursor: pointer;
	font-weight: 700;
	margin-bottom: 8px;
	position: relative
}

.cart-product-row .additional-products-wrapper>.title:after {
	content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 1 5 5 1 1'/%3E%3C/svg%3E");
	display: inline-block;
	position: relative;
	right: -14px;
	transition: transform .3s
}

.cart-product-row .additional-products-wrapper>.title.show:after {
	top: 4px;
	transform: rotate(180deg)
}

.cart-product-row .additional-products-wrapper .additional-product-row .common-price {
	margin-right: 60px
}

.cart-price-block-wrapper .info-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8px
}

.cart-price-block-wrapper .info-row .text {
	color: #7e7e7e;
	font-size: .875em;
	font-weight: 600;
	margin-right: 20px
}

.cart-price-block-wrapper .info-row .value {
	font-size: .875em;
	font-weight: 600
}

.cart-price-block-wrapper .info-row.total-row {
	align-items: flex-end;
	margin-bottom: 20px
}

.cart-price-block-wrapper .info-row.total-row .text {
	color: #000;
	font-size: 1em
}

.cart-price-block-wrapper .info-row.total-row .value {
	font-size: 1.375em;
	font-weight: 700
}

.cart-page .make-order-mobile-block {
	display: none
}

.cart-page .additional-products-slider-wrapper {
	margin-bottom: 40px
}

.cart-page .title-share-wrapper .mobile-share-block {
	display: none
}

.cart-page .order-form-wrapper {
	margin-bottom: 80px;
	max-width: 544px;
	width: 100%
}

.cart-page .order-form-wrapper>.title {
	margin-bottom: 24px
}

.cart-page .order-form-wrapper .delivery-type-choose-wrapper {
	display: flex;
	margin-bottom: 16px
}

.cart-page .order-form-wrapper .delivery-type-choose-wrapper .radio-wrapper {
	margin-right: 16px
}

.cart-page .order-form-wrapper .selfpickup-block {
	border: 1px solid #e7e7e7;
	border-radius: 16px;
	margin-bottom: 24px;
	padding: 10px 12px
}

.cart-page .order-form-wrapper .selfpickup-block .address {
	font-weight: 500;
	margin-bottom: 8px
}

.cart-page .order-form-wrapper .selfpickup-block .worktime {
	color: #7e7e7e;
	font-size: .875em;
	font-weight: 500;
	margin-bottom: 8px
}

.cart-page .order-form-wrapper .selfpickup-block .show-map-btn {
	color: #705ABF;
	cursor: pointer;
	display: inline-flex;
	font-size: .875em;
	font-weight: 500
}

.cart-page .order-form-wrapper .communication-method-wrapper {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px
}

.cart-page .order-form-wrapper .communication-method-wrapper .custom-select2-wrapper,
.cart-page .order-form-wrapper .communication-method-wrapper .wrapper {
	width: calc(50% - 8px)
}

.cart-page .order-form-wrapper .communication-method-wrapper .wrapper input {
	width: 100%
}

.cart-page .order-form-wrapper .communication-method-wrapper .contacts-method-select .select-selected {
	border-color: #d1d1d1;
	border-radius: 16px;
	height: 44px
}

.cart-page .order-form-wrapper .communication-method-wrapper .contacts-method-select .select-selected.select-arrow-active {
	border-color: #705ABF
}

.cart-page .order-form-wrapper .communication-method-wrapper .contacts-method-select .select-selected:after {
	top: 11px
}

.cart-page .order-form-wrapper .comment {
	height: 100px
}

.mb16 {
	margin-bottom: 16px
}

.additional-products-slider-wrapper>.title {
	margin-bottom: 24px
}

.additional-products-slider-wrapper .product-card_small {
	border: 1px solid #e7e7e7;
	border-radius: 16px;
	height: auto;
	padding: 16px
}

.cart-container .image img {
  border-radius: 8px;
}

.cart-container .copy-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  transition: .25s ease;
  cursor: pointer;
}

.show-map-btn {
  cursor: pointer;
}

.cart-container .copy-btn svg path {
  transition: .25s ease;
}

.cart-container .copy-btn:hover {
  color: #705ABF;
}

.cart-container .copy-btn:hover svg path {
  stroke: #705ABF;
}

.form-row {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 25px;
}

.form-row-textbox {
  max-width: 209px;
  flex-grow: 1;
  margin-left: auto;
}

.form-row-textbox .title {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  line-height: 14px;
}

.form-row-textbox .text {
  font-size: 12px;
  color: #848484;
  line-height: 14px;
}

.form-row-link {
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #705ABF;
  transition: .25s ease;
}
.form-row-link:hover {
  opacity: 0.8;
}
.select-all-wrapper .checkbox-wrapper {
  padding-left: 20px;
}
.checkbox-wrapper {
  position: relative;
}

.color-gray {
    color: #7e7e7e;
}

.radio-wrapper {
  position: relative;
}
.icon-with-text span {
  font-size: 14px !important;
}

.checkbox-wrapper .checkmark {
    background: linear-gradient(#e7e7e7, #f2f2f2);
    border-radius: 6px;
    height: 18px;
    left: 0;
    position: absolute;
    top: 4px;
    transition: all .3s;
    width: 18px;
}
.checkbox-wrapper input {
  display: none;
}
.cart-product-row .product-row .select-checkbox {
  margin-right: 40px;
}
.checkbox-wrapper input:checked~.checkmark {
    background: #705ABF;
}
.checkbox-wrapper input:checked~.checkmark:after {
    display: block;
}
.checkbox-wrapper .checkmark:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: none;
    height: 10px;
    left: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 5px;
}

.radio-wrapper {
  padding-left: 25px;
}

.delivery-type-choose-wrapper  {
  margin-bottom: 10px;
}

.radio-wrapper .checkmark {
    background: linear-gradient(#e7e7e7, #f2f2f2);
    border-radius: 6px;
    height: 18px;
    left: 0;
    position: absolute;
    top: 4px;
    transition: all .3s;
    width: 18px;
}
.radio-wrapper input {
  display: none;
}
.cart-product-row .product-row .select-checkbox {
  margin-right: 40px;
}
.radio-wrapper input:checked~.checkmark {
    background: #705ABF;
}
.radio-wrapper input:checked~.checkmark:after {
    display: block;
}
.radio-wrapper .checkmark:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: none;
    height: 10px;
    left: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 5px;
}

.delivery-address-block .close-icon {
  display: none;
}

.delivery-address-block .search-icon {
  display: none;
}

.delivery-address-block input {
  width: 100%;
}

@media (max-width: 768px) {
  .cart-container {
    flex-direction: column;
  }

  .cart-body-wrapper .cart__body {
    padding-right: 0;
  }

  .form-row {
    display: grid;
    grid-template-columns: 208px 50px 1fr;
  }

  .form-row button {
    grid-column-start: span 3;
  }

}

.popup-block.fancybox__content {
  max-width: 1000px;
  width: 100%;
}

.popup-block {
  display: none;
}

@media (max-width: 500px) {
  .select-all-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .select-all-btn {
    display: none;
  }

  .delete-selected-btn {
    display: none;
  }

  .cart-container .copy-btn {
    margin-left: 0 !important;
  }
}

@media (max-width: 400px) {
  .select-all-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start !important;
  }

  .copy-btn {
    margin: 0 !important;
  }
}

.item-counter {
  height: 40px;
  margin-right: 20px;
  max-width: 140px;
  min-width: 140px;
  flex-grow: 1;
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  padding: 12px;
}

.item-counter button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 32px;
  z-index: 10;
  font-size: 30px;
  font-weight: 300;
  color: #000;
}

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

input.count {
  background: transparent;
  width: 32px;
  padding: 0;
  border-radius: 0;
  border: none;
  text-align: center;
}

.copy-btn {
  position: relative;
}

.copy-btn .copy-info-text {
    position: absolute;
    left: 68px;
    top: 30px;
    width: 182px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    border: 1px solid #705ABF;
    background: #FFF;
    transition: .3s ease;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    
}

.copy-btn .copy-info-text.show {
  opacity: 1;
  visibility: visible;
}

.copy-btn .copy-info-text .title {
    color: #705ABF;
    font-family: "Golos Text", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.copy-btn .copy-info-text .text {
    color: #868A8A;
    font-family: "Golos Text", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.recommend-new__item-img {
  position: relative;
}

.recommend-new__item-img .add-cart {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  border-radius: 50%;
  background: #705ABF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  width: 35px;
}

.recommend-new__item-img .add-cart svg {
  width: 20px;
}

.add-cart {
  position: relative;
}

.product-recommend__item {
  position: relative;
}

.product-recommend__item .add-cart {
  position: absolute;
  right: 0px;
  top: 67px;
  z-index: 5;
}

.product-recommend__item .add-cart svg {
  width: 20px;
}

.product-new__complect-item .add-cart {
  border-radius: 50%;
  margin-left: 10px;
  height: 40px;
  max-width: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #705ABF;

}

.product-recommend__item .add-cart {
  border-radius: 50%;
  margin-left: 10px;
  height: 35px;
  max-width: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #705ABF;
}

.product-new__complect-item .add-cart::after {
  top: 0px;
  left: 15px;
  font-size: 14px;
}

.recommend-new__item-img .add-cart::after {
  top: -2px;
  left: 13px;
  font-size: 18px;
}

.product-new__complect-item .add-cart svg {
  width: 20px;
}

.sliders__price-btns {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

.sliders__price-btns .sliders__price-btn {
  margin: 0;
}

.sliders__price-btns .add-cart {
  border-radius: 50%;
  background: #705ABF;
  flex-grow: 1;
  width: 100%;
  max-width: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-form-wrapper {
  max-width: 600px;
}

.cart-container {
  justify-content: space-between;
}

.sliders__price-btns .add-cart--active::after {
  top: 9px;
  left: 21px;
}

.recommend__item-img {
  position: relative;
}

.recommend__item-img .add-cart {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  padding: 5px;
  border-radius: 50%;
  background: #705ABF;
  display: flex;
  justify-content: center;
  height: 35px;
  width: 35px;
  align-items: center;
}

.recommend__item-img svg {
  width: 20px;
}

.cart__body-head {
  display: flex;
  gap: 20px;
}

@media (max-width: 768px) {
  .product-new__complect-item .add-cart {
    margin-top: 10px;
  }

  .sliders__price-btns .add-cart {
    max-width: 46px;
  }

  .complect-item__inner .add-cart {
    margin-top: 20px;
  }

  .complect-item__no_img {
    grid-template-columns: 1fr  !important;
  }

  .drawer-menu {
    z-index: 50;
  }
  .product-recommend__item .add-cart {
    right: 10px;
    top: 77px;
  }
  .cart-header-link {
    display: none;
  }
}

.complect-item__content-row-no-price .add-cart {
  display: none;
}

.complect-item__btns_block {
    display: flex;
}

.complect-item__btns_block .complect-item__link {
  max-width: 150px;
}

.bot-bar__link, .cart-header-link {
  position: relative;
  top: 2px;
}

.bot-bar__link .cart-count, .cart-header-link .cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  border-radius: 50%;
  background: #6f42c1;
  color: #fff;
  width: 20px;
  height: 20px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bot-bar__link .cart-count {
  position: absolute;
  top: 0;
  right: 15px;
  border-radius: 50%;
  background: #6f42c1;
  color: #fff;
  width: 20px;
  height: 20px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.complect-item__btns_block-btns {
  display: flex;
}

.add-cart .copy-info-text {
  position: absolute;
  bottom: -50px;
  right: 0;
  background: #fff;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid #705ABF;
  line-height: 1;
  font-size: 14px;
  color: #705ABF;
  opacity: 0;
  z-index: 10;
  visibility: hidden;
  transition: .25s ease;
}

.copy-info-text.show {
  opacity: 1;
  visibility: visible;
}

.header .cart-header-link svg path {
    stroke: #fff;
}

.header--active .cart-header-link svg path {
  stroke: #3b3b3b;
}


.header--scroll .cart-header-link svg path {
  stroke: #3b3b3b;
}

@media (min-width: 768px) {
  .order-form-wrapper {
    margin-top: 94px;
  }
}

.cart-body-wrapper {
  max-width: 650px;
  flex-grow: 1;
}

.cart-body-wrapper .cart__body {
  padding-right: 0;
}

.add-cart svg {
  transition: .2s ease;
}

.add-cart .icon-active  {
  width: 0 !important;
  height: 0 !important;
}

.add-cart--active .icon-active  {
  width: 20px !important;
  height: 14px !important;
}

.add-cart--active .icon-default  {
  width: 0 !important;
  height: 0 !important;
}

.cart-header-link {
  max-height: 24px;
}

.air-datepicker-time--row:nth-child(2) {
  display: none;
}
.air-datepicker-time {
  padding: 6px 10px;
}

@media (max-width: 768px) {
  .cart__body-head {
    flex-direction: column;
    gap: 0;
  }
}

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

.listing__catalog_four_columns .big_images_gallery img {
  height: initial;
}

.listing__catalog_four_columns .listing-row {
  grid-column-start: span 4;
}

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

@media (max-width: 1024px) {
  .listing__catalog_four_columns {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .listing__catalog_four_columns .listing-row {
    display: none;
  }
}

@media (max-width: 768px) {
  .listing__catalog_four_columns {
    grid-template-columns: 1fr 1fr;
  }

  .listing__catalog_four_columns .listing-row {
    display: flex;
    grid-column-start: span 2;
  }
}

.hp-news.listing .listing__item {
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .hp-news.listing .listing__item-img img {
    height: initial !important;
  }
  
  .comagic-c-buttons {
	right: 24px !important;
    bottom: 90px !important;
	left: unset !important;
    top: unset !important;
  }
}

.blog-page__a-links a {
	text-decoration: underline;
    color: #705abf;
}
.blog-page table {
  width: 100%;
  border-collapse: collapse;
}
.blog-page thead th {
  background-color: #f5f5f5;
  font-weight: 600;
  text-align: left;
  padding: 12px;
  border-bottom: 2px solid #ddd;
  white-space: nowrap;
}
.blog-page td {
  padding: 10px 12px;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: top;
}
.blog-page td:first-child {
  font-weight: 500;
  background-color: #fafafa;
  white-space: nowrap;
}
.blog-page tbody tr:last-child td {
  border-bottom: none;
}

/* На мобильных */
@media screen and (max-width: 768px) {
  .blog-page table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .hp-new-offers__item-content .hp-casino__text {
	  font-size: 14px;
  }
  
  .blog-page thead {
    display: table;
    width: 100%;
    min-width: 600px;
  }
  
  .blog-page tbody {
    display: table;
    width: 100%;
    min-width: 600px;
  }
  
  .blog-page tr {
    display: table-row;
  }
  
  .blog-page th,
  .blog-page td {
    display: table-cell;
    font-size: 13px;
    padding: 8px 16px;
  }
  
  .blog-page td:first-child {
    white-space: normal;
    word-wrap: break-word;
  }
}

.blog-page__subtitle {
	    margin-top: 30px;
}

.blog-page h3 {
	margin-top: 20px;
}

.blog-page ul {
	margin-bottom: 20px;
}

.blog-page__subtitle + ul {
	    margin-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
	margin-top: 30px;
}

.hp-content__gallery2 .hp-content__gallery-item:nth-child(1) {
    grid-row-start: span 2;
}

.hp-content__gallery2 .hp-content__gallery-item:nth-child(2)  {
    grid-row-start: span 1;
}

.hp-content__gallery-item img {
    height: 100%;
    object-fit: cover;
}

.header__nav-link--promo {
  position: relative;
  padding-left: 12px; /* место для точки */
}

.promo-dot {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #f2b807; /* красный цвет */
  border-radius: 50%;
  animation: blink 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-50%) scale(1.3);
    opacity: 0.6;
  }
}

.promo-dot {
  animation: pulse 1.5s ease-in-out infinite;
}

.header--scroll .promo-dot {
    background-color: #705ABF;
}

.header--active .promo-dot {
    background-color: #705ABF;
}

.bot-bar--scroll .sale-color {
    color: #705ABF !important                                                                                                                                                                         ;
}