:root {
  --accent: #7a1122;
}

@font-face {
  font-weight: 400;
  font-family: "Nunito Sans";
  font-style: normal;

  font-display: swap;
  src: url("../fonts/nunitosans-regular.woff2") format("woff2");
}
@font-face {
  font-weight: 700;
  font-family: "Nunito Sans";
  font-style: normal;

  font-display: swap;
  src: url("../fonts/nunitosans-bold.woff2") format("woff2");
}
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  min-width: 360px;

  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  color: #2f1a0e;

  background-color: #ffffff;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #7a1122;
  -webkit-tap-highlight-color: transparent;
}

.inner-page {
  padding-top: 78px;
}

.inner-main {
  padding-top: 32px;
  padding-bottom: 60px;
}
.inner-main__collapse-bottom {
  margin-bottom: -60px;
}

@media (min-width: 1200px) {
  .inner-page {
    padding-top: 201px;
  }
  .inner-main {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .inner-main__collapse-bottom {
    margin-bottom: -80px;
  }
}
.visually-hidden:not(:focus):not(:active),
input[type=radio].visually-hidden,
input[type=checkbox].visually-hidden {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;

  white-space: nowrap;

  border: 0;

  clip: rect(0 0 0 0);
          clip-path: inset(100%);

  -webkit-clip-path: inset(100%);
}

.container {
  width: 100%;
  max-width: 540px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .container {
    max-width: 690px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1110px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1570px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1680px;
  }
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

.site-container {
  overflow: hidden;
}

.is-open-menu {
  overflow: hidden;
}

.is-email {
  position: relative;

  display: inline-block;
  padding-left: 28px;
}
.is-email::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;

  width: 18px;
  height: 14px;

  background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.46 7.49L18 11.44V4.28L12.46 7.49Z' fill='%232F1A0E'/%3E%3Cpath d='M11.51 8.04L9.25 9.34C9.1747 9.38594 9.0882 9.41024 9 9.41024C8.9118 9.41024 8.8253 9.38594 8.75 9.34L6.49 8.04L0.08 12.61C0.193856 13.0329 0.443362 13.4067 0.79021 13.6741C1.13706 13.9414 1.56207 14.0875 2 14.09H16C16.4379 14.0875 16.8629 13.9414 17.2098 13.6741C17.5566 13.4067 17.8061 13.0329 17.92 12.61L11.51 8.04Z' fill='%232F1A0E'/%3E%3Cpath d='M5.54 7.49L0 4.28V11.44L5.54 7.49Z' fill='%232F1A0E'/%3E%3Cpath d='M9 8.33L18 3.12V2.5C18 1.96957 17.7893 1.46086 17.4142 1.08579C17.0391 0.710714 16.5304 0.5 16 0.5H2C1.46957 0.5 0.960859 0.710714 0.585786 1.08579C0.210714 1.46086 0 1.96957 0 2.5V3.12L9 8.33Z' fill='%232F1A0E'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.indent-reset {
  margin: 0;
  padding: 0;
}

.list-reset {
  margin: 0;
  padding: 0;

  list-style: none;
}

.btn-reset {
  padding: 0;

  color: inherit;

  background-color: transparent;
  border: none;
  cursor: pointer;

  -webkit-tap-highlight-color: transparent;
}

.br-12 {
  border-radius: 12px;
}

.br-round {
  border-radius: 50%;
}

h1 {
  font-size: 24px;
  line-height: 1.2;
}

h2 {
  font-size: 20px;
  line-height: 1.25;
}

h3 {
  font-size: 18px;
  line-height: 1.25;
}

h4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.25;
}

.hd {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
}
.hd--h1 {
  font-size: 24px;
  line-height: 1.2;
}
.hd--h2 {
  font-size: 20px;
  line-height: 1.25;
}
.hd--h3 {
  font-size: 18px;
  line-height: 1.25;
}
.hd--h4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.25;
}

.small {
  font-size: 14px;
  line-height: 1.25;
}

