html {
  position: relative;
  min-height: 100vh;
  box-sizing: border-box;
}

body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 375px;
  min-height: 100vh;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #7C7C7C;
  background-color: #F3F3F3;
}
body.no-scroll {
  overflow: hidden;
}
.main {
  flex: 1 1 auto;
  width: 100%;
  padding-top: 84px;
}
@media (max-width: 991px) {
  .main {
    padding-top: 58px;
  }
}
@media (max-width: 991px) {
  .main.main__loginned {
    padding-top: 93px;
  }
}
.main.main__bgwhite {
  background-color: #fff;
}
.registr_mod{
  text-align:center;
  padding-top:11px;
}
a {
  outline: none;
  color: inherit;
  text-decoration: underline;
  transition: all ease 0.4s;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: inherit;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
  cursor: pointer;
}
@media (hover: hover) {
  a:hover {
    color: inherit;
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  a:hover {
    color: inherit;
    text-decoration-color: transparent;
  }
}

svg {
  display: block;
  flex: 0 0 auto;
}

img {
  vertical-align: top;
  max-width: 100%;
  user-select: none;
}

button {
  background-color: transparent;
  outline: none;
  border: none;
}
button:not([disabled]):hover, button:not([disabled]):focus, button:not([disabled]):active {
  box-shadow: none;
}

.slider__nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 2;
}
.slider__nav__btn {
  position: absolute;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C1B17;
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .slider__nav__btn:hover {
    background-color: #F3F3F3;
  }
}
@media (hover: none) and (pointer: coarse) {
  .slider__nav__btn:hover {
    background-color: #F3F3F3;
  }
}
.slider__nav__btn svg {
  max-width: 18px;
  max-height: 18px;
  stroke: currentColor;
}
.slider__nav__btn.prev {
  left: 0;
}
.slider__nav__btn.next {
  right: 0;
}
.slider__nav__btn.disabled {
  display: none;
}

.w-100 {
  width: 100%;
}

.mainrow {
  margin: 0 -30px;
}
@media (max-width: 991px) {
  .mainrow {
    margin: 0 -12px;
  }
}
.mainrow > div {
  padding: 0 30px;
}
@media (max-width: 991px) {
  .mainrow > div {
    padding: 0 12px;
  }
}

.pageinside {
  padding: 21px 0 25px 0;
  background-color: #F3F3F3;
}
@media (max-width: 1199px) {
  .pageinside {
    padding-top: 10px;
  }
}
.pageinside.pageinside__last {
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .pageinside.pageinside__overmobile {
    overflow: hidden;
  }
}
.pageinside.pageinside__bgwhite {
  background-color: #fff;
}
.pageinside.pageinside__bgwhite .crumbs__home {
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
}
@media (max-width: 991px) {
  .pageinside.pageinside__personal {
    padding-top: 0;
  }
  .pageinside.pageinside__personal .crumbs {
    display: none;
  }
}
@media (max-width: 991px) {
  .pageinside.pageinside__personal.pageinside__personal__inside .personal__header {
    display: none;
  }
}
.pageinside__controls {
  margin-bottom: 21px;
}
.pageinside__controls__row {
  margin: 0 -4px;
}
.pageinside__controls__row > div {
  padding: 0 4px;
}
.pageinside__btnprev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 6px;
  background-color: #fff;
}
.pageinside__btnprev svg {
  max-width: 23px;
  max-height: 23px;
  fill: currentColor;
  object-fit: contain;
  color: #1C1B17;
}
.pageinside__search {
  position: relative;
}
.pageinside__search form {
  display: block;
  margin: 0;
}
.pageinside__search__body {
  position: relative;
}
.pageinside__search__input {
  display: block;
  width: 100%;
  padding: 18px 44px;
  outline: none;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #1C1B17;
  background: #fff url("./../img/icons/ic-loop.svg");
  background-repeat: no-repeat;
  background-position: 15px 50%;
  background-size: 16px 16px;
}
.pageinside__search__input::placeholder {
  color: #B5B5B5;
}
.pageinside__search__btn {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 50px;
  height: 50px;
  border: none;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  z-index: 3;
}
.pageinside__search__btn svg {
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
  object-fit: contain;
  color: #1C1B17;
}
.pageinside__textdes {
  margin-bottom: 38px;
  max-width: 830px;
}
@media (max-width: 991px) {
  .pageinside__textdes {
    margin-bottom: 30px;
  }
}
.pageinside__textdes:last-child {
  margin-bottom: 0;
}
.pageinside__textdes .block__text {
  color: #1C1B17;
}
.pageinside__article {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.pageinside__article__des {
  margin-bottom: 30px;
}
.pageinside__article__des .row {
  margin: -5px;
  align-items: center;
}
.pageinside__article__des .row > div {
  padding: 5px;
}
.pageinside__article__des__target span {
  display: inline-block;
  padding: 5px 10px;
  background-color: #1D87BB;
  color: #fff;
  font-size: 14px;
  border-radius: 6px;
}
.pageinside__article__des__date {
  font-size: 16px;
  color: #979797;
}

.block-sort {
  margin-bottom: 30px;
  position: relative;
  z-index: 6;
}
.block-sort__tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 84px;
  border-radius: 5px;
  position: relative;
  background-color: #fff;
}
@media (max-width: 991px) {
  .block-sort__tabs {
    width: 100%;
    background-color: #F3F3F3;
  }
}
.block-sort__tabs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 991px) {
  .block-sort__tabs::before {
    display: none;
  }
}
.block-sort__tabs__btn {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: #1D87BB;
  width: 42px;
  height: 35px;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .block-sort__tabs__btn {
    width: 33.3333%;
    height: 40px;
  }
}
.block-sort__tabs__btn svg {
  max-width: 20px;
  max-height: 20px;
  fill: currentColor;
  object-fit: contain;
}
.block-sort__tabs__btn.active {
  color: #fff;
  background-color: #1D87BB;
  cursor: default;
}

.simplebar-track.simplebar-vertical {
  top: 6px;
  bottom: 6px;
  width: 4px;
  right: 6px;
}

.simplebar-scrollbar:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F3D470;
}

.ui-slider-horizontal {
  height: 6px;
  border-radius: 3px;
  background: #F8F8F8;
}
.ui-slider-range {
  background: #F3D470;
}
.ui-slider .ui-slider-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #F3D470 !important;
  background: #fff;
  box-shadow: none !important;
  outline: none !important;
  top: -7px;
  transition: background ease 0.3s;
}
.ui-slider .ui-slider-handle.ui-state-active {
  border-color: #F3D470;
  background: #F3D470;
}

.ui-widget.ui-widget-content {
  border: none;
}

.gallery {
  margin: 48px 0;
}
@media (max-width: 991px) {
  .gallery {
    margin: 30px 0;
  }
}
.gallery:last-child {
  margin-bottom: 0;
}
.gallery:first-child {
  margin-top: 0;
}
.gallery__wrap {
  position: relative;
}
@media (max-width: 991px) {
  .gallery__wrap {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.gallery__slider {
  position: relative;
}
@media (max-width: 991px) {
  .gallery__slider__item {
    width: 221px;
  }
}
@media (min-width: 992px) {
  .gallery__slider .swiper-wrapper {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .gallery__slider .swiper-wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}
.gallery__card {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  height: 133px;
}
.gallery__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (hover: hover) {
  .gallery__card.gallery__card__video:hover::after {
    background-color: #71B2D3;
  }
}
@media (hover: none) and (pointer: coarse) {
  .gallery__card.gallery__card__video:hover::after {
    background-color: #71B2D3;
  }
}
.gallery__card.gallery__card__video::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("./../img/icons/play.svg");
  background-repeat: no-repeat;
  background-position: 57% 50%;
  background-size: auto auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgba(113, 178, 211, 0.4);
  transition: all ease 0.3s;
}

.listlogos {
  position: relative;
  margin-bottom: 35px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 21px;
}
@media (max-width: 1199px) {
  .listlogos {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 991px) {
  .listlogos {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .listlogos {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .listlogos {
    grid-template-columns: repeat(2, 1fr);
  }
}
.listlogos:last-child {
  margin-bottom: 0;
}
.listlogos__card {
  display: flex;
  flex-direction: column;
  color: #1D87BB;
  font-size: 18px;
  line-height: 1.29;
  text-align: center;
}
@media (max-width: 991px) {
  .listlogos__card {
    font-size: 15px;
  }
}
@media (hover: hover) {
  .listlogos__card:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .listlogos__card:hover {
    color: #1D87BB;
  }
}
.listlogos__card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 170px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .listlogos__card__img {
    height: 100px;
  }
}
.listlogos__card__img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.textover__body .block__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all ease 0.3s;
}
.textover__body .block__text::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 27px;
  width: 100%;
  background: linear-gradient(90deg, transparent 10%, #fff 100%);
  z-index: 2;
  transition: all ease 0.3s;
}
@media (max-width: 1199px) {
  .textover__body .block__text::after {
    height: 24px;
  }
}
@media (max-width: 991px) {
  .textover__body .block__text::after {
    height: 21px;
  }
}
.textover__body .block__text.noshadow::after {
  display: none;
}
.textover__body.active .block__text {
  -webkit-line-clamp: none;
}
.textover__body.active .block__text::after {
  opacity: 0;
  visibility: hidden;
}
.textover__more {
  display: block;
  margin-top: 14px;
  color: #1D87BB;
}
.textover__more.novisible {
  display: none;
}
.textover__more__btn {
  display: inline-block;
  font-size: 16px;
}
@media (hover: hover) {
  .textover__more__btn:hover span {
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .textover__more__btn:hover span {
    text-decoration-color: transparent;
  }
}
.textover__more__btn span {
  text-decoration: underline;
  text-decoration-color: #1D87BB;
  transition: all ease 0.4s;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-position: auto;
}
.textover__more__btn span.default {
  display: inline-block;
}
.textover__more__btn span.active {
  display: none;
}
.textover__more__btn.active span.default {
  display: none;
}
.textover__more__btn.active span.active {
  display: inline-block;
}

.linesales__slider {
  width: 100dvw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  height: 142px;
  z-index: 2;
}
.linesales__slider::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 56px;
  height: 1px;
  background-color: rgba(38, 50, 56, 0.24);
  z-index: -2;
}
.linesales__slider__item {
  width: auto;
}
.linesales__slider__item:first-child .linesales__card::after {
  left: 50%;
}
.linesales__slider__item:last-child .linesales__card::after {
  right: 50%;
}
.linesales__slider__item.slactive .linesales__cardelse span {
  visibility: visible;
  opacity: 1;
}
.linesales__slider__item.slactive .linesales__cardelse::after {
  opacity: 1;
  width: 50%;
}
.linesales__slider__item.slactive .linesales__card::after {
  width: 50%;
  opacity: 1;
}
.linesales__slider__item.slactive .linesales__card__icon {
  color: #FFE316;
  background-color: #FFF9DD;
}
.linesales__slider__item.slactive .linesales__card__icon svg {
  opacity: 1;
}
.linesales__slider__item.slactive .linesales__card.style-purple .linesales__card__icon {
  background-color: #FCDDFF;
  color: #BE63F9;
}
.linesales__slider__item.slactive.slactive-check .linesales__cardelse span {
  visibility: hidden;
  opacity: 0;
}
.linesales__slider__item.slactive.slactive-check .linesales__cardelse::after {
  width: 100%;
}
.linesales__slider__item.slactive.slactive-check .linesales__card::after {
  width: 100%;
}
.linesales__cardelse {
  position: relative;
  height: 132px;
  padding-top: 40px;
  width: 43px;
}
@media (max-width: 991px) {
  .linesales__cardelse {
    width: 20px;
  }
}
.linesales__cardelse::after {
  content: "";
  position: absolute;
  left: 0;
  height: 3;
  background-color: #FFE316;
  top: 55px;
  z-index: -1;
  opacity: 0;
  transition: all ease 0.3s;
}
.linesales__cardelse span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 2;
  background-color: #fff;
  border-radius: 6px;
  padding: 15px;
  min-width: 110px;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: #1C1B17;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  transition: all ease 0.3s;
  visibility: hidden;
  white-space: nowrap;
  opacity: 0;
}
@media (max-width: 991px) {
  .linesales__cardelse span {
    padding: 10px;
    font-size: 14px;
    min-width: auto;
    top: 10px;
  }
}
.linesales__cardelse span::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -16px;
  border: 8px solid transparent;
  border-top: 8px solid #fff;
  z-index: -1;
}
.linesales__card {
  position: relative;
  height: 132px;
  padding-top: 40px;
}
.linesales__card::after {
  content: "";
  position: absolute;
  left: 0;
  height: 3;
  background-color: #FFE316;
  top: 55px;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: -1;
}
.linesales__card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #fff;
  border-radius: 50%;
  color: #B5B5B5;
  margin: 0 auto 4px auto;
  transition: all ease 0.3s;
}
.linesales__card__icon img, .linesales__card__icon svg {
  display: block;
  max-width: 24px;
  max-height: 24px;
}
.linesales__card__icon svg {
  fill: currentColor;
  opacity: 0;
  transition: all ease 0.3s;
}
.linesales__card__text {
  text-align: center;
  font-weight: 400;
  color: #1C1B17;
}
.linesales__card__text .lprice {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.linesales__card__text .ltext {
  display: block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02em;
  color: #7C7C7C;
}

.pagethumbs {
  margin-bottom: 21px;
}
@media (max-width: 991px) {
  .pagethumbs {
    margin-bottom: 14px;
  }
}
.pagethumbs__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .pagethumbs__list ul {
    flex-wrap: nowrap;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    overflow-y: hidden;
    overflow-x: auto;
  }
}
.pagethumbs__list ul li {
  margin-right: 10px;
}
.pagethumbs__list ul li:last-child {
  margin-right: 0;
}
.pagethumbs__list a {
  display: inline-block;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  font-size: 16px;
  color: #454545;
  padding: 10px 20px;
  background-color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .pagethumbs__list a {
    font-size: 14px;
    padding: 7px 15px;
  }
}
@media (hover: hover) {
  .pagethumbs__list a:hover {
    color: #1D87BB;
    border-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagethumbs__list a:hover {
    color: #1D87BB;
    border-color: #1D87BB;
  }
}
.pagethumbs__list a.active {
  cursor: default;
  color: #1D87BB;
  border-color: #1D87BB;
}

.cookies {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 10px;
  z-index: 500;
  transition: transform ease 0.3s;
}
.cookies.cookies__closed {
  transform: translateY(110%);
}
.cookies__body {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #DEDEDE;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
  padding: 30px;
  max-width: 400px;
  width: 100%;
}
@media (max-width: 991px) {
  .cookies__body {
    padding: 20px;
  }
}
.cookies__title {
  color: #1C1B17;
  font-size: 20px;
  margin: 0 0 10px 0;
  font-weight: 700;
  padding: 0;
}
.cookies__text {
  font-size: 14px;
  line-height: 1.3;
}
.cookies__more {
  padding-top: 16px;
}
.cookies__close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color ease 0.3s;
}
.cookies__close:hover {
  color: #1D87BB;
}
.cookies__close svg {
  max-width: 14px;
  max-height: 14px;
  object-fit: contain;
}

.full-stars {
  text-align: left;
  margin-bottom: 15px;
}
.full-stars label {
  margin: 0;
  cursor: pointer;
  color: #FFE316;
  transition: all ease 0.3s;
}
.full-stars label svg {
  margin: 0 5px;
  height: 36px;
  width: 36px;
  fill: currentColor;
  transition: all ease 0.3s;
}
.full-stars input {
  position: absolute;
  left: -9999px;
}
.full-stars input:checked ~ label {
  color: #B5B5B5;
}
.full-stars .rating-group {
  display: inline-flex;
}
.full-stars .rating-group:hover label {
  color: #FFE316 !important;
}
.full-stars .rating-group:hover input:hover ~ label {
  color: #B5B5B5 !important;
}

.form__file {
  position: relative;
}

.searchresult__header {
  padding-top: 9px;
  margin-bottom: 44px;
}
.searchresult__header .header__search__submit {
  background: #F7CC46;
}
.searchresult__header .header__search__submit:hover {
  background: #EAB720;
}
.searchresult__nav {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 60px;
  border-bottom: 1px solid #DEDEDE;
}
.searchresult__nav__link {
  display: block;
  padding: 0 15px 13px 15px;
  font-size: 16px;
  line-height: 1.29;
  color: #1C1B17;
  position: relative;
  text-decoration: none;
  min-width: 190px;
  text-align: center;
}
.searchresult__nav__link:hover {
  color: #1C1B17;
}
.searchresult__nav__link:hover::after {
  opacity: 1;
}
.searchresult__nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background-color: #F29C2B;
  opacity: 0;
  transition: opacity ease 0.3s;
  z-index: 2;
}
.searchresult__content {
  position: relative;
}
.searchresult__content .catalog-blocks {
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1199px) {
  .searchresult__content .catalog-blocks {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 991px) {
  .searchresult__content .catalog-blocks {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .searchresult__content .catalog-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
.searchresult__body__item {
  margin-top: 120px;
}
@media (max-width: 991px) {
  .searchresult__body__item {
    margin-top: 60px;
  }
}
.searchresult__body__item:first-child {
  margin-top: 0;
}
.searchresult__empty {
  position: relative;
}
.searchresult__empty__bottom {
  padding-top: 30px;
}
.searchresult__empty__bottom .mbtn {
  min-width: 279px;
}
.searchresult__empty__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.29;
  color: #1C1B17;
}
.searchresult__empty__list li {
  margin-top: 5px;
  position: relative;
  padding-left: 20px;
}
.searchresult__empty__list li:first-child {
  margin-top: 0;
}
.searchresult__empty__list li::after {
  content: "";
  position: absolute;
  left: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #1C1B17;
  top: 8px;
}

.container {
  min-width: 375px;
  padding-left: 14px;
  padding-right: 14px;
}
@media (min-width: 992px) {
  .container {
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1296px;
  }
}

.container-fluid {
  padding-left: 14px;
  padding-right: 14px;
  min-width: 375px;
}
@media (min-width: 992px) {
  .container-fluid {
    padding-left: 28px;
    padding-right: 28px;
  }
}

.mbtn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  text-decoration: none;
  outline: none !important;
  background: none;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  position: relative;
  background: transparent;
  cursor: pointer;
}
.mbtn.mbtn__default {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  padding: 17px 20px 14px 20px;
  min-height: 48px;
}
.mbtn.mbtn__middle {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  padding: 14px 20px 11px 20px;
  min-height: 42px;
}
.mbtn.mbtn__small {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  padding: 13px 21px 11px 21px;
  min-height: 40px;
}
.mbtn.mbtn__mini {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  padding: 8px 21px;
  min-height: 30px;
}
.mbtn.mbtn__mini2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  padding: 12px 21px;
  min-height: 36px;
}
.mbtn.mbtn__textmini {
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  padding: 17px 20px 16px 20px;
  min-height: 50px;
}
.mbtn.mbtn__wicon {
  padding-right: 46px;
}
.mbtn.mbtn__wicon span {
  display: inline-block;
}
.mbtn.mbtn__wicon i {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mbtn.mbtn__wicon i svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  fill: currentColor;
}
.mbtn.mbtn__wiconleft {
  padding-left: 46px;
}
.mbtn.mbtn__wiconleft span {
  display: inline-block;
}
.mbtn.mbtn__wiconleft i {
  position: absolute;
  left: 20px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mbtn.mbtn__wiconleft i svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  fill: currentColor;
}
.mbtn.mbtn__blue {
  background: #1D87BB;
  border: none;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
.mbtn.mbtn__blue::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #1D87BB;
  z-index: -1;
  transition: all ease 0.3s;
}
.mbtn.mbtn__blue::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, #4EB7F0 0%, #4ED3F0 100%);
  z-index: -2;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .mbtn.mbtn__blue:not(:disabled):hover {
    color: #fff;
  }
  .mbtn.mbtn__blue:not(:disabled):hover::before {
    opacity: 0;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__blue:not(:disabled):hover {
    color: #fff;
  }
  .mbtn.mbtn__blue:not(:disabled):hover::before {
    opacity: 0;
  }
}
.mbtn.mbtn__green {
  background: #00A046;
  border: none;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
.mbtn.mbtn__green::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #00A046;
  z-index: -1;
  transition: all ease 0.3s;
}
.mbtn.mbtn__green::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, #00A046 0%, #B8CE01 100%);
  z-index: -2;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .mbtn.mbtn__green:not(:disabled):hover {
    color: #fff;
  }
  .mbtn.mbtn__green:not(:disabled):hover::before {
    opacity: 0;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__green:not(:disabled):hover {
    color: #fff;
  }
  .mbtn.mbtn__green:not(:disabled):hover::before {
    opacity: 0;
  }
}
.mbtn.mbtn__green:disabled {
  color: #DEDEDE;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
  background: #F3F3F3;
  cursor: default;
}
.mbtn.mbtn__green:disabled::before {
  opacity: 0;
}
.mbtn.mbtn__green:disabled::after {
  opacity: 0;
}
.mbtn.mbtn__white {
  background: #fff;
  border: none;
  border-radius: 10px;
  color: #1C1B17;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.mbtn.mbtn__white::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: -1;
  transition: all ease 0.3s;
}
.mbtn.mbtn__white::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, #4EB7F0 0%, #4ED3F0 100%);
  z-index: -2;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .mbtn.mbtn__white:not(:disabled):hover {
    color: #fff;
  }
  .mbtn.mbtn__white:not(:disabled):hover::before {
    opacity: 0;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__white:not(:disabled):hover {
    color: #fff;
  }
  .mbtn.mbtn__white:not(:disabled):hover::before {
    opacity: 0;
  }
}
.mbtn.mbtn__white:disabled {
  opacity: 0.4;
  cursor: default;
}
.mbtn.mbtn__grey {
  background: #fff;
  border: none;
  border-radius: 10px;
  color: #10223E;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.mbtn.mbtn__grey::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  z-index: -1;
  transition: all ease 0.3s;
}
.mbtn.mbtn__grey::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(180deg, #4EB7F0 0%, #4ED3F0 100%);
  z-index: -2;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .mbtn.mbtn__grey:not(:disabled):hover {
    color: #fff;
  }
  .mbtn.mbtn__grey:not(:disabled):hover::before {
    opacity: 0;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__grey:not(:disabled):hover {
    color: #fff;
  }
  .mbtn.mbtn__grey:not(:disabled):hover::before {
    opacity: 0;
  }
}
.mbtn.mbtn__grey:disabled {
  opacity: 0.4;
  cursor: default;
}
.mbtn.mbtn__red {
  background: #F72A16;
  border: none;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
@media (hover: hover) {
  .mbtn.mbtn__red:not(:disabled):hover {
    color: #fff;
    background: #881309;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__red:not(:disabled):hover {
    color: #fff;
    background: #881309;
  }
}
.mbtn.mbtn__red:disabled {
  opacity: 0.4;
  cursor: default;
}
.mbtn.mbtn__borderorange {
  background: #fff;
  border: 1px solid #F29C2B;
  border-radius: 6px;
  color: #454545;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
@media (hover: hover) {
  .mbtn.mbtn__borderorange:not(:disabled):hover {
    color: #fff;
    background: #F29C2B;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__borderorange:not(:disabled):hover {
    color: #fff;
    background: #F29C2B;
  }
}
.mbtn.mbtn__borderorange:disabled {
  opacity: 0.4;
  cursor: default;
}
.mbtn.mbtn__borderblue {
  background: #fff;
  border: 1px solid #1D87BB;
  border-radius: 6px;
  color: #454545;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
@media (hover: hover) {
  .mbtn.mbtn__borderblue:not(:disabled):hover {
    color: #fff;
    background: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__borderblue:not(:disabled):hover {
    color: #fff;
    background: #1D87BB;
  }
}
.mbtn.mbtn__borderblue:disabled {
  opacity: 0.4;
  cursor: default;
}
.mbtn.mbtn__allgreen {
  background-color: #00A046;
  border-color: #00A046;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  border-radius: 10px;
}
@media (hover: hover) {
  .mbtn.mbtn__allgreen:hover {
    color: #fff;
    background-color: #00A046;
    border-color: #00A046;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__allgreen:hover {
    color: #fff;
    background-color: #00A046;
    border-color: #00A046;
  }
}
.mbtn.mbtn__allblue {
  background-color: #1D87BB;
  border-color: #1D87BB;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  border-radius: 10px;
}
@media (hover: hover) {
  .mbtn.mbtn__allblue:hover {
    color: #fff;
    background-color: #1D87BB;
    border-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__allblue:hover {
    color: #fff;
    background-color: #1D87BB;
    border-color: #1D87BB;
  }
}
.mbtn.mbtn__allorange {
  background-color: #F29C2B;
  border-color: #F29C2B;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  border-radius: 10px;
}
@media (hover: hover) {
  .mbtn.mbtn__allorange:hover {
    color: #fff;
    background-color: #F29C2B;
    border-color: #F29C2B;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mbtn.mbtn__allorange:hover {
    color: #fff;
    background-color: #F29C2B;
    border-color: #F29C2B;
  }
}

.link__more {
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .link__more:hover span {
    color: #1C1B17;
  }
  .link__more:hover i {
    background-color: #F3F3F3;
  }
}
@media (hover: none) and (pointer: coarse) {
  .link__more:hover span {
    color: #1C1B17;
  }
  .link__more:hover i {
    background-color: #F3F3F3;
  }
}
.link__more span {
  display: inline-block;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .link__more span {
    display: none;
  }
}
.link__more i {
  display: none;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .link__more i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 6px;
    background-color: #fff;
    color: #1C1B17;
  }
  .link__more i svg {
    display: block;
    max-width: 18px;
    max-height: 18px;
    object-fit: contain;
    fill: currentColor;
  }
}

.link-else {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  color: #25A0DD;
}
@media (hover: hover) {
  .link-else:hover {
    color: #1D87BB;
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .link-else:hover {
    color: #1D87BB;
    text-decoration-color: transparent;
  }
}
.link-else.link-else__mini {
  font-size: 12px;
}

.link-else2 {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  color: #25A0DD;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .link-else2:hover {
    color: #1D87BB;
    text-decoration-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .link-else2:hover {
    color: #1D87BB;
    text-decoration-color: #1D87BB;
  }
}
.link-else2.link-else2__mini {
  font-size: 12px;
}

.pagelin-wicon {
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.29;
  text-decoration: none;
  padding: 3px 0 3px 28px;
}
.pagelin-wicon:hover span {
  text-decoration-color: initial;
}
.pagelin-wicon.color-orange {
  color: #F29C2B;
}
.pagelin-wicon.color-orange:hover {
  color: #F29C2B;
}
.pagelin-wicon.color-green {
  color: #00A046;
}
.pagelin-wicon.color-green:hover {
  color: #00A046;
}
.pagelin-wicon i {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
.pagelin-wicon i svg {
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
}
.pagelin-wicon span {
  transition: all ease 0.3s;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
}
.pagelin-wicon span.default {
  display: inline-block;
}
.pagelin-wicon span.active {
  display: none;
}
.pagelin-wicon.active span.default {
  display: none;
}
.pagelin-wicon.active span.active {
  display: inline-block;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  padding: 0;
  line-height: 1.29;
  color: #1C1B17;
}
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child {
  margin-top: 0;
}
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child {
  margin-bottom: 0;
}

.h1 {
  margin: 30px 0;
  font-weight: 700;
  font-size: 60px;
}
.h2 {
  margin: 30px 0;
  font-weight: 700;
  font-size: 40px;
}
.h3 {
  margin: 20px 0;
  font-weight: 700;
  font-size: 30px;
}
@media (max-width: 991px) {
  .h3 {
    font-weight: 700;
    font-size: 22px;
  }
}

.h4 {
  margin: 20px 0;
  font-weight: 700;
  font-size: 22px;
}
@media (max-width: 991px) {
  .h4 {
    font-size: 18px;
  }
}

.h5 {
  margin: 28px 0 20px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
}
@media (max-width: 991px) {
  .h5 {
    font-size: 16px;
    margin: 20px 0 15px 0;
  }
}

.h6 {
  margin: 10px 0;
  font-weight: 700;
  font-size: 15px;
}
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.block__text {
  font-size: 18px;
  line-height: 1.29;
  color: #454545;
}
@media (max-width: 991px) {
  .block__text {
    font-size: 15px;
  }
}
.block__text h1, .block__text h2, .block__text h3, .block__text h4, .block__text h5, .block__text h6 {
  padding: 0;
  line-height: 1.29;
  color: #1C1B17;
}
.block__text h1:first-child, .block__text h2:first-child, .block__text h3:first-child, .block__text h4:first-child, .block__text h5:first-child, .block__text h6:first-child {
  margin-top: 0;
}
.block__text h1:last-child, .block__text h2:last-child, .block__text h3:last-child, .block__text h4:last-child, .block__text h5:last-child, .block__text h6:last-child {
  margin-bottom: 0;
}
.block__text h1 + p, .block__text h2 + p, .block__text h3 + p, .block__text h4 + p, .block__text h5 + p, .block__text h6 + p {
  margin-top: 0;
}
.block__text h1 {
  margin: 30px 0;
  font-weight: 700;
  font-size: 60px;
}
.block__text h2 {
  margin: 30px 0;
  font-weight: 700;
  font-size: 40px;
}
.block__text h3 {
  margin: 20px 0;
  font-weight: 700;
  font-size: 30px;
}
@media (max-width: 991px) {
  .block__text h3 {
    font-weight: 700;
    font-size: 22px;
  }
}
.block__text h4 {
  margin: 20px 0;
  font-weight: 700;
  font-size: 22px;
}
@media (max-width: 991px) {
  .block__text h4 {
    font-size: 18px;
  }
}
.block__text h5 {
  margin: 28px 0 20px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
}
@media (max-width: 991px) {
  .block__text h5 {
    font-size: 16px;
    margin: 20px 0 15px 0;
  }
}
.block__text h6 {
  margin: 10px 0;
  font-weight: 700;
  font-size: 15px;
}
.block__text p {
  margin: 20px 0;
}
.block__text p:first-child {
  margin-top: 0;
}
.block__text p:last-child {
  margin-bottom: 0;
}
.block__text a {
  color: inherit;
  text-decoration: underline;
}
@media (hover: hover) {
  .block__text a:hover {
    color: inherit;
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .block__text a:hover {
    color: inherit;
    text-decoration-color: transparent;
  }
}
.block__text > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 40px 0;
  overflow: hidden;
  border-radius: 6px;
}
@media (max-width: 991px) {
  .block__text > img {
    margin: 30px 0;
  }
}
.block__text > img:first-child {
  margin-top: 0;
}
.block__text > img:last-child {
  margin-bottom: 0;
}
.block__text video {
  display: block;
  width: 100%;
  height: auto;
  margin: 40px 0;
}
@media (max-width: 991px) {
  .block__text video {
    margin: 30px 0;
  }
}
.block__text video:first-child {
  margin-top: 0;
}
.block__text video:last-child {
  margin-bottom: 0;
}
.block__text .video {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 3/2;
  overflow: hidden;
  border-radius: 6px;
}
.block__text .video__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media (hover: hover) {
  .block__text .video__link:hover::after {
    transform: scale(1.2, 1.2);
    background-color: rgba(113, 178, 211, 0.8);
  }
}
@media (hover: none) and (pointer: coarse) {
  .block__text .video__link:hover::after {
    transform: scale(1.2, 1.2);
    background-color: rgba(113, 178, 211, 0.8);
  }
}
.block__text .video__link::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  background-image: url("./../img/icons/play.svg");
  background-repeat: no-repeat;
  background-position: 57% 50%;
  background-size: 25% auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: rgba(113, 178, 211, 0.4);
  transition: all ease 0.3s;
  z-index: 2;
}
.block__text .video__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.block__text .video__link img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block__text .video__nav {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
}
.block__text .video__nav ul {
  list-style: none;
  padding: 0;
  margin: 0 -5px;
  display: flex;
  align-items: center;
}
.block__text .video__nav ul li {
  padding: 0 5px;
}
.block__text .video__nav ul span {
  color: #fff;
  font-size: 14px;
}
.block__text .video__nav ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
}
.block__text .video__nav ul a svg, .block__text .video__nav ul a img {
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
}
.block__text > ul {
  list-style: none;
  margin: 20px 0;
  padding: 0;
}
.block__text > ul:first-child {
  margin-top: 0;
}
.block__text > ul:last-child {
  margin-bottom: 0;
}
.block__text > ul > li {
  position: relative;
  padding-left: 30px;
  margin-top: 5px;
}
@media (max-width: 991px) {
  .block__text > ul > li {
    padding-left: 20px;
  }
}
.block__text > ul > li:first-child {
  margin-top: 0;
}
.block__text > ul > li::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #454545;
}
@media (max-width: 991px) {
  .block__text > ul > li::after {
    top: 7px;
    width: 4px;
    height: 4px;
    left: 5px;
  }
}

.color-red {
  color: #F72A16 !important;
}

.color-blue {
  color: #1D87BB !important;
}

.color-dark {
  color: #1C1B17 !important;
}

.color-green {
  color: #00A046 !important;
}

.color-orange {
  color: #F29C2B !important;
}

.color-grey {
  color: #7C7C7C !important;
}

.text-nowrap {
  white-space: nowrap;
}

form {
  display: block;
  margin: 0;
}

.form__line {
  position: relative;
  margin: -5px -10px;
}
@media (max-width: 767px) {
  .form__line {
    margin: -5px;
  }
}
.form__line > div {
  padding: 5px 10px;
}
@media (max-width: 767px) {
  .form__line > div {
    padding: 5px;
  }
}
.form__line2 {
  position: relative;
  margin: -14px -10px;
}
@media (max-width: 767px) {
  .form__line2 {
    margin: -7px;
  }
}
.form__line2 > div {
  padding: 14px 10px;
}
@media (max-width: 767px) {
  .form__line2 > div {
    padding: 7px;
  }
}
.form__padd {
  padding-top: 14px;
}
.form__input {
  display: block;
  width: 100%;
  outline: none;
  padding: 12px 15px 11px 15px;
  height: 48px;
  border: 1px solid #DEDEDE;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
  border-radius: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #1C1B17;
}
.form__input::placeholder {
  color: #B5B5B5;
}
.form__input.form__input__small {
  font-size: 14px;
  padding: 11px 15px;
  height: 40px;
}
.form textarea.form__input {
  height: auto;
  min-height: 48px;
}
.form__select {
  position: relative;
  z-index: 3;
}
.form__select.active .form__select__popup {
  visibility: visible;
  opacity: 1;
}
.form__select__label {
  position: relative;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  background-color: #fff;
  padding: 8px 44px 8px 18px;
  height: 35px;
  cursor: pointer;
}
.form__select__label__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.29;
  color: #1C1B17;
}
.form__select__label__icon {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 12px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C1B17;
}
.form__select__label__icon svg {
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
  object-fit: contain;
}
.form__select__popup {
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  min-width: 230px;
  z-index: 5;
  transition: all ease 0.3s;
  visibility: hidden;
  opacity: 0;
}
.form__select__popup__body {
  margin-top: 4px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  overflow: hidden;
}
.form__select__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form__select__list__option {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px 40px 10px 18px;
  cursor: pointer;
  color: #454545;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-align: left;
  transition: all ease 0.3s;
}
.form__select__list__option:hover {
  color: #fff;
  background-color: #31B9FF;
}
.form__select__list__option.active {
  color: #fff;
  background-color: #31B9FF;
  cursor: default;
}
.form__select__list__option::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: url("./../img/icons/arrow-right-blue.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 2;
}
.form__checkbox {
  position: relative;
  display: inline-block;
}
.form__checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-indent: -9999px;
  z-index: 1;
}
.form__checkbox input:checked + span::after {
  opacity: 1;
}
.form__checkbox input:disabled + span {
  color: #979797;
  cursor: default;
}
.form__checkbox input:disabled + span::before {
  border-color: #E8E8E8;
}
.form__checkbox span {
  display: inline-block;
  padding: 3px 0 0 37px;
  min-height: 22px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #1C1B17;
  cursor: pointer;
}
.form__checkbox span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid #E8E8E8;
  z-index: 1;
}
.form__checkbox span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background-image: url("./../img/icons/ic-check.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 14px 14px;
  opacity: 0;
  transition: all ease 0.2s;
  z-index: 2;
}
.form__checkbox span a {
  color: #1D87BB;
}
.form__label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.29;
  margin-bottom: 12px;
  color: #454545;
}
.form__inputcount {
  position: relative;
  width: 100%;
}
.form__inputcount__input {
  display: block;
  outline: none;
  width: 100%;
  background: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  padding: 0 50px;
  height: 50px;
  border-radius: 10px;
  border: none;
  -moz-appearance: textfield;
}
@media (max-width: 1199px) {
  .form__inputcount__input {
    padding: 0 40px;
  }
}
@media (max-width: 991px) {
  .form__inputcount__input {
    padding: 0 60px;
  }
}
@media (max-width: 991px) {
  .form__inputcount__input {
    padding: 0 60px;
  }
}
.form__inputcount__input::-webkit-outer-spin-button, .form__inputcount__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  opacity: 0.5;
  cursor: default;
  opacity: 0.5;
  cursor: default;
}
.form__inputcount__input:disabled {
  opacity: 0.5;
}
.form__inputcount__input:disabled ~ button {
  opacity: 0.5;
  cursor: default;
}
.form__inputcount__input:disabled ~ button.pluscart {
  cursor: default;
  opacity: 1;
  color: #1C1B17;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
}
.form__inputcount__input:disabled ~ button.pluscart {
  cursor: default;
  opacity: 1;
  color: #1C1B17;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
}
.form__inputcount__btn {
  outline: none;
  padding: 0;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  width: 50px;
  height: 50px;
  transition: all ease 0.3s;
}
@media (max-width: 1199px) {
  .form__inputcount__btn {
    width: 40px;
  }
}
@media (max-width: 991px) {
  .form__inputcount__btn {
    width: 55px;
  }
}
@media (max-width: 991px) {
  .form__inputcount__btn {
    width: 55px;
  }
}
@media (hover: hover) {
  .form__inputcount__btn:not(:disabled):hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .form__inputcount__btn:not(:disabled):hover {
    color: #1D87BB;
  }
}
.form__inputcount__btn.minus {
  left: 0;
}
.form__inputcount__btn.plus {
  right: 0;
}
.form__inputcount__btn svg {
  max-width: 12px;
  max-height: 12px;
  fill: currentColor;
  object-fit: contain;
}
.form__inputcount__btn.pluscart {
  right: 0;
  background-color: #00A046;
  color: #fff;
  border-radius: 10px;
}
.form__inputcount__btn.pluscart:not(:disabled):hover, .form__inputcount__btn.pluscart:not(:disabled):focus {
  color: #fff;
}
.form__inputcount__btn.pluscart svg {
  max-width: 42px;
  max-height: 21px;
}
.form__inputcount__btn.pluscart {
  right: 0;
  background-color: #00A046;
  color: #fff;
  border-radius: 10px;
}
.form__inputcount__btn.pluscart:not(:disabled):hover, .form__inputcount__btn.pluscart:not(:disabled):focus {
  color: #fff;
}
.form__inputcount__btn.pluscart svg {
  max-width: 42px;
  max-height: 21px;
}
.form__inputcount.form__inputcount__input__mini {
  height: 35px;
}
.form__inputcount.form__inputcount__input__mini .form__inputcount__input {
  padding: 0 35px;
  font-weight: 400;
  font-size: 16px;
  height: 35px;
}
.form__inputcount.form__inputcount__input__mini .form__inputcount__btn {
  width: 35px;
  height: 35px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  border-radius: 5px;
}
@media (hover: hover) {
  .form__inputcount.form__inputcount__input__mini .form__inputcount__btn:hover {
    color: #fff;
    background: #00A046;
  }
}
@media (hover: none) and (pointer: coarse) {
  .form__inputcount.form__inputcount__input__mini .form__inputcount__btn:hover {
    color: #fff;
    background: #00A046;
  }
}
.form__inputcount.form__inputcount__input__mini .form__inputcount__btn svg {
  max-width: 10px;
  max-height: 10px;
}
.form__inputcount.form__inputcount__input__small {
  height: 24px;
}
.form__inputcount.form__inputcount__input__small .form__inputcount__input {
  padding: 0 26px;
  font-weight: 400;
  font-size: 14px;
  height: 24px;
  color: #1D87BB;
}
.form__inputcount.form__inputcount__input__small .form__inputcount__btn {
  width: 24px;
  height: 24px;
  background: #F3F3F3;
  border-radius: 5px;
}
@media (hover: hover) {
  .form__inputcount.form__inputcount__input__small .form__inputcount__btn:hover {
    color: #fff;
    background: #00A046;
  }
}
@media (hover: none) and (pointer: coarse) {
  .form__inputcount.form__inputcount__input__small .form__inputcount__btn:hover {
    color: #fff;
    background: #00A046;
  }
}
.form__inputcount.form__inputcount__input__small .form__inputcount__btn svg {
  max-width: 10px;
  max-height: 10px;
}
.form__checkboxsocio {
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.form__checkboxsocio input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.form__checkboxsocio input:checked + span {
  border-color: #00A046;
}
.form__checkboxsocio span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: #F3F3F3;
  transition: all ease 0.3s;
}
.form__checkboxsocio span svg, .form__checkboxsocio span img {
  display: block;
  width: 46px;
  height: 46px;
  object-fit: contain;
}
.form__pointcheck {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 34px;
  height: 14px;
  cursor: pointer;
}
.form__pointcheck input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-indent: -99px;
}
.form__pointcheck input:checked + span {
  background: rgba(41, 128, 185, 0.24);
}
.form__pointcheck input:checked + span::after {
  background: #2980B9;
  left: 17px;
}
.form__pointcheck span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  background-color: #F3F3F3;
  transition: all ease 0.3s;
}
.form__pointcheck span::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background: #B5B5B5;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
  transition: all ease 0.3s;
}
.form__pointcheck2 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 55px;
  height: 25px;
  cursor: pointer;
}
.form__pointcheck2 input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-indent: -99px;
}
.form__pointcheck2 input:checked + span {
  background: #00A046;
}
.form__pointcheck2 input:checked + span::after {
  background: #fff;
  left: 32px;
}
.form__pointcheck2 span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  background-color: #DEDEDE;
  transition: all ease 0.3s;
}
.form__pointcheck2 span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #B5B5B5;
  transition: all ease 0.3s;
}
.form__file {
  position: relative;
  max-width: 500px;
}
.form__file.fileerror {
  color: #F72A16;
}
.form__file__label {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  overflow: hidden;
}
.form__file__label.fileerror .form__file__label__body {
  color: #F72A16;
}
@media (hover: hover) {
  .form__file__label:hover .form__file__label__body i {
    color: #1D87BB;
  }
  .form__file__label:hover .form__file__label__text {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .form__file__label:hover .form__file__label__body i {
    color: #1D87BB;
  }
  .form__file__label:hover .form__file__label__text {
    color: #1D87BB;
  }
}
.form__file__label label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
}
.form__file__label input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}
.form__file__label__body {
  display: block;
  position: relative;
  padding-left: 32px;
  color: #1C1B17;
}
.form__file__label__body i {
  position: absolute;
  left: 0;
  top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transition: all ease 0.3s;
}
.form__file__label__body i svg {
  max-width: 20px;
  max-height: 20px;
}
.form__file__label__text {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  transition: all ease 0.3s;
}
.form__file__label__info {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #7C7C7C;
  animation-delay: 0s;
  transition: color ease 0.3s;
}
.form__file__list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 32px;
}
.form__file__list li {
  margin-bottom: 16px;
  overflow: hidden;
  position: relative;
}
.form__file__list li input {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
  z-index: -1;
}
.form__file__list li:first-child .form__file__name {
  margin-top: 10px;
}
.form__file__list li:last-child {
  margin-bottom: 0;
}
.form__file__name {
  position: relative;
}
.form__file__name__row {
  display: flex;
  align-items: center;
  justify-content: center;
}
.form__file__name__text {
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-left: 32px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #1C1B17;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.form__file__name__text i {
  position: absolute;
  left: 0;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #1D87BB;
}
.form__file__name__text i svg {
  stroke: currentColor;
  max-width: 20px;
  max-height: 20px;
}
.form__file__name__title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.form__file__name__size {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  font-size: 14px;
  color: #7C7C7C;
  padding-left: 6px;
}
.form__file__name__persent {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding-left: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-align: right;
  color: #1D87BB;
}
.form__file__name__delete {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7C7C7C;
  width: 24px;
  height: 24px;
  margin-left: 24px;
  margin-top: -1px;
  transition: all ease 0.3s;
}
.form__file__name__delete:hover {
  color: #4E5057;
}
.form__file__name__delete svg {
  stroke: currentColor;
  max-width: 12px;
  max-height: 12px;
}
.form__file__name__progressbar {
  position: relative;
  height: 4px;
  background-color: #DEDEDE;
  margin-left: 32px;
  margin-right: 48px;
  margin-top: 10px;
  display: none;
}
.form__file__name__progressbar.active {
  display: block;
}
.form__file__name__progressbar span {
  position: absolute;
  transition: all ease 0.3s;
  background-color: #1D87BB;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.form__file__name__error {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: #F72A16;
  padding-left: 32px;
  display: none;
}
.form__file__name__error.active {
  display: block;
}

.selectize-control.single .selectize-input:not(.no-arrow):after {
  border: none;
  position: absolute;
  right: 15px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -6px;
  background-image: url("./../img/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 14px 14px;
  transition: all ease 0.3s;
}
.selectize-control.single .selectize-input:not(.no-arrow).dropdown-active:after {
  transform: rotate(180deg);
  margin-top: -6px;
  border: none;
}
.selectize-input {
  padding: 16px 48px 15px 15px;
  height: 48px;
  background: #fff;
  border: 1px solid #DEDEDE;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
  border-radius: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #1C1B17;
  position: relative;
}
.selectize-input.dropdown-active {
  border-radius: 5px;
}
.selectize-input.focus {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
}
.selectize-dropdown {
  border: 1px solid #DEDEDE;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 2px;
}
.selectize-dropdown-content {
  padding-top: 2px;
}
.selectize-dropdown .option {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  padding: 13px 50px 13px 15px;
  color: #454545;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selectize-dropdown .option:hover {
  color: #fff;
  background-color: #31B9FF;
}
.selectize-dropdown .option.selected {
  color: #fff;
  background-color: #31B9FF;
}
.selectize-dropdown .option::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  background-image: url("./../img/icons/arrow-right-blue.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@-webkit-keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}
@keyframes shakeX {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  5%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
}
.shakeX {
  animation-fill-mode: both;
  animation-duration: 1s;
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

.block__padd {
  padding: 25px 0;
  position: relative;
  z-index: 2;
}
.block__padd .container {
  z-index: 5;
}
.block__padd:first-child, .block__padd.block__padd__first {
  padding-top: 50px;
}
.block__padd:last-child, .block__padd.block__padd__last {
  padding-bottom: 50px;
}
.block__padd.block__padd__nolast {
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .block__padd.block__padd__nolast {
    padding-bottom: 30px;
  }
}
.block__padd__title {
  margin-bottom: 14px;
}
.block__padd__title .row {
  margin: -10px;
}
.block__padd__title .row > div {
  padding: 10px;
}
.block__padd__title__number {
  font-weight: 400;
  font-size: 22px;
  color: #1C1B17;
}
.block__padd.block__padd__bggrey {
  background-color: #F3F3F3;
}
.block__padd.block__padd__wbackground {
  background-image: url("./../img/bg-lastblock.svg");
  background-position: 0 100%;
  background-size: auto;
  background-repeat: repeat-x;
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .block__padd.block__padd__wbackground {
    padding-bottom: 90px;
  }
}

.block__overflow {
  overflow: hidden;
}

.block__more {
  text-align: center;
  padding-top: 25px;
}
@media (max-width: 991px) {
  .block__more {
    padding-top: 21px;
  }
}
.block__more__row {
  margin: -10px;
}
.block__more__row > div {
  padding: 10px;
}
@media (min-width: 992px) {
  .block__more .mbtn {
    min-width: 295px;
  }
}

.block__grey {
  background-color: #F3F3F3;
}
.block__grey .welcome__shadow {
  color: #F3F3F3;
}

.crumbs {
  position: relative;
  margin-bottom: 21px;
}
@media (max-width: 1199px) {
  .crumbs {
    margin-bottom: 10px;
  }
}
.crumbs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  color: #B5B5B5;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  overflow: hidden;
}
.crumbs__list li {
  display: block;
  position: relative;
  padding-right: 17px;
  margin-right: 10px;
  width: auto;
  flex: 0 0 auto;
}
.crumbs__list li::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 7px;
  height: 14px;
  background-image: url("./../img/icons/arrow-crumbs.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.crumbs__list li:last-child {
  flex: 1 0 0px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding-right: 0;
  margin-right: 0;
}
.crumbs__list li:last-child::after {
  display: none;
}
.crumbs__home {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: #fff;
  color: #B5B5B5;
}
.crumbs__home:hover {
  color: #1D87BB;
}
.crumbs__home svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  fill: currentColor;
}
.crumbs__link {
  display: inline-block;
  text-decoration: none;
  position: relative;
}
.crumbs__link:hover {
  color: #1C1B17;
}
.crumbs__link.crumbs__link__short span {
  display: inline-block;
  max-width: 43px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.crumbs__active {
  display: block;
  max-width: 100%;
  min-width: 43px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #1C1B17;
}

.pagination .row {
  margin: -10px;
}
.pagination .row > div {
  padding: 10px;
}
.pagination__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: none;
  color: #7C7C7C;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .pagination__btn:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagination__btn:hover {
    color: #1D87BB;
  }
}
.pagination__btn i {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
}
.pagination__btn i svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
  object-fit: contain;
}
.pagination__btn i + span {
  margin-left: 10px;
}
.pagination__btn span {
  flex: 0 0 auto;
}
.pagination__btn span + i {
  margin-left: 10px;
}
.pagination__list {
  list-style: none;
  margin: -4px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  color: #B5B5B5;
}
.pagination__list li {
  padding: 4px;
}
.pagination__list__link {
  display: block;
  padding: 0;
  outline: none;
  min-width: 48px;
  height: 38px;
  padding: 6px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  text-decoration: none;
  color: #B5B5B5;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .pagination__list__link:hover {
    background-color: #1D87BB;
    color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagination__list__link:hover {
    background-color: #1D87BB;
    color: #fff;
  }
}
.pagination__list__link.active {
  background-color: #1D87BB;
  color: #fff;
  cursor: default;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
}

.page-404 {
  position: relative;
  min-height: 548px;
}
@media (max-width: 991px) {
  .page-404 {
    min-height: calc(100vh - 58px);
    padding-bottom: 90px;
  }
}
.page-404::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("./../img/bg-page404.svg");
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: auto auto;
  z-index: -1;
}
@media (max-width: 991px) {
  .page-404::after {
    bottom: 90px;
  }
}
.page-404__body {
  padding: 126px 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .page-404__body {
    padding: 35px 0;
    min-height: calc(100% - 90px);
  }
}
.page-404__title {
  font-weight: 400;
  font-size: 40px;
  line-height: 1.29;
  margin: 0 0 28px 0;
  padding: 0;
  color: #7C7C7C;
}
@media (max-width: 991px) {
  .page-404__title {
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    color: #1C1B17;
  }
}
.page-404__img {
  width: 445px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 2;
}
@media (min-width: 992px) {
  .page-404__img {
    position: absolute;
    left: 50%;
    bottom: 0;
  }
}
@media (max-width: 991px) {
  .page-404__img {
    width: 314px;
    margin: 0 auto;
  }
}
.page-404__img img, .page-404__img svg {
  display: block;
  width: 100%;
}
@media (max-width: 991px) {
  .page-404__btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 22px 0;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .page-404__btn__body {
    margin-left: auto;
    margin-right: auto;
    min-width: 375px;
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media (min-width: 576px) {
  .page-404__btn__body {
    max-width: 568px;
  }
}
@media (min-width: 768px) {
  .page-404__btn__body {
    max-width: 748px;
  }
}
@media (min-width: 992px) {
  .page-404__btn__body {
    max-width: 100%;
  }
  .page-404__btn__body .mbtn {
    max-width: 295px;
  }
}

.welcome {
  position: relative;
}
.welcome__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 1;
}
.welcome__bg__center {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background-image: url("./../img/welcome/bg-welcome-4.svg");
  background-repeat: repeat-x;
  background-size: auto auto;
  background-position: 0 100%;
  z-index: 2;
}
.welcome__bg__left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 378px;
  height: 347px;
  background-image: url("./../img/welcome/bg-welcome-1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  z-index: 3;
}
.welcome__bg__right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 309px;
  height: 116px;
  background-image: url("./../img/welcome/bg-welcome-3.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  z-index: 3;
}
@media (max-width: 991px) {
  .welcome__bg__right {
    display: none;
  }
}
.welcome__bg__back {
  position: absolute;
  right: 0;
  top: 11px;
  width: 696px;
  height: 264px;
  background-image: url("./../img/welcome/bg-welcome-2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 100%;
  z-index: 1;
}
@media (max-width: 991px) {
  .welcome__bg__back {
    display: none;
  }
}
.welcome__shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 42px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  z-index: 2;
  color: #fff;
}
.welcome__shadow svg {
  height: 100%;
  width: auto;
  fill: currentColor;
}
.welcome__container {
  overflow: hidden;
  position: relative;
  padding: 122px 0 63px 0;
  min-height: 388px;
  z-index: 1;
}
@media (max-width: 991px) {
  .welcome__container {
    padding: 70px 0 79px 0;
    min-height: 320px;
  }
}
@media (max-width: 991px) {
  .welcome__wrap {
    margin-bottom: 21px;
  }
}
.welcome__search {
  display: none;
  position: relative;
  z-index: 5;
}
@media (max-width: 991px) {
  .welcome__search {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 235px;
  }
}
.welcome__search form {
  display: block;
  margin: 0;
  padding: 0;
}
.welcome__search__form {
  position: relative;
}
.welcome__search__input {
  display: block;
  outline: none;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  padding: 13px 57px 13px 44px;
  width: 100%;
  background-color: #fff;
  background-image: url("./../img/icons/ic-loop.svg");
  background-position: 15px 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #000;
}
.welcome__search__submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  outline: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  border: 1px solid #DEDEDE;
  color: #000;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .welcome__search__submit:hover {
    background: #EAB720;
  }
}
@media (hover: none) and (pointer: coarse) {
  .welcome__search__submit:hover {
    background: #EAB720;
  }
}
.welcome__search__submit svg {
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
}
.welcome__slider {
  position: relative;
  margin-top: -8px;
  margin-bottom: -16px;
  width: calc(100vw + 24px);
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .welcome__slider {
    margin-top: 0;
    margin-bottom: 0;
    width: calc(100vw + 10px);
  }
}
.welcome__slider__item {
  padding: 8px 12px 16px 12px;
  width: 423px;
}
@media (max-width: 991px) {
  .welcome__slider__item {
    width: 240px;
    padding: 0 5px;
  }
}
.welcome__card {
  position: relative;
  padding: 28px 28px 28px 154px;
  height: 203px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  overflow: hidden;
  color: #fff;
}
@media (max-width: 991px) {
  .welcome__card {
    box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    height: 150px;
    padding: 30px 12px 12px 12px;
  }
}
.welcome__card.welcome__card__style-0 {
  background: linear-gradient(180deg, #4EB7F0 0%, #4ED3F0 100%);
}
.welcome__card.welcome__card__style-1 {
  background: linear-gradient(180deg, #F8D15C 0%, #F8C35C 100%);
  color: #1C1B17;
}
.welcome__card.welcome__card__style-2 {
  background: #454545;
}
.welcome__card__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}
.welcome__card__body {
  position: relative;
  z-index: 3;
}
.welcome__card__bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.welcome__card__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.welcome__card__bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.welcome__card__bg.welcome__card__bg__notext::after {
  display: none;
}
.welcome__card__img {
  position: absolute;
  left: 28px;
  top: 28px;
  width: 112px;
  bottom: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 991px) {
  .welcome__card__img {
    width: 41px;
    height: 41px;
    bottom: auto;
    left: 12px;
    top: 12px;
  }
}
.welcome__card__img img, .welcome__card__img svg {
  display: block;
  object-fit: contain;
}
.welcome__card__title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 7px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .welcome__card__title {
    font-size: 14px;
    line-height: 1.29;
    margin-bottom: 0;
    -webkit-line-clamp: 2;
  }
}
.welcome__card__text {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .welcome__card__text {
    font-size: 12px;
  }
  .welcome__card__title + .welcome__card__text {
    margin-top: 5px;
  }
}