@media (min-width: 1200px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 20px;
  }
  .hd {
    font-size: 34px;
  }
  .hd--h1 {
    font-size: 28px;
  }
  .hd--h2 {
    font-size: 24px;
  }
  .hd--h3 {
    font-size: 20px;
  }
  .hd--h4 {
    font-size: 20px;
  }
}
.anim-small-drop {
  -webkit-animation-name: small-drop;
          animation-name: small-drop;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;

  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.anim-fade-down {
  -webkit-animation-name: fade-down;
          animation-name: fade-down;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;

  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes small-drop {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes small-drop {
  0% {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes fade-down {
  0% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes fade-down {
  0% {
    -webkit-transform: translate(0, -5%);
            transform: translate(0, -5%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  padding: 18px 32px;

  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #ffffff;
  text-decoration: none;

  background-color: #7a1122;
  border: 1px solid #7a1122;
  border-radius: 12px;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
    color:#7a1122;
  background-color: transparent;
}
.btn:active {
    color:#7a1122;
  background-color: transparent;
    border-color: #7a1122;
  box-shadow: 0 0 0 1px #7a1122;
}
.btn:disabled,
.btn.disabled {
  color: #ffffff;

  background-color: #e1e1e1;
  border-color: #e1e1e1;

  pointer-events: none;
}
.btn--bordered {
  color: #2f1a0e;

  background-color: #ffffff;
}
.btn--bordered:hover {
  color: #ffffff;

    background-color: #7a1122;
}
.btn--bordered:active {
    color: #7a1122;

  background-color: transparent;
  border-color: #7a1122;
  box-shadow: 0 0 0 1px #7a1122;
}

.btn--bordered:disabled,
.btn--bordered.disabled {
  color: #e1e1e1;

  background-color: #ffffff;
  border-color: #e1e1e1;
}
.btn--white {
  color: #2f1a0e;

  background-color: #ffffff;
  border-color: #ffffff;
}
.btn--white:hover {
  color: #ffffff;

  background-color: transparent;
}
.btn--white:active {
  color: #ffffff;

  border-color: #ffffff;
  box-shadow: 0 0 0 1px #ffffff;
}
.btn--white:disabled,
.btn--white.disabled {
  color: #e1e1e1;

  background-color: #ffffff;
  border-color: #ffffff;
}
.btn--small {
  padding: 10px 18px;

  font-size: 14px;
  line-height: 1.25;

  border-radius: 10px;
}

.form__input {
  width: 100%;
  padding: 12px 14px;
  font-size: 16px;
  color: #2f1a0e;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  outline: none;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form__input:not(:-moz-placeholder-shown) {
  border-color: #8d8d8d;
}
.form__input:not(:placeholder-shown) {
  border-color: #8d8d8d;
}
.form__input::-webkit-input-placeholder {
  color: #8d8d8d;
}
.form__input::-moz-placeholder {
  color: #8d8d8d;
}
.form__input::-ms-input-placeholder {
  color: #8d8d8d;
}
.form__input::placeholder {
  color: #8d8d8d;
}
.form__input:focus {
  border-color: #7a1122;
}
.form__input:disabled {
  color: #e1e1e1;

  background-color: #ffffff;
  border-color: #e1e1e1;
}
.form__input.invalid {
  background-color: rgba(207, 77, 77, 0.32);
  border-color: #7a1122;
}
.form__input.invalid:not(:-moz-placeholder-shown) {
  border-color: #7a1122;
}
.form__input.invalid:not(:placeholder-shown) {
  border-color: #7a1122;
}
.form__input--unborder {
  height: 100%;
  border: none;
}
.form__checkbox + label,
.form__radio + label {
  position: relative;

  display: inline-block;
  padding-left: 34px;

  cursor: pointer;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form__checkbox + label::before,
.form__checkbox + label::after,
.form__radio + label::before,
.form__radio + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 20px;
  height: 20px;

  border: 2px solid #7a1122;
}
.form__checkbox.invalid + label::before,
.form__radio.invalid + label::before {
  background-color: rgba(207, 77, 77, 0.32);
}
.form__checkbox:disabled + label,
.form__radio:disabled + label {
  color: #8d8d8d;
}
.form__checkbox:disabled + label::before,
.form__checkbox:disabled + label::after,
.form__radio:disabled + label::before,
.form__radio:disabled + label::after {
  border: 2px solid #8d8d8d;
}
.form__checkbox + label::before,
.form__checkbox + label::after {
  border-radius: 4px;
}
.form__checkbox:checked + label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.68182L4.88889 7.5L11 1.5' stroke='%23CF4D4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 9px;
  border-radius: 4px;
}
.form__checkbox:checked:disabled + label::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.68182L4.88889 7.5L11 1.5' stroke='%238D8D8D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.descr__title {
  margin-bottom: 24px;
}
.descr__text {
  margin-bottom: 32px;
}
.descr__video {
  max-width: 660px;
  margin-bottom: 40px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .descr__title {
    margin-bottom: 32px;
  }
  .descr__text {
    max-width: 920px;
    margin-bottom: 40px;
  }
  .descr__video {
    max-width: 900px;
  }
}

.modal {
  position: relative;

  max-width: 330px;
  margin: 0 15px;
  padding: 24px;

  color: #2f1a0e;

  background-color: #ffffff;
  border-radius: 12px;
}
.modal__close {
  position: absolute;
  top: 15px;
  right: 15px;

  color: #e1e1e1;

  cursor: pointer;

  transition: color 0.15s ease-in-out;
}
.modal__close:hover,
.modal__close:focus {
  color: #8d8d8d;
}
.modal__title {
  margin-bottom: 20px;
}
.modal__thanks-text {
  margin-bottom: 24px;
}
.modal__form {
  display: grid;

  row-gap: 16px;
}
.modal__textarea {
  height: 6em;
}
.modal__field-submit {
  padding-top: 8px;
}
.modal__field-policy {
  padding-top: 8px;

  color: #8d8d8d;
}
@media (min-width: 768px) {
  .modal {
    max-width: 500px;
  }
}
@media (min-width: 1200px) {
  .modal {
    max-width: 540px;
    padding: 36px;
  }
  .modal__title {
    margin-bottom: 30px;
  }
  .modal__thanks-text {
    margin-bottom: 32px;
  }
  .modal__field-submit {
    padding-top: 16px;
  }
  .modal__field-policy {
    padding-top: 16px;
  }
}

.slider {
  position: relative;

  overflow: hidden;
}
.slider__wrapper {
  box-sizing: inherit;
}
.slider__pagination {
  font-size: 4px;
  line-height: 1;
}
.slider__pagination .swiper-pagination-bullet {
  width: 4px;
  height: 4px;
  margin: 2px !important;

  background-color: #7a1122;
  border-radius: 99em;
  -webkit-transform-origin: center center;
          transform-origin: center center;

  transition: width 0.4s ease-in-out;
}
.slider__pagination .swiper-pagination-bullet-active {
  width: 40px;
}
.slider__navigation {
  display: grid;

          column-gap: 16px;

  pointer-events: none;

  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
  grid-auto-flow: column;
}
.slider__nav-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;

  color: #7a1122;

  background-color: transparent;
  border: 1px solid #7a1122;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;

  pointer-events: auto;
}
.slider__nav-btn:hover {
  color: #ffffff;

  background-color: #7a1122;
}
.slider__nav-btn--invert {
  color: #ffffff;

  background-color: #7a1122;
}
.slider__nav-btn--invert:hover {
  color: #7a1122;

  background-color: transparent;
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;

  min-width: 360px;

  color: #2f1a0e;

  background-color: #ffffff;
}

.header__top {
  display: none;
}

.header__mid {
  padding: 8px 0;

  border-bottom: 1px solid #f4f4f4;
}

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

.header__mid-wrapper > * {
  flex-basis: 100%;
}

.header__bottom {
  display: none;
}

.header__slogan {
  display: none;
}

.header__logo {
  display: flex;
  justify-content: center;
}

.header__logo-img {
  display: block;
}

.header__callback {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.header__search {
  display: none;
}

.logo_center{

}



.logo_left,.logo_right{
    /*width:36%;*/
    padding:30px 10px;
    /*text-transform:uppercase;*/
    color:#7a1122;
    font-weight:500;
    font-size:140%;
}

@media (max-width: 768px) {

    .header__mid-wrapper > * {
      flex-basis: auto;
    }
    
    .logo_center, .logo_left, .logo_right {
	float:left;
	width: 33%;
    }
    
    .logo_center{
	max-width:100px;
        border-radius:50px;
        padding:10px 0;
        border:0px solid #7a1122;
        box-shadow:0px 0px 0px #7a1122;
        transition: box-shadow 0.5s ease-in-out;
    }
    
    .logo_center:hover{
        box-shadow:3px 5px 10px #7a1122;
    }
    
    .logo_left, .logo_right {
        padding: 40px 0px;
	color: #7a1122;
        font-weight: 500;
        font-size: 110%;
    }
}


@media (min-width: 1200px) {
  .header {
    position: absolute;
  }
  .header--hidden {
    visibility: hidden;
  }
  .header__top {
    display: block;
    padding: 6px 0;

    background-color: #f4f4f4;
  }
  .header__top-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header__contacts {
    display: grid;

            column-gap: 40px;

    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
    grid-auto-flow: column;
  }
  .header__contacts > a {
    color: #2f1a0e;
    text-decoration: none;

    transition: color 0.15s ease-in-out;
  }
  .header__contacts > a:hover {
    color: #7a1122;
    text-decoration: underline;
  }
  .header__mid {
    padding: 20px 0 13px;
  }
  .header__mid-wrapper {
    position: relative;
  }

    .logo_center,
    .logo_left,
    .logo_right{
	/*display:inline-flex;*/
	float:left;
    }
    
    .logo_center{
	max-width:200px;
        border-radius:50px;
        padding:10px;
        border:1px solid #7a1122;
        box-shadow:5px 7px 20px #7a1122;
        transition: box-shadow 0.5s ease-in-out;
    }
    
    .logo_center:hover{
    box-shadow:3px 5px 10px #7a1122;
    
}





  .header__burger {
    display: none;
  }
  .header__slogan {
    display: block;
  }
  .header__slogan > span {
    display: inline-block;
    max-width: 260px;
  }
  .header__logo-img {
    width: 80px;
    height: auto;
  }
  .header__bottom {
    display: block;

    border-bottom: 1px solid #f4f4f4;
  }
  .header__callback {
    padding-right: 90px;
  }
  .header__search {
    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media (min-width: 1600px) {
  .header__callback {
    padding-right: 120px;
  }
}

.just-burger {
  position: relative;

  display: block;
  width: 34px;
  height: 38px;
  padding: 0;

  background-color: transparent;
  border: none;
  border-radius: 0.15em;
  outline: none;
  cursor: pointer;

  --burger-animation-time: 0.4s;
  --burger-color: var(--accent);
  --burger-weight: 4px;
  -webkit-tap-highlight-color: transparent;
}
.just-burger__line {
  position: absolute;
  left: auto;
  left: 0;

  display: block;
  width: 100%;
  height: var(--burger-weight);

  background-color: var(--burger-color);
  border-radius: 99em;

  transition: all var(--burger-animation-time) ease-in-out;
}
.just-burger__line--top {
  top: 20%;

  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.just-burger__line--middle {
  top: calc(50% - var(--burger-weight) / 2);

  width: 70%;
}
.just-burger__line--bottom {
  bottom: 20%;

  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
.just-burger--open .just-burger__line {
  left: 11%;
}
.just-burger--open .just-burger__line--top {
  -webkit-transform: rotate(45deg) translate(1%, -70%);
          transform: rotate(45deg) translate(1%, -70%);
}
.just-burger--open .just-burger__line--middle {
  background-color: transparent;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);

  pointer-events: none;
}
.just-burger--open .just-burger__line--bottom {
  -webkit-transform: rotate(-45deg) translate(-1%, 100%);
          transform: rotate(-45deg) translate(-1%, 100%);
}

.header-callback {
  display: flex;
}
.header-callback__phone {
  display: inline-block;
  width: 28px;
  height: 28px;

  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5733 18.2313L22.9133 17.2357C22.2092 16.9704 21.4411 16.9251 20.7107 17.1056C19.9802 17.2861 19.3217 17.6841 18.8222 18.2468L16.2556 21.1246C12.2306 19.0858 8.96102 15.8162 6.92222 11.7913L9.73778 9.17792C10.305 8.68158 10.7072 8.02393 10.8907 7.29287C11.0742 6.56181 11.0301 5.79217 10.7644 5.08681L9.76889 2.42681C9.49973 1.70622 9.01456 1.08637 8.37972 0.652003C7.74488 0.21764 6.99137 -0.010024 6.22222 0.000143184H2.31778C1.70306 0.000143184 1.11353 0.244337 0.678861 0.679005C0.244194 1.11367 0 1.70321 0 2.31792C0.00823317 9.12674 2.71667 15.6543 7.53124 20.4689C12.3458 25.2835 18.8734 27.9919 25.6822 28.0001C26.2969 28.0001 26.8865 27.7559 27.3211 27.3213C27.7558 26.8866 28 26.2971 28 25.6824V21.7779C28.0102 21.0088 27.7825 20.2553 27.3481 19.6204C26.9138 18.9856 26.2939 18.5004 25.5733 18.2313Z' fill='%23CF4D4D'/%3E%3C/svg%3E");
}
.header-callback__phone > span {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}
.header-callback__btn {
  display: none;
}
@media (min-width: 768px) {
  .header-callback__phone {
    width: auto;
    height: auto;

    font-weight: 700;
    font-size: 20px;
    text-decoration: none;

    background-image: none;
  }
  .header-callback__phone:hover {
    text-decoration: underline;
  }
  .header-callback__phone > span {
    position: static;

    width: auto;
    height: auto;
    margin: auto;
    overflow: visible;
  }
}

@media (min-width: 1200px) {
  .header-callback {
    position: relative;

    display: grid;
    justify-content: end;
    align-items: center;

    justify-items: end;
  }
  .header-callback__phone {
    font-size: 24px;
    color: #2f1a0e;

    transition: color 0.15s ease-in-out;
  }
  .header-callback__phone:hover {
    color: #7a1122;
  }
  .header-callback__btn {
    display: inline-block;

    color: #7a1122;
    text-decoration: underline;
  }
  .header-callback__btn:hover {
    text-decoration: none;
  }
}

.header-fixed {
  display: none;
}
@media (min-width: 1200px) {
  .header-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;

    color: #2f1a0e;

    background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
  }
  .header-fixed--sticked {
    display: block;
  }
  .header-fixed__container {
    position: relative;

    display: flex;
    align-items: center;
  }
  .header-fixed__logo {
    padding-right: 18px;
  }
  .header-fixed__logo-img {
    display: block;
  }
  .header-fixed__nav {
    flex-basis: 100%;
    padding-right: 66px;
  }
  .header-fixed__search {
    position: absolute;
    right: 15px;

    display: block;
  }
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;

  background-color: #f4f4f4;
  border-top: 1px solid #e1e1e1;
}
.footer__top {
  display: grid;
  margin-bottom: 40px;

  row-gap: 40px;
}
.footer__bottom {
  display: grid;

  color: #8d8d8d;

  justify-items: center;
  row-gap: 16px;
}
.footer__policy-link {
  color: inherit;
  text-decoration: none;
}
.footer__dev-link {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 50px;
  }
  .footer__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;

    row-gap: 0;
  }
  .footer__bottom {
    grid-template-columns: 1fr 1fr;
    justify-items: start;
  }
  .footer__copyright {
    grid-column: span 2;
  }
  .footer__dev-link {
    justify-self: end;
  }
}
@media (min-width: 1200px) {
  .footer__top {
    margin-bottom: 0;
  }
  .footer__bottom {
            column-gap: 40px;

    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
    grid-template-columns: auto auto 1fr;
    justify-items: start;
  }
  .footer__copyright {
    grid-column: auto;
  }
  .footer__policy-link {
    transition: color 0.15s ease-in-out;
  }
  .footer__policy-link:hover {
    color: #7a1122;
    text-decoration: underline;
  }
  .footer__dev-link {
    transition: color 0.15s ease-in-out;
  }
  .footer__dev-link:hover {
    color: #2f1a0e;
  }
}

.footer-menu {
  display: grid;

  row-gap: 32px;
}
.footer-menu__list,
.footer-menu__sub-list {
  margin: 0;
  padding: 0;

  list-style: none;
}
.footer-menu__list > .footer-menu__item > a {
  font-weight: 700;
  color: #7a1122;
}
.footer-menu__link {
  color: #2f1a0e;
  text-decoration: none;
}
.footer-menu__link--arrowed {
  position: relative;

  padding-right: 22px;
}
.footer-menu__link--arrowed::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;

  width: 12px;
  height: 7px;

  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5533 1.19351L6.03466 5.74483L1.48529 1.16255C1.41386 1.09 1.32886 1.03242 1.23522 0.993122C1.14157 0.953826 1.04113 0.933594 0.939678 0.933594C0.83823 0.933594 0.737787 0.953826 0.644141 0.993122C0.550495 1.03242 0.465501 1.09 0.394061 1.16255C0.322034 1.23451 0.264863 1.32012 0.225849 1.41444C0.186835 1.50876 0.166748 1.60993 0.166748 1.71212C0.166748 1.8143 0.186835 1.91547 0.225849 2.00979C0.264863 2.10411 0.322034 2.18972 0.394061 2.26168L5.48905 7.39352C5.56049 7.46607 5.64548 7.52366 5.73913 7.56295C5.83277 7.60225 5.93322 7.62248 6.03466 7.62248C6.13611 7.62248 6.23655 7.60225 6.3302 7.56295C6.42385 7.52366 6.50884 7.46607 6.58028 7.39352L7.08747 6.84396L11.6061 2.29264C11.6781 2.22068 11.7353 2.13508 11.7743 2.04075C11.8133 1.94643 11.8334 1.84526 11.8334 1.74308C11.8334 1.6409 11.8133 1.53973 11.7743 1.4454C11.7353 1.35108 11.6781 1.26547 11.6061 1.19351C11.4636 1.05854 11.2753 0.983396 11.0797 0.983396C10.8841 0.983396 10.6958 1.05854 10.5533 1.19351Z' fill='%23CF4D4D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);

  transition: -webkit-transform 0.15s ease-in-out;
  transition:         transform 0.15s ease-in-out;
  transition:         transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.footer-menu__link--arrowed.expanded::after {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
          transform: translateY(-50%) rotateZ(180deg);
}
.footer-menu__sub-list {
  display: none;
}
.footer-menu__sub-list[aria-expanded=true] {
  display: grid;
  margin-top: 16px;

  row-gap: 8px;
}
@media (min-width: 768px) {
  .footer-menu {
            column-gap: 12px;

    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
    grid-template-columns: repeat(2, 1fr);
  }
  .footer-menu--masonry {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 900px;

    row-gap: 0;
  }
  .footer-menu--masonry .footer-menu__list {
    width: 200px;
    margin-right: 16px;
    margin-bottom: 16px;
  }
  .footer-menu__link {
    color: #2f1a0e;
    text-decoration: none;

    transition: color 0.15s ease-in-out;
  }
  .footer-menu__link--arrowed {
    padding-right: 0;
  }
  .footer-menu__link--arrowed::after {
    display: none;
  }
  .footer-menu__sub-list {
    display: grid;
    margin-top: 16px;

    row-gap: 8px;
  }
}
@media (min-width: 1200px) {
  .footer-menu {
    grid-template-columns: repeat(3, 1fr);
  }
  .footer-menu--masonry {
    max-height: 600px;
  }
  .footer-menu--masonry .footer-menu__list {
    width: 235px;
    margin-right: 40px;
    margin-bottom: 36px;
  }
  .footer-menu__link:hover {
    color: #7a1122;
    text-decoration: underline;
  }
}
@media (min-width: 1600px) {
  .footer-menu--masonry {
    max-height: 390px;
  }
  .footer-menu--masonry .footer-menu__list {
    width: 215px;
    margin-right: 30px;
  }
}

.footer-contacts {
  display: grid;

  justify-items: center;
  row-gap: 24px;
}
.footer-contacts__callback {
  display: grid;

  justify-items: center;
}
.footer-contacts__phone {
  margin-bottom: 8px;

  color: #2f1a0e;
  text-decoration: none;
}
.footer-contacts__callback-btn {
  margin-bottom: 16px;

  color: #7a1122;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .footer-contacts {
    justify-content: end;

    justify-items: start;
  }
  .footer-contacts__logo-img {
    width: 80px;
    /*height: 54px;*/
  }
  .footer-contacts__callback {
    justify-items: start;
  }
}
@media (min-width: 1200px) {
  .footer-contacts__email:hover {
    text-decoration: none;
  }
  .footer-contacts__phone {
    transition: color 0.15s ease-in-out;
  }
  .footer-contacts__phone:hover {
    color: #7a1122;
    text-decoration: underline;
  }
  .footer-contacts__callback-btn:hover {
    text-decoration: none;
  }
}

.scroll-top {
  position: fixed;
  right: max(15px, (100% - 1920px) / 2);
  bottom: 40px;
  z-index: 1;

  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  overflow: hidden;

  border-radius: 50%;
  visibility: hidden;
  opacity: 0;

  transition: opacity 0.3s ease-in-out;
}
.scroll-top--show {
  visibility: visible;
  opacity: 1;
}
.scroll-top__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;

  color: #ffffff;

  background-color: #7a1122;
  border-radius: 50%;
  opacity: 0.6;

  transition: opacity 0.25s ease-in-out;
}
.scroll-top__link:hover {
  opacity: 1;
}

.nav-menu {
  margin: 0;
  padding: 0;

  list-style: none;
}
.nav-menu__list {
  margin: 0;
  padding: 0;

  list-style: none;
}
.nav-menu__list > li > a {
  display: block;
  padding: 16px 0;

  font-weight: 700;
  color: #2f1a0e;
  text-decoration: none;
}
.nav-menu__sub-list {
  display: none;
  margin: 0;
  padding: 0;

  list-style: none;
}
.nav-menu__sub-list[aria-expanded=true] {
  display: block;
}
.nav-menu__sub-list .nav-menu__sub-list .nav-menu__link {
  padding-left: 16px;
}
.nav-menu__link {
  position: relative;

  display: block;
  padding: 16px 0;

  color: #2f1a0e;
  text-decoration: none;

  border-bottom: 1px solid #f4f4f4;
}
.nav-menu__link--arrowed::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;

  width: 8px;
  height: 13px;

  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.693513 1.94678L5.24483 6.46541L0.662552 11.0148C0.590003 11.0862 0.532419 11.1712 0.493122 11.2649C0.453826 11.3585 0.433594 11.459 0.433594 11.5604C0.433594 11.6618 0.453826 11.7623 0.493122 11.8559C0.532419 11.9496 0.590003 12.0346 0.662552 12.106C0.734508 12.178 0.820117 12.2352 0.91444 12.2742C1.00876 12.3132 1.10993 12.3333 1.21212 12.3333C1.3143 12.3333 1.41547 12.3132 1.50979 12.2742C1.60411 12.2352 1.68972 12.178 1.76168 12.106L6.89352 7.01103C6.96607 6.93959 7.02366 6.8546 7.06295 6.76095C7.10225 6.66731 7.12248 6.56686 7.12248 6.46541C7.12248 6.36397 7.10225 6.26352 7.06295 6.16988C7.02366 6.07623 6.96607 5.99124 6.89352 5.9198L6.34396 5.4126L1.79264 0.893975C1.72068 0.821947 1.63508 0.764776 1.54075 0.725762C1.44643 0.686748 1.34526 0.666661 1.24308 0.666661C1.14089 0.666661 1.03972 0.686748 0.945401 0.725762C0.851078 0.764776 0.765469 0.821947 0.693513 0.893975C0.558541 1.0365 0.483396 1.22476 0.483396 1.42038C0.483396 1.616 0.558541 1.80426 0.693513 1.94678Z' fill='%232F1A0E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);

  transition: -webkit-transform 0.15s ease-in-out;
  transition:         transform 0.15s ease-in-out;
  transition:         transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.nav-menu__link.expanded::after {
  -webkit-transform: translateY(-50%) rotateZ(90deg);
          transform: translateY(-50%) rotateZ(90deg);
}
@media (min-width: 1200px) {
  .nav-menu__list {
    display: flex;
  }
  .nav-menu__list > li {
    flex-basis: 100%;
  }
  .nav-menu__list > li > a {
    text-align: center;
  }
  .nav-menu__list > li ul {
    display: none;
  }
  .nav-menu__sub-list {
    min-width: 280px;
  }
  .nav-menu__sub-list .nav-menu__link {
    padding: 15px 24px 14px;
    padding-right: 46px;

    text-align: left;
  }
  .nav-menu__sub-list .nav-menu__link::after {
    right: 16px;

    display: block;
  }
  .nav-menu__sub-list .nav-menu__sub-list {
    top: 0;
    left: 100%;
  }
  .nav-menu__item {
    position: relative;
  }
  .nav-menu__item:hover > .nav-menu__link {
    position: relative;

    background-color: #f4f4f4;

    transition: background-color 0.15s ease-in-out;
  }
  .nav-menu__item:hover > .nav-menu__link::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 1px;

    background-color: #7a1122;
  }
  .nav-menu__item:hover > .nav-menu__sub-list {
    position: absolute;

    display: block;

    background-color: #ffffff;
  }
  .nav-menu__sub-list:hover .nav-menu__link::before {
    display: none;
  }
  .nav-menu__link {
    padding: 15px 0 14px;

    border-bottom: none;
  }
  .nav-menu__link::after {
    display: none;
  }
  .nav-menu__link:hover {
    background-color: #f4f4f4;
  }
}

.site-search {
  overflow: hidden;

  background-color: #ffffff;
  border: 1px solid #7a1122;
  border-radius: 12px;
}
.site-search__form {
  display: flex;
}
.site-search__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 48px;

  color: #7a1122;

  outline: none;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.site-search__btn:hover,
.site-search__btn:focus {
  color: #ffffff;

  background-color: #7a1122;
}
.site-search__trigger {
  display: none;
}
@media (min-width: 1200px) {
  .site-search {
    display: flex;
  }
  .site-search[aria-expanded=true] .site-search__form {
    width: 300px;

    visibility: visible;
  }
  .site-search__form {
    width: 0;

    -webkit-transform-origin: right;
            transform-origin: right;

    transition: width 0.1s ease-in;

    will-change: width;
  }
  .site-search__submit {
    display: none;
  }
  .site-search__trigger {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;

    color: #7a1122;

    outline: none;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  }
  .site-search__trigger:hover,
  .site-search__trigger:focus {
    color: #ffffff;

    background-color: #7a1122;
  }
}

.socials {
  display: grid;
  justify-content: start;

          column-gap: 16px;

  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
  grid-auto-flow: column;
}
.socials__link {
  display: flex;
}
@media (min-width: 1200px) {
  .socials__link {
    outline: none;
  }
  .socials__link > svg {
    width: 30px;
    height: 30px;

    transition: -webkit-transform 0.15s ease-in-out;
    transition:         transform 0.15s ease-in-out;
    transition:         transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  }
  .socials__link:hover > svg,
  .socials__link:focus > svg {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
  }
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;

  transition: background-color 0.2s ease-in-out;

  pointer-events: none;
}
.mobile-menu[aria-expanded=true] {
  background-color: rgba(0, 0, 0, 0.6);

  pointer-events: auto;
}
.mobile-menu[aria-expanded=true] .mobile-menu__content {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}
.mobile-menu__content {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;

  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
  overflow: auto;

  color: #2f1a0e;

  background-color: #ffffff;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  visibility: hidden;

  transition: -webkit-transform 0.2s ease-in-out;
  transition:         transform 0.2s ease-in-out;
  transition:         transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.mobile-menu__nav {
  margin-bottom: 32px;
}
.mobile-menu__search {
  margin-bottom: 32px;
}
.mobile-menu__callback {
  display: grid;
  margin-bottom: 16px;

  justify-items: start;
  row-gap: 4px;
}
.mobile-menu__callback > a {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #2f1a0e;
  text-decoration: none;

  transition: color 0.15s ease-in-out;
}
.mobile-menu__callback > a:hover {
  color: #7a1122;
  text-decoration: underline;
}
.mobile-menu__callback > button {
  color: #7a1122;
  text-decoration: underline;
}
.mobile-menu__contacts {
  display: grid;
  margin-bottom: 16px;

  justify-items: start;
  row-gap: 16px;
}
@media (min-width: 768px) {
  .mobile-menu__content {
    width: 65%;
    padding-right: 9px;
    padding-left: max(15px, (100% - 690px) / 2);
  }
}
@media (min-width: 992px) {
  .mobile-menu__content {
    width: 65%;
    padding-left: max(15px, (100% - 940px) / 2);
  }
}
@media (min-width: 1200px) {
  .mobile-menu {
    display: none;
  }
}

.card {
  position: relative;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  overflow: hidden;

  background-color: #ffffff;
  border: 1px solid #f4f4f4;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.card__badges {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  padding: 10px;
}
.card__img {
  display: block;
  width: 100%;
  height: 260px;

  -o-object-fit: cover;
     object-fit: cover;
}
.card__meta {
  padding: 16px;
}
.card__title {
  padding: 16px;
  padding-bottom: 0;

  font-size: 16px;
}
.card__params {
  flex: 1 1 auto;
  padding-right: 16px;
  padding-bottom: 6px;
  padding-left: 16px;
}
.card__link {
  margin: 16px;
  margin-top: 0;
  margin-top: auto;
}
.card__link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media (min-width: 1600px) {
  .card__img {
    height: 294px;
  }
}

.card-badges__item {
  display: inline-block;
  margin-bottom: 5px;
  padding: 6px 8px;

  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;

  border-radius: 6px;
}
.card-badges__item:not(:last-child) {
  margin-right: 10px;
}
.card-badges__item--sales {
  background-color: #e5824b;
}
.card-badges__item--novelties {
  background-color: #4ab738;
}

.yt-video {
  position: relative;

  width: 100%;
  height: 0;
  padding-bottom: 56.25%;

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.yt-video--enabled {
  cursor: pointer;
}
.yt-video--enabled .yt-video__button {
  display: block;
}
.yt-video__title {
  position: absolute;
  z-index: 2;

  margin: 0;
  padding: 16px;
}
.yt-video__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;
}
.yt-video__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, 0.42);
}
.yt-video__media {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  border: none;
}
.yt-video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;

  display: none;
  padding: 0;

  background-color: transparent;
  border: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
.yt-video__button:focus {
  outline: none;
}

.breadcrumbs {
  color: #2f1a0e;
}
.breadcrumbs a {
  color: inherit;
  text-decoration: none;

  transition: color 0.15s ease-in-out;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus {
  color: #7a1122;
  text-decoration: underline;
}
.breadcrumbs .current {
  color: #8d8d8d;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  margin: -3px;
}
.pagination > * {
  margin: 3px;
}
.pagination__page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  overflow: hidden;

  line-height: 1;
  color: #2f1a0e;
  text-decoration: none;

  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;

  transition: border 0.15s ease-in-out;
}
.pagination__page-numbers:hover,
.pagination__page-numbers:focus {
  border-color: #7a1122;
  outline: none;
}
.pagination__page-numbers--current {
  border-color: #f4f4f4;

  pointer-events: none;
}
.pagination__dots {
  pointer-events: none;
}
.pagination__prev,
.pagination__next {
  display: flex;

  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 10px;
  border: 1px solid #7a1122;
}
.pagination__prev {
  margin-right: 16px;

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.79 5.28591C0.698959 5.38101 0.627594 5.49316 0.58 5.61591C0.527095 5.73561 0.499767 5.86504 0.499767 5.99591C0.499767 6.12678 0.527095 6.25621 0.58 6.37591C0.627594 6.49866 0.698959 6.6108 0.79 6.70591L4.79 10.7059C4.9783 10.8942 5.2337 11 5.5 11C5.7663 11 6.0217 10.8942 6.21 10.7059C6.3983 10.5176 6.50409 10.2622 6.50409 9.99591C6.50409 9.72961 6.3983 9.47421 6.21 9.28591L3.91 6.99591L14.5 6.99591C14.7652 6.99591 15.0196 6.89055 15.2071 6.70301C15.3946 6.51548 15.5 6.26112 15.5 5.99591C15.5 5.73069 15.3946 5.47634 15.2071 5.2888C15.0196 5.10127 14.7652 4.99591 14.5 4.99591L3.91 4.99591L6.21 2.70591C6.3983 2.5176 6.50409 2.26221 6.50409 1.99591C6.50409 1.72961 6.3983 1.47421 6.21 1.28591C6.0217 1.0976 5.7663 0.991817 5.5 0.991817C5.2337 0.991817 4.9783 1.0976 4.79 1.28591L0.79 5.28591Z' fill='%23CF4D4D'/%3E%3C/svg%3E ");
}
.pagination__prev:hover,
.pagination__prev:focus {
  background-color: #7a1122;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.79 5.28591C0.698959 5.38101 0.627594 5.49316 0.58 5.61591C0.527095 5.73561 0.499767 5.86504 0.499767 5.99591C0.499767 6.12678 0.527095 6.25621 0.58 6.37591C0.627594 6.49866 0.698959 6.6108 0.79 6.70591L4.79 10.7059C4.9783 10.8942 5.2337 11 5.5 11C5.7663 11 6.0217 10.8942 6.21 10.7059C6.3983 10.5176 6.50409 10.2622 6.50409 9.99591C6.50409 9.72961 6.3983 9.47421 6.21 9.28591L3.91 6.99591L14.5 6.99591C14.7652 6.99591 15.0196 6.89055 15.2071 6.70301C15.3946 6.51548 15.5 6.26112 15.5 5.99591C15.5 5.73069 15.3946 5.47634 15.2071 5.2888C15.0196 5.10127 14.7652 4.99591 14.5 4.99591L3.91 4.99591L6.21 2.70591C6.3983 2.5176 6.50409 2.26221 6.50409 1.99591C6.50409 1.72961 6.3983 1.47421 6.21 1.28591C6.0217 1.0976 5.7663 0.991817 5.5 0.991817C5.2337 0.991817 4.9783 1.0976 4.79 1.28591L0.79 5.28591Z' fill='%23FFFFFF'/%3E%3C/svg%3E ");
}
.pagination__next {
  margin-left: 16px;

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.21 5.71409C15.301 5.61899 15.3724 5.50684 15.42 5.38409C15.4729 5.26439 15.5002 5.13496 15.5002 5.00409C15.5002 4.87322 15.4729 4.74379 15.42 4.62409C15.3724 4.50134 15.301 4.3892 15.21 4.29409L11.21 0.294092C11.0217 0.105788 10.7663 -1.9841e-09 10.5 0C10.2337 1.9841e-09 9.9783 0.105788 9.79 0.294092C9.6017 0.482395 9.49591 0.73779 9.49591 1.00409C9.49591 1.27039 9.6017 1.52579 9.79 1.71409L12.09 4.00409L1.5 4.00409C1.23478 4.00409 0.98043 4.10945 0.792893 4.29699C0.605357 4.48452 0.5 4.73888 0.5 5.00409C0.5 5.26931 0.605357 5.52366 0.792893 5.7112C0.98043 5.89873 1.23478 6.00409 1.5 6.00409L12.09 6.00409L9.79 8.29409C9.6017 8.4824 9.49591 8.73779 9.49591 9.00409C9.49591 9.27039 9.6017 9.52579 9.79 9.71409C9.9783 9.9024 10.2337 10.0082 10.5 10.0082C10.7663 10.0082 11.0217 9.9024 11.21 9.71409L15.21 5.71409Z' fill='%23CF4D4D'/%3E%3C/svg%3E");
}
.pagination__next:hover,
.pagination__next:focus {
  background-color: #7a1122;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.21 5.71409C15.301 5.61899 15.3724 5.50684 15.42 5.38409C15.4729 5.26439 15.5002 5.13496 15.5002 5.00409C15.5002 4.87322 15.4729 4.74379 15.42 4.62409C15.3724 4.50134 15.301 4.3892 15.21 4.29409L11.21 0.294092C11.0217 0.105788 10.7663 -1.9841e-09 10.5 0C10.2337 1.9841e-09 9.9783 0.105788 9.79 0.294092C9.6017 0.482395 9.49591 0.73779 9.49591 1.00409C9.49591 1.27039 9.6017 1.52579 9.79 1.71409L12.09 4.00409L1.5 4.00409C1.23478 4.00409 0.98043 4.10945 0.792893 4.29699C0.605357 4.48452 0.5 4.73888 0.5 5.00409C0.5 5.26931 0.605357 5.52366 0.792893 5.7112C0.98043 5.89873 1.23478 6.00409 1.5 6.00409L12.09 6.00409L9.79 8.29409C9.6017 8.4824 9.49591 8.73779 9.49591 9.00409C9.49591 9.27039 9.6017 9.52579 9.79 9.71409C9.9783 9.9024 10.2337 10.0082 10.5 10.0082C10.7663 10.0082 11.0217 9.9024 11.21 9.71409L15.21 5.71409Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.question {
  padding: 24px;

  color: #ffffff;

  background-color: #7a1122;
}
.question__icon {
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 24px;
}
.question__title {
  margin-bottom: 16px;
}
.question__descr {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .question {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  .question__icon {
    width: 84px;
    height: 84px;
    margin-bottom: 0;
  }
  .question__text {
    max-width: 520px;
  }
}
@media (min-width: 1200px) {
  .question {
    padding: 48px 24px;
  }
  .question__icon {
    width: 120px;
    height: 120px;
  }
  .question__text {
    max-width: 900px;
  }
}

.main-slider__controls {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 1;
}
.main-slider__controls-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  .main-slider__controls {
    bottom: 20px;
  }
  .main-slider__controls-wrapper {
    max-width: 450px;
    margin-right: auto;
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .main-slider__controls {
    bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .main-slider__controls {
    bottom: 60px;
  }
  .main-slider__controls-wrapper {
    max-width: 650px;
  }
}

.main-slide {
  position: relative;

  display: flex;
  align-items: flex-end;
  min-height: 566px;
}
.main-slide__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;

  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
.main-slide__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;

  background: radial-gradient(96.67% 67.97% at 3.33% 29.49%, rgba(255, 255, 255, 0.87) 56.17%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
          transform: matrix(1, 0, 0, -1, 0, 0);

  pointer-events: none;
}
.main-slide__content {
  position: relative;
  z-index: 1;

  max-width: 440px;
  padding: 65px 0;
}
.main-slide__title {
  margin-bottom: 24px;
}
.main-slide__descr {
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .main-slide {
    min-height: 670px;
  }
}
@media (min-width: 1200px) {
  .main-slide {
    align-items: center;
    height: 100vh;
  }
  .main-slide__overlay {
    background-image: radial-gradient(80.83% 264.69% at 11.42% 19.17%, rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-transform: none;
            transform: none;
  }
  .main-slide__title {
    margin-bottom: 32px;
  }
  .main-slide__descr {
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .main-slide__content {
    padding: 0;
  }
}
@media (min-width: 1600px) {
  .main-slide__content {
    max-width: 650px;
  }
}

.main-novelties {
  padding-top: 50px;
  padding-bottom: 25px;
}
.main-novelties__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}
.main-novelties__slide {
  display: flex;
  height: auto;
}
.main-novelties__pagination {
  max-width: 45%;
  margin: 0 auto;
  padding-top: 20px;
  overflow: hidden;

  text-align: center;
}
@media (min-width: 768px) {
  .main-novelties__header {
    position: relative;

    padding: 0 84px;
  }
  .main-novelties__navigation {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  .main-novelties__title {
    flex-grow: 1;

    text-align: center;
  }
}
@media (min-width: 1200px) {
  .main-novelties {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .main-novelties__header {
    margin-bottom: 30px;
  }
}

.main-offers {
  padding-top: 25px;
  padding-bottom: 25px;
}
.main-offers__slider {
  padding: 16px;

  border: 1px solid #f4f4f4;
}
.main-offers__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
}
.main-offers__pagination {
  max-width: 60%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .main-offers__controls {
    position: relative;
    z-index: 1;

    width: calc(50% - 30px);
    margin-bottom: -20px;
    padding: 0;

    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
@media (min-width: 1200px) {
  .main-offers {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .main-offers__slider {
    padding: 40px;
  }
  .main-offers__controls {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}
@media (min-width: 1600px) {
  .main-offers__controls {
    width: calc(64% - 30px);
  }
}

.offer-slide__badge {
  display: inline-block;
  margin-bottom: 8px;

  font-weight: 700;
  color: #7a1122;
}
.offer-slide__descr p {
  margin: 16px 0;
}
.offer-slide__poster {
  display: block;
  width: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .offer-slide {
    display: grid;
    align-items: start;

    grid-template-columns: 1fr 1fr;
  }
  .offer-slide__wrapper {
    padding-right: 30px;
    padding-bottom: 20px;
  }
  .offer-slide__poster {
    min-height: 250px;
  }
}
@media (min-width: 1200px) {
  .offer-slide__wrapper {
    padding-bottom: 30px;
  }
}
@media (min-width: 1600px) {
  .offer-slide {
    grid-template-columns: 8fr 4fr;
  }
  .offer-slide__wrapper {
    padding-right: 70px;
  }
  .offer-slide__title {
    margin-bottom: 24px;
  }
}

.main-popular {
  padding-top: 25px;
  padding-bottom: 60px;
}
.main-popular__title {
  margin-bottom: 32px;

  text-align: center;
}
.main-popular__grid {
  display: grid;

  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}
.main-popular__grid > *:nth-child(1),
.main-popular__grid > *:nth-child(2) {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .main-popular__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .main-popular__grid {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .main-popular {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}

.card-popular {
  position: relative;

  overflow: hidden;
}
.card-popular:nth-child(1) .card-popular__img,
.card-popular:nth-child(2) .card-popular__img {
  height: 230px;
}
.card-popular:nth-child(1) .card-popular__title,
.card-popular:nth-child(2) .card-popular__title {
  display: inline-block;
  width: auto;
  padding: 16px;

  font-size: 24px;

  border-radius: 0 12px 12px 0;
}
.card-popular:nth-child(1) .card-popular__link,
.card-popular:nth-child(2) .card-popular__link {
  align-items: center;
}
.card-popular:nth-child(1) .card-popular__link > span,
.card-popular:nth-child(2) .card-popular__link > span {
  display: block;
}
.card-popular:nth-child(1) .card-popular__link:hover > span,
.card-popular:nth-child(1) .card-popular__link:focus > span,
.card-popular:nth-child(2) .card-popular__link:hover > span,
.card-popular:nth-child(2) .card-popular__link:focus > span {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.card-popular:nth-child(1) .card-popular__link:hover .card-popular__title,
.card-popular:nth-child(1) .card-popular__link:focus .card-popular__title,
.card-popular:nth-child(2) .card-popular__link:hover .card-popular__title,
.card-popular:nth-child(2) .card-popular__link:focus .card-popular__title {
  padding-right: 56px;

  background-color: transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.card-popular:nth-child(1) .card-popular__link:hover + .card-popular__overlay,
.card-popular:nth-child(1) .card-popular__link:focus + .card-popular__overlay,
.card-popular:nth-child(2) .card-popular__link:hover + .card-popular__overlay,
.card-popular:nth-child(2) .card-popular__link:focus + .card-popular__overlay {
  opacity: 1;
}
.card-popular:last-child .card-popular__title {
  padding: 0 10px;
  padding-right: 50px;

  background-color: transparent;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.card-popular:last-child .card-popular__title::after {
  opacity: 1;
}
.card-popular:last-child .card-popular__overlay {
  background-color: rgba(47, 26, 14, 0.62);
  opacity: 1;
}
.card-popular:last-child .card-popular__link > span {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.card-popular:last-child .card-popular__link:hover .card-popular__title,
.card-popular:last-child .card-popular__link:focus .card-popular__title {
  padding: 0 10px;
  padding-right: 50px;
}
.card-popular:last-child .card-popular__link:hover + .card-popular__overlay,
.card-popular:last-child .card-popular__link:focus + .card-popular__overlay {
  background-color: rgba(207, 77, 77, 0.62);
}
.card-popular__img {
  display: block;
  width: 100%;
  height: 212px;

  -o-object-fit: cover;
     object-fit: cover;
}
.card-popular__title {
  position: relative;

  display: block;
  width: 100%;
  padding: 12px 10px;

  font-weight: 700;
  font-size: 18px;
  color: #ffffff;

  background-color: #7a1122;

  transition: background-color 0.3s ease-in-out, padding 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, padding 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, padding 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

  will-change: padding;
}
.card-popular__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;

  width: 34px;
  height: 34px;

  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.21 5.71409C15.301 5.61899 15.3724 5.50685 15.42 5.38409C15.4729 5.26439 15.5002 5.13497 15.5002 5.00409C15.5002 4.87322 15.4729 4.74379 15.42 4.62409C15.3724 4.50134 15.301 4.3892 15.21 4.29409L11.21 0.294093C11.0217 0.10579 10.7663 1.79303e-06 10.5 1.74846e-06C10.2337 1.70388e-06 9.9783 0.10579 9.79 0.294093C9.6017 0.482397 9.49591 0.737792 9.49591 1.00409C9.49591 1.27039 9.6017 1.52579 9.79 1.71409L12.09 4.00409L1.5 4.00409C1.23478 4.00409 0.980429 4.10945 0.792892 4.29699C0.605356 4.48452 0.499999 4.73888 0.499999 5.00409C0.499999 5.26931 0.605356 5.52366 0.792892 5.7112C0.980429 5.89873 1.23478 6.00409 1.5 6.00409L12.09 6.00409L9.79 8.29409C9.60169 8.4824 9.49591 8.73779 9.49591 9.00409C9.49591 9.27039 9.60169 9.52579 9.79 9.71409C9.9783 9.9024 10.2337 10.0082 10.5 10.0082C10.7663 10.0082 11.0217 9.9024 11.21 9.71409L15.21 5.71409Z' fill='%23CF4D4D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 10px;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;

  transition: opacity 0.3s ease-in-out;
}
.card-popular__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;

  background-color: rgba(207, 77, 77, 0.62);
  opacity: 0;

  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;

  pointer-events: none;
}
.card-popular__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;

  display: flex;
  align-items: stretch;

  text-decoration: none;
}
.card-popular__link > span {
  display: flex;
  align-items: flex-end;
  width: 100%;

  transition: -webkit-transform 0.3s ease-in-out;
  transition:         transform 0.3s ease-in-out;
  transition:         transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.card-popular__link:hover > span,
.card-popular__link:focus > span {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.card-popular__link:hover .card-popular__title,
.card-popular__link:focus .card-popular__title {
  padding-top: 25%;
  padding-right: 50px;
  padding-bottom: 25%;

  background-color: transparent;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
.card-popular__link:hover .card-popular__title::after,
.card-popular__link:focus .card-popular__title::after {
  opacity: 1;
}
.card-popular__link:hover + .card-popular__overlay,
.card-popular__link:focus + .card-popular__overlay {
  opacity: 1;
}
@media (min-width: 1200px) {
  .card-popular:nth-child(1) .card-popular__title,
  .card-popular:nth-child(2) .card-popular__title {
    font-size: 28px;
  }
  .card-popular:nth-child(1) .card-popular__img,
  .card-popular:nth-child(2) .card-popular__img {
    height: 375px;
  }
  .card-popular__title {
    font-size: 20px;
  }
  .card-popular__img {
    height: 360px;
  }
}
@media (min-width: 1920px) {
  .card-popular:nth-child(1) .card-popular__img,
  .card-popular:nth-child(2) .card-popular__img {
    height: 540px;
  }
  .card-popular__img {
    height: 530px;
  }
}

.main-about {
  padding-top: 50px;
  padding-bottom: 50px;

  color: #ffffff;

  background-color: #4a4a49;
}
.main-about__content {
  display: grid;

  row-gap: 40px;
}
.main-about__title {
  margin-bottom: 14px;
}
.main-about__title-badge {
  display: inline-block;
  padding: 6px 8px;

  color: #ffffff;

  background-color: #7a1122;
  border-radius: 10px;
}
.main-about__descr {
  margin: 24px 0;
}
.main-about__video {
  overflow: hidden;
}
.main-about__video-title {
  position: absolute;

  margin: 0;
  padding: 16px;
}
@media (min-width: 768px) {
  .main-about__content {
    max-width: 510px;

    row-gap: 32px;
  }
}
@media (min-width: 992px) {
  .main-about__content {
    align-items: center;
    max-width: none;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: 1fr 1fr;
    row-gap: 0;
  }
}
@media (min-width: 1200px) {
  .main-about__text {
    padding-right: 90px;
  }
}

.main-advantages {
  background-image: linear-gradient(to bottom, #4a4a49 50%, #f4f4f4 50%);
}
.main-advantages__list {
  display: grid;

  row-gap: 20px;
}
.main-advantages__item {
  display: grid;
  min-height: 202px;
  padding: 16px;

  color: #2f1a0e;

  background-color: #ffffff;

  row-gap: 12px;
}
.main-advantages__icon {
  display: block;
  width: 60px;
  height: 60px;
}
@media (min-width: 768px) {
  .main-advantages__list {
            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .main-advantages {
    background-image: linear-gradient(to bottom, #4a4a49 55%, #f4f4f4 55%);
  }
  .main-advantages__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .main-advantages__item {
    padding: 24px;
  }
}

.main-geo {
  padding-top: 50px;
  padding-bottom: 25px;

  color: #2f1a0e;

  background-color: #f4f4f4;
}
.main-geo__container {
  display: grid;

  font-size: 20px;

  row-gap: 24px;
}
.main-geo__map {
  position: relative;

  width: 100%;
  min-height: 180px;
  padding-bottom: 50%;
  overflow: hidden;

  background-image: url("../img/map-plug.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.main-geo__map > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-geo__title {
  margin-bottom: 16px;
}
.main-geo__contacts {
  display: grid;
  padding: 16px;

  color: #2f1a0e;

  background-color: #ffffff;

  row-gap: 16px;
}
.main-geo__links {
  display: grid;

  font-size: 18px;

  justify-items: start;
  row-gap: 12px;
}
@media (min-width: 768px) {
  .main-geo {
    padding-bottom: 30px;
  }
  .main-geo__container {
    align-items: center;

    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
  .main-geo__map {
    min-height: 380px;

    grid-column: span 2;
  }
}
@media (min-width: 1200px) {
  .main-geo {
    padding-top: 100px;
    padding-bottom: 40px;
  }
  .main-geo__container {
            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
  .main-geo__map {
    min-height: 600px;
  }
  .main-geo__title {
    margin-bottom: 24px;
  }
  .main-geo__contacts {
    max-width: 445px;
    margin-left: auto;
    padding: 32px;
  }
  .main-geo__links > a:hover {
    text-decoration: none;
  }
}
@media (min-width: 1600px) {
  .main-geo__container {
            column-gap: 105px;

    -webkit-column-gap: 105px;
       -moz-column-gap: 105px;
    grid-template-columns: 9fr 3fr;
    row-gap: 40px;
  }
  .main-geo__map {
    grid-column: 1/2;
    grid-row: 1/span 2;
  }
  .main-geo__descr {
    align-self: end;
  }
  .main-geo__contacts {
    align-self: start;
    margin-left: 0;

    grid-column: 2/3;
  }
}

.main-partners {
  padding-top: 25px;
  padding-bottom: 50px;

  color: #2f1a0e;

  background-color: #f4f4f4;
}
.main-partners__title {
  margin-bottom: 24px;
}
.main-partners__slides {
  transition-timing-function: linear;
}
.main-partners__logo {
  display: block;
  min-height: 45px;

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.main-partners__pagination {
  max-width: 45%;
  margin: 0 auto;
  padding-top: 20px;
  overflow: hidden;

  text-align: center;
}
@media (min-width: 768px) {
  .main-partners__header {
    position: relative;

    padding: 0 84px;
  }
  .main-partners__navigation {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  .main-partners__title {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .main-partners {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .main-partners__title {
    margin-bottom: 36px;
  }
}

.main-partnership {
  padding-top: 50px;
  padding-bottom: 40px;
}
.main-partnership__cover {
  display: none;
}
.main-partnership__title {
  margin-bottom: 16px;
}
.main-partnership__descr {
  margin-bottom: 16px;
}
.main-partnership__form {
  display: grid;

  row-gap: 16px;
}
.main-partnership__textarea {
  height: 6em;
}
.main-partnership__submit {
  justify-content: center;
}
.main-partnership__policy {
  color: #8d8d8d;
}
@media (min-width: 768px) {
  .main-partnership {
    padding-top: 50px;
    padding-bottom: 90px;
  }
  .main-partnership__content {
    max-width: 510px;
  }
  .main-partnership__submit {
    justify-self: start;
  }
}
@media (min-width: 1200px) {
  .main-partnership {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .main-partnership__container {
    display: grid;
    justify-content: start;
    align-items: start;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-auto-flow: column;
    justify-items: start;
  }
  .main-partnership__cover {
    display: block;
    width: 630px;
    overflow: hidden;
  }
  .main-partnership__cover > img {
    display: block;
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
  }
  .main-partnership__content {
    max-width: 380px;
  }
  .main-partnership__title {
    margin-bottom: 24px;
  }
  .main-partnership__descr {
    margin-bottom: 24px;
  }
  .main-partnership__policy {
    padding-bottom: 8px;
  }
}
@media (min-width: 1600px) {
  .main-partnership__container {
    align-items: center;

    grid-template-columns: 7fr 5fr;
  }
  .main-partnership__cover {
    width: 100%;
  }
  .main-partnership__cover > img {
    width: 780px;
    margin-left: auto;
  }
  .main-partnership__content {
    max-width: 480px;
  }
}

.catalog__title {
  margin-bottom: 24px;
}
.catalog__descr {
  margin-bottom: 32px;
}
.catalog__list {
  display: grid;

  row-gap: 20px;
}
.catalog__category-descr {
  margin-top: 30px;
}
.catalog__question {
  padding-top: 60px;
}
.catalog__aside {
  display: none;
}
@media (min-width: 768px) {
  .catalog__title {
    margin-bottom: 32px;
  }
  .catalog__list {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog__list--sub {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .catalog__title {
    margin-bottom: 40px;
  }
  .catalog__aside-grid {
    display: grid;
    align-items: start;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: 3fr 9fr;
  }
  .catalog__aside {
    display: block;
  }
  .catalog__list--sub {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog__category-descr {
    max-width: 920px;
    margin-top: 60px;

    grid-column-start: 2;
  }
}
@media (min-width: 1600px) {
  .catalog__aside-grid {
    grid-template-columns: 3fr 12fr;
  }
  .catalog__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog__list--sub {
    grid-template-columns: repeat(4, 1fr);
  }
}

.catalog-card {
  display: grid;
  align-items: start;
  height: 100%;
  padding: 16px;

          column-gap: 16px;

  border: 1px solid #f4f4f4;
  border-radius: 12px;

  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
  grid-template-columns: 60px auto;
}
.catalog-card--sub {
  position: relative;
}
.catalog-card--sub .catalog-card__title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;
}
.catalog-card__icon {
  display: block;
  width: 60px;
  height: 60px;
}
.catalog-card__title {
  display: inline-block;
  margin-bottom: 16px;

  color: #2f1a0e;
  text-decoration: none;

  transition: color 0.15s ease-in-out;
}
.catalog-card__title:hover,
.catalog-card__title:focus {
  color: #7a1122;
}
.catalog-card__sub-list {
  display: grid;

  color: #2f1a0e;

  row-gap: 12px;
}
.catalog-card__sub-list a {
  color: inherit;
  text-decoration: none;

  transition: color 0.15s ease-in-out;
}
.catalog-card__sub-list a:hover,
.catalog-card__sub-list a:focus {
  color: #7a1122;
}
.catalog-card__count {
  display: block;

  color: #8d8d8d;
}
@media (min-width: 768px) {
  .catalog-card--sub {
    grid-auto-flow: row;
    grid-template-columns: none;
    row-gap: 16px;
  }
}
@media (min-width: 1200px) {
  .catalog-card {
    padding: 30px;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: 80px auto;
  }
  .catalog-card--sub {
    grid-auto-flow: row;
    grid-template-columns: none;
    row-gap: 24px;
  }
  .catalog-card__icon {
    width: 80px;
    height: 80px;
  }
  .catalog-card__title {
    margin-bottom: 24px;
  }
  .catalog-card__title:hover,
  .catalog-card__title:focus {
    text-decoration: underline;
  }
  .catalog-card__sub-list a:hover,
  .catalog-card__sub-list a:focus {
    text-decoration: underline;
  }
}

.products__title {
  margin-bottom: 24px;
}
.products__content {
  display: grid;

  row-gap: 50px;
}
.products__aside {
  display: none;
}
.products__list {
  display: grid;

  row-gap: 20px;
}
@media (min-width: 768px) {
  .products__title {
    margin-bottom: 32px;
  }
  .products__list {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .products__title {
    margin-bottom: 40px;
  }
  .products__content {
    align-items: start;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: 3fr 9fr;
  }
  .products__aside {
    display: block;
  }
  .products__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .products__pagination {
    grid-column-start: 2;
  }
}
@media (min-width: 1600px) {
  .products__content {
    grid-template-columns: 3fr 12fr;
  }
  .products__list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.products-aside {
  border: 1px solid #f4f4f4;
}
.products-aside__list,
.products-aside__sub-list {
  margin: 0;
  padding: 0;

  list-style: none;
}
.products-aside__list {
  display: grid;

  background-color: #f4f4f4;

  row-gap: 1px;
}
.products-aside__item {
  background-color: #ffffff;
}
.products-aside__sub-list {
  display: none;
}
.products-aside__sub-list[aria-expanded=true] {
  display: grid;
  padding: 16px 0;

  row-gap: 12px;
}
.products-aside__link {
  position: relative;

  display: inline-block;
  padding-right: 26px;
  padding-left: 10px;

  color: #2f1a0e;
  text-decoration: none;

  transition: color 0.15s ease-in-out;
}
.products-aside__link--arrowed::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;

  width: 14px;
  height: 7px;

  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.619363 1.98882C0.0681441 1.49885 0.458542 0.661072 1.23808 0.661072H12.7632C13.5428 0.661072 13.9331 1.49885 13.3819 1.98882L7.61936 7.1111C7.27766 7.41484 6.72364 7.41484 6.38193 7.1111L0.619363 1.98882Z' fill='%23CF4D4D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);

  transition: -webkit-transform 0.15s ease-in-out;
  transition:         transform 0.15s ease-in-out;
  transition:         transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.products-aside__link:hover {
  color: #7a1122;
  text-decoration: underline;
}
.products-aside__link.expanded {
  color: #7a1122;
}
.products-aside__link.expanded:hover {
  text-decoration: underline;
}
.products-aside__link.expanded::after {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
          transform: translateY(-50%) rotateZ(180deg);
}

.product-link-cat {
  display: grid;
  align-items: center;

          column-gap: 16px;

  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
  grid-template-columns: 36px auto;
}
.product-link-cat__icon {
  display: block;
  width: 36px;
  height: 36px;
}
.product-link-cat__text {
  padding: 23px 0;

  font-weight: 700;
  color: inherit;
}

.product__images {
  margin-bottom: 32px;
}
.product__meta {
  margin-bottom: 32px;
}
.product__tabs {
  margin-bottom: 32px;
}
@media (min-width: 1200px) {
  .product__content {
    display: grid;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: repeat(12, 1fr);
    row-gap: 40px;
  }
  .product__images {
    margin-bottom: 0;

    grid-column: span 7;
  }
  .product__meta {
    margin-bottom: 0;

    grid-column: span 5;
  }
  .product__tabs {
    margin-bottom: 0;

    grid-column: span 9;
  }
  .product__downloads {
    grid-column: span 3;
  }
}
@media (min-width: 1600px) {
  .product__tabs {
    grid-column: span 8;
  }
  .product__downloads {
    grid-column: span 4;
  }
}

.product-images__main-slide {
  position: relative;

  padding-bottom: 62%;
}
.product-images__img {
  position: absolute;
  top: 0;
  left: 0;

  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
.product-images__pagination {
  max-width: 75%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;

  text-align: center;
}
.product-images__navigation {
  display: none;
}
.product-images__thumb {
  display: block;
  width: 100%;
  height: 72px;

  cursor: pointer;

  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .product-images__main-slider {
    margin-bottom: 10px;
  }
  .product-images__pagination {
    display: none;
  }
  .product-images__navigation {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 2;

    display: flex;
    justify-content: space-between;
    width: calc(100% - 20px);

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .product-images__thumb {
    height: 90px;
  }
}
@media (min-width: 1200px) {
  .product-images__thumb {
    height: 100px;
  }
}
@media (min-width: 1600px) {
  .product-images__main-slide {
    padding-bottom: 66%;
  }
}

.product-meta__badges {
  margin-bottom: 7px;
}
.product-meta__title {
  margin-bottom: 24px;
}
.product-meta__order-btn {
  justify-content: center;
  width: 100%;
  margin: 32px 0;
}
@media (min-width: 768px) {
  .product-meta__order-btn {
    width: auto;
  }
}

.product-params td {
  padding: 6px 0;

  vertical-align: top;
}
.product-params td:first-child {
  padding-right: 10px;

  color: #8d8d8d;
}

.color-tabs__title {
  font-weight: 700;
}
.color-tabs__list {
/*display: flex;*/
  display: ruby;
/*  margin: -6px; */
  padding: 16px 0;
}
.color-tabs__list > li {
  margin: 6px;
}
.color-tabs__btn {
  display: inline-flex;
  width: 54px;
  height: 54px;

  border: 1px solid transparent;
  outline: none;

  transition: border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, transform 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.color-tabs__btn--active {
  border-color: #7a1122;
}
.color-tabs__btn:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.product-tabs__list-tabs {
  display: flex;
  margin-bottom: 24px;
  overflow-x: auto;

  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}
.product-tabs__list-tabs::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.product-tabs__list-tabs::-webkit-scrollbar-thumb {
  width: 0;
  height: 0;
}
.product-tabs__btn {
  padding: 12px 16px;

  font-size: 18px;
  white-space: nowrap;

  border-bottom: 1px solid #e1e1e1;
  outline: none;
}
.product-tabs__btn--active {
  border-color: #7a1122;
}
.product-tabs__btn:focus {
  border-color: #7a1122;
}
.product-tabs__consist {
  display: grid;

  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
  .product-tabs__list-tabs {
    margin-bottom: 32px;
    overflow: visible;
  }
  .product-tabs__consist {
    grid-template-columns: repeat(4, 1fr);
  }
}

.product-card {
  position: relative;

  border: 1px solid #f4f4f4;
}
.product-card__img {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto;

  -o-object-fit: cover;
     object-fit: cover;
}
.product-card__meta {
  padding: 12px;
}
.product-card__title {
  margin-bottom: 12px;

  font-weight: 400;
  font-size: 16px;
}
.product-card__art {
  color: #8d8d8d;
}
.product-card__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;
}

.product-downloads {
  display: grid;

  gap: 20px;
}
.product-downloads__item {
  padding: 24px;

  color: #ffffff;

  background-color: #7a1122;
  border: 1px solid #7a1122;
}
.product-downloads__item--invert {
  color: #2f1a0e;

  background-color: #ffffff;
}
.product-downloads__title {
  margin: 16px 0;
}
.product-downloads__descr {
  margin: 16px 0;
}
.product-downloads__descr--br {
  word-break: break-all;
}
.product-downloads__icon {
  display: block;
  width: 48px;
  height: 48px;
}
.product-downloads__icon--invert {
  color: #7a1122;
}
@media (min-width: 768px) {
  .product-downloads {
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .product-downloads {
    gap: 20px;
    grid-template-columns: none;
  }
}

.about-license {
  padding-top: 60px;
  padding-bottom: 30px;
}
.about-license__title {
  margin-bottom: 24px;
}
.about-license__gallery {
  display: grid;

  gap: 20px;
}
.about-license__slide {
  position: relative;

  padding-bottom: 140%;
  overflow: hidden;

  border: 1px solid #f4f4f4;
}
.about-license__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .about-license__title {
    margin-bottom: 32px;
  }
  .about-license__gallery {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .about-license__gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .about-license__gallery {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1600px) {
  .about-license {
    padding-top: 80px;
    padding-bottom: 40px;
  }
  .about-license__gallery {
    grid-template-columns: repeat(5, 1fr);
  }
}

.about-awards {
  padding-top: 30px;
  padding-bottom: 60px;
}
.about-awards__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.about-awards__navigation {
  margin-left: 36px;
}
.about-awards__slide {
  height: auto;
}
.about-awards__pagination {
  max-width: 45%;
  margin: 0 auto;
  padding-top: 20px;
  overflow: hidden;

  text-align: center;
}
@media (min-width: 1200px) {
  .about-awards__header {
    margin-bottom: 32px;
  }
}
@media (min-width: 1600px) {
  .about-awards {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

.award-slide {
  position: relative;

  padding-bottom: 140%;
}
.award-slide__img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}

.partners-sort__poster {
  display: block;
  width: 100%;
  margin-bottom: 24px;

  -o-object-fit: cover;
     object-fit: cover;
}
.partners-sort__title {
  color: #7a1122;
}
@media (min-width: 768px) {
  .partners-sort__container {
    display: grid;
    align-items: center;

    grid-template-columns: 1fr 1fr;
  }
  .partners-sort__poster {
    margin-bottom: 0;
    padding-right: 30px;
  }
}
@media (min-width: 992px) {
  .partners-sort__poster {
    padding-right: 0;
  }
  .partners-sort__content {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .partners-sort__content {
    padding-left: 65px;
  }
}
@media (min-width: 1600px) {
  .partners-sort__content {
    padding-right: 125px;
  }
  .partners-sort__poster {
    height: 500px;
  }
}

.partners-store {
  color: #ffffff;

  background-color: #7a1122;
}
.partners-store__content {
  padding-top: 40px;
  padding-bottom: 32px;
}
.partners-store__descr {
  margin-bottom: -16px;
}
.partners-store__descr > p {
  margin: 16px 0;
}
.partners-store__poster {
  display: block;
  width: 100%;

  -o-object-fit: cover;
     object-fit: cover;
}
.partners-store__poster--tablet {
  display: none;
}
@media (min-width: 768px) {
  .partners-store__container {
    display: grid;
    align-items: center;

    grid-template-columns: 1fr 1fr;
  }
  .partners-store__content {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
  }
  .partners-store__poster {
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center right;
       object-position: center right;
  }
  .partners-store__poster--tablet {
    display: block;
  }
  .partners-store__poster--mobile {
    display: none;
  }
}
@media (min-width: 1200px) {
  .partners-store__poster {
    padding-right: 0;
  }
  .partners-store__content {
    padding-right: 65px;
    padding-left: 50px;
  }
}
@media (min-width: 1600px) {
  .partners-store__content {
    padding-left: 125px;
  }
  .partners-store__poster {
    height: 500px;
  }
}

@media (min-width: 1200px) {
  .partnership {
    display: grid;
    justify-content: center;
    align-items: center;
    padding: 80px;

    background-image: linear-gradient(to right, #ffffff 50%, #f4f4f4 50%);

    grid-template-columns: 540px 540px;
  }
}
@media (min-width: 1600px) {
  .partnership {
    grid-template-columns: 1fr 1fr;
  }
}

.partners-step {
  padding: 40px 0;
}
.partners-step__content {
  max-width: 450px;
  margin: 0 auto;
}
.partners-step__title {
  margin-bottom: 16px;

  color: #7a1122;
}
.partners-step__descr {
  margin-bottom: 24px;
}
.partners-step__list {
  display: grid;

  counter-reset: step;

  row-gap: 10px;
}
.partners-step__item {
  position: relative;

  padding: 12px;
  padding-left: 62px;

  border: 1px solid #7a1122;

  counter-increment: step;
}
.partners-step__item::before {
  content: "0" counter(step);
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 1;

  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  color: #7a1122;
}
@media (min-width: 768px) {
  .partners-step {
    padding: 50px 0 40px;
  }
}
@media (min-width: 1200px) {
  .partners-step {
    padding: 0;
    padding-right: 65px;
  }
}
@media (min-width: 1600px) {
  .partners-step {
    padding-right: 130px;

    justify-self: end;
  }
  .partners-step__content {
    max-width: 515px;
  }
}

.partners-form {
  padding: 40px 0;

  background-color: #f4f4f4;
}
.partners-form__content {
  max-width: 450px;
  margin: 0 auto;
  padding: 24px;

  background-color: #ffffff;
  border: 1px solid #7a1122;
}
.partners-form__title {
  margin-bottom: 24px;
}
.partners-form__descr {
  margin-bottom: 24px;
}
.partners-form__form {
  display: grid;

  row-gap: 16px;
}
.partners-form__field-policy {
  color: #8d8d8d;
}
.partners-form__field-submit {
  padding-top: 8px;
}
.partners-form__submit {
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .partners-form__submit {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .partners-form {
    padding: 0;
    padding-left: 65px;

    background-color: transparent;
  }
}
@media (min-width: 1600px) {
  .partners-form {
    padding-left: 130px;

    justify-self: start;
  }
  .partners-form__content {
    max-width: 515px;
  }
}

.news__title {
  margin-bottom: 24px;
}
.news__list {
  display: grid;

  gap: 20px;
}
.news__pagination {
  padding-top: 50px;
}
@media (min-width: 768px) {
  .news__title {
    margin-bottom: 32px;
  }
  .news__list {
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .news__title {
    margin-bottom: 40px;
  }
  .news__list {
    gap: 30px;
  }
}
@media (min-width: 1600px) {
  .news__list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.news-item {
  position: relative;

  height: 100%;
  overflow: hidden;

  border: 1px solid #f4f4f4;
}
.news-item__poster {
  display: block;
  width: 100%;
  height: 230px;

  -o-object-fit: cover;
     object-fit: cover;
}
.news-item__meta {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  padding: 16px;
}
.news-item__title {
  margin-bottom: 16px;

  font-size: 14px;

  transition: color 0.15s ease-in-out;
}
.news-item__link:hover + .news-item__title {
  color: #7a1122;
  text-decoration: underline;
}
.news-item__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .news-item__poster {
    height: 144px;
  }
}
@media (min-width: 992px) {
  .news-item__poster {
    height: 190px;
  }
  .news-item__title {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .news-item__poster {
    height: 240px;
  }
}
@media (min-width: 1600px) {
  .news-item__poster {
    height: 260px;
  }
}

.news-post__title {
  margin-bottom: 24px;
}
.news-post__content {
  max-width: 570px;
}
.news-post__poster {
  display: block;
  width: 100%;
  margin-bottom: 32px;
}
.news-post__gallery {
  padding-top: 16px;
  padding-bottom: 25px;
}
.news-post__navigation {
  padding-top: 25px;
}
@media (min-width: 768px) {
  .news-post__title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .news-post__title {
    margin-bottom: 40px;
  }
  .news-post__content {
    display: grid;
    max-width: none;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: 7fr 5fr;
  }
  .news-post__poster {
    margin-bottom: 0;

    grid-column-start: 2;
  }
  .news-post__descr {
    grid-column-start: 1;
    grid-row-start: 1;
  }
}

.post-gallery {
  display: grid;

  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
.post-gallery__img {
  display: block;
  width: 100%;
  height: 120px;

  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .post-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
  .post-gallery__img {
    height: 144px;
  }
}
@media (min-width: 992px) {
  .post-gallery__img {
    height: 190px;
  }
}
@media (min-width: 1200px) {
  .post-gallery__img {
    height: 240px;
  }
}
@media (min-width: 1600px) {
  .post-gallery {
    grid-template-columns: repeat(4, 1fr);
  }
  .post-gallery__img {
    height: 260px;
  }
}

.post-navigation {
  display: grid;

  gap: 30px;
}
.post-navigation__link {
  position: relative;

  display: grid;

  text-decoration: none;

  row-gap: 8px;
}
.post-navigation__link--prev {
  padding-left: 50px;
}
.post-navigation__link--prev .post-navigation__icon {
  left: 0;
}
.post-navigation__link--next {
  padding-right: 50px;
}
.post-navigation__link--next .post-navigation__icon {
  right: 0;
}
.post-navigation__link:hover .post-navigation__icon,
.post-navigation__link:focus .post-navigation__icon {
  color: #ffffff;

  background-color: #7a1122;
}
.post-navigation__link:hover .post-navigation__title,
.post-navigation__link:focus .post-navigation__title {
  color: #7a1122;
  text-decoration: underline;
}
.post-navigation__text {
  color: #8d8d8d;

  transition: color 0.15s ease-in-out;
}
.post-navigation__icon {
  position: absolute;
  top: 30px;

  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;

  color: #7a1122;

  border: 1px solid #7a1122;
  border-radius: 50%;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.post-navigation__title {
  font-weight: 700;
  color: #2f1a0e;
}
@media (min-width: 768px) {
  .post-navigation {
    display: flex;
    justify-content: space-between;

    gap: 0;
  }
  .post-navigation__link {
    width: 330px;
  }
}

.shemes__title {
  margin-bottom: 24px;
}
.shemes__question {
  padding-top: 60px;
}
.shemes__tabs {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .shemes__title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .shemes__title {
    margin-bottom: 40px;
  }
  .shemes__tabs {
    margin-bottom: 40px;
  }
}

.shemes-tabs__btn {
  width: 100%;
  padding: 12px 14px;

  text-align: left;

  outline: none;
}
.shemes-tabs__btn--active {
  background-color: #f4f4f4;
}
.shemes-tabs__upload-list {
  display: grid;
  margin-top: 24px;
  margin-bottom: 32px;

  row-gap: 10px;
}
@media (min-width: 1200px) {
  .shemes-tabs__btn {
    padding: 12px;

    font-weight: 700;
    text-align: center;

    border: 1px solid #f4f4f4;
    border-radius: 12px;

    transition: border-color 0.15s ease-in-out;
  }
  .shemes-tabs__btn--active {
    background-color: transparent;
    border-color: #7a1122;
  }
  .shemes-tabs__upload-list {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}

.shemes-dropdown {
  position: relative;
}
.shemes-dropdown__list {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  z-index: 1;

  display: none;
  width: 100%;

  background-color: #ffffff;
  border: 1px solid #e1e1e1;
}
.shemes-dropdown__trigger {
  position: relative;

  display: block;
  width: 100%;
  padding: 12px 14px;
  padding-right: 44px;

  text-align: left;

  border: 1px solid #e1e1e1;
}
.shemes-dropdown__trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;

  width: 16px;
  height: 9px;

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8541 0.534377L8.04446 6.38607L2.19527 0.49457C2.10342 0.401293 1.99415 0.327256 1.87374 0.276732C1.75334 0.226208 1.6242 0.200195 1.49377 0.200195C1.36333 0.200195 1.23419 0.226208 1.11379 0.276732C0.993389 0.327256 0.884111 0.401293 0.79226 0.49457C0.699653 0.587085 0.626148 0.697154 0.575987 0.818427C0.525826 0.939699 0.5 1.06978 0.5 1.20115C0.5 1.33253 0.525826 1.4626 0.575987 1.58388C0.626148 1.70515 0.699653 1.81522 0.79226 1.90773L7.34295 8.50582C7.43481 8.5991 7.54408 8.67313 7.66448 8.72366C7.78489 8.77418 7.91403 8.8002 8.04446 8.8002C8.17489 8.8002 8.30404 8.77418 8.42444 8.72366C8.54484 8.67313 8.65412 8.5991 8.74597 8.50582L9.39807 7.79924L15.2077 1.94754C15.3003 1.85503 15.3739 1.74496 15.424 1.62369C15.4742 1.50241 15.5 1.37234 15.5 1.24096C15.5 1.10958 15.4742 0.979507 15.424 0.858234C15.3739 0.736962 15.3003 0.626893 15.2077 0.534377C15.0245 0.360842 14.7824 0.264227 14.5309 0.264227C14.2794 0.264227 14.0374 0.360842 13.8541 0.534377Z' fill='%23CF4D4D'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);

  transition: -webkit-transform 0.15s ease-in-out;
  transition:         transform 0.15s ease-in-out;
  transition:         transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.shemes-dropdown__trigger[aria-expanded=true]::after {
  -webkit-transform: translateY(-50%) rotateZ(180deg);
          transform: translateY(-50%) rotateZ(180deg);
}
.shemes-dropdown__trigger[aria-expanded=true] + ul {
  display: grid;
}
@media (min-width: 1200px) {
  .shemes-dropdown__trigger {
    display: none;
  }
  .shemes-dropdown__list {
    position: static;

    display: flex;
    margin: -5px;

    border: none;
  }
  .shemes-dropdown__list > * {
    margin: 5px;
  }
}

.sheme-link {
  display: grid;
  align-items: center;
  padding: 12px;

  text-decoration: none;
          column-gap: 16px;

  border: 1px solid #f4f4f4;

  transition: color 0.15s ease-in-out;

  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
  grid-template-columns: auto 32px;
}
.sheme-link__text {
  position: relative;

  padding-left: 40px;

  color: #2f1a0e;
  word-break: break-all;
}
.sheme-link__text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;

  width: 24px;
  height: 24px;

  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8535 5.1465L15.8535 0.146484C15.7598 0.0527344 15.6328 0 15.5 0H4.99997C3.89695 0 3 0.896953 3 2.00002V22C3 23.103 3.89695 24 5.00002 24H19C20.103 24 21 23.103 21 22V5.49998C21 5.36719 20.9473 5.24025 20.8535 5.1465ZM16 1.70705L19.293 5.00002H17C16.4487 5.00002 16 4.55128 16 4.00003V1.70705ZM20 22C20 22.5512 19.5513 23 19 23H5.00002C4.44877 23 4.00003 22.5512 4.00003 22V2.00002C4.00003 1.44877 4.44877 1.00003 5.00002 1.00003H15V4.00003C15 5.10305 15.897 6 17 6H20V22Z' fill='%23CF4D4D'/%3E%3Cpath d='M14.5493 14.6782C14.0864 14.3139 13.6465 13.9394 13.3535 13.6465C12.9727 13.2656 12.6333 12.8965 12.3384 12.5449C12.7984 11.1235 13 10.3906 13 9.99995C13 8.3403 12.4004 7.99994 11.5 7.99994C10.8159 7.99994 10 8.35539 10 10.0478C10 10.7939 10.4087 11.6997 11.2188 12.7524C11.0205 13.3574 10.7876 14.0552 10.5259 14.8418C10.3999 15.2192 10.2632 15.5688 10.1187 15.892C10.001 15.9443 9.88673 15.9975 9.77639 16.0527C9.37894 16.2514 9.0015 16.4301 8.65139 16.5962C7.05469 17.352 6 17.852 6 18.8393C6 19.5561 6.77883 19.9999 7.5 19.9999C8.42967 19.9999 9.83348 18.7582 10.8589 16.6664C11.9233 16.2465 13.2466 15.9355 14.291 15.7406C15.1279 16.3842 16.0522 16.9999 16.5 16.9999C17.7397 16.9999 18 16.2831 18 15.682C18 14.4999 16.6494 14.4999 16 14.4999C15.7983 14.5 15.2573 14.5595 14.5493 14.6782ZM7.5 19C7.21434 19 7.02098 18.8652 6.99998 18.8393C6.99998 18.4848 8.05711 17.9838 9.07959 17.4995C9.14452 17.4687 9.21047 17.4379 9.27736 17.4062C8.52638 18.4951 7.78369 19 7.5 19ZM11 10.0478C11 8.99997 11.3252 8.99997 11.5 8.99997C11.8536 8.99997 12 8.99997 12 9.99995C12 10.2109 11.8594 10.7382 11.6021 11.5615C11.2095 10.957 11 10.4389 11 10.0478ZM11.3833 15.4218C11.4146 15.3349 11.4449 15.247 11.4742 15.1582C11.6597 14.6015 11.8267 14.1015 11.9756 13.6513C12.1831 13.8798 12.4068 14.1138 12.6465 14.3535C12.7403 14.4472 12.9727 14.6582 13.2823 14.9223C12.666 15.0566 12.0103 15.2231 11.3833 15.4218ZM17 15.6821C17 15.9067 17 16 16.5361 16.0029C16.3999 15.9736 16.085 15.7881 15.6963 15.5234C15.8374 15.5078 15.9414 15.5 16 15.5C16.7388 15.5 16.9483 15.5722 17 15.6821Z' fill='%23CF4D4D'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sheme-link__download {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;

  border-radius: 50%;

  transition: background-color 0.15s ease-in-out;
}
.sheme-link:hover,
.sheme-link :focus {
  color: #ffffff;
}
.sheme-link:hover .sheme-link__text,
.sheme-link :focus .sheme-link__text {
  color: #7a1122;
  text-decoration: underline;
}
.sheme-link:hover .sheme-link__download,
.sheme-link :focus .sheme-link__download {
  background-color: #7a1122;
}

.delivery__title {
  margin-bottom: 24px;
}
.delivery__subtitle {
  margin-bottom: 24px;
}
.delivery__accent-text {
  color: #7a1122;
}
.delivery__how-to-block {
  margin-bottom: 50px;
}
.delivery__list {
  display: grid;

  row-gap: 24px;
}
.delivery__list--numeric {
  counter-reset: delivery-step;
}
.delivery__item {
  position: relative;

  padding-top: 50px;

  counter-increment: delivery-step;
}
.delivery__item::before {
  content: "0" counter(delivery-step);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;

  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  color: #7a1122;
}
.delivery__icon {
  display: block;
  width: 60px;
  height: 60px;
  margin-bottom: 12px;
}
.delivery__item-accent {
  display: block;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .delivery__title {
    margin-bottom: 32px;
  }
  .delivery__list {
            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .delivery__title {
    margin-bottom: 40px;
  }
  .delivery__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .delivery__how-to-block {
    margin-bottom: 60px;
  }
}

.contacts {
  font-size: 18px;
}
.contacts__title {
  margin-bottom: 24px;
}
.contacts__info-wrapper {
  margin-bottom: 32px;
}
.contacts__info {
  display: grid;
  align-items: start;
  margin-bottom: 32px;

  row-gap: 24px;
}
.contacts__phones {
  display: grid;
  align-items: start;

  row-gap: 32px;
}
@media (min-width: 768px) {
  .contacts__title {
    margin-bottom: 32px;
  }
  .contacts__info {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
  .contacts__phones {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .contacts {
    font-size: 20px;
  }
  .contacts__title {
    margin-bottom: 40px;
  }
  .contacts__info-wrapper {
    display: grid;
    align-items: center;

            column-gap: 30px;

    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
    grid-template-columns: 340px 1fr;
  }
  .contacts__info {
    margin-bottom: 0;
    padding: 24px;

    border: 1px solid #f4f4f4;
    border-radius: 12px;

    grid-template-columns: none;
  }
}
@media (min-width: 1600px) {
  .contacts__info-wrapper {
    grid-template-columns: 362px 1fr;
  }
  .contacts__phones {
    grid-template-columns: repeat(4, 1fr);
  }
}

.contacts-main {
  display: grid;

  row-gap: 16px;
}

.contacts-main__title {
  color: #7a1122;
}

.contacts-main__list {
  display: grid;

  row-gap: 12px;
}
@media (min-width: 1200px) {
  .contacts-main__list a:hover,
  .contacts-main__list a:focus {
    text-decoration: none;
  }
}

.contacts-shedule {
  display: grid;

  row-gap: 16px;
}
.contacts-shedule__title {
  display: block;
  margin-bottom: 12px;

  font-size: 16px;
  color: #7a1122;
}

.contacts-map {
  position: relative;

  width: 100%;
  min-height: 180px;
  padding-bottom: 65%;
  overflow: hidden;

  background-image: url("../img/map-contacts-plug.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.contacts-map > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  .contacts-map {
    height: 380px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .contacts-map {
    height: 450px;
  }
}

.contacts-item {
  display: grid;
  align-items: start;

  row-gap: 12px;
}
.contacts-item__title {
  margin-bottom: 4px;
}
.contacts-item__list {
  display: grid;

  row-gap: 12px;
}
@media (min-width: 1200px) {
  .contacts-item {
    display: block;
    height: 100%;
    padding: 24px;

    border: 1px solid #f4f4f4;
    border-radius: 12px;
  }
  .contacts-item__title {
    display: block;
    margin-bottom: 16px;
  }
  .contacts-item__list:not(:last-child) {
    margin-bottom: 12px;
  }
  .contacts-item__list a:hover,
  .contacts-item__list a:focus {
    text-decoration: none;
  }
}

.search__title {
  margin-bottom: 24px;
}
.search__form {
  margin-bottom: 30px;
}
.search__input {
  padding-left: 50px;

  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7058 17.6733L15.1761 13.1059C16.401 11.4886 16.9658 9.46717 16.7565 7.44996C16.5472 5.43274 15.5793 3.57005 14.0483 2.23809C12.5174 0.906129 10.5375 0.204165 8.50848 0.273975C6.47947 0.343786 4.5526 1.18017 3.11703 2.6142C1.68145 4.04822 0.844171 5.97303 0.774286 7.99984C0.7044 10.0267 1.40712 12.0045 2.74052 13.5337C4.07391 15.063 5.93861 16.0299 7.958 16.239C9.97738 16.4481 12.001 15.8839 13.62 14.6603L18.1497 19.1851C18.2488 19.2849 18.3666 19.3641 18.4965 19.4181C18.6264 19.4722 18.7657 19.5 18.9064 19.5C19.0471 19.5 19.1864 19.4722 19.3163 19.4181C19.4462 19.3641 19.564 19.2849 19.6631 19.1851C19.7659 19.0889 19.8485 18.9734 19.9063 18.8452C19.9641 18.717 19.9959 18.5786 19.9999 18.438C20.0038 18.2975 19.9799 18.1575 19.9294 18.0263C19.8789 17.895 19.8029 17.775 19.7058 17.6733ZM8.82391 14.1705C7.66453 14.1705 6.53119 13.8271 5.5672 13.1837C4.60322 12.5403 3.85188 11.6258 3.40821 10.5558C2.96453 9.48581 2.84845 8.30844 3.07463 7.17256C3.30081 6.03669 3.85911 4.99332 4.67891 4.1744C5.49871 3.35548 6.54321 2.79778 7.68031 2.57184C8.81741 2.3459 9.99604 2.46186 11.0672 2.90506C12.1383 3.34826 13.0538 4.09879 13.6979 5.06174C14.342 6.02469 14.6858 7.15681 14.6858 8.31494C14.683 9.86708 14.0645 11.3548 12.9658 12.4524C11.8671 13.5499 10.3777 14.1677 8.82391 14.1705Z' fill='%23CF4D4D'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center left 14px;
  background-size: 20px 20px;
  border-color: #7a1122;
}
.search__result-text {
  margin-bottom: 32px;
}
.search__result-list {
  display: grid;

  row-gap: 20px;
}
.search__question {
  padding-top: 32px;
}
@media (min-width: 768px) {
  .search__title {
    margin-bottom: 32px;
  }
  .search__result-list {
    gap: 30px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .search__result-list {
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .search__title {
    margin-bottom: 40px;
  }
  .search__result-list {
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1600px) {
  .search__result-list {
    grid-template-columns: repeat(5, 1fr);
  }
}

.not-found {
  text-align: center;
}
.not-found__img {
  display: block;
  width: 100%;
  margin-bottom: 24px;
}
.not-found__title {
  margin-bottom: 24px;
}
.not-found__text {
  margin-bottom: 32px;
}
.not-found__input {
  padding-left: 50px;

  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.7058 17.6733L15.1761 13.1059C16.401 11.4886 16.9658 9.46717 16.7565 7.44996C16.5472 5.43274 15.5793 3.57005 14.0483 2.23809C12.5174 0.906129 10.5375 0.204165 8.50848 0.273975C6.47947 0.343786 4.5526 1.18017 3.11703 2.6142C1.68145 4.04822 0.844171 5.97303 0.774286 7.99984C0.7044 10.0267 1.40712 12.0045 2.74052 13.5337C4.07391 15.063 5.93861 16.0299 7.958 16.239C9.97738 16.4481 12.001 15.8839 13.62 14.6603L18.1497 19.1851C18.2488 19.2849 18.3666 19.3641 18.4965 19.4181C18.6264 19.4722 18.7657 19.5 18.9064 19.5C19.0471 19.5 19.1864 19.4722 19.3163 19.4181C19.4462 19.3641 19.564 19.2849 19.6631 19.1851C19.7659 19.0889 19.8485 18.9734 19.9063 18.8452C19.9641 18.717 19.9959 18.5786 19.9999 18.438C20.0038 18.2975 19.9799 18.1575 19.9294 18.0263C19.8789 17.895 19.8029 17.775 19.7058 17.6733ZM8.82391 14.1705C7.66453 14.1705 6.53119 13.8271 5.5672 13.1837C4.60322 12.5403 3.85188 11.6258 3.40821 10.5558C2.96453 9.48581 2.84845 8.30844 3.07463 7.17256C3.30081 6.03669 3.85911 4.99332 4.67891 4.1744C5.49871 3.35548 6.54321 2.79778 7.68031 2.57184C8.81741 2.3459 9.99604 2.46186 11.0672 2.90506C12.1383 3.34826 13.0538 4.09879 13.6979 5.06174C14.342 6.02469 14.6858 7.15681 14.6858 8.31494C14.683 9.86708 14.0645 11.3548 12.9658 12.4524C11.8671 13.5499 10.3777 14.1677 8.82391 14.1705Z' fill='%23CF4D4D'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center left 14px;
  background-size: 20px 20px;
  border-color: #7a1122;
}
@media (min-width: 768px) {
  .not-found__content {
    width: 570px;
    margin: 0 auto;
  }
  .not-found__title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .not-found__content {
    width: 730px;
  }
  .not-found__img {
    margin-bottom: 32px;
  }
  .not-found__title {
    margin-bottom: 40px;
  }
  .not-found__text {
    margin-bottom: 40px;
  }
}

.policy {
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}
.policy a {
  position: relative;

  display: inline-block;

  transition: color 0.25s ease-in-out;
}
.policy ol {
  margin: 0;
  padding: 0;

  list-style: none;
  line-height: 1.5;
}
.policy__content > ol {
  counter-reset: num;
}
.policy__content > ol > li {
  margin: 12px 0;

  font-weight: 700;

  counter-increment: num;
}
.policy__content > ol > li::before {
  content: counter(num) ". ";
}
.policy__content > ol > li > ol {
  counter-reset: num2;
}
.policy__content > ol > li > ol > li {
  margin: 8px 0;

  font-weight: 400;

  counter-increment: num2;
}
.policy__content > ol > li > ol > li::before {
  content: counter(num) "." counter(num2) ". ";
}
.policy__content > ol > li > ol > li > ol {
  counter-reset: num3;
}
.policy__content > ol > li > ol > li > ol > li {
  margin: 6px 0;

  counter-increment: num3;
}
.policy__content > ol > li > ol > li > ol > li::before {
  content: counter(num) "." counter(num2) "." counter(num3) ". ";
}
@media (min-width: 1200px) {
  .policy a:hover,
  .policy a:focus {
    text-decoration: none;
  }
}