.catalog__slider {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}
.catalog__slider__item {
  width: 224px;
}
@media (max-width: 991px) {
  .catalog__slider__item {
    width: 242px;
  }
}
.catalog__slider__content {
  position: relative;
}
.catalog__cardmore {
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
  text-align: center;
  color: #1D87BB;
  border: 1px solid #DEDEDE;
  font-size: 16px;
}
@media (max-width: 991px) {
  .catalog__cardmore {
    font-size: 14px;
  }
}
.catalog__cardmore:hover {
  color: #1D87BB;
}
.catalog__card {
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.catalog__card__header {
  position: relative;
  height: 196px;
  border-radius: 10px;
  overflow: hidden;
}
.catalog__card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.catalog__card__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.catalog__card__body {
  padding: 7px 7px 14px 7px;
}
.catalog__card__title {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.29;
  text-decoration: none;
  color: #1C1B17;
  height: 34px;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .catalog__card__title {
    font-weight: 700;
    font-size: 14px;
    height: 36px;
    margin-bottom: 13px;
  }
}
@media (hover: hover) {
  .catalog__card__title:hover {
    color: #000;
  }
}
@media (hover: none) and (pointer: coarse) {
  .catalog__card__title:hover {
    color: #000;
  }
}
.catalog__card__footer .row {
  margin: 0 -3px;
  flex-wrap: nowrap;
}
.catalog__card__footer .row > div {
  padding: 0 3px;
}
.catalog__card__addtocart {
  display: flex;
  padding: 0;
  outline: none;
  align-items: center;
  justify-content: center;
  background-color: #00A046;
  border-radius: 10px;
  width: 63px;
  height: 42px;
  color: #fff;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .catalog__card__addtocart:not(:disabled):hover span.ic-left svg {
    transform: rotate(180deg);
  }
}
@media (hover: none) and (pointer: coarse) {
  .catalog__card__addtocart:not(:disabled):hover span.ic-left svg {
    transform: rotate(180deg);
  }
}
.catalog__card__addtocart span {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog__card__addtocart span.ic-left {
  margin-right: 4px;
  width: 14px;
  height: 14px;
}
.catalog__card__addtocart span.ic-left svg {
  max-width: 100%;
  max-height: 100%;
  transition: all ease 0.3s;
}
.catalog__card__addtocart span.ic-right {
  margin-left: 4px;
}
.catalog__card__addtocart span.ic-right svg {
  max-width: 18px;
  max-height: 18px;
}
.catalog__card__addtocart span svg {
  object-fit: contain;
  fill: currentColor;
}
.catalog__card__addtocart:disabled {
  cursor: default;
  color: #1C1B17;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
}
.catalog__card__side {
  width: 30px;
}
.catalog__card__price {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  border-radius: 8px;
  height: 42px;
  padding: 6px 7px;
  color: #1C1B17;
}
.catalog__card__price.price-sale {
  background: #FFE316;
}
.catalog__card__price.price-sale span.price {
  color: #F72A16;
}
.catalog__card__price span {
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  padding: 0 3px;
}
.catalog__card__price span.price {
  font-weight: 700;
  font-size: 15px;
}
.catalog__card__price span.price-old {
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.07em;
  text-decoration: line-through;
}
.catalog__card__price2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  color: #1C1B17;
}
.catalog__card__price2.price-sale span.price {
  color: #F72A16;
}
.catalog__card__price2 span {
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1;
  padding: 0 3px;
}
.catalog__card__price2 span.price {
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 991px) {
  .catalog__card__price2 span.price {
    font-size: 16px;
  }
}
.catalog__card__price2 span.price-old {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.07em;
  text-decoration: line-through;
}
@media (max-width: 991px) {
  .catalog__card__price2 span.price-old {
    font-size: 12px;
  }
}
.catalog__cardlist {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 15px 20px;
}
@media (max-width: 767px) {
  .catalog__cardlist {
    padding: 9px;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .catalog__cardlist.catalog__cardlist__sale {
    border-color: #FFE316;
  }
}
.catalog__cardlist .addfavorite {
  left: 10px;
  top: 10px;
}
@media (max-width: 767px) {
  .catalog__cardlist .addfavorite {
    left: 5px;
    top: 5px;
  }
}
.catalog__cardlist__body {
  flex: 1 0 0px;
  width: 100%;
  max-width: 100%;
}
.catalog__cardlist__side {
  width: auto;
  flex: 0 0 auto;
  margin-left: 25px;
  align-self: center;
}
@media (max-width: 767px) {
  .catalog__cardlist__side {
    margin-left: 10px;
  }
}
.catalog__cardlist__info {
  margin-bottom: 5px;
}
.catalog__cardlist__info .row {
  margin: -5px;
  align-items: center;
}
.catalog__cardlist__info .row > div {
  padding: 5px;
}
.catalog__cardlist__price .row {
  align-items: center;
  justify-content: flex-start;
  margin: 0 -10px;
}
.catalog__cardlist__price .row > div {
  padding: 0 10px;
}
.catalog__cardlist__price .price {
  font-weight: 700;
  font-size: 25px;
  line-height: 1.29;
  color: #1C1B17;
}
@media (max-width: 1199px) {
  .catalog__cardlist__price .price {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .catalog__cardlist__price .price {
    font-size: 15px;
  }
}
.catalog__cardlist__price .price.price-sale {
  color: #F72A16;
}
.catalog__cardlist__price .price-old {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
  color: #1C1B17;
  text-decoration: line-through;
}
@media (max-width: 1199px) {
  .catalog__cardlist__price .price-old {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .catalog__cardlist__price .price-old {
    font-size: 11px;
  }
}
.catalog__cardlist .catalog__card {
  position: relative;
}
.catalog__cardlist .catalog__card__header {
  width: 130px;
  height: 166px;
  flex: 0 0 auto;
  margin-right: 25px;
  position: relative;
}
@media (max-width: 767px) {
  .catalog__cardlist .catalog__card__header {
    margin-right: 10px;
    width: 64px;
    height: 64px;
    align-self: center;
  }
}
.catalog__cardlist .catalog__card__title {
  font-weight: 400;
  font-size: 20px;
  height: 52px;
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .catalog__cardlist .catalog__card__title {
    font-size: 16px;
    height: 42px;
  }
}
@media (max-width: 767px) {
  .catalog__cardlist .catalog__card__title {
    font-size: 14px;
    height: 36px;
  }
}
.catalog__cardlist .catalog__card__addtocart {
  font-weight: 700;
  font-size: 19px;
  height: 48px;
  padding: 0 18px;
  width: auto;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .catalog__cardlist .catalog__card__addtocart {
    padding: 0 15px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .catalog__cardlist .catalog__card__addtocart {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .catalog__cardlist .catalog__card__addtocart:not(:disabled) {
    padding: 0;
    width: 63px;
  }
}
@media (max-width: 767px) {
  .catalog__cardlist .catalog__card__addtocart:not(:disabled) span.ic-text {
    display: none;
  }
}
.catalog__cardlist .catalog__card__addtocart span.ic-text {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  margin-left: 12px;
}
.catalog__cardlist .catalog__card__addtocart span.ic-text br {
  display: none;
}
@media (max-width: 575px) {
  .catalog__cardlist .catalog__card__addtocart span.ic-text br {
    display: block;
  }
}
@media (max-width: 1199px) {
  .catalog__cardlist .catalog__card__addtocart span.ic-text {
    margin-left: 4px;
  }
}
.catalog__cardlist .catalog__card__addtocart span.ic-right {
  display: none;
}
@media (max-width: 767px) {
  .catalog__cardlist .catalog__card__addtocart span.ic-right {
    display: flex;
  }
}
.catalog__cardlist .marker__season {
  position: relative;
  right: auto;
  bottom: auto;
}
.catalog__cardlist .marker__storage {
  position: relative;
  left: auto;
  bottom: auto;
}
.catalog__cardlist .markers {
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .catalog__cardlist .markers {
    display: none;
  }
}
.catalog__cardlist .markers span {
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
}
.catalog__cardlist .markers span.sale {
  padding: 15px 0;
  font-size: 11px;
}
.catalog__cardlist .markers span.money {
  padding: 9px 0;
  font-size: 9px;
}
.catalog__cardlist__quantity {
  text-align: center;
  font-size: 16px;
  color: #1C1B17;
  margin-bottom: 6px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .catalog__cardlist__quantity {
    font-size: 14px;
  }
}

.price-numbersale {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 54px;
  height: 25px;
  background: url("./../img/icons/ic-bgsale.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 50%;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 4px 6px 3px 6px;
  text-align: right;
  z-index: 2;
}

.markers {
  position: absolute;
  top: 7px;
  right: 7px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.markers span {
  display: block;
  width: 46px;
  height: 46px;
  text-align: center;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 3px;
  font-weight: 700;
  font-size: 10px;
  color: #fff;
}
.markers span:last-child {
  margin-bottom: 0;
}
.markers span.like {
  background-image: url("./../img/icons/ic-marker-thumbsup.svg");
}
.markers span.sale {
  background-image: url("./../img/icons/ic-marker-sale.svg");
  padding: 17px 0;
  font-size: 12px;
}
.markers span.money {
  background-image: url("./../img/icons/ic-marker-money.svg");
  padding: 12px 0;
}
.markers span.new {
  background-image: url("./../img/icons/ic-marker-new.svg");
}
.markers a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  width: 46px;
  height: 46px;
  margin-bottom: 3px;
}
.markers a svg {
  max-width: 30px;
  max-height: 30px;
}

.pin-360 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  width: 46px;
  height: 46px;
}
@media (max-width: 767px) {
  .pin-360 {
    width: 40px;
    height: 40px;
  }
}
.pin-360 svg {
  max-width: 30px;
  max-height: 30px;
}
@media (max-width: 767px) {
  .pin-360 svg {
    max-width: 26px;
    max-height: 26px;
  }
}

.marker__season {
  position: absolute;
  right: 7px;
  bottom: 7px;
  z-index: 2;
}
.marker__season span {
  display: inline-block;
  border-radius: 5px;
  color: #1C1B17;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  position: relative;
  background-color: #F3F3F3;
  padding: 6px 10px 6px 25px;
}
.marker__season span.allseason::after {
  background-image: url("./../img/icons/ic-allseason.svg");
}
.marker__season span.summer::after {
  background-image: url("./../img/icons/ic-sun.svg");
}
.marker__season span.winter::after {
  background-image: url("./../img/icons/ic-winter.svg");
}
.marker__season span::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.marker__storage {
  position: absolute;
  left: 7px;
  bottom: 7px;
  z-index: 2;
}
.marker__storage.style-1 span {
  background: rgba(0, 160, 70, 0.8);
}
.marker__storage.style-2 span {
  background: rgba(190, 190, 190, 0.8);
}
.marker__storage.size-big span {
  font-size: 16px;
  padding: 8px 10px 8px 28px;
}
.marker__storage.size-big span::after {
  width: 8px;
  height: 8px;
  left: 10px;
}
.marker__storage span {
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
  position: relative;
  padding: 5px 10px 5px 18px;
}
.marker__storage span::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #fff;
}

.catalogpage {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .catalogpage {
    flex-direction: column;
  }
}
.catalogpage__side {
  width: 320px;
  margin-right: 14px;
  flex: 0 0 auto;
}
@media (max-width: 1199px) {
  .catalogpage__side {
    width: 290px;
  }
}
@media (max-width: 991px) {
  .catalogpage__side {
    width: 100%;
    margin-right: 0;
  }
}
.catalogpage__body {
  flex: 1 0 0px;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 991px) {
  .catalogpage__body {
    flex: 0 0 auto;
    width: 100%;
  }
}
.catalogpage__categories {
  background-color: #fff;
  padding: 20px;
}
@media (min-width: 992px) {
  .catalogpage__categories {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
    border-radius: 10px;
    margin-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .catalogpage__categories {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100dvh;
    z-index: 100;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(100%);
    transition: all ease 0.3s;
  }
  .catalogpage__categories.active {
    transform: translateX(0);
  }
}
.catalogpage__categories__body.active .catalogpage__categories__menu > li:nth-child(n+5) {
  display: block;
}
.catalogpage__categories__header {
  padding: 0 0 20px 0;
  display: none;
}
@media (max-width: 991px) {
  .catalogpage__categories__header {
    display: block;
  }
}
.catalogpage__categories__header__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #1C1B17;
}
.catalogpage__categories__header__close:hover {
  color: #1D87BB;
}
.catalogpage__categories__header__close svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
.catalogpage__categories__back {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 7px;
  text-decoration: none;
  color: #1C1B17;
  font-weight: 700;
  font-size: 16px;
}
.catalogpage__categories__back i {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  border-radius: 6px;
  color: #1C1B17;
  margin-right: 10px;
}
.catalogpage__categories__back i svg {
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
  object-fit: contain;
}
.catalogpage__categories__back span {
  flex: 1 0 0;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.catalogpage__categories__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.catalogpage__categories__menu > li {
  display: block;
  margin-top: 5px;
}
.catalogpage__categories__menu > li:nth-child(n+5) {
  display: none;
}
.catalogpage__categories__menu li.header__catalog__submenu__card__wsubmenu.active > a > i {
  transform: rotate(180deg);
}
.catalogpage__categories__menu li.header__catalog__submenu__card__wsubmenu.active > ul {
  display: block;
}
.catalogpage__categories__menu li.header__catalog__submenu__card__wsubmenu > ul {
  display: none;
}
.catalogpage__categories__menu__link {
  display: block;
  text-decoration: none;
  color: #1C1B17;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 15px;
  background-color: #F3F3F3;
  border-radius: 6px;
  position: relative;
}
.catalogpage__categories__menu__link span {
  display: block;
}
.catalogpage__categories__menu__link i {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.catalogpage__categories__menu__link i svg {
  max-width: 12px;
  max-height: 12px;
  object-fit: contain;
}
.catalogpage__categories__menu__link i + span {
  display: block;
  padding-right: 26px;
}
.catalogpage__categories__submenu {
  list-style: none;
  margin: 0;
  padding: 5px 0 5px 15px;
  transition: all ease 0.3s;
}
.catalogpage__categories__submenu ul {
  list-style: none;
  margin: 0;
  padding: 5px 0 0 15px;
}
.catalogpage__categories__submenu li {
  display: block;
  margin-top: 10px;
}
.catalogpage__categories__submenu li:first-child {
  margin-top: 5px;
}
.catalogpage__categories__submenu li:last-child {
  margin-bottom: 10px;
}
.catalogpage__categories__submenu a {
  display: inline-block;
  text-decoration: none;
  color: #1C1B17;
  font-weight: 700;
  font-size: 14px;
  color: #7C7C7C;
  position: relative;
}
@media (hover: hover) {
  .catalogpage__categories__submenu a:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .catalogpage__categories__submenu a:hover {
    color: #1D87BB;
  }
}
.catalogpage__categories__submenu a i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  transition: all ease 0.3s;
}
.catalogpage__categories__submenu a i svg {
  max-width: 12px;
  max-height: 12px;
  object-fit: contain;
}
.catalogpage__categories__submenu a i + span {
  display: inline-block;
  padding-right: 26px;
}

.catalog-blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}
@media (max-width: 1199px) {
  .catalog-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .catalog-blocks {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .catalog-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
}
.catalog-blocks__item {
  position: relative;
}
.catalog-blocks .catalog__card__header {
  height: 215px;
}
@media (max-width: 575px) {
  .catalog-blocks.catalog-blocks__solomobile {
    grid-template-columns: repeat(1, 1fr);
  }
}

.catalog-list {
  position: relative;
}
.catalog-list__item {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .catalog-list__item {
    margin-top: 7px;
  }
}
.catalog-list__item:first-child {
  margin-top: 0;
}

.addfavorite {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 24px;
  height: 24px;
  outline: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F3F3;
  border-radius: 50%;
  color: #B5B5B5;
  z-index: 5;
}
.addfavorite.active {
  color: #F72A16;
}
.addfavorite svg {
  max-width: 16px;
  max-height: 16px;
  fill: currentColor;
}

.block__categories {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.block__categories.active ul li {
  padding: 4px;
}
.block__categories.active ul li:nth-child(n+5) {
  display: block;
}
.block__categories ul {
  list-style: none;
  margin: -4px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.block__categories ul li {
  padding: 4px;
}
.block__categories ul li:nth-child(n+5) {
  display: none;
}
.block__categories ul .link-category {
  display: block;
  padding: 10px 15px;
  border: 1px solid #DEDEDE;
  background-color: #fff;
  border-radius: 6px;
  text-decoration: none;
  color: #1C1B17;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
}
.block__categories ul .link-category:hover {
  border-color: #1D87BB;
  color: #1D87BB;
}
.block__categories__more {
  display: none !important;
}
.block__categories__more.active {
  display: block !important;
}
.block__categories .link-catmore {
  display: inline-block;
  padding: 11px 20px 11px 10px;
  text-decoration: none;
  color: #1C1B17;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  position: relative;
}
.block__categories .link-catmore i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.block__categories .link-catmore i svg {
  max-width: 10px;
  max-height: 10px;
  object-fit: contain;
}
.block__categories .link-catmore:hover {
  color: #1D87BB;
}
.block__categories .link-catmore span.default {
  display: inline-block;
}
.block__categories .link-catmore span.active {
  display: none;
}
.block__categories .link-catmore.active span.default {
  display: none;
}
.block__categories .link-catmore.active span.active {
  display: inline-block;
}
.block__categories .link-catmore.active i {
  transform: rotate(180deg);
}

.mainblog {
  position: relative;
}
.mainblog__list {
  position: relative;
}
.mainblog__list__item {
  border-top: 1px solid rgba(38, 50, 56, 0.24);
}
.mainblog__list__item:first-child {
  border: none;
}
.mainblog__card {
  position: relative;
  padding: 14px 16px;
}
.mainblog__card__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #263238;
  text-decoration: none;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (hover: hover) {
  .mainblog__card__title:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mainblog__card__title:hover {
    color: #1D87BB;
  }
}
.mainblog__card__date {
  font-size: 12px;
  margin: 4px 0;
  color: #1C1B17;
}
.mainblog__card__des {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mainblog__more {
  padding-top: 18px;
  padding-left: 16px;
  padding-right: 16px;
}

.blog {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 21px;
}
@media (max-width: 1199px) {
  .blog {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
}
@media (max-width: 991px) {
  .blog {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .blog {
    grid-template-columns: repeat(1, 1fr);
  }
}
.blog__item {
  position: relative;
}
.blog__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
}
.blog__card__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  margin-bottom: 7px;
  color: #1C1B17;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  height: 42px;
}
@media (max-width: 991px) {
  .blog__card__title {
    font-size: 16px;
    height: 42px;
  }
}
@media (hover: hover) {
  .blog__card__title:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .blog__card__title:hover {
    color: #1D87BB;
  }
}
.blog__card__img {
  width: 100%;
  height: 145px;
  overflow: hidden;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #c4c4c4;
  z-index: 1;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .blog__card__img {
    height: 135px;
  }
}
.blog__card__img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0) 52.76%);
  z-index: 2;
}
.blog__card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog__card__img span {
  position: absolute;
  left: 5px;
  bottom: 5px;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 3;
  padding: 4px 8px;
  border-radius: 5px;
  color: #1C1B17;
  font-size: 12px;
}
.blog__card__date {
  font-size: 14px;
  color: #1C1B17;
  margin-bottom: 7px;
}
.blog__card__des {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 37px;
}
.blog__card__more {
  padding-top: 7px;
  margin-top: auto;
}
@media (max-width: 991px) {
  .blog__card__more {
    padding-top: 6px;
  }
}
.blog__card__more .link-else {
  font-weight: 400;
  font-size: 14px;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .blog__card__more .link-else:hover {
    text-decoration-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .blog__card__more .link-else:hover {
    text-decoration-color: #1D87BB;
  }
}


.images-gallery {
  margin: 40px 0;
}
@media (max-width: 991px) {
  .images-gallery {
    margin: 30px 0;
  }
}
.images-gallery:first-child {
  margin-top: 0;
}
.images-gallery:last-child {
  margin-bottom: 0;
}
.images-gallery__body {
  position: relative;
}
.images-gallery__swiper {
  width: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .images-gallery__swiper {
    width: 100dvw;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 991px) {
  .images-gallery__swiper__item {
    width: 320px;
  }
}
.images-gallery__card {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4/3;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  position: relative;
}
.images-gallery__card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(113, 178, 211, 0.4);
  z-index: 2;
  opacity: 0;
  transition: all ease 0.3s;
}
.images-gallery__card::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("./../img/icons/ic-loop-white.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: rgba(113, 178, 211, 1);
  transition: all ease 0.3s;
  opacity: 0;
  z-index: 3;
}
.images-gallery__card:hover::after,
.images-gallery__card:hover::before {
  opacity: 1;
}
.images-gallery__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.images-gallery .slider__nav {
  left: -21px;
  right: -21px;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .images-gallery .slider__nav {
    left: -10px;
    right: -10px;
  }
}
.images-gallery .slider__nav__btn {
  transform: translateY(-50%);
}

.mainvideos {
  position: relative;
}
@media (max-width: 991px) {
  .mainvideos {
    margin-bottom: 24px;
  }
}
.mainvideos__slider {
  position: relative;
  width: 100%;
}
.mainvideos__slider__item {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  aspect-ratio: 512/288;
}
.mainvideos__slider__item .nvideos {
  width: 100%;
  height: 100%;
}
.mainvideos__more {
  padding-top: 13px;
}
@media (max-width: 991px) {
  .mainvideos__more {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.mainvideos__more__controls {
  margin: 0 -3px;
  align-items: center;
  justify-content: center;
}
.mainvideos__more__controls > div {
  padding: 0 3px;
}
.mainvideos__more__pag {
  transform: none !important;
}
.mainvideos__more__navbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 40px;
  color: #979797;
  cursor: pointer;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .mainvideos__more__navbtn:not(.disabled):hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mainvideos__more__navbtn:not(.disabled):hover {
    color: #1D87BB;
  }
}
.mainvideos__more__navbtn.disabled {
  cursor: default;
  color: #979797;
  opacity: 0.38;
}
.mainvideos__more__navbtn svg {
  display: block;
  max-width: 12px;
  max-height: 12px;
  fill: currentColor;
}

.mainvisions {
  position: relative;
}
.mainvisions__slider {
  position: relative;
  transform: translateX(-50%);
  left: 50%;
  width: 100vw;
}
.mainvisions__slider__item {
  width: 294px;
}
.mainvisions__more {
  padding-top: 21px;
}
.mainvisions__more .row {
  margin: -8px -10px;
}
.mainvisions__more .row > div {
  padding: 8px 10px;
}
@media (min-width: 992px) {
  .mainvisions__more .mbtn {
    min-width: 294px;
  }
}
.mainvisions__card {
  position: relative;
  width: 100%;
}
.mainvisions__card__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  margin-bottom: 14px;
  color: #1C1B17;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  height: 36px;
}
@media (max-width: 991px) {
  .mainvisions__card__title {
    font-size: 16px;
    height: 42px;
  }
}
@media (hover: hover) {
  .mainvisions__card__title:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mainvisions__card__title:hover {
    color: #1D87BB;
  }
}
.mainvisions__card__pic {
  position: relative;
  height: 145px;
  margin-bottom: 14px;
  display: block;
}
@media (max-width: 991px) {
  .mainvisions__card__pic {
    height: 135px;
    margin-bottom: 13px;
  }
}
.mainvisions__card__img {
  height: 145px;
  overflow: hidden;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #c4c4c4;
  z-index: 1;
}
@media (max-width: 991px) {
  .mainvisions__card__img {
    height: 135px;
  }
}
.mainvisions__card__img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0) 52.76%);
  z-index: 2;
}
.mainvisions__card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainvisions__card__autor {
  position: absolute;
  z-index: 3;
  left: 13px;
  bottom: 13px;
  right: 13px;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  color: #fff;
  line-height: 1.29;
}
.mainvisions__card__autor__img {
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 50%;
  flex: 0 0 auto;
  margin-right: 6px;
  background-color: #c4c4c4;
}
.mainvisions__card__autor__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainvisions__card__autor__body {
  flex: 1 0 0px;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.mainvisions__card__autor__name {
  display: block;
  font-weight: 700;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.mainvisions__card__autor__date {
  display: block;
  font-weight: 400;
  font-size: 15px;
}
.mainvisions__card__des {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 73px;
}
.mainvisions__card__more {
  padding-top: 11px;
}
@media (max-width: 991px) {
  .mainvisions__card__more {
    padding-top: 6px;
  }
}
.mainvisions__card__more .link-else {
  font-weight: 400;
  font-size: 14px;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .mainvisions__card__more .link-else:hover {
    text-decoration-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mainvisions__card__more .link-else:hover {
    text-decoration-color: #1D87BB;
  }
}

.mainabout {
  position: relative;
  min-height: 364px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #fff;
}
@media (max-width: 991px) {
  .mainabout {
    min-height: auto;
  }
}
.mainabout::after {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  bottom: 0;
  background-image: url("./../img/about/bg-mainabout.svg");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: auto 100%;
  z-index: 1;
}
@media (max-width: 991px) {
  .mainabout::after {
    opacity: 0.6;
    right: -75px;
  }
}
.mainabout .container {
  position: relative;
  z-index: 3;
}
.mainabout__content {
  max-width: 700px;
}
.mainabout__more {
  padding-top: 14px;
}
@media (max-width: 991px) {
  .mainabout__more {
    padding-top: 24px;
  }
}
.mainabout__more .link-else {
  text-transform: uppercase;
  font-weight: 700;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .mainabout__more .link-else:hover {
    text-decoration-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mainabout__more .link-else:hover {
    text-decoration-color: #1D87BB;
  }
}

@media (max-width: 991px) {
  .filter {
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    height: 100%;
    background-color: #F3F3F3;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    z-index: 106;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .filter.filter__opened {
    left: 0;
  }
  .filter.filter__opened .filter__header,
.filter.filter__opened .filter__footer {
    left: 0;
  }
}
@media (max-width: 991px) {
  .filter__container {
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 63px;
    margin-bottom: 146px;
    background-color: #fff;
    padding: 20px 0;
  }
}
.filter__body {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  border: 1px solid #DEDEDE;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .filter__body {
    box-shadow: none;
    border: none;
    padding: 0 14px;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 375px;
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .filter__body {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .filter__body {
    max-width: 100%;
  }
}
.filter__item {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #DEDEDE;
}
.filter__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.filter__card .simplebar-track.simplebar-vertical {
  top: 0;
  bottom: 0;
  width: 4px;
  right: 0;
}
.filter__card .simplebar-scrollbar:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F3D470;
}
.filter__card__more {
  margin-top: 20px;
  display: none;
}
.filter__card__more.active {
  display: block;
}
.filter__card__more__link {
  display: inline-block;
  padding: 0;
  outline: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #1D87BB;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .filter__card__more__link:hover {
    color: #31B9FF;
  }
  .filter__card__more__link:hover span {
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .filter__card__more__link:hover {
    color: #31B9FF;
  }
  .filter__card__more__link:hover span {
    text-decoration-color: transparent;
  }
}
.filter__card__more__link span {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 0.12em;
  transition: all ease 0.3s;
}
.filter__card__more__link span.default {
  display: inline-block;
}
.filter__card__more__link span.active {
  display: none;
}
.filter__card__more__link i {
  font-style: normal;
}
.filter__card__more__link.active span.default {
  display: none;
}
.filter__card__more__link.active span.active {
  display: inline-block;
}
.filter__card__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  color: #1C1B17;
}
.filter__card__content {
  padding-top: 15px;
}
.filter__card__titleslide {
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  padding: 0 40px 0 0;
  color: #1C1B17;
  position: relative;
}
.filter__card__titleslide span {
  display: inline-block;
}
.filter__card__titleslide i {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  transition: all ease 0.3s;
}
.filter__card__titleslide i svg {
  max-width: 100%;
  max-height: 14px;
  fill: currentColor;
  object-fit: contain;
}
.filter__card__titleslide.active i {
  transform: rotate(180deg);
}
.filter__card__contentslide {
  transition: all ease 0.3s;
  display: none;
}
.filter__card__contentslide.active {
  display: block;
}
.filter__card__contentslide__body {
  padding-top: 15px;
}
.filter__card__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.filter__card__list li {
  margin-top: 15px;
}
.filter__card__list li:first-child {
  margin-top: 0;
}
.filter__card__list li:nth-child(n+5) {
  display: none;
}
.filter__card__list.active li:nth-child(n+5) {
  display: block;
}
.filter__card__mlisksort {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 7px 20px 7px 20px;
  min-height: 40px;
  border-radius: 6px;
  background-color: #fff;
  color: #1C1B17;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  text-decoration: none;
  border: 1px solid #DEDEDE;
  white-space: nowrap;
  outline: none;
}
.filter__card__mlisksort.active {
  border-color: #1D87BB;
  background-color: #1D87BB;
  color: #fff;
}
.filter__card__mlisksort.active i {
  color: #fff;
}
.filter__card__mlisksort span {
  flex: 0 0 auto;
  max-width: 100%;
  width: auto;
}
.filter__card__mlisksort span + i {
  margin-left: 7px;
}
.filter__card__mlisksort i {
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  color: #1D87BB;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter__card__mlisksort i svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
  object-fit: contain;
}
.filter__search {
  position: relative;
  margin-bottom: 15px;
}
.filter__search:last-child {
  margin-bottom: 0;
}
.filter__search__text {
  display: block;
  width: 100%;
  padding: 18px 19px 18px 49px;
  font-weight: 500;
  font-size: 12px;
  color: #000;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  outline: none;
  background: #fff url("./../img/icons/ic-loop-blue.svg");
  background-repeat: no-repeat;
  background-position: 17px 50%;
}
.filter__search__text::placeholder {
  color: #7C7C7C;
}
.filter__sliderrange__header__label {
  font-weight: 400;
  font-size: 14px;
  color: #1C1B17;
}
.filter__sliderrange__content {
  padding-bottom: 12px;
  padding-top: 14px;
}
.filter__header {
  position: fixed;
  left: 100%;
  top: 0;
  right: 0;
  padding: 20px 0;
  border-bottom: 1px solid #DEDEDE;
  z-index: 5;
  display: none;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  .filter__header {
    display: block;
  }
}
.filter__header__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #1C1B17;
  cursor: pointer;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .filter__header__close:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .filter__header__close:hover {
    color: #1D87BB;
  }
}
.filter__header__close svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  fill: currentColor;
}
.filter__header__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.filter__header__title i {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C1B17;
}
.filter__header__title i svg {
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
  fill: currentColor;
}
.filter__header__title span {
  font-weight: 700;
  font-size: 22px;
  color: #1C1B17;
}
.filter__footer {
  padding: 14px 0 0 0;
}
@media (max-width: 991px) {
  .filter__footer {
    position: fixed;
    left: 100%;
    bottom: 0;
    right: 0;
    padding: 20px 0;
    background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
    box-shadow: 0 -12px 22px 0 rgba(168, 168, 168, 0.25);
    z-index: 5;
    transition: all 0.3s ease;
  }
}
@media (min-width: 992px) {
  .filter__footer .container {
    padding-left: 0;
    padding-right: 0;
    min-width: 100%;
  }
}
.filter__listsorting {
  list-style: none;
  margin: -2px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.filter__listsorting li {
  padding: 2px;
  flex: 0 0 auto;
  width: auto;
}
.filter__listsorting__button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #1C1B17;
  border-radius: 6px;
  outline: none;
  padding: 10px 10px 10px 10px;
  background-color: #F9F9F9;
}
.filter__listsorting__button span {
  flex: 0 0 auto;
  width: auto;
}
.filter__listsorting__button i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 8px;
}
.filter__listsorting__button i svg {
  max-width: 10px;
  max-height: 10px;
  fill: currentColor;
  object-fit: contain;
}

.partners {
  max-width: 1010px;
}
.partners__search {
  position: relative;
  margin-bottom: 20px;
}
.partners__search form {
  display: block;
  margin: 0;
}
.partners__search__body .row {
  margin: -7px;
}
.partners__search__body .row > div {
  padding: 7px;
}
.partners__search__input {
  display: block;
  width: 100%;
  outline: none;
  padding: 13px 20px 13px 44px;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1;
  color: #1C1B17;
  background: #fff url("./../img/icons/ic-loop.svg");
  background-position: 15px 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.partners__search__input::placeholder {
  color: #B5B5B5;
}
.partners__search__btn {
  min-width: 242px;
}
.partners__search__btn span.default {
  display: inline-block;
}
.partners__search__btn span.active {
  display: none;
}
.partners__search__btn.active span.default {
  display: none;
}
.partners__search__btn.active span.active {
  display: inline-block;
}
.partners__search__map {
  position: relative;
  display: none;
}
.partners__search__map.active {
  display: block;
}
.partners__search__map__yandex {
  padding-top: 20px;
}
.partners__search__map__content {
  width: 100%;
  height: 537px;
  background-color: #B5B5B5;
  overflow: hidden;
  border-radius: 6px;
}
@media (max-width: 991px) {
  .partners__search__map__content {
    padding: 429px;
  }
}
.partners__list__item {
  margin-top: 14px;
}
@media (max-width: 991px) {
  .partners__list__item {
    margin-top: 7px;
  }
}
.partners__card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 25px;
}
@media (max-width: 991px) {
  .partners__card {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .partners__card {
    flex-direction: column;
    padding: 10px;
  }
}
.partners__card__img {
  flex: 0 0 auto;
  width: 184px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}
@media (max-width: 991px) {
  .partners__card__img {
    width: 146px;
  }
}
@media (max-width: 767px) {
  .partners__card__img {
    height: 146px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.partners__card__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .partners__card__img img {
    height: 100%;
  }
}
.partners__card__body {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .partners__card__body {
    flex: 0 0 auto;
  }
}
.partners__card__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  margin-bottom: 20px;
  color: #1C1B17;
}
@media (max-width: 991px) {
  .partners__card__title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .partners__card__title {
    margin-bottom: 10px;
  }
}
.partners__card__text {
  margin-bottom: 26px;
}
@media (max-width: 991px) {
  .partners__card__text {
    margin-bottom: 10px;
  }
}
.partners__card__text:last-child {
  margin-bottom: 0;
}
.partners__card__more ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.29;
}
@media (max-width: 991px) {
  .partners__card__more ul {
    font-size: 15px;
  }
}
.partners__card__more ul li {
  margin-top: 5px;
}
@media (max-width: 991px) {
  .partners__card__more ul li {
    margin-top: 1px;
  }
}
.partners__card__more ul li:first-child {
  margin-top: 0;
}
.partners__card__more a {
  display: inline-block;
  font-size: 18px;
  text-decoration: underline;
  color: #1D87BB;
}
@media (max-width: 991px) {
  .partners__card__more a {
    font-size: 15px;
  }
}
@media (hover: hover) {
  .partners__card__more a:hover {
    color: #1D87BB;
    text-decoration-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .partners__card__more a:hover {
    color: #1D87BB;
    text-decoration-color: transparent;
  }
}

.fildtesters {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 30px;
}
@media (max-width: 991px) {
  .fildtesters {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 15px;
  }
}
@media (max-width: 767px) {
  .fildtesters {
    grid-template-columns: repeat(1, 1fr);
  }
}
.fildtesters__item {
  position: relative;
}
.fildtesters__card {
  position: relative;
}
@media (hover: hover) {
  .fildtesters__card.fildtesters__card__video .fildtesters__card__img:hover::after {
    background-color: #71B2D3;
  }
}
@media (hover: none) and (pointer: coarse) {
  .fildtesters__card.fildtesters__card__video .fildtesters__card__img:hover::after {
    background-color: #71B2D3;
  }
}
.fildtesters__card.fildtesters__card__video .fildtesters__card__img::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("./../img/icons/play.svg");
  background-repeat: no-repeat;
  background-position: 57% 50%;
  background-size: 30px 30px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(113, 178, 211, 0.4);
  transition: all ease 0.3s;
}
.fildtesters__card__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 248px;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 20px;
}
.fildtesters__card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fildtesters__card__body {
  padding: 0 13px 0 13px;
}
.fildtesters__card__title {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  margin-bottom: 13px;
  text-decoration: none;
  color: #1C1B17;
}
@media (hover: hover) {
  .fildtesters__card__title:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .fildtesters__card__title:hover {
    color: #1D87BB;
  }
}
.fildtesters__card__title:last-child {
  margin-bottom: 0;
}
.fildtesters__card__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  color: #1C1B17;
}

.paymdeliv {
  position: relative;
  max-width: 818px;
  padding-top: 10px;
}
.paymdeliv .h4 {
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .paymdeliv .h4 {
    margin-bottom: 20px;
  }
}
.paymdeliv__item {
  margin-top: 35px;
}
.paymdeliv__item:first-child {
  margin-top: 0;
}
.paymdeliv__list {
  position: relative;
}
.paymdeliv__list__item {
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .paymdeliv__list__item {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
.paymdeliv__list__item:last-child {
  margin-bottom: 0;
}
.paymdeliv__card {
  position: relative;
}
.paymdeliv__card.active .paymdeliv__card__title__arrow {
  transform: rotate(180deg);
}
.paymdeliv__card__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #1C1B17;
  cursor: pointer;
  padding: 0 66px 0 10px;
}
@media (max-width: 991px) {
  .paymdeliv__card__title {
    padding-right: 44px;
    padding-left: 0;
  }
}
.paymdeliv__card__title__icon {
  flex: 0 0 auto;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .paymdeliv__card__title__icon {
    width: 30px;
    height: 30px;
  }
}
.paymdeliv__card__title__icon img, .paymdeliv__card__title__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.paymdeliv__card__title__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .paymdeliv__card__title__text {
    font-size: 16px;
  }
}
.paymdeliv__card__title__arrow {
  position: absolute;
  right: 30px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .paymdeliv__card__title__arrow {
    right: 13px;
  }
}
.paymdeliv__card__title__arrow svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill: currentColor;
}
.paymdeliv__card__slide {
  overflow: hidden;
  max-height: 0;
  transition: all ease 0.3s;
}
.paymdeliv__card__slide__body {
  padding: 28px 66px 20px 13px;
}
@media (max-width: 991px) {
  .paymdeliv__card__slide__body {
    padding: 10px 0 0 0;
  }
}
.paymdeliv__card__slide .block__text {
  color: #1C1B17;
}
.paymdeliv__card__slide__map {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background-color: #B5B5B5;
  height: 232px;
  margin: 20px -66px 20px -13px;
}
@media (max-width: 991px) {
  .paymdeliv__card__slide__map {
    margin-left: 0;
    margin-right: 0;
    height: 183px;
  }
}
.paymdeliv__card__slide__map:last-child {
  margin-bottom: 0;
}
.paymdeliv__card__slide__map > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.paymdeliv__card__list {
  position: relative;
  padding-top: 10px;
}
.paymdeliv__card__list:first-child {
  padding-top: 0;
}
.paymdeliv__card__list__item {
  margin-top: 35px;
}
.paymdeliv__card__list__item:first-child {
  margin-top: 0;
}

.faq {
  position: relative;
  max-width: 803px;
  padding-top: 10px;
}
.faq__item {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .faq__item {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.faq__item:last-child {
  margin-bottom: 0;
}
.faq__card {
  position: relative;
}
.faq__card.active .faq__card__title__arrow {
  transform: rotate(180deg);
}
.faq__card__title {
  color: #1C1B17;
  position: relative;
  padding: 0 54px 0 13px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .faq__card__title {
    padding: 0 44px 0 0;
  }
}
.faq__card__title__text {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
}
@media (max-width: 991px) {
  .faq__card__title__text {
    font-size: 16px;
  }
}
.faq__card__title__arrow {
  position: absolute;
  right: 18px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .faq__card__title__arrow {
    right: 13px;
  }
}
.faq__card__title__arrow svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill: currentColor;
}
.faq__card__slide {
  overflow: hidden;
  max-height: 0;
  transition: all ease 0.3s;
}
.faq__card__slide__body {
  padding: 20px 54px 0 13px;
}
@media (max-width: 991px) {
  .faq__card__slide__body {
    padding: 20px 0 0 0;
  }
}
.faq__card__slide .block__text {
  color: #1C1B17;
}
.faq__card__slide .block__text a {
  color: #1D87BB;
  text-decoration-color: transparent;
}
.faq__card__slide .block__text a:hover {
  text-decoration-color: #1D87BB;
}

.contacts {
  position: relative;
  color: #1C1B17;
  padding-top: 10px;
}
.contacts:first-child {
  padding-top: 0;
}
.contacts__row {
  margin: -30px;
}
@media (max-width: 991px) {
  .contacts__row {
    margin: -15px;
  }
}
.contacts__row > div {
  padding: 30px;
}
@media (max-width: 991px) {
  .contacts__row > div {
    padding: 15px;
  }
}
.contacts__list {
  position: relative;
}
.contacts__list__item {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .contacts__list__item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #DEDEDE;
  }
  .contacts__list__item:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
  }
}
.contacts__list__item:first-child {
  margin-top: 0;
}
.contacts__card__title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .contacts__card__title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.contacts__card__webs {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
}
@media (max-width: 991px) {
  .contacts__card__webs {
    font-size: 15px;
  }
}
.contacts__card__webs:first-child {
  margin-top: 0;
}
.contacts__card__webs:last-child {
  margin-top: 0;
}
.contacts__card__webs li {
  margin-top: 0;
}
.contacts__card__webs a {
  display: inline-block;
  color: #1D87BB;
  text-decoration-color: transparent;
}
.contacts__card__webs a:hover {
  text-decoration-color: #1D87BB;
}
.contacts__card__info {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
}
@media (max-width: 991px) {
  .contacts__card__info {
    font-size: 15px;
  }
}
.contacts__card__info:first-child {
  margin-top: 0;
}
.contacts__card__info:last-child {
  margin-bottom: 0;
}
.contacts__card__info li {
  margin-top: 20px;
}
@media (max-width: 991px) {
  .contacts__card__info li {
    margin-top: 10px;
  }
}
.contacts__card__info li:first-child {
  margin-top: 0;
}
.contacts__card__info__head {
  color: #1C1B17;
}
.contacts__card__info__head__label {
  display: inline-block;
  margin-right: 4px;
}
.contacts__card__info__head__text {
  display: inline-block;
}
.contacts__card__info__head__text a {
  display: inline-block;
  color: #1D87BB;
  text-decoration-color: transparent;
}
.contacts__card__info__head__text a:hover {
  text-decoration-color: #1D87BB;
}
.contacts__card__info__des {
  color: #7C7C7C;
}
.contacts__card__socio {
  list-style: none;
  margin: -10px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .contacts__card__socio {
    margin: -5px;
  }
}
.contacts__card__socio li {
  flex: 0 0 auto;
  width: auto;
  padding: 10px;
}
@media (max-width: 991px) {
  .contacts__card__socio li {
    padding: 5px;
  }
}
.contacts__card__socio a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .contacts__card__socio a {
    width: 30px;
    height: 30px;
  }
  .contacts__card__socio a.mcontacts {
    width: 50px;
    height: 50px;
  }
}
.contacts__card__socio a:hover {
  transform: translateY(-5px);
}
.contacts__card__socio a img, .contacts__card__socio a svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contacts__sidelist {
  position: relative;
}
.contacts__sidelist__item {
  margin-top: 60px;
}
@media (max-width: 991px) {
  .contacts__sidelist__item {
    margin-top: 40px;
  }
}
.contacts__sidelist__item:first-child {
  margin-top: 0;
}
.contacts__sidelist__card {
  position: relative;
}
.contacts__sidelist__card__yandex {
  position: relative;
  height: 334px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #B5B5B5;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .contacts__sidelist__card__yandex {
    height: 183px;
  }
}
.contacts__sidelist__card__yandex > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.contacts__sidelist__card__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .contacts__sidelist__card__title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.contacts__sidelist__card__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
  color: #7C7C7C;
}
@media (max-width: 991px) {
  .contacts__sidelist__card__text {
    font-size: 15px;
  }
}

.scdelivery__nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.scdelivery__nav__side {
  flex: 0 0 auto;
  width: 24px;
}
.scdelivery__nav__side.prev {
  margin-right: 12px;
}
.scdelivery__nav__side.next {
  margin-left: 12px;
}
.scdelivery__nav__body {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .scdelivery__nav__body {
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .scdelivery__nav__body {
    flex: 0 0 auto;
  }
}
.scdelivery__nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #B5B5B5;
  cursor: pointer;
  outline: none;
}
@media (hover: hover) {
  .scdelivery__nav__btn:not(:disabled):hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .scdelivery__nav__btn:not(:disabled):hover {
    color: #1D87BB;
  }
}
.scdelivery__nav__btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.scdelivery__nav__btn svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
  object-fit: contain;
}
.scdelivery__nav__slider {
  position: relative;
  width: 100%;
}
@media (max-width: 991px) {
  .scdelivery__nav__slider {
    width: 100dvw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.scdelivery__nav__slider::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background-color: #DEDEDE;
}
.scdelivery__nav__slider__item {
  width: auto;
}
.scdelivery__nav__slider__item.active .scdelivery__nav__card {
  color: #000;
}
.scdelivery__nav__slider__item.active .scdelivery__nav__card::after {
  opacity: 1;
}
.scdelivery__nav__card {
  padding: 13px 16px;
  position: relative;
  text-align: center;
  color: #B5B5B5;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  min-width: 64px;
  cursor: pointer;
  transition: color ease 0.3s;
}
.scdelivery__nav__card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #1D87BB;
  opacity: 0;
  transition: opacity ease 0.3s;
}
.scdelivery__nav__card:hover {
  color: #000;
}
.scdelivery__content {
  padding: 18px 0 0 0;
}
.scdelivery__catalog {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}
@media (max-width: 1399px) {
  .scdelivery__catalog {
    gap: 20px;
  }
}
@media (max-width: 1199px) {
  .scdelivery__catalog {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 991px) {
  .scdelivery__catalog {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .scdelivery__catalog {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .scdelivery__catalog {
    grid-template-columns: repeat(1, 1fr);
    gap: 12px;
  }
}

.wholesalers__welcome {
  position: relative;
  margin-bottom: 20px;
  z-index: 1;
}
@media (max-width: 991px) {
  .wholesalers__welcome {
    margin-bottom: 0;
  }
}
.wholesalers__welcome__bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
@media (max-width: 767px) {
  .wholesalers__welcome__bg {
    bottom: 58px;
  }
}
.wholesalers__welcome__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wholesalers__welcome__bg::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.47) 62.66%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.wholesalers__welcome__content {
  position: relative;
  z-index: 3;
}
.wholesalers__welcome__header {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  min-height: 460px;
}
@media (max-width: 1199px) {
  .wholesalers__welcome__header {
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .wholesalers__welcome__header {
    min-height: 277px;
  }
}
.wholesalers__welcome__header__title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.29;
  max-width: 772px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .wholesalers__welcome__header__title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .wholesalers__welcome__header__title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.wholesalers__welcome__list {
  position: relative;
  padding: 0 105px;
}
@media (max-width: 1199px) {
  .wholesalers__welcome__list {
    padding: 0 70px;
  }
}
@media (max-width: 991px) {
  .wholesalers__welcome__list {
    padding: 0;
  }
}
.wholesalers__welcome__list__row {
  justify-content: center;
  align-items: stretch;
  margin: -15px -37px;
}
@media (max-width: 1199px) {
  .wholesalers__welcome__list__row {
    margin: -15px;
  }
}
@media (max-width: 767px) {
  .wholesalers__welcome__list__row {
    margin: -5px;
  }
}
.wholesalers__welcome__list__row > div {
  padding: 15px 37px;
}
@media (max-width: 1199px) {
  .wholesalers__welcome__list__row > div {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .wholesalers__welcome__list__row > div {
    padding: 5px;
  }
}
.wholesalers__welcome__card {
  background-color: #fff;
  border: 1px solid #DEDEDE;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  border-radius: 6px;
  overflow: hidden;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .wholesalers__welcome__card {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .wholesalers__welcome__card {
    padding: 10px;
  }
}
.wholesalers__welcome__card__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 20px auto;
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .wholesalers__welcome__card__icon {
    width: 46px;
    height: 46px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .wholesalers__welcome__card__icon {
    width: 36px;
    height: 36px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .wholesalers__welcome__card__icon {
    width: 30px;
    height: 30px;
  }
}
.wholesalers__welcome__card__icon img, .wholesalers__welcome__card__icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.wholesalers__welcome__card__text {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  color: #454545;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 0;
  height: 100%;
  max-height: 100%;
}
@media (max-width: 1199px) {
  .wholesalers__welcome__card__text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .wholesalers__welcome__card__text {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .wholesalers__welcome__card__text {
    font-size: 13px;
  }
}
@media (max-width: 575px) {
  .wholesalers__welcome__card__text {
    font-weight: 400;
    font-size: 12px;
  }
}
.wholesalers__content .h3 {
  font-size: 25px;
  text-align: center;
  margin-bottom: 49px;
}
@media (max-width: 991px) {
  .wholesalers__content .h3 {
    font-size: 20px;
    margin-bottom: 26px;
  }
}
.wholesalers__aboutproduction {
  background-image: url("./../img/wholesalers/bg-wholesalers-production.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.wholesalers__aboutproduction__content .h3 {
  text-align: left;
}
.wholesalers__aboutproduction__content .block__text {
  color: #1C1B17;
}
.wholesalers__aboutproduction__content .block__text h3 {
  font-size: 25px;
}
@media (max-width: 991px) {
  .wholesalers__aboutproduction__content .block__text h3 {
    font-size: 20px;
  }
}
.wholesalers__aboutproduction__content .row {
  align-items: center;
  margin: -30px;
}
@media (max-width: 991px) {
  .wholesalers__aboutproduction__content .row {
    margin: -15px;
  }
}
.wholesalers__aboutproduction__content .row > div {
  padding: 30px;
}
@media (max-width: 991px) {
  .wholesalers__aboutproduction__content .row > div {
    padding: 15px;
  }
}
.wholesalers__aboutproduction__img img {
  display: block;
  width: 100%;
  height: auto;
}
.wholesalers__privateclients {
  color: #1C1B17;
}
.wholesalers__privateclients__welcometext {
  text-align: center;
  max-width: 844px;
  margin: 0 auto 49px auto;
}
@media (max-width: 991px) {
  .wholesalers__privateclients__welcometext {
    margin-bottom: 21px;
    text-align: left;
  }
}
.wholesalers__privateclients__welcometext .block__text {
  color: #1C1B17;
}
@media (min-width: 992px) {
  .wholesalers__privateclients__welcometext .block__text {
    font-size: 20px;
  }
}
.wholesalers__privateclients__contacts .row {
  margin: -30px;
}
@media (max-width: 991px) {
  .wholesalers__privateclients__contacts .row {
    margin: -15px;
  }
}
.wholesalers__privateclients__contacts .row > div {
  padding: 30px;
}
@media (max-width: 991px) {
  .wholesalers__privateclients__contacts .row > div {
    padding: 15px;
  }
}
.wholesalers__cases__wrap {
  position: relative;
  padding-left: 52px;
  padding-right: 52px;
}
@media (max-width: 991px) {
  .wholesalers__cases__wrap .slider__nav {
    top: 102px;
    left: -5px;
    right: -5px;
  }
}
.wholesalers__cases__slider {
  position: relative;
}
@media (max-width: 991px) {
  .wholesalers__cases__slider {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.wholesalers__cases__slider__item {
  width: 100%;
}
@media (max-width: 991px) {
  .wholesalers__cases__slider__item {
    width: 347px;
  }
}
.wholesalers__cases__card {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .wholesalers__cases__card {
    flex-direction: column;
  }
}
.wholesalers__cases__card__img {
  flex: 0 0 auto;
  width: 400px;
  min-height: 232px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 86px;
}
@media (max-width: 1399px) {
  .wholesalers__cases__card__img {
    margin-right: 60px;
  }
}
@media (max-width: 1199px) {
  .wholesalers__cases__card__img {
    margin-right: 30px;
    width: 300px;
  }
}
@media (max-width: 991px) {
  .wholesalers__cases__card__img {
    width: 100%;
    height: 150px;
    margin-bottom: 14px;
    margin-right: 0;
  }
}
.wholesalers__cases__card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wholesalers__cases__card__body {
  overflow: hidden;
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 991px) {
  .wholesalers__cases__card__body {
    flex: 0 0 auto;
  }
}
.wholesalers__cases__card__title {
  font-weight: 700;
  font-size: 25px;
  line-height: 1.29;
  margin-bottom: 14px;
  color: #000;
}
@media (max-width: 991px) {
  .wholesalers__cases__card__title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.wholesalers__cases__card__text {
  margin-bottom: 14px;
}
.wholesalers__cases__card__profit {
  font-weight: 700;
  font-size: 25px;
  line-height: 1.29;
  color: #1D87BB;
}
@media (max-width: 1199px) {
  .wholesalers__cases__card__profit {
    font-size: 23px;
  }
}
@media (max-width: 991px) {
  .wholesalers__cases__card__profit {
    font-size: 18px;
  }
}
.wholesalers__services {
  position: relative;
  padding: 0 65px;
}
@media (max-width: 991px) {
  .wholesalers__services {
    padding: 0;
  }
}
.wholesalers__services__line {
  border-bottom: 1px solid #DEDEDE;
}
.wholesalers__services .row {
  margin: -30px -40px;
}
@media (max-width: 1199px) {
  .wholesalers__services .row {
    margin: -20px;
  }
}
@media (max-width: 575px) {
  .wholesalers__services .row {
    margin: -7px;
  }
}
.wholesalers__services .row > div {
  padding: 30px 40px;
}
@media (max-width: 1199px) {
  .wholesalers__services .row > div {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .wholesalers__services .row > div {
    padding: 7px;
  }
}
.wholesalers__services__card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.wholesalers__services__card__icon {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  max-height: 100%;
  object-fit: contain;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .wholesalers__services__card__icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .wholesalers__services__card__icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }
}
.wholesalers__services__card__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
  color: #1C1B17;
}
@media (max-width: 991px) {
  .wholesalers__services__card__text {
    font-size: 15px;
  }
}
.wholesalers__super {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  font-size: 20px;
  line-height: 1.29;
}
@media (max-width: 991px) {
  .wholesalers__super {
    flex-direction: column;
    font-size: 15px;
  }
}
.wholesalers__super__img {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 505px;
  min-height: 314px;
  margin-right: 60px;
  overflow: hidden;
  border-radius: 6px;
}
@media (max-width: 1199px) {
  .wholesalers__super__img {
    width: 400px;
  }
}
@media (max-width: 991px) {
  .wholesalers__super__img {
    width: 100%;
    height: auto;
    min-height: auto;
    margin-right: 0;
    margin-bottom: 26px;
  }
}
.wholesalers__super__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.wholesalers__super__body {
  padding: 30px 0;
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 991px) {
  .wholesalers__super__body {
    padding: 0;
    flex: 0 0 auto;
  }
}
.wholesalers__super__body .h3 {
  text-align: left;
}
@media (max-width: 991px) {
  .wholesalers__super__body .h3 {
    text-align: center;
  }
}
.wholesalers__super__list {
  list-style: none;
  margin: -10px;
  padding: 0 0 30px 0;
  flex-wrap: wrap;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  color: #1C1B17;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 991px) {
  .wholesalers__super__list {
    font-size: 18px;
    padding-bottom: 20px;
    margin: -7px;
  }
}
.wholesalers__super__list li {
  flex: 0 0 auto;
  padding: 15px;
  width: 50%;
}
@media (max-width: 991px) {
  .wholesalers__super__list li {
    padding: 7px;
    width: 100%;
  }
}
.wholesalers__super__list span {
  display: block;
  height: 100%;
  text-align: center;
  padding: 20px;
  min-height: 76px;
  text-align: center;
  border: 1px solid #DEDEDE;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.wholesalers__super__list span i {
  font-style: normal;
}
.wholesalers__super__text {
  color: #000;
}
@media (max-width: 991px) {
  .wholesalers__super__text {
    text-align: center;
    color: #7C7C7C;
  }
}
.wholesalers__catalog__wrap {
  position: relative;
}
.wholesalers__catalog__wrap .slider__nav {
  left: -15px;
  right: -15px;
  z-index: 5;
}
.wholesalers__catalog__wrap .slider__nav__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.wholesalers__catalog__slider {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}
.wholesalers__catalog__slider__item {
  width: 400px;
}
@media (max-width: 991px) {
  .wholesalers__catalog__slider__item {
    width: 222px;
  }
}
@media (max-width: 767px) {
  .wholesalers__catalog__slider__item {
    width: 180px;
  }
}
.wholesalers__catalog__card {
  position: relative;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  overflow: hidden;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
}
@media (max-width: 991px) {
  .wholesalers__catalog__card {
    flex-direction: column;
    padding: 0;
  }
}
.wholesalers__catalog__card__img {
  flex: 0 0 auto;
  width: 129px;
  aspect-ratio: 1/1;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .wholesalers__catalog__card__img {
    width: 100%;
    height: 131px;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.wholesalers__catalog__card__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.wholesalers__catalog__card__body {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .wholesalers__catalog__card__body {
    flex: 0 0 auto;
    padding: 0 10px;
  }
}
.wholesalers__catalog__card__title {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.29;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 70px;
  margin-bottom: 15px;
  color: #000;
  text-decoration: none;
}
@media (max-width: 991px) {
  .wholesalers__catalog__card__title {
    font-size: 14px;
    margin-bottom: 6px;
    -webkit-line-clamp: 2;
    height: 36px;
    font-weight: 700;
  }
}
.wholesalers__catalog__card__title:hover {
  color: #1D87BB;
}
.wholesalers__catalog__card__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 18px;
}
@media (max-width: 991px) {
  .wholesalers__catalog__card__list {
    font-size: 14px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.wholesalers__catalog__card__list li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: -4px;
  padding-top: 8px;
}
@media (max-width: 991px) {
  .wholesalers__catalog__card__list li {
    padding-top: 0;
    margin: 0;
  }
  .wholesalers__catalog__card__list li.bg-green {
    background-color: #00A046;
    color: #fff !important;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
.wholesalers__catalog__card__list li:first-child {
  padding-top: 0;
}
.wholesalers__catalog__card__list li span {
  flex: 0 0 auto;
  width: 50%;
  padding: 4px;
}
@media (max-width: 991px) {
  .wholesalers__catalog__card__list li span {
    padding: 4px 4px 4px 10px;
  }
}
.wholesalers__catalog__card__list li b {
  flex: 0 0 auto;
  width: 50%;
  padding: 4px;
  text-align: right;
}
@media (max-width: 991px) {
  .wholesalers__catalog__card__list li b {
    padding: 4px 10px 4px 4px;
  }
}

.pagecard h1.h3 {
  max-width: 780px;
}
.pagecard__content {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -22px;
}
@media (max-width: 1199px) {
  .pagecard__content {
    margin: 0 -11px;
  }
}
@media (max-width: 991px) {
  .pagecard__content {
    flex-direction: column;
  }
}
.pagecard__content__body {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  padding: 0 22px;
}
@media (min-width: 992px) {
  .pagecard__content__body {
    overflow: hidden;
  }
}
@media (max-width: 1199px) {
  .pagecard__content__body {
    padding: 0 11px;
  }
}
@media (max-width: 991px) {
  .pagecard__content__body {
    flex: 0 0 auto;
  }
}
.pagecard__content__side {
  width: 400px;
  flex: 0 0 auto;
  padding: 0 22px;
}
@media (max-width: 1199px) {
  .pagecard__content__side {
    width: 320px;
    padding: 0 11px;
  }
}
@media (max-width: 991px) {
  .pagecard__content__side {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .pagecard__aside {
    position: sticky;
    top: 104px;
  }
}
@media (max-width: 991px) {
  .pagecard__aside {
    margin-top: 40px;
  }
}
.pagecard__aside__header {
  border-radius: 6px;
  margin-bottom: 17px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
}
.pagecard__aside__header:last-child {
  margin-bottom: 0;
}
.pagecard__aside__header__title {
  padding: 25px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
}
@media (max-width: 1199px) {
  .pagecard__aside__header__title {
    padding: 15px;
  }
}
.pagecard__aside__header__content {
  padding: 19px 25px 17px 25px;
}
@media (max-width: 1199px) {
  .pagecard__aside__header__content {
    padding: 15px;
  }
}
.pagecard__aside__header__bottom {
  padding: 18px 0 0 0;
}
.pagecard__aside__header__bottom__line {
  height: 1px;
  background-color: #DEDEDE;
  margin-bottom: 14px;
}
.pagecard__aside__nogoods {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.1;
  color: #1C1B17;
}
@media (max-width: 991px) {
  .pagecard__aside__nogoods {
    font-size: 14px;
  }
}
.pagecard__aside__top {
  background: #fff;
  padding: 10px 20px;
  border-radius: 6px;
  margin-bottom: 21px;
  position: relative;
}
@media (max-width: 1199px) {
  .pagecard__aside__top {
    margin-bottom: 10px;
  }
}
.pagecard__aside__top:last-child {
  margin-bottom: 0;
}
.pagecard__aside__top .marker__storage {
  position: relative;
  bottom: auto;
  left: auto;
}
.pagecard__aside__top .marker__storage span {
  font-size: 13px;
  padding: 6px 10px 6px 20px;
}
.pagecard__aside__top .marker__storage span::after {
  width: 6px;
  height: 6px;
  left: 7px;
}
.pagecard__aside__top.sale {
  background-color: #FFE316;
  padding-right: 72px;
}
.pagecard__aside__top.sale .price {
  color: #F72A16;
}
.pagecard__aside__top.sale .price-old {
  color: #1C1B17;
}
.pagecard__aside__top .row {
  margin: -5px;
  align-items: center;
  flex-wrap: nowrap;
  min-height: 43px;
}
.pagecard__aside__top .row > div {
  padding: 5px;
}
.pagecard__aside__top .price-wrap {
  margin: 0 -4px;
  align-items: center;
  flex-wrap: wrap;
}
.pagecard__aside__top .price-wrap > div {
  padding: 0 4px;
}
.pagecard__aside__top .price {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  color: #1C1B17;
}
.pagecard__aside__top .price-old {
  font-size: 14px;
  text-decoration: line-through;
}
.pagecard__aside__constols .row {
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: -5px;
}
.pagecard__aside__constols .row > div {
  padding: 5px;
}
.pagecard__aside__constols .catalog__card__addtocart {
  font-weight: 700;
  font-size: 17px;
  height: 50px;
  padding: 0 15px;
  width: auto;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .pagecard__aside__constols .catalog__card__addtocart {
    padding: 0 15px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .pagecard__aside__constols .catalog__card__addtocart {
    padding: 0;
    width: 63px;
  }
}
.pagecard__aside__constols .form__inputcount {
  width: 150px;
}
@media (max-width: 1199px) {
  .pagecard__aside__constols .form__inputcount {
    width: 126px;
  }
}
@media (max-width: 991px) {
  .pagecard__aside__constols .form__inputcount {
    width: 190px;
  }
}
@media (max-width: 767px) {
  .pagecard__aside__constols .form__inputcount {
    width: 100%;
  }
}
.pagecard__aside__models__header {
  margin-bottom: 14px;
}
.pagecard__aside__models__header:last-child {
  margin-bottom: 0;
}
.pagecard__aside__models__header .row {
  margin: -4px;
  align-items: center;
}
.pagecard__aside__models__header .row > div {
  padding: 4px;
}
.pagecard__aside__models__header__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #000;
}
.pagecard__aside__models__header__article {
  font-weight: 400;
  line-height: 1.29;
}
.pagecard__aside__models__header__article span {
  display: inline-block;
}
.pagecard__aside__models__header__article span.label {
  font-size: 14px;
  color: #B5B5B5;
  margin-right: 4px;
}
.pagecard__aside__models__header__article span.text {
  font-size: 14px;
  color: #1C1B17;
}
.pagecard__aside__models__list {
  list-style: none;
  margin: -5px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.pagecard__aside__models__list.active li:nth-child(n+6) {
  display: block;
}
.pagecard__aside__models__list li {
  padding: 5px;
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
.pagecard__aside__models__list li:nth-child(n+6) {
  display: none;
}
.pagecard__aside__models__list button {
  display: block;
  width: 100%;
  border: 1px solid #F3F3F3;
  background-color: #F3F3F3;
  border-radius: 6px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  padding: 10px 28px;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .pagecard__aside__models__list button:hover {
    border-color: #1C1B17;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagecard__aside__models__list button:hover {
    border-color: #1C1B17;
  }
}
.pagecard__aside__models__list button.active {
  cursor: default;
  border-color: #1C1B17;
  background-color: #fff;
}
.pagecard__aside__models__more {
  padding-top: 13px;
  display: none;
}
.pagecard__aside__models__more.active {
  display: block;
}
.pagecard__aside__models__more__link {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.29;
  color: #1D87BB;
  text-decoration: none;
}
@media (hover: hover) {
  .pagecard__aside__models__more__link:hover {
    color: #1D87BB;
  }
  .pagecard__aside__models__more__link:hover span {
    text-decoration-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagecard__aside__models__more__link:hover {
    color: #1D87BB;
  }
  .pagecard__aside__models__more__link:hover span {
    text-decoration-color: #1D87BB;
  }
}
.pagecard__aside__models__more__link span {
  text-decoration: underline;
  transition: all ease 0.4s;
  -webkit-tap-highlight-color: transparent;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-position: auto;
  text-underline-offset: 0.125em;
}
.pagecard__aside__models__more__link span.default {
  display: inline-block;
}
.pagecard__aside__models__more__link span.active {
  display: none;
}
.pagecard__aside__models__more__link.active span.default {
  display: none;
}
.pagecard__aside__models__more__link.active span.active {
  display: block;
}
.pagecard__aside__info {
  padding: 21px 28px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .pagecard__aside__info {
    padding: 20px;
  }
}
.pagecard__aside__info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagecard__aside__info ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 21px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
}
@media (max-width: 1199px) {
  .pagecard__aside__info ul li {
    margin-top: 10px;
  }
}
.pagecard__aside__info ul li:first-child {
  margin-top: 0;
}
.pagecard__aside__info ul li i {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 21px;
}
@media (max-width: 1199px) {
  .pagecard__aside__info ul li i {
    margin-right: 15px;
  }
}
.pagecard__aside__info ul li i svg, .pagecard__aside__info ul li i img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.pagecard__aside__info ul li span {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
.pagecard__favorites {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: none;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 10px;
  color: #1C1B17;
  transition: color ease 0.3s;
}
@media (hover: hover) {
  .pagecard__favorites:not(.active):hover {
    color: #F72A16;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagecard__favorites:not(.active):hover {
    color: #F72A16;
  }
}
.pagecard__favorites svg {
  display: block;
  max-width: 24px;
  max-height: 24px;
  fill: currentColor;
  object-fit: contain;
}
.pagecard__favorites.active {
  color: #F72A16;
}
@media (hover: hover) {
  .pagecard__favorites.active:hover {
    color: #1C1B17;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagecard__favorites.active:hover {
    color: #1C1B17;
  }
}
.pagecard__tabs__nav {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border-bottom: 1px solid #DEDEDE;
  background-color: #fff;
  margin-bottom: 35px;
}
@media (max-width: 991px) {
  .pagecard__tabs__nav {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .pagecard__tabs__nav::-webkit-scrollbar {
    display: none;
  }
}
.pagecard__tabs__nav__link {
  display: block;
  padding: 13px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  text-align: center;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
  color: #1C1B17;
  width: 25%;
}
@media (max-width: 1199px) {
  .pagecard__tabs__nav__link {
    font-size: 14px;
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .pagecard__tabs__nav__link {
    width: auto;
    flex: 0 0 auto;
  }
}
@media (hover: hover) {
  .pagecard__tabs__nav__link:hover {
    color: #1C1B17;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagecard__tabs__nav__link:hover {
    color: #1C1B17;
  }
}
.pagecard__tabs__nav__link.active::after {
  opacity: 1;
}
.pagecard__tabs__nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #F29C2B;
  transition: opacity ease 0.3s;
  opacity: 0;
  z-index: 1;
}
.pagecard__tabs__content__item {
  margin-bottom: 35px;
  padding-bottom: 35px;
  border-bottom: 1px solid #DEDEDE;
}
.pagecard__tabs__content__item:last-child {
  margin-bottom: 0;
}
.pagecard__about__text {
  margin-bottom: 21px;
}
.pagecard__about__text:last-child {
  margin-bottom: 0;
}
.pagecard__about__text .block__text {
  font-size: 16px;
  color: #1C1B17;
}
.pagecard__about__specifications__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #1C1B17;
  margin-bottom: 20px;
}
.pagecard__about__specifications__title:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .pagecard__about__specifications__table {
    background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
    padding: 24px 18px;
    border-radius: 14px;
  }
}
.pagecard__about__specifications__table ul {
  list-style: none;
  margin: 0;
  padding: 0;
  column-count: 2;
  column-gap: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.29;
}
@media (max-width: 1399px) {
  .pagecard__about__specifications__table ul {
    column-count: 1;
  }
}
.pagecard__about__specifications__table ul li {
  margin-bottom: 6px;
  break-inside: avoid;
  display: block;
}
@media (max-width: 991px) {
  .pagecard__about__specifications__table ul li {
    border-top: 1px solid #DEDEDE;
    margin-bottom: 0;
    padding-top: 10px;
    margin-top: 10px;
  }
  .pagecard__about__specifications__table ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
  }
}
.pagecard__about__specifications__table ul .row {
  align-items: flex-start;
  justify-content: flex-start;
  margin: -2px -4px;
}
.pagecard__about__specifications__table ul .row > div {
  padding: 2px 4px;
}
.pagecard__about__specifications__table ul .label {
  color: #B5B5B5;
}
.pagecard__about__specifications__table ul .text {
  color: #1C1B17;
}
.pagecard__chats__answers {
  padding-left: 33px;
  margin-top: 21px;
}
@media (max-width: 767px) {
  .pagecard__chats__answers {
    padding-left: 14px;
  }
}
.pagecard__chats__list__item {
  margin-top: 30px;
}
.pagecard__chats__list__item:first-child {
  margin-top: 0;
}
.pagecard__chats__form {
  padding-top: 35px;
}
.pagecard__chats__card {
  margin-top: 20px;
}
.pagecard__chats__card:first-child {
  margin-top: 0;
}
.pagecard__chats__card__title {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 14px;
}
.pagecard__chats__card__title .row {
  margin: -5px;
  align-items: center;
}
.pagecard__chats__card__title .row > div {
  padding: 5px;
}
.pagecard__chats__card__title__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #DEDEDE;
  font-size: 14px;
  line-height: 1;
}
.pagecard__chats__card__title__img span {
  display: block;
}
.pagecard__chats__card__title__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  color: #000;
}
.pagecard__chats__card__title__post span {
  display: inline-block;
  padding: 2px 5px;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.29;
  color: #1C1B17;
}
.pagecard__chats__card__title__post span.bg-yellow {
  background: linear-gradient(0deg, #F8D15C 0%, #F8C35C 100%);
}
.pagecard__chats__card__title__post span.bg-red {
  color: #fff;
  background: #F72A16;
}
.pagecard__chats__card__content__text {
  padding: 15px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  color: #1C1B17;
  border-radius: 5px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .pagecard__chats__card__content__text {
    font-size: 14px;
  }
}
.pagecard__chats__card__content__text::after {
  content: "";
  position: absolute;
  left: 21px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom: 10px solid #F7F7F7;
  z-index: -1;
}
.pagecard__chats__card__footer {
  padding-top: 10px;
}
.pagecard__chats__card__footer .row {
  margin: -2px -8px;
  align-items: center;
}
.pagecard__chats__card__footer .row > div {
  padding: 2px 8px;
}
.pagecard__chats__card__form {
  padding-top: 14px;
  display: none;
}
.pagecard__chats__card__form.active {
  display: block;
}
.pagecard__chats__card__form__wrap {
  position: relative;
}
.pagecard__chats__card__form__smile {
  position: absolute;
  right: 12px;
  bottom: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: none;
  cursor: pointer;
  z-index: 2;
}
.pagecard__chats__card__form__smile svg, .pagecard__chats__card__form__smile img {
  display: block;
  max-width: 36px;
  max-height: 36px;
}
.pagecard__chats__card__form__input {
  display: block;
  width: 100%;
  outline: none;
  padding: 12px 15px;
  height: 48px;
  min-height: 48px;
  border: 1px solid #DEDEDE;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
  border-radius: 5px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #1C1B17;
}
.pagecard__chats__card__form__input::placeholder {
  color: #B5B5B5;
}
.pagecard__chats__card__form__btn {
  outline: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  background: #F3F3F3;
  color: #1D87BB;
}
.pagecard__chats__card__form__btn svg {
  max-width: 20px;
  max-height: 20px;
  fill: currentColor;
  object-fit: contain;
}
.pagecard__chats__card__toform {
  display: inline-block;
  color: #1D87BB;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  text-decoration-color: transparent;
}
.pagecard__chats__card__toform:hover {
  color: #1D87BB;
  text-decoration-color: #1D87BB;
}
.pagecard__chats__card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C1B17;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  padding: 0;
  outline: none;
}
.pagecard__chats__card__btn.active {
  color: #F29C2B;
}
.pagecard__chats__card__btn i {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4;
  width: 18px;
  height: 18px;
}
.pagecard__chats__card__btn i svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  fill: currentColor;
}
.pagecard__chats__card__btn span {
  flex: 0 0 auto;
  width: auto;
}
.pagecard__reviews__title {
  margin-bottom: 30px;
}
.pagecard__reviews__title .row {
  align-items: center;
  justify-content: flex-start;
  margin: -10px;
}
.pagecard__reviews__title .row > div {
  padding: 10px;
}
.pagecard__reviews__footer {
  padding-top: 20px;
}
@media (min-width: 992px) {
  .pagecard__reviews__footer .mbtn {
    max-width: 346px;
  }
}
.pagecard__reviews__card {
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  margin-top: 20px;
}
.pagecard__reviews__card:first-child {
  margin-top: 0;
}
.pagecard__reviews__card .rezrating {
  position: absolute;
  right: 0;
  top: 13px;
}
.pagecard__reviews__card__header {
  padding-right: 100px;
}
.pagecard__reviews__card__header__autor {
  align-items: center;
  justify-content: flex-start;
  margin: -5px;
}
.pagecard__reviews__card__header__autor > div {
  padding: 5px;
}
.pagecard__reviews__card__header__autor .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #1D87BB;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: #1D87BB;
}
.pagecard__reviews__card__header__autor .img span {
  display: block;
}
.pagecard__reviews__card__header__autor .name {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  color: #1C1B17;
}
.pagecard__reviews__card__header__autor .date {
  font-weight: 400;
  font-size: 11px;
  line-height: 1.29;
  color: #7C7C7C;
}
.pagecard__reviews__card__content {
  margin-top: 23px;
}
.pagecard__reviews__card__list {
  margin-bottom: 23px;
  color: #1C1B17;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .pagecard__reviews__card__list {
    padding: 0;
  }
}
.pagecard__reviews__card__list:last-child {
  margin-bottom: 0;
}
.pagecard__reviews__card__list__item {
  margin-top: 15px;
}
.pagecard__reviews__card__list__item:first-child {
  margin-top: 0;
}
.pagecard__reviews__card__list .label {
  font-weight: 700;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.29;
}
.pagecard__reviews__card__list .text {
  font-size: 14px;
  line-height: 1.29;
}
.pagecard__reviews__card__media__slider {
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
}
@media (max-width: 991px) {
  .pagecard__reviews__card__media__slider__item {
    width: 90px;
  }
}
.pagecard__reviews__card__media__slider__wrap {
  position: relative;
}
.pagecard__reviews__card__media__slider__wrap .slider__nav {
  z-index: 5;
  left: -30px;
  right: -30px;
}
.pagecard__reviews__card__media__slider__wrap .slider__nav__btn {
  top: 50%;
  transform: translateY(-50%);
}
.pagecard__reviews__card__media__card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .pagecard__reviews__card__media__card {
    aspect-ratio: 1/1;
  }
}
.pagecard__reviews__card__media__card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (hover: hover) {
  .pagecard__reviews__card__media__card.video:hover::after {
    background-color: #71B2D3;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pagecard__reviews__card__media__card.video:hover::after {
    background-color: #71B2D3;
  }
}
.pagecard__reviews__card__media__card.video::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("./../img/icons/play.svg");
  background-repeat: no-repeat;
  background-position: 57% 50%;
  background-size: 16px auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(113, 178, 211, 0.6);
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .pagecard__reviews__card__media__card.video::after {
    width: 40px;
    height: 40px;
    background-size: 14px auto;
  }
}
.pagecard__usermedia {
  margin-bottom: 53px;
}
.pagecard__usermedia__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin-bottom: 14px;
  color: #000;
}
.pagecard__usermedia .pagecard__reviews__card__media__slider {
  margin: 0;
}
.pagecard__usermedia .pagecard__reviews__card__media__slider__wrap {
  padding: 0;
}
.pagecard__usermedia .pagecard__reviews__card__media__slider__wrap .slider__nav {
  left: -10px;
  right: -10px;
}
@media (max-width: 991px) {
  .pagecard__usermedia .pagecard__reviews__card__media__slider__item {
    width: 100px;
  }
}
.pagecard__columns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 53px;
}
@media (max-width: 991px) {
  .pagecard__columns {
    margin-bottom: 20px;
  }
}
.pagecard__columns__body {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .pagecard__columns__body {
    overflow: hidden;
  }
}
.pagecard__columns__side {
  flex: 0 0 auto;
  width: 166px;
  margin-left: 45px;
}
@media (max-width: 1199px) {
  .pagecard__columns__side {
    display: none;
  }
}
.pagecard__columns__side .marker__storage {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
}
.pagecard__columns__side__item {
  margin-top: 28px;
}
.pagecard__columns__side__item:first-child {
  margin-top: 0;
}
.pagecard__columns__side .pagecard__about__specifications__table ul {
  column-count: 1;
}
.pagecard__season {
  position: relative;
}
.pagecard__season .label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  margin-bottom: 10px;
  color: #1C1B17;
}
@media (min-width: 992px) {
  .pagecard__season .marker__season {
    position: relative;
    right: auto;
    bottom: auto;
  }
}
@media (min-width: 992px) {
  .pagecard__season .marker__season span {
    font-size: 16px;
    padding: 8px 12px 8px 30px;
  }
  .pagecard__season .marker__season span::after {
    left: 8px;
  }
}
.pagecard__picture {
  position: relative;
}
.pagecard__picture .pagecard__360 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}
@media (min-width: 992px) {
  .pagecard__picture .pagecard__360 + .markers {
    top: 84px;
  }
}
.pagecard__picture .pagecard__360 .pin-360 {
  width: 66px;
  height: 66px;
  margin-bottom: 18px;
}
@media (max-width: 1199px) {
  .pagecard__picture .pagecard__360 .pin-360 {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .pagecard__picture .pagecard__360 .pin-360 {
    width: 40px;
    height: 40px;
  }
}
.pagecard__picture .pagecard__360 .pin-360 svg {
  max-width: 44px;
  max-height: 44px;
}
@media (max-width: 767px) {
  .pagecard__picture .pagecard__360 .pin-360 svg {
    max-width: 26px;
    max-height: 26px;
  }
}
.pagecard__picture .pagecard__360 .pin-360:last-child {
  margin-bottom: 0;
}
.pagecard__picture__img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .pagecard__picture__img {
    margin-bottom: 0;
  }
}
.pagecard__picture__img .markers {
  right: auto;
  left: 0;
  z-index: 5;
}
@media (max-width: 991px) {
  .pagecard__picture__img .markers {
    top: 0;
    left: auto;
    right: 0;
  }
}
.pagecard__picture__img .markers span {
  width: 66px;
  height: 66px;
  margin-bottom: 18px;
}
@media (max-width: 1199px) {
  .pagecard__picture__img .markers span {
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  .pagecard__picture__img .markers span {
    width: 74px;
    height: 74px;
    margin-bottom: 12px;
  }
}
.pagecard__picture__img .markers span:last-child {
  margin-bottom: 0;
}
.pagecard__picture__img .markers span.sale {
  font-size: 18px;
  padding: 24px 0;
}
.pagecard__picture__img .markers span.money {
  font-size: 14px;
  padding: 17px 0;
}
@media (max-width: 991px) {
  .pagecard__picture__img .markers span.money {
    font-size: 15px;
  }
}
.pagecard__picture__img .siderating {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
@media (min-width: 1200px) {
  .pagecard__picture__img .siderating {
    display: none;
  }
}
@media (max-width: 991px) {
  .pagecard__picture__img .siderating {
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
  }
}
@media (max-width: 575px) {
  .pagecard__picture__img .siderating {
    height: 49px;
    padding: 14px 20px 14px 57px;
    border-radius: 0 25px 25px 0;
    color: #7C7C7C;
    left: -14px;
  }
}
@media (max-width: 575px) {
  .pagecard__picture__img .siderating::after {
    width: 30px;
    height: 30px;
    left: 19px;
  }
}
@media (max-width: 575px) {
  .pagecard__picture__img .siderating span {
    font-size: 18px;
    color: #454545;
  }
}
@media (max-width: 575px) {
  .pagecard__picture__img .siderating i {
    display: none;
  }
}
.pagecard__picture__img .marker__storage {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 1200px) {
  .pagecard__picture__img .marker__storage {
    display: none;
  }
}
@media (max-width: 991px) {
  .pagecard__picture__img .marker__storage {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .pagecard__picture__img .marker__storage span {
    font-size: 13px;
    padding: 6px 10px 6px 20px;
  }
  .pagecard__picture__img .marker__storage span::after {
    width: 6px;
    height: 6px;
    left: 7px;
  }
}
@media (max-width: 575px) {
  .pagecard__picture__img .marker__storage {
    bottom: 11px;
  }
}
.pagecard__picture__img .pagecard__season {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
}
@media (min-width: 1200px) {
  .pagecard__picture__img .pagecard__season {
    display: none;
  }
}
@media (max-width: 575px) {
  .pagecard__picture__img .pagecard__season {
    bottom: 3px;
  }
}
.pagecard__picture__img__slider__pag {
  position: absolute;
  left: 32px !important;
  top: 40px;
  bottom: 40px;
  width: 4px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 5;
}
@media (max-width: 767px) {
  .pagecard__picture__img__slider__pag {
    left: 20px !important;
  }
}
.pagecard__picture__img__slider__pag .bullet {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #DEDEDE;
  margin: 3px 0;
  display: none;
  transition: all ease 0.3s;
}
.pagecard__picture__img__slider__pag .bullet.active, .pagecard__picture__img__slider__pag .bullet.active-next, .pagecard__picture__img__slider__pag .bullet.active-next-next, .pagecard__picture__img__slider__pag .bullet.active-prev, .pagecard__picture__img__slider__pag .bullet.active-prev-prev {
  display: block;
}
.pagecard__picture__img__slider__pag .bullet:hover {
  background-color: #F29C2B;
}
.pagecard__picture__img__slider__pag .bullet.active {
  cursor: default;
  background-color: #F29C2B;
  height: 14px;
}
.pagecard__picture__img__slider__item {
  background-color: #fff;
}
.pagecard__picture__img__slider__card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px;
}
@media (max-width: 767px) {
  .pagecard__picture__img__slider__card {
    height: 320px;
  }
}
.pagecard__picture__img__slider__card img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.pagecard__picture__thumbs {
  position: relative;
  padding: 0 60px;
}
@media (max-width: 991px) {
  .pagecard__picture__thumbs {
    display: none;
  }
}
.pagecard__picture__thumbs .slider__nav {
  position: absolute;
  left: 4px;
  right: 4px;
}
.pagecard__picture__thumbs .slider__nav__btn {
  top: 50%;
  transform: translateY(-50%);
}
.pagecard__picture__thumbs__slider .swiper-wrapper {
  padding-bottom: 1px;
}
.pagecard__picture__thumbs__slider__item {
  background-color: #fff;
}
.pagecard__picture__thumbs__slider__item.swiper-slide-active .pagecard__picture__thumbs__slider__card {
  border-color: #1D87BB;
  cursor: default;
}
.pagecard__picture__thumbs__slider__card {
  width: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pagecard__picture__thumbs__slider__card img {
  display: block;
  max-width: 80%;
  max-height: 80%;
}
.pagecard__mobilemodels {
  display: none;
}
@media (max-width: 991px) {
  .pagecard__mobilemodels {
    display: block;
    margin-bottom: 30px;
  }
}
.pagecard__mobilemodels__list {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pagecard__mobilemodels__list::-webkit-scrollbar {
  display: none;
}
.pagecard__mobilemodels__list li {
  margin-left: 7px;
}
.pagecard__mobilemodels__list li:first-child {
  margin-left: 0;
}
.pagecard__mobilemodels__name {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.3;
}
.pagecard__mobilemodels__name .label {
  display: inline-block;
  color: #454545;
  margin-right: 4px;
}
.pagecard__mobilemodels__name .text {
  color: #F29C2B;
}
.pagecard__mobilemodels__model {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #DEDEDE;
  width: 57px;
  height: 76px;
  overflow: hidden;
}
.pagecard__mobilemodels__model img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pagecard__mobilemodels__model.active {
  border-color: #F29C2B;
}
.pagecard__mobilemodels__model.nostorage {
  opacity: 0.5;
}
.pagecard__mobilemodels2 {
  display: none;
}
@media (max-width: 991px) {
  .pagecard__mobilemodels2 {
    display: block;
    margin-bottom: 30px;
  }
}
.pagecard__mobilemodels2__list {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.pagecard__mobilemodels2__list::-webkit-scrollbar {
  display: none;
}
.pagecard__mobilemodels2__list li {
  margin-left: 7px;
}
.pagecard__mobilemodels2__list li:first-child {
  margin-left: 0;
}
.pagecard__mobilemodels2__list button {
  display: block;
  padding: 13px 19px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  border: 1px solid transparent;
  color: #454545;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  white-space: nowrap;
  border-radius: 6px;
}
.pagecard__mobilemodels2__list button.active {
  background: #fff;
  border-color: #454545;
}
.pagecard__mobilemodels2__list button.nostorage {
  opacity: 0.5;
}
.pagecard__mobileinfo {
  display: none;
}
@media (max-width: 991px) {
  .pagecard__mobileinfo {
    display: block;
  }
  .pagecard__mobileinfo .pagecard__aside__header__bottom {
    padding-top: 0;
    margin-bottom: 20px;
  }
  .pagecard__mobileinfo .pagecard__aside__info {
    margin-bottom: 20px;
  }
}

.pagecard__360__preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #888;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  padding: 1.5em 2em;
  border-radius: 12px;
}
.pagecard__360__popup {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 6px;
  overflow: hidden;
  display: none;
}
.pagecard__360__popup.active {
  display: block;
}
.pagecard__360__popup.fullscreen {
  position: fixed;
  z-index: 500;
}
.pagecard__360__close {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 5;
}
.pagecard__360__close .pagecard__360__nav__btn svg {
  max-width: 14px;
  max-height: 14px;
}
.pagecard__360__fullscreen {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  z-index: 5;
}
.pagecard__360__fullscreen > div {
  display: none;
}
.pagecard__360__fullscreen > div.active {
  display: block;
}
.pagecard__360__nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 10px 10px 10px;
  z-index: 5;
}
.pagecard__360__nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEDEDE;
  border-radius: 3px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  color: #7C7C7C;
}
.pagecard__360__nav__btn:hover {
  color: #1C1B17;
}
.pagecard__360__nav__btn.active {
  color: #1D87BB;
}
.pagecard__360__nav__btn i {
  display: none;
  align-items: center;
  justify-content: center;
}
.pagecard__360__nav__btn i.active {
  display: flex;
}
.pagecard__360__nav__btn svg, .pagecard__360__nav__btn img {
  display: block;
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
}
.pagecard__360__images {
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
  z-index: 1;
}
.pagecard__360__images img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.pagecard__360__images img:nth-child(n+1) {
  display: none;
}


.pagecard__markets {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 20px;
}
.pagecard__markets__label {
  font-size: 16px;
  line-height: 1.29;
  color: #1C1B17;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .pagecard__markets__label {
    font-size: 14px;
  }
}
.pagecard__markets__list {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 1199px) {
  .pagecard__markets__list {
    gap: 5px;
  }
}
.pagecard__markets__card {
  position: relative;
}
.pagecard__markets__card:hover .pagecard__markets__card__link {
  transform: scale(1.1, 1.1);
}
.pagecard__markets__card:hover .pagecard__markets__card__popup {
  visibility: visible;
  opacity: 1;
}
.pagecard__markets__card__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
@media (max-width: 1199px) {
  .pagecard__markets__card__link {
    width: 36px;
    height: 36px;
  }
}
.pagecard__markets__card__link img, .pagecard__markets__card__link svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pagecard__markets__card__popup {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 100%;
  right: 0;
  padding-top: 5px;
  width: 288px;
  z-index: 10;
  transition: all ease 0.3s;
}
.pagecard__markets__card__popup__body {
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}
.pagecard__markets__card__popup__body h5 {
  padding: 16px 16px 5px 16px;
  color: #000;
}
.pagecard__markets__card__popup ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.29;
}
.pagecard__markets__card__popup ul a {
  display: block;
  padding: 14px 56px 14px 16px;
  color: #454545;
  background-color: #fff;
  background-image: url("./../../img/icons/arrow-right-blue.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: calc(100% - 24px) 50%;
  text-decoration: none;
}
.pagecard__markets__card__popup ul a:hover, .pagecard__markets__card__popup ul a:focus {
  background-color: #31B9FF;
  color: #fff;
}
.pagecard__markets__mlink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.pagecard__markets__mlink img, .pagecard__markets__mlink svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pagecard__markets__mlist {
  position: relative;
}
.pagecard__markets__mlist__card {
  border-top: 1px solid #DEDEDE;
}
.pagecard__markets__mlist__card:first-child {
  border-top: none;
}
.pagecard__markets__mlist__card.active .pagecard__markets__mlist__card__name::after {
  transform: rotate(180deg);
}
.pagecard__markets__mlist__card__name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 35px 15px 0;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}
.pagecard__markets__mlist__card__name::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background-image: url("./../img/icons/arrow-down.svg");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all ease 0.3s;
  z-index: 2;
}

.pagecard__markets__mlist__card__name i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
}
.pagecard__markets__mlist__card__name i img, .pagecard__markets__mlist__card__name i svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pagecard__markets__mlist__card__links {
  overflow: hidden;
  max-height: 0;
  transition: all ease 0.3s;
}
.pagecard__markets__mlist__card__links ul {
  list-style: none;
  margin: 0;
  padding: 0 35px 18px 35px;
  font-size: 13px;
  font-weight: 400;
}
.pagecard__markets__mlist__card__links ul a {
  display: inline-block;
  color: #1C1B17;
  text-decoration: none;
}
.pagecard__markets__mlist__card__links ul a:hover {
  color: #1D87BB;
}
.pagecard__markets__mlist__card__links ul li {
  margin-top: 20px;
}
.pagecard__markets__mlist__card__links ul li:first-child {
  margin-top: 0;
}

.rezrating {
  position: relative;
  height: 49px;
  padding: 14px 20px 14px 55px;
  border-radius: 50px 0 0 50px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #454545;
  font-weight: 700;
  font-size: 18px;
}
.rezrating::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 17px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url("./../img/icons/star.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  z-index: 1;
}

.siderating {
  height: 49px;
  padding: 10px 15px 10px 85px;
  border-radius: 50px 0 0 50px;
  height: 75px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
@media (max-width: 1199px) {
  .siderating {
    height: 65px;
    padding-left: 55px;
  }
}
.siderating::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 55px;
  height: 55px;
  transform: translateY(-50%);
  background: url("./../img/icons/star.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  z-index: 1;
}
@media (max-width: 1199px) {
  .siderating::after {
    width: 35px;
    height: 35px;
    left: 10px;
  }
}
.siderating div {
  text-align: center;
}
.siderating span {
  display: block;
  font-weight: 700;
  font-size: 39px;
  color: #1C1B17;
}
@media (max-width: 1199px) {
  .siderating span {
    font-size: 30px;
  }
}
.siderating i {
  font-style: normal;
  font-weight: 400;
  font-size: 7px;
}

.cart__header {
  overflow: hidden;
  padding-top: 28px;
}
@media (max-width: 991px) {
  .cart__header {
    padding-top: 16px;
  }
}
.cart__container {
  padding-bottom: 50px;
}
.cart__sales {
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 14px;
  margin-bottom: 28px;
}
.cart__sales__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  margin-bottom: 14px;
  color: #7C7C7C;
}
@media (max-width: 991px) {
  .cart__sales__title {
    font-size: 16px;
  }
}
.cart__content__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  color: #1C1B17;
  margin-bottom: 28px;
}
.cart__collumns {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0 -22px;
}
@media (max-width: 1199px) {
  .cart__collumns {
    margin: 0 -11px;
  }
}
@media (max-width: 991px) {
  .cart__collumns {
    flex-direction: column;
  }
}
.cart__collumns__body {
  padding: 0 22px;
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .cart__collumns__body {
    padding: 0 11px;
  }
}
@media (max-width: 991px) {
  .cart__collumns__body {
    flex: 0 0 auto;
    margin-bottom: 14px;
  }
}
.cart__collumns__side {
  padding: 0 22px;
  flex: 0 0 auto;
  width: 444px;
}
@media (max-width: 1199px) {
  .cart__collumns__side {
    padding: 0 11px;
    width: 380px;
  }
}
@media (max-width: 991px) {
  .cart__collumns__side {
    width: 100%;
  }
}
.cart__aside {
  position: sticky;
  top: 104px;
}
.cart__aside__body {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.cart__aside__header {
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  padding: 20px;
}
.cart__aside__header__item {
  margin-top: 18px;
}
.cart__aside__header__item:first-child {
  margin-top: 0;
}
.cart__aside__header__promo .row {
  margin: -5px;
}
.cart__aside__header__promo .row > div {
  padding: 5px;
}
.cart__aside__header__price {
  background-color: #fff;
  border-radius: 6px;
  margin-bottom: 18px;
  padding: 15px;
}
.cart__aside__header__price > .row {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin: 0 -8px;
}
.cart__aside__header__price > .row > div {
  padding: 8px;
}
.cart__aside__header__price > .row .row {
  align-items: center;
  justify-content: flex-start;
  margin: 0 -5px;
}
.cart__aside__header__price > .row .row > div {
  padding: 0 5px;
}
.cart__aside__header__price .sale {
  display: inline-block;
  color: #fff;
  padding: 3px 6px;
  background-color: #F72A16;
  border-radius: 2px;
  font-weight: 700;
  font-size: 14px;
}
.cart__aside__header__price .label {
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  color: #1C1B17;
}
.cart__aside__header__price .price {
  display: inline-block;
  font-weight: 700;
  font-size: 18px;
  color: #1C1B17;
}
.cart__aside__header__price .price.price-sale {
  color: #F72A16;
}
.cart__aside__header__price .price-old {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.07em;
  text-decoration: line-through;
}
.cart__aside__header__footer {
  margin-top: 18px;
}
.cart__aside__header__footer:first-child {
  margin-top: 0;
}
.cart__aside__header__footer .row {
  margin: -4px;
}
.cart__aside__header__footer .row > div {
  padding: 4px;
}
.cart__aside__footer {
  padding: 30px 20px;
}
.cart__aside__footer__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 21px;
  color: #1C1B17;
}
.cart__aside__footer__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #1C1B17;
  line-height: 1.29;
}
.cart__aside__footer__list ul li {
  margin-top: 4px;
}
.cart__aside__footer__list ul li.final {
  margin-top: 10px;
}
.cart__aside__footer__list ul li:first-child {
  margin-top: 0;
}
.cart__aside__footer__list ul li .row {
  margin: -3px;
  align-items: center;
}
.cart__aside__footer__list ul li .row > div {
  padding: 3px;
}
.cart__aside__footer__list ul .label {
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
}
.cart__aside__footer__list ul .label b {
  font-size: 16px;
  color: #1C1B17;
}
.cart__aside__footer__list ul .price {
  font-weight: 400;
  font-size: 15px;
  color: #1C1B17;
}
.cart__aside__footer__list ul .price b {
  font-size: 16px;
  color: #1C1B17;
}
.cart__aside__footer__info {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.29;
  padding-top: 28px;
  color: #7C7C7C;
}
.cart__aside__footer__info:first-child {
  padding-top: 0;
}
.cart__aside__details {
  padding: 20px;
}
.cart__aside__details__item {
  margin-top: 22px;
}
.cart__aside__details__item:first-child {
  margin-top: 0;
}
.cart__aside__details__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  color: #1C1B17;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cart__aside__details__title__text {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.cart__aside__details__title__edit {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  color: #B5B5B5;
  outline: none;
  padding: 0;
}
.cart__aside__details__title__edit:hover {
  color: #1D87BB;
}
.cart__aside__details__title__edit svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  fill: currentColor;
}
.cart__aside__details__info {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
}
.cart__aside__details__info li {
  margin-top: 2px;
}
.cart__aside__details__info li:first-child {
  margin-top: 0;
}
.cart__list__item {
  margin-top: 21px;
}
.cart__list__item:first-child {
  margin-top: 0;
}
.cart__card {
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 20px;
  background-color: #fff;
  position: relative;
  display: grid;
  grid-template-columns: 110px 1fr 200px;
  align-items: center;
  gap: 20px;
}
@media (max-width: 1199px) {
  .cart__card {
    grid-template-columns: 90px 1fr 180px;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .cart__card {
    grid-template-columns: 120px 1fr;
    grid-template-rows: 120px 1fr;
    gap: 10px 12px;
    grid-template-areas: "a b" "c c";
  }
}
.cart__card.cart__card__gift {
  border-color: #00A046;
}
.cart__card__quantity {
  text-align: center;
  font-size: 16px;
  color: #1C1B17;
  min-width: 70px;
}
@media (max-width: 767px) {
  .cart__card .catalog__card__price {
    height: 58px;
  }
}
@media (max-width: 991px) {
  .cart__card .catalog__card__price .price {
    font-size: 20px;
  }
}
.cart__card .catalog__card__price.price-sale {
  position: relative;
  padding-right: 64px;
}
.cart__card .catalog__card__price.price-sale .price-sale {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  background-image: url("./../img/icons/ic-bgsale.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 50%;
  padding: 3px 0 3px 11px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.07em;
  width: 54px;
  height: 25px;
}
.cart__card__pic {
  position: relative;
}
@media (max-width: 767px) {
  .cart__card__pic {
    grid-area: a;
  }
}
.cart__card__pic__img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
.cart__card__pic__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .cart__card__body {
    grid-area: b;
  }
}
.cart__card__title {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.29;
  color: #1C1B17;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .cart__card__title {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .cart__card__title {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .cart__card__title:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .cart__card__title:hover {
    color: #1D87BB;
  }
}
.cart__card__delete {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #454545;
  padding: 0;
  transition: all ease 0.3s;
  outline: none;
  z-index: 5;
}
@media (max-width: 1199px) {
  .cart__card__delete {
    right: 5px;
    top: 5px;
  }
}
.cart__card__delete:hover {
  color: #F72A16;
}
.cart__card__delete svg {
  max-width: 12px;
  max-height: 12px;
  fill: currentColor;
}
@media (max-width: 767px) {
  .cart__card__bottom {
    grid-area: c;
  }
}
.cart__card__bottom .row {
  margin: -5px;
}
.cart__card__bottom .row > div {
  padding: 5px;
}
.cart__card__count {
  position: relative;
  width: 125px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .cart__card__count {
    width: 120px;
  }
}
.cart__card__count__item {
  margin-top: 7px;
}
.cart__card__count__item:first-child {
  margin-top: 0;
}
.cart__card__count__price {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.29;
  text-align: center;
}
.cart__card.cart__card__order {
  grid-template-columns: 70px 1fr 180px;
  padding: 10px;
}
@media (max-width: 767px) {
  .cart__card.cart__card__order {
    grid-template-columns: 70px 1fr;
    grid-template-areas: "a b" "c c";
    grid-template-rows: 70px 1fr;
  }
}
.cart__card.cart__card__order .cart__card__title {
  font-size: 16px;
}
@media (max-width: 767px) {
  .cart__card.cart__card__order .cart__card__title {
    font-size: 14px;
  }
}
.cart__card.cart__card__order .catalog__card__price {
  height: 42px;
}
@media (max-width: 767px) {
  .cart__card.cart__card__order .catalog__card__price .price {
    font-size: 15px;
  }
}
.cart__card.cart__card__toreviews {
  grid-template-columns: 70px 1fr;
  padding: 10px;
}
@media (max-width: 767px) {
  .cart__card.cart__card__toreviews {
    grid-template-columns: 70px 1fr;
    grid-template-areas: "a b";
    grid-template-rows: 1fr;
  }
}
.cart__card.cart__card__toreviews .cart__card__title {
  font-size: 16px;
  grid-area: aa;
}
@media (max-width: 767px) {
  .cart__card.cart__card__toreviews .cart__card__title {
    font-size: 14px;
  }
}
.cart__card.cart__card__toreviews .cart__card__pricerow {
  grid-area: cc;
  margin: -2px -4px;
}
.cart__card.cart__card__toreviews .cart__card__pricerow > div {
  padding: 2px 4px;
}
.cart__card.cart__card__toreviews .cart__card__side {
  grid-area: bb;
}
@media (max-width: 767px) {
  .cart__card.cart__card__toreviews .cart__card__side .cart__card__quantity {
    text-align: right;
  }
}
.cart__card.cart__card__toreviews .cart__card__body {
  display: grid;
  grid-template-columns: 1fr 132px;
  grid-template-areas: "aa bb" "cc cc";
  gap: 10px;
}
@media (max-width: 767px) {
  .cart__card.cart__card__toreviews .cart__card__body {
    grid-template-columns: 1fr 70px;
  }
}
.cart__card.cart__card__toreviews .catalog__card__price2 {
  text-align: left;
  justify-content: flex-start;
}
.cart__nogoods {
  text-align: center;
  padding: 35px 0;
}
.cart__nogoods__img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 21px auto;
  width: 177px;
  height: 177px;
}
.cart__nogoods__img img, .cart__nogoods__img svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cart__nogoods__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.29;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #1C1B17;
  margin-bottom: 21px;
}

.block__fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  padding: 15px 0;
  border-top: 1px solid #DEDEDE;
  box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.2);
  z-index: 20;
  opacity: 1;
  transform: translateY(0);
  display: none;
}
@media (max-width: 991px) {
  .block__fixed {
    display: block;
  }
}
.block__fixed .cart__aside__header__price {
  margin-bottom: 0;
}
.block__fixed__productcard > .row {
  margin: -4px;
}
.block__fixed__productcard > .row > div {
  padding: 4px;
}
.block__fixed__productcard .pagecard__aside__top {
  padding: 5px 12px 4px 12px;
}
@media (max-width: 575px) {
  .block__fixed__productcard .form__inputcount {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .block__fixed__productcard .catalog__card__addtocart .ic-text {
    display: none;
  }
}
@media (max-width: 575px) {
  .block__fixed__productcard .catalog__card__addtocart {
    width: auto;
    padding: 0 15px;
  }
  .block__fixed__productcard .catalog__card__addtocart .ic-right {
    display: none;
  }
  .block__fixed__productcard .catalog__card__addtocart .ic-text {
    display: block;
    width: auto;
    height: auto;
    margin-left: 4px;
  }
}

@media (max-width: 575px) {
  .pageorder {
    margin-left: -14px;
    margin-right: -14px;
  }
}
.pageorder__header__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.pageorder__header__list li {
  flex: 0 0 auto;
  width: 25%;
}
@media (max-width: 991px) {
  .pageorder__header__list li {
    display: none;
    width: auto;
  }
}
.pageorder__header__list li.back {
  display: none;
}
.pageorder__header__list li.back.active-back {
  display: none;
}
@media (max-width: 991px) {
  .pageorder__header__list li.back.active-back {
    display: block;
  }
}
@media (max-width: 991px) {
  .pageorder__header__list li.active {
    display: block;
  }
}
.pageorder__header__list li.active .pageorder__header__link {
  color: #1C1B17;
  background-color: #fff;
  border-color: #DEDEDE;
  border-bottom-color: #fff;
  cursor: pointer;
}
@media (max-width: 991px) {
  .pageorder__header__list li.active.active__check {
    display: none;
  }
}
.pageorder__header__list li.active.active__check .pageorder__header__link {
  border-color: transparent;
  border-bottom-color: #DEDEDE;
}
.pageorder__header__list .pageorder__header__back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 100%;
  color: #1C1B17;
  background-color: #fff;
  border: 1px solid #fff;
  border-bottom-color: #DEDEDE;
}
.pageorder__header__list .pageorder__header__back svg {
  display: block;
  max-width: 18px;
  max-height: 18px;
  fill: currentColor;
  object-fit: contain;
}
.pageorder__header__list .pageorder__header__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: rgba(124, 124, 124, 0.05);
  padding: 15px 30px;
  height: 100%;
  position: relative;
  border: 1px solid transparent;
  border-bottom: 1px solid #DEDEDE;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  cursor: default;
}
@media (max-width: 1199px) {
  .pageorder__header__list .pageorder__header__link {
    padding: 15px;
    font-size: 14px;
  }
}
.pageorder__header__list .pageorder__header__link i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  overflow: hidden;
  margin-right: 8px;
}
.pageorder__header__list .pageorder__header__link i svg {
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
  object-fit: contain;
}
.pageorder__header__list .pageorder__header__link span {
  flex: 0 0 auto;
  width: auto;
  overflow: hidden;
}
.pageorder__content {
  padding: 40px 30px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  border: 1px solid #DEDEDE;
  border-top: none;
}
@media (max-width: 1199px) {
  .pageorder__content {
    padding: 20px 14px;
  }
}
@media (max-width: 575px) {
  .pageorder__content {
    border: none;
    border-radius: 0;
  }
}
.pageorder__contacts {
  max-width: 505px;
}
.pageorder__contacts__item {
  margin-bottom: 42px;
}
.pageorder__contacts__item:last-child {
  margin-bottom: 0;
}
.pageorder__contacts__item__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 14px;
  color: #1C1B17;
}
.pageorder__contacts__item__text {
  font-size: 16px;
  color: #454545;
  margin-bottom: 21px;
}
.pageorder__contacts__item__text .block__text {
  font-size: 16px;
  color: #454545;
}
.pageorder__contacts__item__text:last-child {
  margin-bottom: 0;
}
.pageorder__contacts__listsocio {
  position: relative;
}
.pageorder__contacts__listsocio ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  list-style: none;
  margin: -14px;
  padding: 0;
}
.pageorder__contacts__listsocio ul li {
  flex: 0 0 auto;
  width: auto;
  padding: 14px;
}
.pageorder__tabs {
  position: relative;
}
.pageorder__tabs__nav {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background-color: #F3F3F3;
  border-radius: 10px;
}
.pageorder__tabs__nav li {
  width: 50%;
}
.pageorder__tabs__nav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 15px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .pageorder__tabs__nav__link {
    font-size: 14px;
  }
}
.pageorder__tabs__nav__link.active {
  background-color: #1D87BB;
  color: #fff;
}
.pageorder__tabs__content__item {
  padding-top: 30px;
  display: none;
}
.pageorder__tabs__content__item.active {
  display: block;
}
.pageorder__tabs__content__map {
  height: 420px;
  background-color: #F3F3F3;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.pageorder__tabs__content__map > div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.pageorder__listaddress {
  position: relative;
}
.pageorder__listaddress__item {
  margin-top: 14px;
}
.pageorder__listaddress__item:first-child {
  margin-top: 0;
}
.pageorder__listaddress__card {
  position: relative;
}
.pageorder__listaddress__card__edit {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 50px;
  outline: none;
  padding: 0;
  color: #454545;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F3F3F3;
  border-radius: 0 6px 6px 0;
  transition: all ease 0.3s;
  z-index: 5;
}
@media (hover: hover) {
  .pageorder__listaddress__card__edit:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .pageorder__listaddress__card__edit:hover {
    color: #1D87BB;
  }
}
.pageorder__listaddress__card__edit svg {
  display: block;
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  fill: currentColor;
}
.pageorder__listaddress__card__label {
  display: block;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.pageorder__listaddress__card__label__input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-indent: -9999;
}
.pageorder__listaddress__card__label__input:checked + .pageorder__listaddress__card__label__text {
  border-color: #F29C2B;
}
.pageorder__listaddress__card__label__input:checked + .pageorder__listaddress__card__label__text::before {
  opacity: 1;
}
.pageorder__listaddress__card__label__text {
  position: relative;
  display: block;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  padding: 15px 50px;
  color: #1C1B17;
  transition: all ease 0.3s;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.pageorder__listaddress__card__label__text::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 1px solid #DEDEDE;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
  border-radius: 50%;
  z-index: 1;
}
.pageorder__listaddress__card__label__text::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #F29C2B;
  transition: opacity ease 0.3s;
  opacity: 0;
  z-index: 2;
}
.pageorder__listaddress__card__label__text .title {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  margin-bottom: 4px;
}
.pageorder__listaddress__card__label__text .title:last-child {
  margin-bottom: 0;
}
.pageorder__listaddress__card__label__text .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
}
.pageorder__listaddress__addaddress {
  display: inline-block;
  padding-left: 26px;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.29;
  margin: 0 20px;
  color: #454545;
  text-decoration: none;
}
.pageorder__listaddress__addaddress i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F29C2B;
}
.pageorder__listaddress__addaddress i svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  fill: currentColor;
}
.pageorder__delivery__card {
  position: relative;
}
.pageorder__delivery__card .img {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  border-radius: 0 6px 6px 0;
  z-index: 1;
}
.pageorder__delivery__card .img img, .pageorder__delivery__card .img svg {
  width: 55px;
  height: 55px;
  object-fit: contain;
  background-color: #fff;
  border-radius: 6px;
}
.pageorder__delivery__card .img2 {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  border-radius: 0 6px 6px 0;
  z-index: 1;
}
.pageorder__delivery__card .img2 img, .pageorder__delivery__card .img2 svg {
  width: 40px;
  height: auto;
  max-height: 70%;
  object-fit: contain;
}
.pageorder__delivery__card__label {
  display: block;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.pageorder__delivery__card__label__input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-indent: -9999;
}
.pageorder__delivery__card__label__input:checked + .pageorder__delivery__card__label__text {
  border-color: #F29C2B;
}
.pageorder__delivery__card__label__input:checked + .pageorder__delivery__card__label__text::before {
  opacity: 1;
}
.pageorder__delivery__card__label__text {
  position: relative;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  padding: 15px 88px 15px 50px;
  color: #1C1B17;
  transition: all ease 0.3s;
  min-height: 77px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.pageorder__delivery__card__label__text::after {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 1px solid #DEDEDE;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
  border-radius: 50%;
  z-index: 1;
}
.pageorder__delivery__card__label__text::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #F29C2B;
  transition: opacity ease 0.3s;
  opacity: 0;
  z-index: 2;
}
.pageorder__delivery__card__label__text .title {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  margin-bottom: 4px;
}
.pageorder__delivery__card__label__text .title:last-child {
  margin-bottom: 0;
}
.pageorder__delivery__card__label__text .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #7C7C7C;
}
.pageorder__tabsdelivery__nav {
  display: flex;
  align-items: stretch;
  background-color: #F3F3F3;
  border-radius: 6px;
}
.pageorder__tabsdelivery__nav button {
  flex: 1 0 0;
  font-size: 16px;
  color: #1C1B17;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 10px;
}
.pageorder__tabsdelivery__nav button.active {
  border-color: #F29C2B;
  background: #fff;
  cursor: default;
}
.pageorder__tabsdelivery__content__item {
  display: none;
  padding-top: 21px;
  font-size: 16px;
  line-height: 1.29;
  color: #454545;
}
.pageorder__tabsdelivery__content__item .block__text {
  font-size: 16px;
  color: #454545;
}
.pageorder__tabsdelivery__content__item.active {
  display: block;
}
.pageorder__tabsdelivery__list {
  margin: 21px 0;
}
.pageorder__tabsdelivery__list:last-child {
  margin-bottom: 0;
}
.pageorder__tabsdelivery__list:first-child {
  margin-top: 0;
}
.pageorder__tabsdelivery__list ul {
  list-style: none;
  margin: 14px 0;
  padding: 0;
}
.pageorder__tabsdelivery__list ul:last-child {
  margin-bottom: 0;
}
.pageorder__tabsdelivery__list ul:first-child {
  margin-top: 0;
}
.pageorder__tabsdelivery__list ul li {
  margin-top: 4px;
}
.pageorder__tabsdelivery__list ul li:first-child {
  margin-top: 0;
}
.pageorder__tabsdelivery__list ul li .row {
  margin: -4px;
}
.pageorder__tabsdelivery__list ul li .row > div {
  padding: 4px;
}
.pageorder__tabsdelivery__list ul li .label {
  display: inline-block;
  font-weight: 700;
  color: #1C1B17;
}
.pageorder__tabsdelivery__header {
  margin-bottom: 21px;
}
.pageorder__tabsdelivery__way b {
  display: inline-block;
  margin-right: 4px;
  color: #1C1B17;
}
.pageorder__goods .cart__list__item {
  margin-top: 14px;
}
.pageorder__goods .cart__list__item:first-child {
  margin-top: 0;
}
.pageorder__goods .simplebar-track.simplebar-vertical {
  right: 0;
  top: 0;
  bottom: 0;
}
.pageorder__goods__body {
  overflow-x: hidden;
  max-height: 304px;
  padding-right: 10px;
}
.pageorder__wallet {
  position: relative;
}
@media (max-width: 1399px) {
  .pageorder__wallet {
    margin-top: 35px;
  }
}
@media (max-width: 991px) {
  .pageorder__wallet {
    margin-bottom: 35px;
  }
}
.pageorder__wallet__card {
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  padding: 25px 20px;
  background-color: #fff;
  margin-bottom: 14px;
  color: #454545;
  line-height: 1.29;
  font-weight: 700;
}
.pageorder__wallet__card .label {
  font-size: 14px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.pageorder__wallet__card .price {
  display: inline-block;
  position: relative;
  padding-right: 34px;
  font-size: 18px;
}
.pageorder__wallet__card .price::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 20px;
  background-image: url("./../img/icons/ic-fishmoney.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.addpvz {
  padding: 30px;
}
@media (max-width: 1199px) {
  .addpvz {
    padding: 20px;
  }
}
@media (max-width: 991px) {
  .addpvz {
    padding: 0;
    height: 100%;
  }
}
.addpvz__collumn {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  height: 520px;
}
@media (max-width: 991px) {
  .addpvz__collumn {
    height: 100%;
  }
}
.addpvz__body {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .addpvz__body {
    display: none;
  }
}
.addpvz__side {
  flex: 0 0 auto;
  width: 320px;
  margin-left: 21px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .addpvz__side {
    width: 100%;
    margin-left: 0;
  }
}
.addpvz__side .simplebar-track.simplebar-vertical {
  right: 0;
}
.addpvz__side__header {
  padding-bottom: 21px;
  margin-bottom: 21px;
  border-bottom: 1px solid #DEDEDE;
  flex: 0 0 auto;
  height: auto;
}
@media (max-width: 991px) {
  .addpvz__side__header {
    margin-bottom: 0;
  }
}
.addpvz__side__header__pvz {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: -2px;
}
.addpvz__side__header__pvz__link {
  display: inline-block;
  padding: 5px 10px;
  background-color: #F3F3F3;
  border-radius: 6px;
  font-size: 14px;
  text-decoration: none;
  color: #1C1B17;
  margin: 2px;
}
.addpvz__side__header__pvz__link.active {
  background: #F29C2B;
  color: #fff;
}
.addpvz__side__body {
  flex: 1 0 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.addpvz__side__body__content {
  max-height: 100%;
  overflow-x: hidden;
  padding-right: 10px;
}
@media (max-width: 991px) {
  .addpvz__side__body__content {
    padding-top: 21px;
    padding-bottom: 21px;
  }
}
.addpvz__side__list__item {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #DEDEDE;
}
.addpvz__side__list__item:first-child {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.addpvz__side__card {
  display: block;
  text-decoration: none;
  line-height: 1.29;
}
.addpvz__side__card__title {
  font-size: 16px;
  font-weight: 700;
  color: #1C1B17;
  margin-bottom: 4px;
}
.addpvz__side__card__des {
  font-size: 14px;
  color: #454545;
}
.addpvz__side__card__des .row {
  margin: -4px;
}
.addpvz__side__card__des .row > div {
  padding: 4px;
}
.addpvz__map {
  height: 520px;
  background-color: #F3F3F3;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
}
.addpvz__map > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.personal__header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  padding: 16px 0;
  z-index: 2;
}
.personal__header::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  background: #F3F3F3;
  background-image: url("./../img/bg-pp.jpg");
  background-position: 50% 50%;
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.5;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  z-index: -1;
}
@media (max-width: 991px) {
  .personal__header::after {
    bottom: 59px;
  }
}
@media (max-width: 991px) {
  .personal__header {
    flex-wrap: wrap;
  }
}
.personal__header__side {
  flex: 0 0 auto;
  width: 295px;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .personal__header__side {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.personal__header__body {
  flex: 0 0 auto;
  width: calc(100% - 315px);
  max-width: 100%;
}
@media (max-width: 991px) {
  .personal__header__body {
    width: 100%;
  }
}
.personal__header__menu__slider {
  position: relative;
}
@media (max-width: 991px) {
  .personal__header__menu__slider {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.personal__header__menu__slider__item {
  width: 189px;
}
@media (max-width: 991px) {
  .personal__header__menu__slider__item {
    width: 147px;
  }
}
.personal__header__menu__action {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  width: 100%;
  border: 1px solid #E8E8E8;
  overflow: hidden;
  border-radius: 6px;
}
.personal__header__menu__action img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.personal__header__menu__card {
  height: 84px;
  width: 100%;
  border: 1px solid #E8E8E8;
  background: #fff;
  padding: 20px 15px;
  border-radius: 10px;
}
.personal__header__menu__card__title {
  font-weight: 700;
  font-size: 17px;
  line-height: 1.29;
  margin-bottom: 8px;
  color: #1C1B17;
}
.personal__header__menu__card__body {
  font-weight: 400;
  font-size: 11px;
  line-height: 1.29;
}
.personal__header__menu__card__body a {
  color: #F29C2B;
}
.personal__header__menu__card__fishmoney {
  font-weight: 700;
  font-size: 17x;
  line-height: 1.29;
  color: #1C1B17;
  margin-bottom: 8px;
}
.personal__header__menu__card__fishmoney span {
  display: inline-block;
  position: relative;
  padding-right: 38px;
}
.personal__header__menu__card__fishmoney span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 20px;
  background-image: url("./../img/icons/ic-fishmoney.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.personal__user {
  position: relative;
}
.personal__user__info {
  margin-bottom: 10px;
}
.personal__user__info .row {
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 -10px;
}
.personal__user__info .row > div {
  padding: 0 10px;
}
.personal__user__info__avatar {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #1D87BB;
  border-radius: 50%;
  background-color: #84D6FF;
  font-size: 20px;
  color: #1D87BB;
  font-weight: 700;
  position: relative;
}
.personal__user__info__avatar i {
  position: absolute;
  top: 1px;
  left: calc(50% + 12px);
  padding: 4px 4px 3px 6px;
  background-color: #F72A16;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  border-radius: 5px;
  z-index: 2;
}
.personal__user__info__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  color: #1C1B17;
}
.personal__user__info__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #1C1B17;
}
@media (hover: hover) {
  .personal__user__info__icon:hover {
    color: #A94442;
  }
}
@media (hover: none) and (pointer: coarse) {
  .personal__user__info__icon:hover {
    color: #A94442;
  }
}
.personal__user__info__icon svg {
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
}
.personal__user__persent {
  position: relative;
}
.personal__user__persent__line {
  position: relative;
  overflow: hidden;
  height: 5px;
  border-radius: 5px;
  background-color: #E5E5EA;
  margin-bottom: 6px;
}
.personal__user__persent__line i {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #1D87BB;
}
.personal__user__persent__des {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.29;
  color: #1C1B17;
}
.personal__content {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .personal__content {
    flex-direction: column;
  }
}
.personal__content__side {
  flex: 0 0 auto;
  width: 295px;
  padding: 35px 0 0 0;
  border-right: 1px solid #DEDEDE;
}
@media (max-width: 1399px) {
  .personal__content__side {
    width: 240px;
  }
}
@media (max-width: 1199px) {
  .personal__content__side {
    width: 180px;
  }
}
@media (max-width: 991px) {
  .personal__content__side {
    width: 100%;
    border: none;
    padding: 0;
  }
}
.personal__content__body {
  flex: 0 0 auto;
  width: calc(100% - 295px);
  padding: 35px 0 0 20px;
}
@media (max-width: 1399px) {
  .personal__content__body {
    width: calc(100% - 240px);
  }
}
@media (max-width: 1199px) {
  .personal__content__body {
    width: calc(100% - 180px);
  }
}
@media (max-width: 991px) {
  .personal__content__body {
    padding: 21px 0 0 0;
    width: 100%;
  }
}
.personal__content__body .catalog__cardlist {
  border: 1px solid #DEDEDE;
}
@media (max-width: 991px) {
  .personal__nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    transform: translateX(100%);
    transition: all ease 0.3s;
    z-index: 101;
  }
  .personal__nav.active {
    transform: translateX(0);
  }
}
.personal__nav__header {
  flex: 0 0 auto;
  height: auto;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  padding: 20px 0;
  border-bottom: 1px solid #DEDEDE;
  display: none;
  color: #1C1B17;
  width: 100%;
}
@media (max-width: 991px) {
  .personal__nav__header {
    display: block;
  }
}
@media (max-width: 991px) {
  .personal__nav__header__container {
    min-width: 375px;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 768px;
  }
}
@media (max-width: 767px) {
  .personal__nav__header__container {
    max-width: 576px;
  }
}
@media (max-width: 575px) {
  .personal__nav__header__container {
    max-width: 100%;
  }
}
.personal__nav__header__title {
  font-weight: 700;
  font-size: 25px;
}
.personal__nav__header__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.personal__nav__header__icon svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.personal__nav__header__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
}
.personal__nav__header__close:hover {
  color: #A94442;
}
.personal__nav__header__close svg {
  max-width: 14px;
  max-height: 14px;
  object-fit: contain;
}
.personal__nav__body {
  width: 100%;
}
@media (max-width: 991px) {
  .personal__nav__body {
    flex: 1 0 0;
    height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 991px) {
  .personal__nav__body__container {
    min-width: 375px;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 768px;
  }
}
@media (max-width: 767px) {
  .personal__nav__body__container {
    max-width: 576px;
  }
}
@media (max-width: 575px) {
  .personal__nav__body__container {
    max-width: 100%;
  }
}
.personal__nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.personal__nav__list li {
  border-bottom: 1px solid #DEDEDE;
}
@media (max-width: 991px) {
  .personal__nav__list li:last-child {
    border: none;
  }
}
.personal__nav__list a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 8px;
  color: #7C7C7C;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.29;
  text-decoration: none;
  position: relative;
}
.personal__nav__list a::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #F3F3F3;
  z-index: 2;
  opacity: 0;
}
@media (max-width: 991px) {
  .personal__nav__list a::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    background-color: #F3F3F3;
    z-index: -1;
    opacity: 0;
  }
}
.personal__nav__list a.active {
  cursor: default;
  background: #F3F3F3;
}
.personal__nav__list a.active::after, .personal__nav__list a.active::before {
  opacity: 1;
}
@media (hover: hover) {
  .personal__nav__list a:hover {
    background: #F3F3F3;
  }
}
@media (hover: none) and (pointer: coarse) {
  .personal__nav__list a:hover {
    background: #F3F3F3;
  }
}
.personal__nav__list a i {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.personal__nav__list a i svg, .personal__nav__list a i img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.personal__nav__list a span {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.personal__title {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1.29;
  margin-bottom: 16px;
  color: #1C1B17;
}
@media (max-width: 991px) {
  .personal__title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.personal__title:last-child {
  margin-bottom: 0;
}
.personal__title .span-marker {
  display: inline-block;
  background-color: #1D87BB;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 6px;
  color: #fff;
}
.personal__title2 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.29;
  margin: 0 0 12px 0;
  color: #1C1B17;
  padding: 0;
}
.personal__title2:last-child {
  margin-bottom: 0;
}
.personal__actuals__item {
  margin-top: 52px;
}
.personal__actuals__item:first-child {
  margin-top: 0;
}
.personal__actuals__list__item {
  margin-top: 14px;
}
.personal__actuals__list__item:first-child {
  margin-top: 0;
}
.personal__actuals__card {
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 13px 15px 13px 23px;
  position: relative;
}
.personal__actuals__card::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 10px;
  bottom: 10px;
  width: 5px;
  border-radius: 5px;
  background-color: #DEDEDE;
  z-index: 1;
}
.personal__actuals__card > .row {
  margin: -5px -12px;
  min-height: 48px;
  align-items: center;
}
.personal__actuals__card > .row > div {
  padding: 5px 12px;
}
.personal__actuals__card__infopay {
  width: 280px;
}
@media (max-width: 991px) {
  .personal__actuals__card__infopay {
    width: 100%;
  }
}
.personal__actuals__card__infopay .row {
  margin: -4px;
  align-items: center;
  justify-content: flex-end;
}
.personal__actuals__card__infopay .row > div {
  padding: 4px;
}
.personal__actuals__card .mbtn {
  min-width: 114px;
}
.personal__actuals__card .price {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  padding: 12px 12px;
  min-height: 36px;
  text-align: center;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  color: #1C1B17;
  border-radius: 10px;
  min-width: 114px;
}
.personal__actuals__card__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  width: 115px;
}
.personal__actuals__card__body .row {
  margin: -1px -5px;
  align-items: center;
}
.personal__actuals__card__body .row > div {
  padding: 1px 5px;
}
.personal__actuals__card__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.29;
  color: #B5B5B5;
}
.personal__actuals__card__text b {
  font-weight: 700;
  color: #1C1B17;
}
.personal__actuals__card__text .row {
  margin: 0 -3px;
  align-items: center;
}
.personal__actuals__card__text .row > div {
  padding: 0 3px;
}
.personal__actuals__card__linkmore {
  width: 36px;
  height: 36px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  color: #1C1B17;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
  text-decoration: none;
}
@media (hover: hover) {
  .personal__actuals__card__linkmore:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .personal__actuals__card__linkmore:hover {
    color: #1D87BB;
  }
}
.personal__actuals__card__linkmore svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
.personal__actuals__card.status-orange::after {
  background-color: #F29C2B;
}
.personal__actuals__card.status-orange .personal__actuals__card__title {
  color: #F29C2B;
}
.personal__actuals__card.status-green::after {
  background-color: #00A046;
}
.personal__actuals__card.status-green .personal__actuals__card__title {
  color: #00A046;
}
.personal__actuals__card.status-red::after {
  background-color: #F72A16;
}
.personal__actuals__card.status-red .personal__actuals__card__title {
  color: #F72A16;
}
.personal__actuals__card.status-grey::after {
  background-color: #7C7C7C;
}
.personal__actuals__card.status-grey .personal__actuals__card__title {
  color: #7C7C7C;
}
.personal__discount {
  max-width: 383px;
}
.personal__discount__info {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02em;
  color: #B5B5B5;
}
.personal__discount__form {
  margin-bottom: 19px;
}
.personal__discount__card {
  margin-bottom: 19px;
  border: 4px solid #1D87BB;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(180deg, #4EB7F0 0%, #4ED3F0 100%);
  min-height: 200px;
  position: relative;
}
.personal__discount__card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url("./../img/personalpage/bg-discount.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: 50% 50%;
  opacity: 0.5;
  z-index: 1;
}
.personal__discount__card span {
  display: block;
  font-size: 26px;
  font-weight: 700;
  color: #1C1B17;
  text-align: center;
  background-color: #fff;
  padding: 25px 20px;
  position: relative;
  z-index: 3;
}
.personal__discount__card b {
  color: rgba(255, 255, 255, 0.2);
  font-size: 100px;
  line-height: 1;
  position: absolute;
  text-align: right;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 15px;
  z-index: 2;
}
.personal__journal {
  max-width: 684px;
}
.personal__journal__item {
  margin-top: 6px;
}
.personal__journal__item:first-child {
  margin-top: 0;
}
.personal__journal__card {
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 13px 15px 13px 23px;
  position: relative;
}
.personal__journal__card > .row {
  margin: -5px -10px;
  align-items: center;
}
.personal__journal__card > .row > div {
  padding: 5px 10px;
}
.personal__journal__card__date {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  text-align: right;
}
.personal__journal__card__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.personal__journal__card__title span {
  color: #1D87BB;
}
.personal__journal__card__info {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02em;
  color: #263238;
}
.personal__settings {
  max-width: 505px;
}
.personal__settings__item {
  border-bottom: 1px solid #DEDEDE;
}
.personal__settings__card {
  padding: 14px 16px;
}
.personal__settings__card__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  color: #263238;
}
.personal__reviews__item {
  margin-top: 46px;
}
.personal__reviews__item:first-child {
  margin-top: 0;
}
.personal__reviews__card {
  margin-bottom: 10px;
}
.personal__reviews .pagecard__reviews__card {
  position: relative;
}
.personal__reviews .pagecard__reviews__card::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 32px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #DEDEDE;
  border-right: 1px solid #DEDEDE;
  transform: rotate(-45deg);
  background-color: #fff;
  z-index: 2;
}
.personal__reviews .pagecard__reviews__card__header {
  padding-right: 0;
}
.personal__reviews__controls {
  padding-top: 14px;
}
.personal__reviews__controls .row {
  margin: -5px;
}
.personal__reviews__controls .row > div {
  padding: 5px;
}
.personal__tasks {
  max-width: 715px;
  padding-top: 10px;
}
.personal__tasks__item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DEDEDE;
}
.personal__tasks__card > .row {
  margin: -5px -10px;
}
.personal__tasks__card > .row > div {
  padding: 5px 10px;
}
.personal__tasks__card__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  margin-bottom: 10px;
  color: #1C1B17;
}
.personal__tasks__card__des {
  font-weight: 400;
  font-size: 18px;
  color: #B5B5B5;
}
@media (max-width: 991px) {
  .personal__tasks__card__des {
    font-size: 15px;
  }
}
.personal__tasks__card__status {
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  width: 160px;
  height: 41px;
  padding: 0 16px;
  background-color: #F3F3F3;
  text-decoration: none;
}
.personal__tasks__card__status:hover {
  color: #fff;
}
.personal__tasks__card__status i {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.personal__tasks__card__status i svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.personal__tasks__card__status i + span {
  margin-left: 6px;
}
.personal__tasks__card__status b {
  display: inline-block;
  position: relative;
  padding-right: 40px;
}
.personal__tasks__card__status b::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 32px;
  height: 22px;
  margin-top: -11px;
  background-image: url("./../img/icons/ic-fishmoney.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
.personal__tasks__card__status span {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
.personal__tasks__card__status span + i {
  margin-left: 6px;
}
.personal__tasks__card__status.s-checked {
  background: #00A046;
}
.personal__tasks__card__status.s-bgorange {
  background: linear-gradient(180deg, #E25B5B 0%, #F29C2B 100%);
  text-align: center;
}
.personal__tasks__card__status.s-bgblue {
  background: linear-gradient(180deg, #4EB7F0 0%, #4ED3F0 100%);
  text-align: center;
}
.personal__tasks__card__status.s-bgpink {
  background: linear-gradient(180deg, #B24EF0 0%, #F04E92 100%);
  text-align: center;
}
.personal__headertitle {
  margin-bottom: 21px;
}
.personal__headertitle .row {
  margin: -5px;
  align-items: center;
}
.personal__headertitle .row > div {
  padding: 5px;
}
.personal__addresslist__item {
  margin-top: 14px;
}
.personal__addresslist__item:first-child {
  margin-top: 0;
}
.personal__addresslist__card {
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  overflow: hidden;
  padding: 15px;
}
.personal__addresslist__card > .row {
  margin: -5px;
  align-items: center;
}
.personal__addresslist__card > .row > div {
  padding: 5px;
}
.personal__addresslist__card__label {
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.personal__addresslist__card__label input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.personal__addresslist__card__label input:checked + .label {
  border-color: #F29C2B;
}
.personal__addresslist__card__label input:checked + .label::before {
  opacity: 1;
}
.personal__addresslist__card__label .label {
  display: block;
  padding: 0 0 0 38px;
  position: relative;
}
.personal__addresslist__card__label .label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  border: 1px solid #DEDEDE;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
  border-radius: 50%;
  z-index: 1;
}
.personal__addresslist__card__label .label::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #F29C2B;
  transition: opacity ease 0.3s;
  opacity: 0;
  z-index: 2;
}
.personal__addresslist__card__label .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  display: block;
  color: #1C1B17;
  margin-bottom: 4px;
}
.personal__addresslist__card__label .title:last-child {
  margin-bottom: 0;
}
.personal__addresslist__card__label .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #1C1B17;
}
.personal__addresslist__card__controls {
  margin: -5px;
  align-items: center;
}
@media (max-width: 991px) {
  .personal__addresslist__card__controls {
    flex-direction: column;
  }
}
.personal__addresslist__card__controls > div {
  padding: 5px;
}
.personal__addresslist__card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  color: #1C1B17;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .personal__addresslist__card__btn:hover {
    color: #F72A16;
  }
}
@media (hover: none) and (pointer: coarse) {
  .personal__addresslist__card__btn:hover {
    color: #F72A16;
  }
}
.personal__addresslist__card__btn svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
.personal__formaddress {
  max-width: 700px;
}
.personal__formaddress__item {
  margin-top: 56px;
}
@media (max-width: 991px) {
  .personal__formaddress__item {
    margin-top: 35px;
  }
}
.personal__formaddress__item:first-child {
  margin-top: 0;
}
.personal__formaddress__item.itemslide {
  overflow: hidden;
  max-height: 0;
  transition: all ease 0.3s;
}
.personal__formaddress__map {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  height: 320px;
  background-color: #F3F3F3;
}
.personal__formaddress__map__yandex {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (min-width: 992px) {
  .personal__userinfo {
    max-width: 400px;
  }
}
.personal__userinfo__item {
  margin-top: 37px;
}
.personal__userinfo__item:first-child {
  margin-top: 0;
}
.personal__userinfo__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  margin-bottom: 21px;
  color: #1C1B17;
}
.personal__tabs {
  position: relative;
}
.personal__tabs__nav {
  border-bottom: 1px solid #DEDEDE;
  margin-bottom: 28px;
}
.personal__tabs__nav:last-child {
  margin-bottom: 0;
}
.personal__tabs__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.personal__tabs__nav ul li.ml-auto {
  margin-left: auto;
  padding-bottom: 9px;
}
.personal__tabs__nav__link {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  padding: 13px 23px;
  position: relative;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #B5B5B5;
  text-decoration: none;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .personal__tabs__nav__link:hover {
    color: #1C1B17;
  }
}
@media (hover: none) and (pointer: coarse) {
  .personal__tabs__nav__link:hover {
    color: #1C1B17;
  }
}
.personal__tabs__nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  height: 2px;
  z-index: 2;
  background-color: #1D87BB;
  opacity: 0;
}
.personal__tabs__nav__link.active {
  color: #1C1B17;
  cursor: default;
}
.personal__tabs__nav__link.active::after {
  opacity: 1;
}
.personal__tabs__content__item {
  display: none;
}
.personal__tabs__content__item.active {
  display: block;
}
.personal__tabs__content__button {
  margin-bottom: 24px;
}
.personal__listorders__item {
  margin-top: 14px;
}
.personal__listorders__item:first-child {
  margin-top: 0;
}
.personal__listorders__card {
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 14px 14px 14px 34px;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .personal__listorders__card {
    padding: 14px 14px 14px 27px;
  }
}
.personal__listorders__card::after {
  content: "";
  position: absolute;
  left: 14px;
  top: 10px;
  bottom: 10px;
  width: 5px;
  border-radius: 5px;
  background-color: #DEDEDE;
  z-index: 1;
}
@media (max-width: 991px) {
  .personal__listorders__card::after {
    left: 10px;
  }
}
.personal__listorders__card.status-orange::after {
  background-color: #F29C2B;
}
.personal__listorders__card.status-orange .personal__listorders__card__header__title {
  color: #F29C2B;
}
.personal__listorders__card.status-green::after {
  background-color: #00A046;
}
.personal__listorders__card.status-green .personal__listorders__card__header__title {
  color: #00A046;
}
.personal__listorders__card.status-red::after {
  background-color: #F72A16;
}
.personal__listorders__card.status-red .personal__listorders__card__header__title {
  color: #F72A16;
}
.personal__listorders__card.status-grey::after {
  background-color: #7C7C7C;
}
.personal__listorders__card.status-grey .personal__listorders__card__header__title {
  color: #7C7C7C;
}
.personal__listorders__card__body {
  flex: 0 0 auto;
  width: calc(100% - 188px);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .personal__listorders__card__body {
    width: calc(100% - 134px);
  }
}
.personal__listorders__card__side {
  width: 164px;
  flex: 0 0 auto;
  margin-left: 24px;
}
@media (max-width: 991px) {
  .personal__listorders__card__side {
    width: 120px;
    margin-left: 14px;
  }
}
.personal__listorders__card__side__item {
  margin-top: 10px;
}
@media (max-width: 991px) {
  .personal__listorders__card__side__item {
    margin-top: 5px;
  }
}
.personal__listorders__card__side__item:first-child {
  margin-top: 0;
}
.personal__listorders__card__price {
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  border-radius: 10px;
  background-color: #F3F3F3;
  text-align: center;
  display: block;
  padding: 13px 20px;
  color: #1C1B17;
}
.personal__listorders__card__header {
  margin-bottom: 16px;
}
.personal__listorders__card__header .row {
  margin: -2px -5px;
  align-items: center;
}
.personal__listorders__card__header .row > div {
  padding: 2px 5px;
}
.personal__listorders__card__header__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
}
.personal__listorders__card__header__date {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  color: #1C1B17;
}
.personal__listorders__card__header__edit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #1C1B17;
  padding: 0;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .personal__listorders__card__header__edit:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .personal__listorders__card__header__edit:hover {
    color: #1D87BB;
  }
}
.personal__listorders__card__header__edit svg {
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
}
.personal__listorders__card__header__info {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
}
.personal__listorders__card__header__info span {
  display: inline-block;
  color: #454545;
  margin-right: 4px;
}
.personal__listorders__card__header__info b {
  display: inline-block;
  color: #1C1B17;
}
.personal__listorders__card__pics {
  position: relative;
  margin-top: auto;
}
.personal__listorders__card__pics__slider {
  width: 100%;
}
.personal__listorders__card__pics__slider__item {
  position: relative;
}
.personal__listorders__card__pics__img {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 10px;
  border: 1px solid rgba(29, 135, 187, 0.5);
  overflow: hidden;
  margin-bottom: 1px;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .personal__listorders__card__pics__img:hover {
    color: #1D87BB;
    border-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .personal__listorders__card__pics__img:hover {
    color: #1D87BB;
    border-color: #1D87BB;
  }
}
.personal__listorders__card__pics__img img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.personal__listorders__card__pics__more {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 10px;
  border: 1px solid rgba(29, 135, 187, 0.5);
  overflow: hidden;
  margin-bottom: 1px;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .personal__listorders__card__pics__more:hover {
    color: #1D87BB;
    border-color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .personal__listorders__card__pics__more:hover {
    color: #1D87BB;
    border-color: #1D87BB;
  }
}
.personal__listorders__card__pics__more svg, .personal__listorders__card__pics__more img {
  display: block;
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
}
@media (max-width: 991px) {
  .personal__listorders__card__pics__more svg, .personal__listorders__card__pics__more img {
    max-width: 14px;
    max-height: 14px;
  }
}
.personal__listorders__card__pics__nav {
  left: -10px;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .personal__listorders__card__pics__nav {
    left: -5px;
    right: -5px;
  }
}
.personal__listorders__card__pics__nav .slider__nav__btn {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .personal__listorders__card__pics__nav .slider__nav__btn {
    width: 30px;
    height: 30px;
  }
  .personal__listorders__card__pics__nav .slider__nav__btn svg {
    max-width: 12px;
    max-height: 12px;
  }
}
.personal__listorders__card__pics__nav .slider__nav__btn.disabled {
  display: none;
}
.personal__catfilter {
  margin-bottom: 24px;
}
.personal__catfilter .row {
  margin: -5px;
}
.personal__catfilter .row > div {
  padding: 5px;
}
.personal__findstatus__search {
  position: relative;
  max-width: 347px;
  margin-bottom: 35px;
}
.personal__findstatus__search__btn {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 48px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  color: #1C1B17;
  padding: 0;
  border-radius: 4px;
  z-index: 2;
}
.personal__findstatus__search__btn svg {
  max-width: 16px;
  max-height: 16px;
  fill: currentColor;
}
.personal__findstatus__search .form__input {
  box-shadow: none;
}
.personal__findstatus__item {
  margin-bottom: 35px;
}
.personal__findstatus__item:last-child {
  margin-bottom: 0;
}
.personal__order__item {
  margin-top: 28px;
}
.personal__order__item:first-child {
  margin-top: 0;
}
.personal__order__title {
  margin-bottom: 21px;
}
.personal__order__title .row {
  margin: -5px -10px;
  align-items: center;
}
.personal__order__title .row > div {
  padding: 5px 10px;
}
.personal__order__title:last-child {
  margin-bottom: 0;
}
.personal__order__header {
  margin-bottom: 21px;
}
@media (max-width: 991px) {
  .personal__order__header {
    margin-bottom: 14px;
  }
}
.personal__order__header:last-child {
  margin-bottom: 0;
}
.personal__order__header .row {
  margin: -5px -10px;
  align-items: center;
}
.personal__order__header .row > div {
  padding: 5px 10px;
}
.personal__order__header__label {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  color: #000;
}
.personal__order__header__status {
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  padding: 10px 15px;
  min-width: 120px;
  border-radius: 6px;
  background: #7C7C7C;
  color: #fff;
}
@media (max-width: 991px) {
  .personal__order__header__status {
    padding: 7px 10px;
    min-width: 125px;
  }
}
.personal__order__header__status.status-orange {
  background: #F29C2B;
}
.personal__order__header__status.status-green {
  background: #00A046;
}
.personal__order__header__status.status-red {
  background: #F72A16;
}
.personal__order__header__status.status-grey {
  background: #7C7C7C;
}
.personal__order__price {
  background: #F3F3F3;
  padding: 11px 20px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .personal__order__price {
    padding: 12px 13px;
  }
}
.personal__order__price .row {
  margin: -5px -10px;
  align-items: center;
  flex-wrap: nowrap;
}
.personal__order__price .row > div {
  padding: 5px 10px;
}
.personal__order__price__label {
  color: #000;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
}
.personal__order__price__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  color: #F72A16;
}
.personal__order__controls {
  margin-top: 16px;
}
.personal__order__controls:first-child {
  margin-top: 0;
}
.personal__order__controls .row {
  margin: -5px -10px;
  align-items: center;
}
.personal__order__controls .row > div {
  padding: 5px 10px;
}
.personal__order__controls .mbtn {
  min-width: 215px;
}
.personal__order__des {
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 21px;
}
.personal__order__des .row {
  margin: -5px -10px;
}
@media (max-width: 991px) {
  .personal__order__des .row {
    margin: 0;
  }
}
.personal__order__des .row > div {
  padding: 5px 10px;
}
@media (max-width: 991px) {
  .personal__order__des .row > div {
    padding: 13px 0;
    border-top: 1px solid #E8E8E8;
  }
}
@media (min-width: 992px) {
  .personal__order__des__item {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #E8E8E8;
  }
  .personal__order__des__item:first-child {
    padding-top: 0;
    margin-top: 0;
    border: none;
  }
}
@media (max-width: 991px) {
  .personal__order__des__item:first-child .row > div {
    padding-top: 0;
    border: none;
  }
  .personal__order__des__item:last-child .row > div:last-child {
    padding-bottom: 0;
  }
}
.personal__order__des__label {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .personal__order__des__label {
    font-size: 12px;
    margin-bottom: 5px;
  }
}
.personal__order__des__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.29;
  color: #000;
}
@media (max-width: 991px) {
  .personal__order__des__text {
    font-size: 14px;
  }
}
.personal__order__more {
  padding-top: 21px;
}
@media (max-width: 991px) {
  .personal__order__more {
    padding-top: 16px;
  }
}
.personal__profilefill {
  max-width: 400px;
}
@media (max-width: 991px) {
  .personal__profilefill {
    max-width: 100%;
  }
}
.personal__profilefill__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  color: #1C1B17;
  margin-bottom: 16px;
}
.personal__profilefill__progress {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  background-color: #E5E5EA;
  height: 5px;
  margin-bottom: 28px;
}
.personal__profilefill__progress span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #1D87BB;
  z-index: 2;
}
.personal__profilefill__pagination {
  padding-top: 21px;
}
.personal__profilefill__pagination .row {
  margin: -5px;
}
.personal__profilefill__pagination .row > div {
  padding: 5px;
}
.personal__profilefill__pagination__btn {
  width: 88px;
}
.personal__profilefill__pagination__more {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.29;
  color: #B5B5B5;
  text-align: center;
}
.personal__profilefill__pagination__more span {
  color: #1D87BB;
}
.personal__profilefill__socio__item {
  margin-top: 28px;
}
.personal__profilefill__socio__item:first-child {
  margin-top: 0;
}
.personal__pricelist {
  line-height: 1.3;
}
.personal__pricelist__title {
  margin-bottom: 21px;
}
.personal__pricelist__title .row {
  margin: -2px -5px;
  align-items: center;
}
.personal__pricelist__title .row > div {
  padding: 2px 5px;
}
.personal__pricelist .label {
  font-weight: 400;
  font-size: 14px;
  color: #7C7C7C;
  display: inline-block;
  margin-right: 4px;
}
.personal__pricelist .name {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  color: #1C1B17;
}
.personal__pricelist__table {
  max-width: 100%;
  overflow-y: hidden;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .personal__pricelist__table {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media (max-width: 991px) {
  .personal__pricelist__wrap {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.personal__pricelist__footer {
  margin-top: 21px;
  line-height: 1.29;
  color: #1C1B17;
}
.personal__pricelist__footer .row {
  align-items: center;
  justify-content: flex-start;
  margin: 0 -5px;
}
.personal__pricelist__footer .row > div {
  padding: 0 5px;
}
.personal__pricelist__footer .label {
  font-weight: 700;
  font-size: 18px;
  color: #1C1B17;
}
.personal__pricelist__footer .price {
  font-weight: 700;
  font-size: 18px;
}
.personal__pricelist__footer .price.price-sale {
  color: #F72A16;
}
.personal__pricelist__footer .price-old {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-decoration: line-through;
}
.personal__pricelist__footer .sale {
  background: #F72A16;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.07em;
}
.personal__pricelist .simplebar-track.simplebar-horizontal {
  left: 0px;
  right: 0px;
  height: 4px;
  bottom: 0;
}
.personal__pricelist .simplebar-scrollbar:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F3D470;
}
.personal__greyline {
  background-color: #454545;
  position: relative;
  padding: 10px 0;
  display: none;
  z-index: 10;
}
@media (max-width: 991px) {
  .personal__greyline {
    display: block;
  }
}
.personal__greyline::after {
  content: "";
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #454545;
}
.personal__greyline__container {
  position: relative;
  z-index: 2;
}
.personal__greyline__side {
  width: 42px;
}
.personal__greyline .row {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin: 0 -5px;
}
.personal__greyline .row > div {
  padding: 0 5px;
}
.personal__greyline__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #fff;
  position: relative;
}
.personal__greyline__btn span {
  position: absolute;
  left: calc(50% - 2px);
  top: -4px;
  background-color: #F72A16;
  color: #fff;
  font-size: 12px;
  min-width: 18px;
  border-radius: 18px;
  padding: 3px 4px;
  text-align: center;
}
.personal__greyline__btn svg, .personal__greyline__btn img {
  max-width: 18px;
  max-height: 18px;
  object-fit: contain;
}
.personal__greyline__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 6px;
  background-color: #7C7C7C;
  color: #fff;
}
.personal__greyline__menu svg, .personal__greyline__menu img {
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
}
.personal__greyline__title {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.29;
  color: #fff;
}

.compare__title {
  margin-bottom: 21px;
}
.compare__title .row {
  margin: -5px -10px;
  align-items: center;
}
.compare__title .row > div {
  padding: 5px 10px;
}
.compare__body {
  position: relative;
}
@media (max-width: 991px) {
  .compare__slider {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.compare__slider__item {
  padding: 0 10px;
}
@media (max-width: 991px) {
  .compare__slider__item {
    padding: 0 5px;
    width: 230px;
  }
}
@media (max-width: 767px) {
  .compare__slider__item {
    width: 256px;
  }
}
@media (max-width: 575px) {
  .compare__slider__item {
    width: 181px;
  }
}
.compare__slider__item.swiper-slide-active .compare__card__list__label {
  opacity: 1;
}
.compare__slider__nav {
  position: absolute;
  left: -10px;
  right: -10px;
  top: 97px;
  z-index: 10;
}
.compare__slider__nav .slider__nav__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.compare__differences {
  font-size: 14px;
  color: #1C1B17;
}
.compare__differences .row {
  margin: 0 -8px;
}
.compare__differences .row > div {
  padding: 0 8px;
}
.compare__card__header {
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 991px) {
  .compare__card__header {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.compare__card__list {
  line-height: 1.29;
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 991px) {
  .compare__card__list {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.compare__card__list__item {
  padding: 10px;
  border-top: 1px solid #F3F3F3;
}
@media (max-width: 991px) {
  .compare__card__list__item {
    padding: 10px 5px;
  }
}
.compare__card__list__item:nth-child(even) {
  background-color: #F8F8F8;
}
.compare__card__list__item:last-child {
  background-color: #fff;
}
.compare__card__list__item.line-tohidden.active {
  display: none;
}
.compare__card__list__label {
  font-size: 14px;
  color: #B5B5B5;
  margin-bottom: 5px;
  opacity: 0;
  transition: opacity ease 0.3s;
}
.compare__card__list__text {
  font-size: 14px;
  color: #1C1B17;
}
.compare__card__list__delete {
  display: inline-block;
  padding: 0;
  font-size: 14px;
  color: #F72A16;
  font-size: 14px;
  text-decoration: underline;
  transition: all ease 0.3s;
}
.compare__card__list__delete:hover {
  text-decoration-color: transparent;
}

.pricelist {
  width: 925px;
}
@media (max-width: 1399px) {
  .pricelist {
    max-width: 824px;
  }
}
@media (max-width: 1199px) {
  .pricelist {
    max-width: 925px;
  }
}
.pricelist__header {
  margin-bottom: 11px;
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 10px 24px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  display: grid;
  gap: 0 14px;
  grid-template-columns: 68px 1fr 118px 35px 35px 35px 92px 65px 45px;
  align-items: center;
  background: #fff;
}
.pricelist__header .lrt {
  writing-mode: sideways-lr;
}
.pricelist__content {
  position: relative;
}
.pricelist__product {
  margin-bottom: 11px;
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 10px 24px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  display: grid;
  gap: 0 14px;
  grid-template-columns: 68px 1fr;
  align-items: center;
}
.pricelist__product__img {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
}
.pricelist__product__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.pricelist__product__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  color: #1C1B17;
}
.pricelist__product__title a {
  display: inline-block;
  text-decoration-color: transparent;
  color: #1C1B17;
}
.pricelist__product__title a:hover {
  color: #1D87BB;
}
.pricelist__list {
  border: 1px solid #DEDEDE;
  border-radius: 10px;
  padding: 10px 24px;
  margin-bottom: 11px;
}
.pricelist__list:last-child {
  margin-bottom: 0;
}
.pricelist__list__item {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #DEDEDE;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  display: grid;
  gap: 0 14px;
  grid-template-columns: 68px 1fr 118px 35px 35px 35px 92px 65px 45px;
  align-items: center;
}
.pricelist__list__item:first-child {
  padding-top: 0;
  margin-top: 0;
  border: none;
}
.pricelist .pp-article {
  color: #7C7C7C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pricelist .pp-title {
  color: #1C1B17;
}
.pricelist .pp-title a {
  display: inline-block;
  text-decoration-color: transparent;
}
.pricelist .pp-title a:hover {
  color: #1D87BB;
  text-decoration-color: #1D87BB;
}
.pricelist .pp-pack {
  color: #7C7C7C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pricelist .pp-price {
  color: #7C7C7C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pp-socio {
  position: relative;
  display: flex;
  align-items: center;
  color: #1C1B17;
}
.pp-socio__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  margin-right: 20px;
}
.pp-socio__icon img {
  display: block;
  width: 100%;
  height: auto;
}
.pp-socio__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
}

.rating {
  width: 116px;
  height: 20px;
  position: relative;
}
.rating__stars {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 116px;
  height: 20px;
}
.rating__stars span {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.rating__stars span:first-child {
  margin-left: 0;
}
.rating__stars span svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
.rating__stars.default {
  color: #B5B5B5;
}
.rating__stars.active {
  color: #F8D15C;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: 2;
}

.magazin {
  position: relative;
}
.magazin__item {
  margin-top: 42px;
}
.magazin__item:first-child {
  margin-top: 0;
}
.magazin__products {
  position: relative;
}
.magazin__products > .row {
  margin: -10px;
}
@media (max-width: 991px) {
  .magazin__products > .row {
    margin: -8px;
  }
}
.magazin__products > .row > div {
  padding: 10px;
}
@media (max-width: 991px) {
  .magazin__products > .row > div {
    padding: 8px;
  }
}
.magazin__list {
  position: relative;
}
.magazin__list > .row {
  margin: -10px;
}
@media (max-width: 991px) {
  .magazin__list > .row {
    margin: -8px;
  }
}
.magazin__list > .row > div {
  padding: 10px;
}
@media (max-width: 991px) {
  .magazin__list > .row > div {
    padding: 8px;
  }
}
.magazin__cardtop {
  position: relative;
  border: 1px solid #DEDEDE;
  border-radius: 14px;
  overflow: hidden;
  background-color: #fff;
}
.magazin__cardtop__link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.magazin__cardtop__chest {
  background-color: #fff;
  padding: 16px;
}
.magazin__cardtop__chest__img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px auto;
  width: 160px;
  height: 160px;
}
@media (max-width: 991px) {
  .magazin__cardtop__chest__img {
    width: 90px;
    height: 90px;
  }
}
.magazin__cardtop__chest__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.magazin__cardtop__chest__text {
  text-align: center;
  font-weight: 700;
  font-size: 27px;
  text-transform: uppercase;
  line-height: 1;
  color: #1C1B17;
}
@media (max-width: 1199px) {
  .magazin__cardtop__chest__text {
    font-size: 25px;
  }
}
@media (max-width: 991px) {
  .magazin__cardtop__chest__text {
    font-size: 16px;
  }
}
.magazin__cardtop__chest__action {
  position: absolute;
  right: 0;
  top: 16px;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  color: #fff;
  letter-spacing: 0.07em;
  line-height: 1;
  font-weight: 700;
}
.magazin__cardtop__chest__action .row {
  margin: 0;
  height: 50px;
}
@media (max-width: 1199px) {
  .magazin__cardtop__chest__action .row {
    height: 40px;
  }
}
@media (max-width: 991px) {
  .magazin__cardtop__chest__action .row {
    height: 29px;
  }
}
.magazin__cardtop__chest__action .row > div {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .magazin__cardtop__chest__action .row > div {
    padding: 3px 6px;
  }
}
.magazin__cardtop__chest__action .row > div.red {
  background-color: #F72A16;
  font-size: 25px;
  text-transform: uppercase;
  border-radius: 6px 0 0 6px;
}
@media (max-width: 1199px) {
  .magazin__cardtop__chest__action .row > div.red {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .magazin__cardtop__chest__action .row > div.red {
    font-size: 15px;
  }
}
.magazin__cardtop__chest__action .row > div.black {
  background-color: #000;
  font-size: 18px;
  text-transform: capitalize;
}
@media (max-width: 1199px) {
  .magazin__cardtop__chest__action .row > div.black {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .magazin__cardtop__chest__action .row > div.black {
    font-size: 11px;
  }
}
.magazin__cardtop__prices {
  padding: 20px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
}
@media (max-width: 991px) {
  .magazin__cardtop__prices {
    padding: 8px;
  }
}
.magazin__cardtop__prices > .row {
  margin: 0 -5px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .magazin__cardtop__prices > .row {
    margin: 0 -2px;
  }
}
.magazin__cardtop__prices > .row > div {
  padding: 0 5px;
}
@media (max-width: 991px) {
  .magazin__cardtop__prices > .row > div {
    padding: 0 2px;
  }
}
.magazin__cardtop__prices img {
  display: block;
  width: auto;
  height: 28px;
}
@media (max-width: 1199px) {
  .magazin__cardtop__prices img {
    height: 20px;
  }
}
@media (max-width: 991px) {
  .magazin__cardtop__prices img {
    height: 12px;
  }
}
.magazin__cardtop__prices .price {
  font-weight: 700;
  font-size: 34px;
  color: #1C1B17;
  display: inline-block;
}
@media (max-width: 1199px) {
  .magazin__cardtop__prices .price {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .magazin__cardtop__prices .price {
    font-size: 22px;
  }
}
.magazin__cardtop__prices .price__old {
  font-weight: 400;
  font-size: 25px;
  line-height: 1.29;
  letter-spacing: 0.07em;
  text-decoration: line-through;
  display: inline-block;
}
@media (max-width: 1199px) {
  .magazin__cardtop__prices .price__old {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .magazin__cardtop__prices .price__old {
    font-size: 14px;
  }
}
.magazin__cardtop.magazin__cardtop__sale {
  border-color: #F3D470;
}
.magazin__cardtop.magazin__cardtop__sale .magazin__cardtop__chest {
  background-image: url("./../img/magazin/bg-magazin-card.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.magazin__cardtop.magazin__cardtop__sale .magazin__cardtop__prices {
  background: #FCF3D5;
}
.magazin__cardtop.magazin__cardtop__sale .magazin__cardtop__prices .price {
  color: #F72A16;
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest {
  padding: 8px;
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__img {
  width: 140px;
  height: 140px;
}
@media (max-width: 991px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__img {
    width: 100px;
    height: 100px;
  }
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__text {
  font-size: 22px;
}
@media (max-width: 1199px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__text {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__text {
    font-size: 16px;
  }
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices {
  padding: 14px;
}
@media (max-width: 991px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices {
    padding: 10px;
  }
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices > .row {
    margin: 0 -2px;
  }
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices > .row > div {
    padding: 0 2px;
  }
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices .price {
  font-size: 30px;
}
@media (max-width: 991px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices .price {
    font-size: 22px;
  }
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices .price__old {
  font-size: 16px;
}
@media (max-width: 991px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices .price__old {
    font-size: 14px;
  }
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices img {
  height: 20px;
}
@media (max-width: 991px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__prices img {
    height: 16px;
  }
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__action .row {
  height: 28px;
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__action .row > div {
  padding: 5px;
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__action .row > div.black {
  font-size: 10px;
}
@media (max-width: 991px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__action .row > div.black {
    font-size: 8px;
  }
}
.magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__action .row > div.red {
  font-size: 15px;
}
@media (max-width: 991px) {
  .magazin__cardtop.magazin__cardtop__sizemini .magazin__cardtop__chest__action .row > div.red {
    font-size: 12px;
  }
}

.modalmagazin {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .modalmagazin {
    flex-direction: column;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.modalmagazin__side {
  flex: 0 0 auto;
  width: 40%;
  background-image: url("./../img/magazin/bg-magazin-modalcard.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-right: 1px solid #DEDEDE;
}
@media (max-width: 991px) {
  .modalmagazin__side {
    width: 100%;
    height: 214px;
    border-right: none;
    border-bottom: 1px solid #DEDEDE;
  }
}
.modalmagazin__side img {
  display: block;
  max-width: 80%;
  max-height: 80%;
}
.modalmagazin__body {
  flex: 0 0 auto;
  width: 60%;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .modalmagazin__body {
    width: 100%;
  }
}
.modalmagazin__body__header {
  padding: 46px 46px 28px 46px;
  background-color: #fff;
  flex: 0 0 auto;
  height: auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .modalmagazin__body__header {
    padding: 30px 30px 20px 30px;
  }
}
@media (max-width: 991px) {
  .modalmagazin__body__header {
    padding: 20px 0;
  }
}
.modalmagazin__body__footer {
  padding: 28px 46px;
  background-color: #fff;
  flex: 0 0 auto;
  height: auto;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}
@media (max-width: 1199px) {
  .modalmagazin__body__footer {
    padding: 20px 30px;
  }
}
@media (max-width: 991px) {
  .modalmagazin__body__footer {
    display: none;
    padding: 20px 0;
  }
}
.modalmagazin__body__content {
  flex: 1 0 0;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .modalmagazin__body__content {
    flex: 0 0 auto;
    height: auto;
  }
}
.modalmagazin__body__content__scroll {
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.modalmagazin__title {
  color: #1C1B17;
  margin: 0 0 30px 0;
}
.modalmagazin__des span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #1C1B17;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .modalmagazin__des span {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 7px;
  }
}
.modalmagazin__des p {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  margin: 0;
  color: #7C7C7C;
}
@media (max-width: 991px) {
  .modalmagazin__des p {
    font-size: 11px;
  }
}
.modalmagazin__toppos {
  padding: 20px 46px;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
}
@media (max-width: 1199px) {
  .modalmagazin__toppos {
    padding: 20px 30px;
  }
}
@media (max-width: 991px) {
  .modalmagazin__toppos {
    padding: 20px 0;
  }
}
.modalmagazin__toppos__title {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
  text-transform: uppercase;
  color: #1C1B17;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .modalmagazin__toppos__title {
    font-size: 16px;
    margin-bottom: 8px;
  }
}
.modalmagazin__toppos__list {
  position: relative;
  align-items: stretch;
  margin: -10px;
}
@media (max-width: 1199px) {
  .modalmagazin__toppos__list {
    margin: -8px;
  }
}
.modalmagazin__toppos__list__item {
  padding: 10px;
}
@media (max-width: 1199px) {
  .modalmagazin__toppos__list__item {
    padding: 8px;
  }
}
.modalmagazin__card {
  height: 100%;
  width: 100%;
  border: 1px solid #F3F3F3;
  border-radius: 14px;
  padding: 15px;
  background-color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.29;
  color: #1C1B17;
}
@media (max-width: 1199px) {
  .modalmagazin__card {
    font-size: 16px;
    padding: 10px;
  }
}
.modalmagazin__card .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 8px auto;
}
.modalmagazin__card .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.modalmagazin__card .text {
  display: block;
}
.modalmagazin__card.modalmagazin__card__styleyellow {
  border-color: #FFE316;
}
.modalmagazin__card.modalmagazin__card__styleblue {
  border-color: #25A0DD;
}
.modalmagazin__card.modalmagazin__card__stylegreen {
  border-color: #00A046;
}
.modalmagazin__elsecontent {
  padding: 20px 46px;
}
@media (max-width: 1199px) {
  .modalmagazin__elsecontent {
    padding: 20px 30px;
  }
}
@media (max-width: 991px) {
  .modalmagazin__elsecontent {
    padding: 20px 0;
  }
}
@media (max-width: 991px) {
  .modalmagazin__container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    width: 100%;
    min-width: 375px;
  }
}
@media (min-width: 576px) {
  .modalmagazin__container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .modalmagazin__container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .modalmagazin__container {
    max-width: 100%;
  }
}

.header {
  width: 100%;
  position: fixed;
  z-index: 100;
  transition: all ease 0.3s;
}
.header__top {
  background-color: #1C1B17;
  position: relative;
  z-index: 51;
}
.header__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 84px;
}
@media (max-width: 991px) {
  .header__body {
    height: 58px;
  }
}
.header__modalmenu {
  display: block;
  outline: none;
  padding: 0;
  border: none;
  width: 28px;
  height: 28px;
  position: relative;
}
@media (max-width: 991px) {
  .header__modalmenu {
    width: 22px;
    height: 22px;
  }
}
.header__modalmenu span {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
  transition: all ease 0.3s;
}
.header__modalmenu span.line-0 {
  top: 3px;
}
.header__modalmenu span.line-1 {
  top: 10px;
}
.header__modalmenu span.line-2 {
  top: 17px;
}
.header__hotbtns {
  display: none;
  margin-right: auto;
}
@media (max-width: 991px) {
  .header__hotbtns {
    display: block;
  }
}
.header__hotbtns ul {
  list-style: none;
  margin: 0 -10px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__hotbtns ul li {
  display: block;
  padding: 0 10px;
}
.header__hotbtns__btn {
  outline: none;
  padding: 0;
  border: none;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
  color: #fff;
}
.header__hotbtns__btn svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
  object-fit: contain;
}
.header__hotlinks {
  margin-left: 60px;
}
@media (min-width: 992px) {
  .header__hotlinks {
    position: relative;
  }
}
@media (max-width: 1399px) {
  .header__hotlinks {
    margin-left: 40px;
  }
}
@media (max-width: 991px) {
  .header__hotlinks {
    margin-left: 20px;
  }
  .header__hotbtns ul li {
    display: block;
    padding: 0 7px;
  }
}
.header__hotlinks ul {
  list-style: none;
  margin: 0 -10px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__hotlinks ul li {
  display: block;
  padding: 0 10px;
}
.header__hotlinks__btn {
  outline: none;
  padding: 0;
  border: none;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
  color: #fff;
}
@media (max-width: 991px) {
  .header__hotlinks__btn {
    width: 22px;
    height: 22px;
  }
}
.header__hotlinks__btn svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
  object-fit: contain;
}
.header__hotlinks__btn.header__basket span {
  position: absolute;
  top: -2px;
  left: 10px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  background-color: #00A046;
  border-radius: 9px;
  z-index: 2;
  padding: 3px 5px 2px 5px;
}
@media (max-width: 991px) {
  .header__hotlinks__btn.header__basket span {
    top: -5px;
    left: 7px;
  }
}
.header__hotlinks__btn.header__attation span {
  position: absolute;
  top: -2px;
  left: 10px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  background-color: #F72A16;
  border-radius: 9px;
  z-index: 2;
  padding: 3px 5px 2px 5px;
}
@media (max-width: 991px) {
  .header__hotlinks__btn.header__attation span {
    top: -5px;
    left: 7px;
  }
}
.header__logo {
  margin-right: 56px;
}
@media (max-width: 1399px) {
  .header__logo {
    margin-right: 40px;
  }
}
@media (max-width: 1199px) {
  .header__logo {
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  .header__logo {
    margin-right: auto;
    margin-left: auto;
  }
}
.header__logo__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 56px;
}
@media (max-width: 991px) {
  .header__logo__link {
    width: 98px;
    height: 47px;
  }
}
.header__logo__link img {
  width: 100px;
  height: 100%;
  object-fit: contain;
}
.header__menu {
  margin-right: 28px;
}
@media (max-width: 1399px) {
  .header__menu {
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  .header__menu {
    display: none;
  }
}
.header__menu__btn {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  padding: 14px 32px 14px 46px;
  background-color: #F7CC46;
  border-radius: 5px;
  position: relative;
  transition: all ease 0.3s;
}
@media (max-width: 1199px) {
  .header__menu__btn {
    width: 42px;
    height: 42px;
    padding: 14px;
  }
}
@media (hover: hover) {
  .header__menu__btn:hover {
    background-color: #EAB720;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__menu__btn:hover {
    background-color: #EAB720;
  }
}
.header__menu__btn span {
  display: inline-block;
}
@media (max-width: 1199px) {
  .header__menu__btn span {
    display: none;
  }
}
.header__menu__btn > i {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -7px;
  width: 20px;
  height: 14px;
}
@media (max-width: 1199px) {
  .header__menu__btn > i {
    left: 11px;
  }
}
.header__menu__btn > i i {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 1px;
  background-color: #1C1B17;
  transition: all ease 0.3s;
}
.header__menu__btn > i i.line-0 {
  top: 0px;
}
.header__menu__btn > i i.line-1 {
  top: 6px;
}
.header__menu__btn > i i.line-2 {
  top: 12px;
}
.header__menu__btn.active {
  background-color: #EAB720;
}
.header__menu__btn.active i i.line-0 {
  top: 6px;
  transform: rotate(45deg);
}
.header__menu__btn.active i i.line-1 {
  opacity: 0;
}
.header__menu__btn.active i i.line-2 {
  top: 6px;
  transform: rotate(-45deg);
}
.header__search {
  width: 490px;
  position: relative;
}
@media (max-width: 1399px) {
  .header__search {
    width: 370px;
  }
}
@media (max-width: 1199px) {
  .header__search {
    width: 320px;
  }
}
@media (max-width: 991px) {
  .header__search {
    width: 22px;
    margin-left: auto;
  }
  .header__search.active .header__search__form {
    left: 0;
  }
  .header__search.active .header__search__form__header {
    left: 0;
  }
}
.header__search form {
  display: block;
  margin: 0;
  padding: 0;
}
.header__search__form {
  position: relative;
}
@media (max-width: 991px) {
  .header__search__form {
    position: fixed;
    left: 100%;
    top: 0;
    width: 100dvw;
    height: 100dvh;
    overflow: hidden;
    background-color: #fff;
    transition: all ease 0.3s;
    z-index: 500;
  }
}
.header__search__form__popup {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  transition: all ease 0.3s;
  transition-delay: 0.1s;
}
.header__search__form__popup.active {
  visibility: visible;
  opacity: 1;
}
.header__search__form__popup__body {
  background-color: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
  border-radius: 10px;
  margin-top: 5px;
}
.header__search__form__popup__body ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #1C1B17;
}
.header__search__form__popup__body ul li {
  margin-top: 10px;
}
.header__search__form__popup__body ul li:first-child {
  margin-top: 0;
}
.header__search__form__popup__body ul a {
  display: inline-block;
  text-decoration: none;
}
@media (hover: hover) {
  .header__search__form__popup__body ul a:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__search__form__popup__body ul a:hover {
    color: #1D87BB;
  }
}
.header__search__form__popup__scroll {
  max-height: 360px;
  padding: 20px;
}
.header__search__form__input {
  position: relative;
}
@media (max-width: 991px) {
  .header__search__form__input {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .header__search__form__container {
    background-color: #fff;
  }
}
@media (max-width: 991px) {
  .header__search__form__header {
    background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
    position: fixed;
    left: 100%;
    top: 0;
    right: 0;
    padding: 20px 0;
    border-bottom: 1px solid #DEDEDE;
    z-index: 5;
    transition: all 0.3s ease;
  }
}
@media (max-width: 991px) {
  .header__search__form__header__body {
    padding: 0 14px;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 375px;
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .header__search__form__header__body {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .header__search__form__header__body {
    max-width: 100%;
  }
}
.header__search__form__header .row {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.header__search__form__header__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__search__form__header__title i {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C1B17;
}
.header__search__form__header__title i svg {
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
  fill: currentColor;
}
.header__search__form__header__title span {
  font-weight: 700;
  font-size: 22px;
  color: #1C1B17;
}
.header__search__form__header__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  outline: none;
  padding: 0;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .header__search__form__header__close:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__search__form__header__close:hover {
    color: #1D87BB;
  }
}
.header__search__form__header__close svg {
  display: block;
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
}
.header__search__input {
  display: block;
  outline: none;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  padding: 13px 57px 13px 20px;
  width: 100%;
  background-color: #fff;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #000;
}
.header__search__submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  outline: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  color: #000;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .header__search__submit {
    background: #F7CC46;
  }
}
@media (hover: hover) {
  .header__search__submit:hover {
    background: #EAB720;
    color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__search__submit:hover {
    background: #EAB720;
    color: #fff;
  }
}
.header__search__submit svg {
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
}
.header__search__btnopen {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #fff;
  cursor: pointer;
  display: none;
}
@media (max-width: 991px) {
  .header__search__btnopen {
    display: flex;
	margin-right:20px;
  }
}
.header__search__btnopen svg, .header__search__btnopen img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__search__btnopen:hover, .header__search__btnopen:focus {
  color: #7C7C7C;
}
@media (max-width: 991px) {
  .header .header__search__form__popup {
    top: 127px;
    bottom: 0;
  }
}
@media (max-width: 991px) {
  .header .header__search__form__popup__body {
    background: none;
    box-shadow: none;
    padding: 0 14px;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 375px;
    max-width: 720px;
    margin-top: 0;
  }
  .header .header__search__form__popup__body ul {
    font-size: 16px;
    padding: 10px 15px 30px 0;
  }
  .header .header__search__form__popup__body ul li {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .header .header__search__form__popup__body {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .header .header__search__form__popup__body {
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .header .header__search__form__popup__scroll {
    max-height: calc(100dvh - 129px);
    padding: 0;
  }
}
.header__lk {
  margin-left: auto;
}
.header__lk__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.29;
  color: #fff;
}
@media (hover: hover) {
  .header__lk__link:hover {
    color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__lk__link:hover {
    color: #fff;
  }
}
.header__lk__link i {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.header__lk__link i svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__lk__link > span {
  display: inline-block;
  position: relative;
  padding-right: 21px;
}
@media (max-width: 991px) {
  .header__lk {
    display: none;
  }
	.header__lk__link i {
		margin-right: 0;
		width: 22px;
		height: 22px;
	}
	.header__lk__link span {
		display: none;
	}
}
.header__lk__link > span::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
  width: 14px;
  height: 14px;
  background-image: url("./../img/icons/ic-money.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.header__lk__link > span span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 44px;
}
.header__lineinfo {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: rgba(255, 230, 131, 0.8);
  padding: 10px 0;
  transform: translateY(-100%);
  transition: all ease 0.3s;
  z-index: -1;
}
@media (max-width: 991px) {
  .header__lineinfo {
    padding: 5px 0;
  }
}
.header__lineinfo.oppened {
  transform: translateY(0);
}
.header__lineinfo__text {
  font-weight: 700;
  font-size: 16px;
  color: #1C1B17;
  line-height: 1.4;
}
@media (max-width: 991px) {
  .header__lineinfo__text {
    font-size: 11px;
  }
}
.header__lineinfo__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}
.header__lineinfo__close svg {
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
  object-fit: contain;
}
.header__catalog {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  background-color: #F3F3F3;
  min-height: 600px;
  max-height: calc(100vh - 84px);
  overflow: hidden;
  border-bottom: 1px solid #DEDEDE;
  z-index: 50;
  display: flex;
  align-items: stretch;
  justify-content: center;
  transition: all ease 0.3s;
}
.header__catalog::after {
  content: "";
  position: absolute;
  width: 100vw;
  left: 50%;
  background-color: #fff;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.header__catalog.active {
  visibility: visible;
  top: 100%;
  opacity: 1;
}
.header__catalog .container {
  display: flex;
  align-items: stretch;
}
.header__catalog__row {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
}
.header__catalog__menuelse {
  list-style: none;
  margin: 0;
  padding: 0 20px;
}
.header__catalog__menuelse li {
  display: block;
  margin-top: 16px;
}
.header__catalog__menuelse li:first-child {
  margin-top: 0;
}
.header__catalog__menuelse a {
  display: block;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.29;
  color: #1C1B17;
}
.header__catalog__menuelse a:hover {
  color: #1D87BB;
}
.header__catalog__side {
  width: 250px;
  flex: 0 0 auto;
  padding: 30px 0;
  border-right: 1px solid #DEDEDE;
}
@media (max-width: 1199px) {
  .header__catalog__side {
    width: 230px;
  }
}
.header__catalog__side__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.29;
  color: #1C1B17;
  text-decoration: none;
  position: relative;
  margin-bottom: 10px;
}
.header__catalog__side__title i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__catalog__side__title i svg, .header__catalog__side__title i img {
  display: block;
  max-width: 14px;
  max-height: 14px;
  margin-right: 12px;
}
.header__catalog__side__title span {
  flex: 1 0 0px;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.header__catalog__side__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__catalog__side__menu li {
  display: block;
  position: relative;
}
.header__catalog__side__menu__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 30px 10px 20px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  color: #1C1B17;
  text-decoration: none;
  position: relative;
}
.header__catalog__side__menu__link:hover {
  background-color: #fff;
  color: #1C1B17;
}
.header__catalog__side__menu__link:hover::after {
  display: block;
}
.header__catalog__side__menu__link i {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__catalog__side__menu__link i svg {
  max-width: 12px;
  max-height: 12px;
  object-fit: contain;
}
.header__catalog__side__menu__link::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #fff;
  display: none;
}
.header__catalog__side__menu__link.active {
  background-color: #fff;
  color: #1C1B17;
}
.header__catalog__side__menu__link.active::after {
  display: block;
}
.header__catalog__side__item {
  margin-top: 40px;
}
.header__catalog__side__item:first-child {
  margin-top: 0;
}
.header__catalog__content {
  flex: 1 0 0px;
  width: 100%;
  max-width: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.header__catalog__content__item {
  display: none;
}
.header__catalog__content__item.active {
  display: block;
}
.header__catalog__submenu {
  padding: 50px 25px;
  background-color: #fff;
  height: 100%;
  width: 100%;
  max-height: calc( 100vh - 84px );
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.header__catalog__submenu__list {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;
}
.header__catalog__submenu__list__item {
  margin-top: 40px;
}
.header__catalog__submenu__list__item:first-child {
  margin-top: 0;
}
.header__catalog__submenu__card {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.header__catalog__submenu__card .image {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border: 1px solid #DEDEDE;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition: all ease 0.3s;
}
.header__catalog__submenu__card .image img {
  display: block;
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
}
.header__catalog__submenu__card .content {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
}
.header__catalog__submenu__card .content.active .header__catalog__submenu__card__list > li:nth-child(n+5) {
  display: block;
}
.header__catalog__submenu__card__title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-decoration: none;
  color: #1C1B17;
  font-weight: 700;
  font-size: 15px;
  padding: 5px 0;
}
@media (hover: hover) {
  .header__catalog__submenu__card__title:hover {
    color: #F29C2B;
  }
}
.header__catalog__submenu__card__list {
  list-style: none;
  margin: 0;
  padding: 10px 0 0 0;
}
.header__catalog__submenu__card__list ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}
.header__catalog__submenu__card__list ul li {
  display: block;
  margin-top: 10px;
}
.header__catalog__submenu__card__list ul li:last-child {
  margin-bottom: 10px;
}
.header__catalog__submenu__card__list li.header__catalog__submenu__card__wsubmenu.active > a > i {
  transform: rotate(180deg);
}
.header__catalog__submenu__card__list li.header__catalog__submenu__card__wsubmenu.active > ul {
  display: block;
}
.header__catalog__submenu__card__list li.header__catalog__submenu__card__wsubmenu > ul {
  display: none;
}
.header__catalog__submenu__card__list > li {
  display: block;
  margin-top: 10px;
}
.header__catalog__submenu__card__list > li:first-child {
  margin-top: 0;
}
.header__catalog__submenu__card__list > li:nth-child(n+5) {
  display: none;
}
.header__catalog__submenu__card__list a {
  display: inline-block;
  font-size: 15px;
  line-height: 1.29;
  text-decoration: none;
  color: #7C7C7C;
  position: relative;
}
@media (hover: hover) {
  .header__catalog__submenu__card__list a:hover {
    color: #1C1B17;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__catalog__submenu__card__list a:hover {
    color: #1C1B17;
  }
}
.header__catalog__submenu__card__list a i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  transition: all ease 0.3s;
}
.header__catalog__submenu__card__list a i svg {
  max-width: 12px;
  max-height: 12px;
  object-fit: contain;
}
.header__catalog__submenu__card__list a i + span {
  display: block;
  padding-right: 26px;
}
.header__catalog__submenu__card__more {
  padding-top: 10px;
  display: none;
}
.header__catalog__submenu__card__more.active {
  display: block;
}
.header__catalog__submenu__card__more__link {
  display: inline-block;
  position: relative;
  padding-right: 16px;
  color: #F29C2B;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.29;
}
@media (hover: hover) {
  .header__catalog__submenu__card__more__link:hover {
    color: #F29C2B;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__catalog__submenu__card__more__link:hover {
    color: #F29C2B;
  }
}
.header__catalog__submenu__card__more__link i {
  position: absolute;
  right: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.header__catalog__submenu__card__more__link i svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.header__catalog__submenu__card__more__link span.default {
  display: inline-block;
}
.header__catalog__submenu__card__more__link span.active {
  display: none;
}
.header__catalog__submenu__card__more__link.active span.default {
  display: none;
}
.header__catalog__submenu__card__more__link.active span.active {
  display: inline-block;
}
.header__catalog__submenu__card__more__link.active i {
  transform: rotate(180deg);
}
.header__catalog .simplebar-track.simplebar-vertical {
  top: 0;
  bottom: 0;
  width: 4px;
  right: 5px;
}
.header__catalog .simplebar-scrollbar:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F3D470;
}
.header__linelk {
  background-color: #454545;
}
.header__linelk__row {
  height: 35px;
  align-items: center;
  flex-wrap: nowrap;
}
.header__linelk__name {
  display: inline-block;
  max-width: 100%;
  padding: 5px 0 4px 28px;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  position: relative;
}
.header__linelk__name i {
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__linelk__name i svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
  object-fit: contain;
}
.header__linelk__name span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.header__linelk__money {
  position: relative;
  padding: 5px 26px 4px 0;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  color: #fff;
}
.header__linelk__money span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.header__linelk__money::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background-image: url("./../img/icons/ic-money.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
.header__linelk .header__hotlinks ul {
  margin: 0 -8px;
}
.header__linelk .header__hotlinks ul li {
  padding: 0 8px;
}
.header__linelk .header__hotlinks__btn {
  width: 20px;
  height: 20px;
}
.header__modalinfo {
  position: absolute;
  right: -100%;
  top: 100%;
  max-height: calc(100vh - 84px);
  z-index: 5;
  transition: all 0.3s ease;
}
@media (min-width: 992px) {
  .header__modalinfo.header__modalinfo__opened {
    right: 0;
  }
}
@media (max-width: 991px) {
  .header__modalinfo {
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    height: 100dvh;
	max-height: 100dvh;
    background-color: #F3F3F3;
    display: flex;
    flex-direction: column;
    z-index: 106;
  }
  .header__modalinfo.header__modalinfo__opened {
    left: 0;
  }
  .header__modalinfo.header__modalinfo__opened .header__modalinfo__header {
    left: 0;
  }
}
@media (min-width: 992px) {
  .header__modalinfo__container {
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .header__modalinfo__container {
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 65px;
    margin-bottom: 0;
    background-color: #fff;
    min-height: calc(100vh - 65px);
  }
}
@media (min-width: 992px) {
  .header__modalinfo__container .container {
    padding-left: 0;
    padding-right: 0;
    min-width: 100%;
  }
}
.header__modalinfo__body {
  padding: 30px;
  overflow-x: hidden;
  max-height: calc(100vh - 169px);
}
@media (max-width: 991px) {
  .header__modalinfo__body {
    max-height: calc(100dvh - 65px);
    padding: 20px 0;
  }
}
.header__modalinfo.header__modalinfo__attation {
  width: 436px;
}
@media (max-width: 991px) {
  .header__modalinfo.header__modalinfo__attation {
    width: 100%;
  }
}
.header__modalinfo.header__modalinfo__buycheaper {
  max-width: 800px;
  width: 100%;
}
@media (max-width: 991px) {
  .header__modalinfo.header__modalinfo__buycheaper {
    width: 100%;
    max-width: 100%;
  }
}
.header__modalinfo.header__modalinfo__buycheaper .header__modalinfo__container {
  background-color: #F3F3F3;
}
@media (min-width: 992px) {
  .header__modalinfo__wrap {
    margin-top: 0;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.2);
  }
}
.header__modalinfo__header {
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
}
@media (min-width: 992px) {
  .header__modalinfo__header {
    position: relative;
    padding: 30px 36px;
  }
}
@media (max-width: 991px) {
  .header__modalinfo__header {
    position: fixed;
    left: 100%;
    top: 0;
    right: 0;
    padding: 20px 0;
    border-bottom: 1px solid #DEDEDE;
    z-index: 5;
    transition: all 0.3s ease;
  }
}
@media (max-width: 991px) {
  .header__modalinfo__header__body {
    padding: 0 14px;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    min-width: 375px;
    max-width: 720px;
  }
}
@media (max-width: 767px) {
  .header__modalinfo__header__body {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .header__modalinfo__header__body {
    max-width: 100%;
  }
}
.header__modalinfo__header .row {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.header__modalinfo__header__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__modalinfo__header__title i {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C1B17;
}
.header__modalinfo__header__title i svg {
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
  fill: currentColor;
}
.header__modalinfo__header__title span {
  font-weight: 700;
  font-size: 22px;
  color: #1C1B17;
}
.header__modalinfo__header__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  outline: none;
  padding: 0;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .header__modalinfo__header__close:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__modalinfo__header__close:hover {
    color: #1D87BB;
  }
}
.header__modalinfo__header__close svg {
  display: block;
  max-width: 14px;
  max-height: 14px;
  fill: currentColor;
}
.header__attationlist {
  position: relative;
}
.header__attationlist__item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DEDEDE;
}
.header__attationlist__item:last-child {
  margin-bottom: 0;
}
.header__attationlist__card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 0 14px;
  text-decoration: none;
}
@media (hover: hover) {
  .header__attationlist__card:hover .header__attationlist__card__icon {
    color: #1D87BB;
  }
  .header__attationlist__card:hover .header__attationlist__card__title {
    color: #1D87BB;
  }
  .header__attationlist__card:hover .header__attationlist__card__btn {
    color: #fff;
  }
  .header__attationlist__card:hover .header__attationlist__card__btn::before {
    opacity: 0;
  }
}
@media (hover: none) and (pointer: coarse) {
  .header__attationlist__card:hover .header__attationlist__card__icon {
    color: #1D87BB;
  }
  .header__attationlist__card:hover .header__attationlist__card__title {
    color: #1D87BB;
  }
}
.header__attationlist__card__body {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.header__attationlist__card__title {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  margin-bottom: 10px;
  color: #1C1B17;
  transition: color ease 0.3s;
}
@media (max-width: 991px) {
  .header__attationlist__card__title {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.header__attationlist__card__text {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  color: #B5B5B5;
}
@media (max-width: 991px) {
  .header__attationlist__card__text {
    font-size: 14px;
  }
}
.header__attationlist__card__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin-left: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C1B17;
  transition: color ease 0.3s;
}
.header__attationlist__card__icon svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.header__attationlist__card__btn {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  padding: 17px 20px 15px 20px;
  text-transform: uppercase;
  text-align: center;
  background: #00A046;
  border: none;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  z-index: 2;
}
@media (max-width: 991px) {
  .header__attationlist__card__btn {
    font-size: 14px;
  }
}
.header__attationlist__card__btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  background: #00A046;
  z-index: -1;
  transition: all ease 0.3s;
}
.header__attationlist__card__btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  background: linear-gradient(180deg, #00A046 0%, #B8CE01 100%);
  z-index: -2;
  transition: all ease 0.3s;
}
.header__contacts__item {
  margin-top: 30px;
}
.header__contacts__item:first-child {
  margin-top: 0;
}
.header__contacts__label {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 5px;
  color: #000;
}
.header__contacts__text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 129%;
  color: #000;
}
.header__contacts__text ul li {
  position: relative;
  padding-left: 20px;
}
.header__contacts__text ul li::after {
  content: "";
  position: absolute;
  left: 7px;
  width: 4px;
  height: 4px;
  top: 50%;
  margin-top: -3px;
  background-color: #000;
  border-radius: 50%;
  z-index: 2;
}
.header__contacts__link {
  display: inline-block;
  white-space: nowrap;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.29;
  text-decoration: none;
  color: #000;
}
.header__contacts__link:hover {
  color: #1D87BB;
}
.header__contacts__more {
  padding-top: 10px;
}
.header__contacts__list {
  position: relative;
}
.header__contacts__list__item {
  margin-top: 10px;
}
.header__contacts__list__item:first-child {
  margin-top: 0;
}

.text-fishmoney {
  display: inline-block;
  position: relative;
  padding-left: 34px;
}
.text-fishmoney::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 20px;
  background-image: url("./../img/icons/ic-fishmoney.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-fishmoney2 {
  display: inline-block;
  position: relative;
  padding-right: 34px;
}
.text-fishmoney2::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 20px;
  background-image: url("./../img/icons/ic-fishmoney.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.buycheaper {
  position: relative;
}
.buycheaper__item {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #DEDEDE;
}
@media (max-width: 1199px) {
  .buycheaper__item {
    margin-bottom: 21px;
    padding-bottom: 21px;
  }
}
@media (min-width: 992px) {
  .buycheaper .linesales__slider {
    width: auto;
    margin-left: -30px;
    margin-right: -30px;
    left: auto;
    transform: none;
  }
}
.buycheaper .linesales__slider .linesales__cardelse {
  width: 20px;
}
.buycheaper__title {
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  color: #1C1B17;
  margin-bottom: 21px;
}
@media (max-width: 1199px) {
  .buycheaper__title {
    font-size: 16px;
    margin-bottom: 7px;
  }
}
.buycheaper__title2 {
  font-weight: 700;
  font-size: 22px;
  color: #1C1B17;
  margin-bottom: 21px;
}
@media (max-width: 1199px) {
  .buycheaper__title2 {
    font-size: 14px;
  }
}
.buycheaper__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
  margin: 21px 0;
  color: #454545;
}
@media (max-width: 1199px) {
  .buycheaper__text {
    font-size: 15px;
    margin: 7px 0;
  }
}
.buycheaper__text:first-child {
  margin-top: 0;
}
.buycheaper__text:last-child {
  margin-bottom: 0;
}
.buycheaper__text__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  color: #393939;
  margin-bottom: 21px;
}
@media (max-width: 1199px) {
  .buycheaper__text__title {
    font-size: 16px;
    margin-bottom: 14px;
  }
}
.buycheaper__wallet {
  text-align: center;
  margin: 28px 0;
  text-align: center;
  color: #454545;
}
@media (max-width: 1199px) {
  .buycheaper__wallet {
    background-color: #fff;
    border-radius: 20px;
    padding: 10px 15px;
  }
}
.buycheaper__wallet:first-child {
  margin-top: 0;
}
.buycheaper__wallet:last-child {
  margin-bottom: 0;
}
.buycheaper__wallet__label {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 4px;
}
.buycheaper__wallet__text {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.29;
}
.buycheaper__wallet__text span {
  display: inline-block;
  position: relative;
  padding-right: 57px;
}
.buycheaper__wallet__text span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 49px;
  height: 33px;
  background-image: url("./../img/icons/ic-fishmoney.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.buycheaper__slider {
  position: relative;
  margin: 0 -30px;
  overflow: initial;
}
@media (max-width: 991px) {
  .buycheaper__slider {
    margin: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.buycheaper__slider__item {
  padding: 2px 3px 4px 3px;
  width: 181px;
}
@media (max-width: 1199px) {
  .buycheaper__slider__item {
    width: 136px;
  }
}
.buycheaper__slider__wrap .slider__nav {
  left: 10px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.buycheaper__slider__wrap .slider__nav__btn {
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
}
.buycheaper__slider__title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 28px;
}
@media (max-width: 1199px) {
  .buycheaper__slider__title {
    font-size: 15px;
    margin-bottom: 14px;
  }
}
.buycheaper__slider__card {
  position: relative;
  width: 175px;
  height: 115px;
}
@media (max-width: 1199px) {
  .buycheaper__slider__card {
    width: 130px;
    height: 85px;
  }
}
.buycheaper__slider__card label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  z-index: 3;
}
.buycheaper__slider__card input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
}
.buycheaper__slider__card input:checked + .buycheaper__slider__card__body {
  border-color: #F29C2B;
  color: #454545;
}
.buycheaper__slider__card input:disabled + .buycheaper__slider__card__body {
  opacity: 0.4;
  cursor: default;
}
.buycheaper__slider__card__body {
  width: 175px;
  height: 115px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  background: #fff;
  border: 1px solid #B5B5B5;
  border-radius: 10px;
  text-align: center;
  padding: 15px;
  color: #B5B5B5;
  transition: all ease 0.3s;
}
@media (max-width: 1199px) {
  .buycheaper__slider__card__body {
    width: 130px;
    height: 85px;
    padding: 10px;
  }
}
.buycheaper__slider__card__name {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 4px;
}
@media (max-width: 1199px) {
  .buycheaper__slider__card__name {
    font-size: 18px;
  }
}
.buycheaper__slider__card__persent {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 13px;
}
@media (max-width: 1199px) {
  .buycheaper__slider__card__persent {
    font-size: 18px;
    margin-bottom: 7px;
  }
}
.buycheaper__slider__card__persent:last-child {
  margin-bottom: 0;
}
.buycheaper__slider__card__fmmoney {
  font-weight: 400;
  font-size: 16px;
}
.buycheaper__slider__card__fmmoney span {
  font-weight: 700;
}
@media (max-width: 1199px) {
  .buycheaper__slider__card__fmmoney {
    font-size: 14px;
  }
}
.buycheaper__more {
  text-align: center;
  padding-top: 31px;
}
.buycheaper__more .mbtn {
  max-width: 357px;
  margin-left: auto;
  margin-right: auto;
}
.buycheaper__socio {
  list-style: none;
  margin: 0;
  padding: 0;
}
.buycheaper__socio li {
  margin-top: 21px;
}
.buycheaper__socio li:first-child {
  margin-top: 0;
}
.buycheaper__socio__card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 10px;
  overflow: hidden;
  color: #fff;
  max-width: 336px;
  text-decoration: none;
  min-height: 48px;
}
@media (hover: hover) {
  .buycheaper__socio__card:hover {
    color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .buycheaper__socio__card:hover {
    color: #fff;
  }
}
.buycheaper__socio__card__icon {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buycheaper__socio__card__icon img, .buycheaper__socio__card__icon svg {
  display: block;
  max-width: 24px;
  max-height: 24px;
}
.buycheaper__socio__card__text {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  font-weight: 400;
  font-size: 18px;
  padding: 0 10px;
}
.buycheaper__socio__card__money {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 22px;
  padding-left: 11px;
  padding-right: 11px;
  min-width: 119px;
}
.buycheaper__socio__card__money span {
  display: inline-block;
  position: relative;
  padding-right: 34px;
}
.buycheaper__socio__card__money span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 20px;
  background-image: url("./../img/icons/ic-fishmoney.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.buycheaper__socio__card.style-facebook {
  background-color: #3B5998;
}
.buycheaper__socio__card.style-facebook .buycheaper__socio__card__money {
  background-color: rgba(128, 169, 255, 0.5);
}
.buycheaper__socio__card.style-vk {
  background-color: #4D76A1;
}
.buycheaper__socio__card.style-vk .buycheaper__socio__card__money {
  background-color: rgba(97, 151, 208, 0.5);
}
.buycheaper__socio__card.style-ok {
  background-color: #FA9415;
}
.buycheaper__socio__card.style-ok .buycheaper__socio__card__money {
  background-color: rgba(252, 171, 70, 0.5);
}
.buycheaper__socio__card.style-else {
  background-color: #25A0DD;
  max-width: 420px;
}
.buycheaper__socio__card.style-else .buycheaper__socio__card__text {
  padding: 0 20px;
}
.buycheaper__socio__card.style-else .buycheaper__socio__card__money {
  background-color: rgba(132, 214, 255, 0.5);
}

.mobilemenu {
  position: fixed;
  top: 0;
  left: 100%;
  right: 0;
  height: 100vh;
  background-color: #F3F3F3;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  z-index: 105;
}
@media (max-width: 991px) {
  .mobilemenu.mobilemenu__opened {
    left: 0;
  }
  .mobilemenu.mobilemenu__opened .mobilemenu__header {
    left: 0;
  }
}
.mobilemenu__body {
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 63px;
  height: calc(100vh - 63px);
  padding: 20px 0;
}
.mobilemenu__header {
  position: fixed;
  left: 100%;
  top: 0;
  right: 0;
  padding: 20px 0;
  border-bottom: 1px solid #DEDEDE;
  z-index: 5;
}
.mobilemenu__header__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #1C1B17;
  cursor: pointer;
  transition: all ease 0.3s;
}
@media (hover: hover) {
  .mobilemenu__header__close:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .mobilemenu__header__close:hover {
    color: #1D87BB;
  }
}
.mobilemenu__header__close svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  fill: currentColor;
}
.mobilemenu__header__title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.mobilemenu__header__title i {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1C1B17;
}
.mobilemenu__header__title i svg {
  max-width: 20px;
  max-height: 20px;
  object-fit: contain;
  fill: currentColor;
}
.mobilemenu__header__title span {
  font-weight: 700;
  font-size: 22px;
  color: #1C1B17;
}
.mobilemenu__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
  margin-bottom: 14px;
  color: #000;
}
.mobilemenu__link {
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
  background: #fff;
  text-decoration: none;
  padding: 11px 19px;
  color: #1C1B17;
  text-wrap: nowrap;
}
.mobilemenu__item {
  margin-top: 40px;
}
.mobilemenu__item:first-child {
  margin-top: 0;
}
.mobilemenu__nav {
  position: relative;
}
.mobilemenu__nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobilemenu__nav__list__item {
  display: block;
  margin-top: 20px;
}
.mobilemenu__nav__list__item:first-child {
  margin-top: 0;
}
.mobilemenu__nav__list__item.active > .mobilemenu__nav__sublast {
  display: block;
}
.mobilemenu__nav__list__item.active .mobilemenu__nav__link > .icon {
  transform: rotate(180deg);
}
.mobilemenu__nav__link {
  display: block;
  position: relative;
  padding: 0 30px 0 0;
  font-size: 18px;
  line-height: 1.29;
  font-weight: 700;
  text-decoration: none;
  color: #1C1B17;
}
.mobilemenu__nav__link:hover {
  color: #1C1B17;
}
.mobilemenu__nav__link .text {
  display: inline-block;
}
.mobilemenu__nav__link .icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  transition: all ease 0.3s;
}
.mobilemenu__nav__link .icon svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
.mobilemenu__nav__submenu__list {
  list-style: none;
  margin: 0;
  padding: 20px 0 0 0;
}
.mobilemenu__nav__submenu__list__item {
  display: block;
  margin-top: 20px;
}
.mobilemenu__nav__submenu__list__item:first-child {
  margin-top: 0;
}
.mobilemenu__nav__submenu__list li.header__catalog__submenu__card__wsubmenu.active > a > i {
  transform: rotate(180deg);
}
.mobilemenu__nav__submenu__list li.header__catalog__submenu__card__wsubmenu.active > ul {
  display: block;
}
.mobilemenu__nav__submenu__list li.header__catalog__submenu__card__wsubmenu > ul {
  display: none;
}
.mobilemenu__nav__submenu__link {
  display: block;
  position: relative;
  padding: 0 30px 0 0;
  font-size: 18px;
  line-height: 1.29;
  font-weight: 400;
  text-decoration: none;
  color: #1C1B17;
}
.mobilemenu__nav__submenu__link:hover {
  color: #1C1B17;
}
.mobilemenu__nav__submenu__link .text {
  display: inline-block;
}
.mobilemenu__nav__submenu__link .icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  transition: all ease 0.3s;
}
.mobilemenu__nav__submenu__link .icon svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
.mobilemenu__nav__category {
  position: fixed;
  left: 0;
  top: 63px;
  bottom: 0;
  right: 0;
  padding: 30px 0;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translateX(100%);
  z-index: 100;
  transition: all ease 0.3s;
}
.mobilemenu__nav__category.active {
  transform: translateX(0);
}
.mobilemenu__nav__category__prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #1C1B17;
  background-color: #F3F3F3;
  border-radius: 6px;
}
.mobilemenu__nav__category__prev svg {
  max-width: 14px;
  max-height: 14px;
  object-fit: contain;
}
.mobilemenu__nav__category__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobilemenu__nav__category__list__item {
  margin-top: 20px;
}
.mobilemenu__nav__category__list__item:first-child {
  margin-top: 0;
}
.mobilemenu__nav__category__list__item.active > .mobilemenu__nav__sublast {
  display: block;
}
.mobilemenu__nav__category__list__item.active .mobilemenu__nav__category__link .icon {
  transform: rotate(180deg);
}
.mobilemenu__nav__category__link {
  display: block;
  position: relative;
  padding: 0 30px 0 0;
  font-size: 18px;
  line-height: 1.29;
  font-weight: 400;
  text-decoration: none;
  color: #1C1B17;
}
.mobilemenu__nav__category__link:hover {
  color: #1C1B17;
}
.mobilemenu__nav__category__link .text {
  display: inline-block;
}
.mobilemenu__nav__category__link .icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  transition: all ease 0.3s;
}
.mobilemenu__nav__category__link .icon svg {
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
}
.mobilemenu__nav__category__title {
  margin-bottom: 20px;
}
.mobilemenu__nav__category__title .row {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin: 0 -5px;
}
.mobilemenu__nav__category__title .row > div {
  padding: 0 5px;
}
.mobilemenu__nav__category__name {
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  color: #1C1B17;
  text-decoration: none;
}
.mobilemenu__nav__category__name:hover {
  color: #1D87BB;
}
.mobilemenu__nav__sublast {
  overflow: hidden;
  display: none;
  transition: max-height ease 0.3s;
}
.mobilemenu__nav__sublast ul {
  list-style: none;
  margin: 0;
  padding: 20px 0 20px 20px;
}
.mobilemenu__nav__sublast ul li {
  display: block;
  margin-top: 20px;
}
.mobilemenu__nav__sublast ul li:first-child {
  margin-top: 0;
}
.mobilemenu__nav__sublast ul li.header__catalog__submenu__card__wsubmenu.active > a > i {
  transform: rotate(180deg);
}
.mobilemenu__nav__sublast ul li.header__catalog__submenu__card__wsubmenu.active > ul {
  display: block;
}
.mobilemenu__nav__sublast ul li.header__catalog__submenu__card__wsubmenu > ul {
  display: none;
}
.mobilemenu__nav__sublast ul a {
  display: inline-block;
  color: #7C7C7C;
  text-decoration: none;
  position: relative;
}
.mobilemenu__nav__sublast ul a:hover, .mobilemenu__nav__sublast ul a.active {
  color: #1D87BB;
}
.mobilemenu__nav__sublast ul a i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  transition: all ease 0.3s;
}
.mobilemenu__nav__sublast ul a i svg {
  max-width: 12px;
  max-height: 12px;
  object-fit: contain;
}
.mobilemenu__nav__sublast ul a i + span {
  display: block;
  padding-right: 26px;
}
.mobilemenu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-y: hidden;
  overflow-x: auto;
  width: 100vw;
  position: relative;
  transform: translateX(-50%);
  left: 50%;
}
.mobilemenu__list__item {
  margin-left: 16px;
  lex: 0 0 auto;
  width: auto;
}
.mobilemenu__list__item:first-child {
  margin-left: 0;
}

.footer {
  width: 100%;
  background-color: #454545;
  color: #B5B5B5;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  color: #B5B5B5;
  padding-top: 56px;
  padding-bottom: 46px;
  z-index: 3;
  position: relative;
}
@media (max-width: 991px) {
  .footer {
    padding-bottom: 33px;
    padding-top: 15px;
  }
}
.footer .container {
  position: relative;
}
.footer__totop {
  position: absolute;
  left: -28px;
  bottom: 100%;
  display: block;
  width: 52px;
  height: 945px;
  z-index: 1;
}
@media (max-width: 991px) {
  .footer__totop {
    bottom: calc(100% - 30px);
  }
}
@media (max-width: 767px) {
  .footer__totop {
    left: 0;
  }
}
.footer__totop a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("./../img/bg-linktotop.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mask-image: linear-gradient(to top, black 0%, transparent 100%);
  z-index: 1;
}
.footer__body__row {
  margin-left: -7px;
  margin-right: -7px;
}
.footer__body__row__item {
  padding-left: 7px;
  padding-right: 7px;
}
@media (max-width: 991px) {
  .footer__body__row__item:first-child {
    margin-top: 0;
    margin-top: 0;
  }
  .footer__body__row__item:first-child::after {
    display: none;
  }
}
.footer__card.active .footer__title__link i {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .footer__card__slide {
    overflow: hidden;
    max-height: 0;
    transition: all ease 0.3s;
  }
}
@media (max-width: 991px) {
  .footer__card {
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
  }
  .footer__card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #7C7C7C;
  }
}
.footer__title {
  font-weight: 700;
  font-size: 22px;
  color: #F3F3F3;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .footer__title {
    display: none;
  }
}
.footer__title__link {
  display: none;
  width: 100%;
  position: relative;
  padding: 8px 36px 8px 0;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
}
@media (max-width: 991px) {
  .footer__title__link {
    display: block;
  }
}
@media (hover: hover) {
  .footer__title__link:hover {
    color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer__title__link:hover {
    color: #fff;
  }
}
.footer__title__link span {
  display: inline-block;
}
.footer__title__link i {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #7C7C7C;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.footer__title__link i svg {
  max-width: 14px;
  max-height: 14px;
  object-fit: contain;
  fill: currentColor;
}
.footer__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .footer__menu {
    padding-top: 5px;
  }
}
.footer__menu__item {
  margin-top: 14px;
}
.footer__menu__item:first-child {
  margin-top: 0;
}
.footer__menu__link {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #DEDEDE;
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .footer__menu__link:hover {
    color: #fff;
    text-decoration-color: #fff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer__menu__link:hover {
    color: #fff;
    text-decoration-color: #fff;
  }
}
.footer__contacts {
  margin-top: 15px;
}
@media (max-width: 991px) {
  .footer__contacts {
    margin-top: 33px;
  }
}
.footer__contacts ul {
  list-style: none;
  margin: -3px;
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .footer__contacts ul {
    margin: -5px;
    justify-content: center;
  }
}
.footer__contacts ul li {
  padding: 3px;
}
@media (max-width: 991px) {
  .footer__contacts ul li {
    padding: 5px;
  }
}
.footer__contacts ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .footer__contacts ul a {
    width: 30px;
    height: 30px;
  }
}
@media (hover: hover) {
  .footer__contacts ul a:hover {
    transform: translateY(-4px);
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer__contacts ul a:hover {
    transform: translateY(-4px);
  }
}
.footer__contacts ul a img, .footer__contacts ul a svg {
  object-fit: cover;
}
.footer__copy {
  position: relative;
  padding-top: 28px;
  border-top: 1px solid #7C7C7C;
  margin-top: 35px;
  text-align: center;
}
@media (max-width: 991px) {
  .footer__copy {
    margin-top: 20px;
    border: none;
    padding-top: 0;
  }
}
.footer__copy__body {
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .footer__copy__body {
    max-width: 81.87%;
  }
}
.footer__copy__body span {
  display: inline;
  padding-left: 4px;
}
.footer__copy__body span::before {
  content: "|";
  display: inline-block;
  margin-right: 4px;
}
.footer__copy__body span:first-child {
  margin-left: 0;
}
.footer__copy__body span:first-child::before {
  display: none;
}
.footer__copy__body a {
  text-decoration-color: transparent;
}
@media (hover: hover) {
  .footer__copy__body a:hover {
    color: #fff;
    text-decoration-color: inherit;
  }
}
@media (hover: none) and (pointer: coarse) {
  .footer__copy__body a:hover {
    color: #fff;
    text-decoration-color: inherit;
  }
}

.modal {
  background-color: #fff !important;
  width: 100%;
  position: relative;
  display: none;
}
.modal.modal-mini {
  padding: 56px;
  max-width: 700px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .modal.modal-mini {
    padding: 0;
    border-radius: 0;
  }
}
.modal.modal-middle {
  padding: 56px;
  max-width: 868px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .modal.modal-middle {
    padding: 0;
    border-radius: 0;
  }
}
.modal.modal-kingsize {
  padding: 0;
  max-width: 1440px;
  border-radius: 5px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .modal.modal-kingsize {
    height: calc(100dvh - 60px);
    min-height: 700px;
  }
}
@media (max-width: 1199px) {
  .modal.modal-kingsize {
    max-width: 932px;
  }
}
@media (max-width: 991px) {
  .modal.modal-kingsize {
    max-width: 100%;
    padding: 0;
    border-radius: 0;
  }
}
.modal.modal-kingsize .modal__content,
.modal.modal-kingsize .modal__content__body,
.modal.modal-kingsize .modalmagazin {
  height: 100%;
}
@media (max-width: 991px) {
  .modal.modal-kingsize .modal__content,
.modal.modal-kingsize .modal__content__body,
.modal.modal-kingsize .modalmagazin {
    height: auto;
  }
}
.modal.modal-signup {
  padding: 0;
  max-width: 1440px;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .modal.modal-signup {
    max-width: 630px;
  }
}
@media (max-width: 991px) {
  .modal.modal-signup {
    max-width: 100%;
    padding: 0;
    border-radius: 0;
  }
}
.modal.modal-addpvz {
  padding: 0;
  max-width: 1440px;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .modal.modal-addpvz {
    max-width: 100%;
    padding: 0;
    border-radius: 0;
  }
}
@media (max-width: 991px) {
  .modal.modal-addpvz .modal__content {
    padding: 30px 0 0 0 !important;
  }
}
.modal__content__item {
  margin-top: 35px;
}
.modal__content__item:first-child {
  margin-top: 0;
}
.modal__footer {
  flex: 0 0 auto;
  height: auto;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  padding: 20px 0;
  box-shadow: 0 -12px 22px 0 rgba(168, 168, 168, 0.25);
  border-top: 1px solid #DEDEDE;
  position: relative;
  z-index: 3;
}
.modal__header {
  position: relative;
  background: linear-gradient(180deg, #F7F7F7 0%, #F0F0F0 100%);
  color: #1C1B17;
  border-bottom: 1px solid #DEDEDE;
  z-index: 5;
  flex: 0 0 auto;
  height: auto;
  z-index: 3;
}
.modal__header__title .row {
  align-items: center;
  margin: -5px;
  min-height: 65px;
}
.modal__header__title .row > div {
  padding: 5px;
}
.modal__header__title__text {
  font-weight: 700;
  font-size: 22px;
  color: #393939;
}
.modal__header__title__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #1C1B17;
}
.modal__header__title__icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
}
.modal__header__title__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #1C1B17;
}
.modal__header__title__close:hover {
  color: #1D87BB;
}
.modal__header__title__close svg {
  display: block;
  max-width: 16px;
  max-height: 16px;
  fill: currentColor;
}
.modal__info__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  margin: 0 auto 28px auto;
}
@media (max-width: 991px) {
  .modal__info__icon {
    height: 63px;
    width: 63px;
    margin-bottom: 21px;
  }
}
.modal__info__icon img, .modal__info__icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.modal__info__icon2 {
  width: 120px;
  height: 120px;
  background-color: #FFF9DD;
  border-radius: 10px;
  margin: 0 auto 28px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .modal__info__icon2 {
    height: 98px;
    width: 98px;
    margin-bottom: 21px;
  }
}
.modal__info__icon2 img, .modal__info__icon2 svg {
  display: block;
  max-width: 60px;
  max-height: 60px;
}
@media (max-width: 991px) {
  .modal__info__icon2 img, .modal__info__icon2 svg {
    max-width: 49px;
    max-height: 49px;
  }
}
.modal__info__des {
  text-align: center;
  margin-bottom: 49px;
  color: #7C7C7C;
}
@media (max-width: 991px) {
  .modal__info__des {
    margin-bottom: 35px;
  }
}
.modal__info__des__title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 21px;
  color: #1C1B17;
}
.modal__info__des__title:last-child {
  margin-bottom: 0;
}
.modal__info__des__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.29;
}
@media (max-width: 991px) {
  .modal__info__des__text {
    font-size: 15px;
  }
}
.modal__info__more {
  max-width: 400px;
  margin: 0 auto;
}
.modal__orderaccepted {
  max-width: 572px;
  margin: 0 auto;
  text-align: center;
}
.modal__orderaccepted__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  margin: 0 auto 28px auto;
}
@media (max-width: 991px) {
  .modal__orderaccepted__icon {
    height: 63px;
    width: 63px;
    margin-bottom: 21px;
  }
}
.modal__orderaccepted__icon img, .modal__orderaccepted__icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.modal__orderaccepted__title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 21px;
  color: #1C1B17;
}
.modal__orderaccepted__title:last-child {
  margin-bottom: 0;
}
.modal__orderaccepted__status {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 28px;
  position: relative;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status {
    margin-bottom: 35px;
  }
}
.modal__orderaccepted__status::after {
  content: "";
  position: absolute;
  left: 50px;
  right: 50px;
  top: 36px;
  height: 2px;
  background-color: #DEDEDE;
  z-index: -2;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status::after {
    top: 28px;
    left: 20px;
    right: 20px;
  }
}
.modal__orderaccepted__status__item {
  flex: 0 0 auto;
  width: 33.33333333%;
  position: relative;
}
.modal__orderaccepted__status__item:first-child {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.modal__orderaccepted__status__item:last-child {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.modal__orderaccepted__status__item.active:first-child::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 0;
  top: 34px;
  height: 6px;
  background-color: #F3D470;
  z-index: -1;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__item.active:first-child::after {
    top: 26px;
  }
}
.modal__orderaccepted__status__item.active:nth-child(2)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 34px;
  height: 6px;
  background-color: #F3D470;
  z-index: -1;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__item.active:nth-child(2)::after {
    top: 26px;
  }
}
.modal__orderaccepted__status__item.active:last-child::after {
  content: "";
  position: absolute;
  right: 10%;
  left: 0;
  top: 34px;
  height: 6px;
  background-color: #F3D470;
  z-index: -1;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__item.active:last-child::after {
    top: 26px;
  }
}
.modal__orderaccepted__status__item.active .modal__orderaccepted__status__card i {
  color: #1C1B17;
}
.modal__orderaccepted__status__item.active .modal__orderaccepted__status__card i svg {
  max-width: 50px;
  max-height: 50px;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__item.active .modal__orderaccepted__status__card i svg {
    max-width: 32px;
    max-height: 32px;
  }
}
.modal__orderaccepted__status__item.active .modal__orderaccepted__status__card i::after {
  width: 70px;
  height: 70px;
  background-color: #F3D470;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__item.active .modal__orderaccepted__status__card i::after {
    width: 55px;
    height: 55px;
  }
}
.modal__orderaccepted__status__card {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.modal__orderaccepted__status__card i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  position: relative;
  color: #7C7C7C;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__card i {
    width: 55px;
    height: 55px;
    margin-bottom: 3px;
  }
}
.modal__orderaccepted__status__card i svg {
  display: block;
  max-width: 30px;
  max-height: 30px;
  fill: currentColor;
  transition: all ease 0.3s;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__card i svg {
    max-width: 24px;
    max-height: 24px;
  }
}
.modal__orderaccepted__status__card i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #DEDEDE;
  transition: all ease 0.3s;
  z-index: -1;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__card i::after {
    width: 40px;
    height: 40px;
  }
}
.modal__orderaccepted__status__card span {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.29;
  color: #1C1B17;
}
@media (max-width: 991px) {
  .modal__orderaccepted__status__card span {
    font-size: 16px;
    font-weight: 400;
  }
}
.modal__orderaccepted__des {
  color: #1C1B17;
}
@media (max-width: 991px) {
  .modal__orderaccepted__des {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
  }
}
.modal__orderaccepted__des__title {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.29;
  text-transform: uppercase;
  margin-bottom: 21px;
}
@media (max-width: 991px) {
  .modal__orderaccepted__des__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
  }
}
.modal__orderaccepted__des__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
}
@media (max-width: 991px) {
  .modal__orderaccepted__des__text {
    font-weight: 400;
    font-size: 14px;
  }
}
.modal__orderaccepted__des__more {
  padding-top: 35px;
  max-width: 400px;
  margin: 0 auto;
}
.modal__orderaccepted__des__more:first-child {
  margin-top: 0;
}
.modal__orderpaid {
  max-width: 572px;
  margin: 0 auto;
  text-align: center;
}
.modal__orderpaid__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  width: 100px;
  margin: 0 auto 28px auto;
}
@media (max-width: 991px) {
  .modal__orderpaid__icon {
    height: 63px;
    width: 63px;
    margin-bottom: 21px;
  }
}
.modal__orderpaid__icon img, .modal__orderpaid__icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.modal__orderpaid__title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 21px;
  color: #1C1B17;
}
.modal__orderpaid__title:last-child {
  margin-bottom: 0;
}
.modal__orderpaid__des {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.29;
  margin-bottom: 23px;
  color: #1C1B17;
}
.modal__orderpaid__des:last-child {
  margin-bottom: 0;
}
.modal__orderpaid__bonus {
  border: 1px solid #DEDEDE;
  max-width: 462px;
  margin: 0 auto;
  border-radius: 5px;
  background-color: #fff;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #454545;
}
.modal__orderpaid__bonus__label {
  font-weight: 700;
  font-size: 14px;
  line-height: 129%;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.modal__orderpaid__bonus__price {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.29;
}
.modal__orderpaid__more {
  padding-top: 35px;
  max-width: 400px;
  margin: 0 auto;
}
.modal__orderpaid__more:first-child {
  margin-top: 0;
}
.modal__whoareyou {
  position: relative;
}
.modal__whoareyou__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 512px;
  margin: 0 auto 77px auto;
}
@media (max-width: 991px) {
  .modal__whoareyou__header {
    flex-direction: column;
    margin-bottom: 28px;
  }
}
.modal__whoareyou__header__img {
  flex: 0 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 32px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .modal__whoareyou__header__img {
    margin-right: 0;
    width: 168px;
    height: 168px;
    margin-bottom: 25px;
  }
}
.modal__whoareyou__header__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal__whoareyou__header__name {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.29;
  color: #1C1B17;
}
@media (max-width: 991px) {
  .modal__whoareyou__header__name {
    text-align: center;
    font-size: 22px;
  }
}
.modal__whoareyou__content {
  position: relative;
}
.modal__whoareyou__phone {
  text-align: center;
  line-height: 1.29;
  color: #1C1B17;
}
.modal__whoareyou__phone span {
  display: inline-block;
  font-weight: 400;
  font-size: 20px;
  margin-right: 35px;
  color: #454545;
}
@media (max-width: 991px) {
  .modal__whoareyou__phone span {
    font-size: 15px;
    display: block;
    margin: 0 auto 13px auto;
  }
}
.modal__whoareyou__phone b {
  display: inline-block;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 991px) {
  .modal__whoareyou__phone b {
    display: block;
    font-size: 16px;
  }
}
.modal__whoareyou__more {
  padding-top: 63px;
}
.modal__whoareyou__more:first-child {
  padding-top: 0;
}
@media (max-width: 991px) {
  .modal__whoareyou__more {
    display: none;
  }
}
.modal__signup {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.modal__signup__header {
  margin-bottom: 33px;
  text-align: center;
}
.modal__signup__header__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 33px auto;
  width: 100px;
  height: 100px;
}
@media (max-width: 991px) {
  .modal__signup__header__icon {
    width: 84px;
    height: 84px;
    margin-bottom: 21px;
  }
}
.modal__signup__header__icon svg, .modal__signup__header__icon img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.modal__signup__header__title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.29;
  color: #1C1B17;
}
@media (max-width: 991px) {
  .modal__signup__header__title {
    font-size: 23px;
  }
}
.modal__signup__body {
  flex: 0 0 auto;
  width: 630px;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .modal__signup__body {
    width: 100%;
    padding: 0;
  }
}
.modal__signup__body__content {
  max-width: 420px;
}
@media (max-width: 991px) {
  .modal__signup__body__content {
    max-width: 365px;
  }
}
.modal__signup__side {
  flex: 1 0 0;
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1199px) {
  .modal__signup__side {
    display: none;
  }
}
.modal__signup__side__bgimg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #2980B9;
  background: url("./../img/signup/bg-modalsignup.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: 1;
}
.modal__signup__side__bgimg__logo {
  position: absolute;
  top: 35px;
  right: 103px;
  width: 114px;
  z-index: 2;
}
.modal__signup__side__bgimg__logo img, .modal__signup__side__bgimg__logo svg {
  display: block;
  width: 100%;
  height: auto;
}
.modal__signup__side__content {
  position: relative;
  text-align: center;
  color: #fff;
  line-height: 1.29;
  z-index: 3;
}
.modal__signup__side__title {
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 21px;
}
.modal__signup__side__text {
  font-weight: 400;
  font-size: 23px;
}
.modal__signup__socio {
  padding-top: 76px;
}
@media (max-width: 991px) {
  .modal__signup__socio {
    padding-top: 70px;
  }
}
.modal__signup__socio__title {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.29;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 36px;
  color: #1C1B17;
}
@media (max-width: 991px) {
  .modal__signup__socio__title {
    font-size: 14px;
    margin-bottom: 21px;
  }
}
.modal__signup__socio__list {
  list-style: none;
  padding: 0;
  margin: -7px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.modal__signup__socio__list li {
  flex: 0 0 auto;
  padding: 7px;
  min-width: 105px;
}
@media (max-width: 991px) {
  .modal__signup__socio__list li {
    min-width: 90px;
  }
}
.modal__signup__socio__link {
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.29;
  text-align: center;
  color: #000;
}
@media (max-width: 991px) {
  .modal__signup__socio__link {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .modal__signup__socio__link:hover {
    color: #1D87BB;
  }
}
@media (hover: none) and (pointer: coarse) {
  .modal__signup__socio__link:hover {
    color: #1D87BB;
  }
}
.modal__signup__socio__link i {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background-color: #F3F3F3;
  margin: 0 auto 14px auto;
}
@media (max-width: 991px) {
  .modal__signup__socio__link i {
    width: 60px;
    height: 60px;
  }
}
.modal__signup__socio__link i svg, .modal__signup__socio__link i img {
  display: block;
  max-width: 48px;
  max-height: 48px;
  object-fit: contain;
}
@media (max-width: 991px) {
  .modal__signup__socio__link i svg, .modal__signup__socio__link i img {
    max-width: 40px;
    max-height: 40px;
  }
}
.modal__signup__checkconfirm {
  padding-top: 35px;
}
.modal__signup__form {
  position: relative;
}
.modal__signup__form .mbtn {
  min-width: 230px;
}
.modal__signup__form__item {
  margin-top: 30px;
  text-align: center;
}
.modal__signup__form__item:first-child {
  margin-top: 0;
}
.modal__signup__form__info {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.29;
  text-align: center;
  padding: 19px 0;
  color: #7C7C7C;
}
@media (max-width: 991px) {
  .modal__signup__form__info {
    padding: 14px 0;
  }
}
.modal__signup__form__info:first-child {
  padding-top: 0;
}
.modal__signup__form__info:last-child {
  padding-bottom: 0;
}
.modal__signup__form__info a {
  display: inline-block;
  color: #1D87BB;
}
.modal__signup__pincode__input {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal__signup__pincode__input input {
  margin: 0 5px;
  display: block;
  border: none;
  border-bottom: 3px solid #1D87BB;
  outline: none;
  padding: 0;
  text-align: center;
  width: 54px;
  height: 42px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.29;
}
@media (max-width: 991px) {
  .modal__signup__pincode__input input {
    width: 46px;
  }
}
.modal__signup__pincode__input input::placeholder {
  color: #DEDEDE;
}

.fancy-modaldefault .fancybox__content > .f-button.is-close-btn {
  top: 20px;
  right: 20px;
  color: #333;
  opacity: 1;
  background: none;
}
@media (max-width: 991px) {
  .fancy-modaldefault .fancybox__content > .f-button.is-close-btn {
    top: 10px;
    right: 10px;
  }
}
.fancy-modaldefault .fancybox__content > .f-button.is-close-btn:hover, .fancy-modaldefault .fancybox__content > .f-button.is-close-btn:focus {
  color: #1D87BB;
}

.fancybox__container.fancy-modalfullmobile .fancybox__content > .f-button.is-close-btn {
  top: 20px;
  right: 20px;
  color: #333;
  opacity: 1;
  background: none;
}
@media (max-width: 991px) {
  .fancybox__container.fancy-modalfullmobile .fancybox__content > .f-button.is-close-btn {
    display: none !important;
  }
}
.fancybox__container.fancy-modalfullmobile .fancybox__content > .f-button.is-close-btn:hover, .fancybox__container.fancy-modalfullmobile .fancybox__content > .f-button.is-close-btn:focus {
  color: #1D87BB;
}
@media (min-width: 1200px) {
  .fancybox__container.fancy-modalfullmobile.fancy-modalsignup .fancybox__content > .f-button.is-close-btn {
    color: #fff;
  }
  .fancybox__container.fancy-modalfullmobile.fancy-modalsignup .fancybox__content > .f-button.is-close-btn:hover, .fancybox__container.fancy-modalfullmobile.fancy-modalsignup .fancybox__content > .f-button.is-close-btn:focus {
    color: #1D87BB;
  }
}
.fancybox__container.fancy-modalfullmobile .fancybox__slide {
  padding: 30px;
}
@media (max-width: 991px) {
  .fancybox__container.fancy-modalfullmobile .fancybox__slide {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .fancybox__container.fancy-modalfullmobile .fancybox__slide.has-close-btn {
    padding: 0;
  }
}
.fancybox__container.fancy-modalfullmobile:not(.is-compact) {
  padding-top: 0 !important;
}
@media (max-width: 991px) {
  .fancybox__container.fancy-modalfullmobile .modal {
    max-width: 100%;
    height: 100dvh;
    display: flex !important;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .fancybox__container.fancy-modalfullmobile .modal.modal-middle {
    padding: 56px;
    max-width: 868px;
    border-radius: 5px;
  }
}
@media (max-width: 991px) {
  .fancybox__container.fancy-modalfullmobile .modal__content {
    flex: 1 0 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 49px 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 991px) {
  .fancybox__container.fancy-modalfullmobile .modal__content__body {
    min-width: 375px;
    max-width: 720px;
    padding-left: 14px;
    padding-right: 14px;
    margin: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .fancybox__container.fancy-modalfullmobile .modal__content__body {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .fancybox__container.fancy-modalfullmobile .modal__content__body {
    max-width: 100%;
  }
}
.fancybox__container.fancy-modalfullmobile .modal.modal-kingsize .modal__content {
  padding-top: 0;
  padding-bottom: 0;
}


.nvideos {
  position: relative;
}
.nvideos__nav {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  z-index: 15;
  transition: all ease .3s;
}
.nvideos__nav:hover {
  background-color: rgba(0, 0, 0, 1);
}
.nvideos__nav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all ease 0.3s;
}
.nvideos__nav__link:hover {
  filter: grayscale(0);
  opacity: 1;
}
.nvideos__nav__link.active {
  cursor: default;
  filter: grayscale(0);
  opacity: 1;
}
.nvideos__nav__link img, .nvideos__nav__link svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.nvideos__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 720/405;
  background-color: #454545;
  background-image: url('./../img/header-logo.svg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 200px auto;
}
.nvideos__content iframe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.nvideos__content video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0;
}

.pageinside__article .nvideos {
  margin: 40px 0;
}
.block__text iframe  {
  display: block;
  max-width: 100%;
}
@media (max-width: 991px) {
  .pageinside__article .nvideos {
    margin: 30px 0;
  }
}
.pageinside__article .nvideos:first-child {
  margin-top: 0;
}
.pageinside__article .nvideos:last-child {
  margin-bottom: 0;
}