/* Start:/local/templates/remer/js/select2/css/select2.css?162325364418931*/
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }
  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/* End */


/* Start:/local/templates/remer/js/fancybox/fancybox.css?165348153815598*/
.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */


/* Start:/local/templates/remer/css/style.css?1751361199508707*/
@charset "UTF-8";
/* stylelint-disable */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
 ========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
    margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
    display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
    font-size: 2em;
    margin: 0.67em 0;
    font-family: "Jeko";
}

/* Grouping content
 ========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
 ========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
    background-color: transparent;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration-style: dotted;
    text-decoration-line: underline;
    /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
    font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
* Add the correct font size in all browsers.
*/
small {
    font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
 ========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
    border-style: none;
}

/* Forms
 ========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
    /* 1 */
    overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
    /* 1 */
    text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
* Correct the padding in Firefox.
*/
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
    vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
    overflow: auto;
}

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
 ========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
    display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
    display: list-item;
}

/* Misc
 ========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
    display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
    display: none;
}

/* stylelint-disable */
/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */
@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper-notification {
    display: none !important;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: all;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-wrapper {
    transition-property: transform, -webkit-transform;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}

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

:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
:root {
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*! nouislider - 14.7.0 - 4/6/2021 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-target {
    position: relative;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* youtube */
.youtube {
    background-position: left;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
}

.youtube .play {
    background: url('/local/templates/remer/img/youtube-play-btn.webp') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.youtube:hover .play {
    background-position: 0 0;
}

/* Wrapper for all connect elements.
  */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat;
}

.noUi-connect {
    height: 100%;
    width: 100%;
}

.noUi-origin {
    height: 10%;
    width: 10%;
}

/* Offset direction
  */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */
.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
  */
.noUi-horizontal {
    height: 18px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    right: -17px;
    top: -6px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

/* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */
.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
    border-radius: 3px;
}

.noUi-connect {
    background: #3FB8AF;
}

/* Handles and cursors;
  */
.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #FFF;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
    -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
  */
.noUi-handle:before,
.noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #E8E7E6;
    left: 14px;
    top: 6px;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
  */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base;
  *
  */
.noUi-pips,
.noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #999;
}

/* Values;
  *
  */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings;
  *
  */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

.noUi-marker-large {
    background: #AAA;
}

/* Horizontal layout;
  *
  */
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

/* Vertical layout;
  *
  */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(0, -18px);
    -ms-transform: translate(0, -18px);
    transform: translate(0, -18px);
    top: auto;
    right: 28px;
}

:root {
    --default-black: #000000;
    --default-white: #ffffff;
    --bg-color: #2d2d2d;
    --bg-color-2: #454545;
    --bg-color-4: rgba(69, 69, 69, 0.88);
    --bg-color-88: rgba(69, 69, 69, 0.88);
    --bg-color-42: #424242;
    --bg-color-3: #dedede;
    --bg-color-5: #454545;
    --bg-color-7: rgba(69, 69, 69, 0.95);
    --text-color: #f2f2f2;
    --border-color: #ffffff;
    --border-color-2: rgba(255, 255, 255, 0.2);
    --border-color-3: rgba(255, 255, 255, 0.4);
    --bg-color-btn: #dedede;
    --tag-bg: rgba(0, 0, 0, 0.2);
    --transparent-05: rgba(255, 255, 255, 0.5);
    --link-color-transparent: rgba(255, 255, 255, 0.5);
    --text-reverse: #2d2d2d;
    --checkbox-bg: #ffffff;
    --btn-more-color: #dedede;
    --bg-color-gradient: linear-gradient(to top, rgba(45, 45, 45, 0.9) 30%, rgba(45, 45, 45, 0.3) 100%);
    --remer: #f24941;
    --remer-3: rgba(250, 176, 0, 0.3);
    --elbox: #ffc237;
    --elbox-2: rgba(250, 176, 0, 0.3);
    --tsmo: #275789;
    --cmo: #275789;
    --cmo-2: #275789;
}

html.white {
    --default-black: #ffffff;
    --default-white: #000000;
    --bg-color: #ffffff;
    --bg-color-4: rgba(247, 247, 247, 0.88);
    --bg-color-88: rgba(69, 69, 69, 0.88);
    --bg-color-42: #f3f3f3;
    --bg-color-2: #dedede;
    --bg-color-3: #f3f3f3;
    --bg-color-7: rgba(255, 255, 255, 0.95);
    --text-color: #2d2d2d;
    --border-color: #2d2d2d;
    --border-color-2: rgba(0, 0, 0, 0.2);
    --border-color-3: rgba(0, 0, 0, 0.4);
    --bg-color-btn: #2d2d2d;
    --link-color-transparent: #2d2d2d;
    --transparent-05: rgba(45, 45, 45, 0.5);
    --tag-bg: #ebebeb;
    --text-reverse: #ffffff;
    --btn-more-color: #000000;
    --checkbox-bg: #606060;
    --bg-color-gradient: linear-gradient(to top, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.3) 100%);
    --bg-color-5: #f7f7f7;
    --remer: #f24941;
    --remer-3: rgba(250, 176, 0, 0.3);
    --tsmo: #275789;
    --cmo: #275789;
    --cmo-2: #94a7ee;
    --elbox: #ffc237;
}

@font-face {
    font-display: swap;
    font-family: "Jeko";
    font-style: normal;
    font-weight: 500;
    src: url("/local/templates/remer/css/../fonts/jeko-500.woff2") format("woff2"), url("/local/templates/remer/css/../fonts/jeko-500.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Jeko";
    font-style: normal;
    font-weight: 900;
    src: url("/local/templates/remer/css/../fonts/jeko-900.woff2") format("woff2"), url("/local/templates/remer/css/../fonts/jeko-900.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    src: url("/local/templates/remer/css/../fonts/inter-400.woff2") format("woff2"), url("/local/templates/remer/css/../fonts/inter-400.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 900;
    src: url("/local/templates/remer/css/../fonts/inter-900.woff2") format("woff2"), url("/local/templates/remer/css/../fonts/inter-900.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    src: url("/local/templates/remer/css/../fonts/inter-700.woff2") format("woff2"), url("/local/templates/remer/css/../fonts/inter-700.woff") format("woff");
}

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

html {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    padding: 0;
    margin: 0;
}

body {
    width: 100%;
    height: 100%;
    background-color: #2d2d2d;
    background-color: var(--bg-color);
    color: #ffffff;
    color: var(--text-color);
    font-family: "Inter", "Arial", sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border-top: 4px solid #fab000;
}

@media (min-width: 1023px) {
    body {
        font-size: 16px;
        line-height: 22px;
    }
}

a {
    color: #ffffff;
    color: var(--text-color);
    text-decoration: none;
}

img,
video {
/*    display: block;*/
    max-width: 100%;
    height: auto;
}

textarea {
    resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none;
}

input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
}

select,
textarea,
input:matches([type="email"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="url"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select,
    textarea,
    input {
        font-size: 16px;
    }
}

.iwrap a {
    color: inherit;
    text-decoration: none;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    margin: -1px;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
}

.scroll-lock {
    position: fixed;
    overflow-y: auto;
}

.wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    min-height: calc(100 * var(--vh, 1vh));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
}

.wrapper .header,
.wrapper .footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.wrapper main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.custom-clustericon span {
    padding-left: 35px;
}

.container {
    width: 100%;
    max-width: 1920px;
    padding: 0 15px;
    margin: 0 auto;
}

.search-empty {
    margin-top: 105px;
}

.search-total {
    font-family: 'Jeko';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    letter-spacing: -0.01em;
    margin-top: 72px;
    margin-bottom: -40px;
}

.price-list.search-price {
    padding: 0;
}

@media (max-width: 475px) {
    .search-total {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 120%;
    }
}

@media (min-width: 319px) {
    .configurator .container.configurate {
        padding-right: 4px;
    }
}

@media (min-width: 374px) {
    .container {
        max-width: 1920px;
        padding: 0 19px;
    }

    .news .container {
        padding: 0 20px;
    }

    .page404class .container {
        padding-left: 20px;
    }

    .page404class .header__logo-link {
        padding-left: 0;
    }

    .page404class .page-404__main {
        margin-bottom: 244px;
    }

    .page404class .page-404.container {
        padding-top: 30px;
    }

    .configurator .container.configurate {
        padding-right: 9px;
    }

    .price-list section.price-list {
        padding: 4px 20px 0;
    }
}

@media (min-width: 1023px) {
    .container {
        max-width: 1920px;
        padding: 0 40px;
    }

    .news .container {
        padding: 0 40px;
    }

    .container .container {
        padding: 0 38px;
    }

    .index .about-section > .container {
        padding-bottom: 83px;
    }

    .price-list section.price-list {
        padding: 4px 40px 0;
    }
}

@media (min-width: 1359px) {
    .container {
        max-width: 1920px;
        padding: 0 64px;
    }

    .news .container {
        padding: 0 64px;
    }

    .price-list .container {
        padding: 0 67px;
    }

    .price-list section.price-list {
        padding: 4px 64px 0;
    }
}

@media (min-width: 1599px) {
    .container {
        max-width: 1920px;
        padding: 8px 40px;
    }

    .news .container.container--header {
        padding-left: 64px;
    }

    .news .container {
        padding-right: 40px;
        padding-left: 40px;
    }

    .buy-page .container {
        padding: 13px 40px;
    }

    .configurator .container.configurate {
        padding-top: 16px;
    }

    .price-list .container {
        padding: 0 40px;
    }

    .price-list section.price-list {
        padding: 4px 40px 0 37px;
    }
}

@media (min-width: 1899px) {
    .container {
        padding: 8px 51px;
        padding-right: 57px;
    }

    .about-page .container {
        padding: 8px 56px;
    }

    .news .container {
        padding-left: 56px;
    }

    .news .container.container--header {
        padding-left: 80px;
        padding-right: 57px;
    }

    .buy-page .container {
        padding: 13px 51px;
    }

    .cooperation .container {
        padding-left: 56px;
    }

    .personal .container {
        padding: 8px 56px;
    }

    .catalog .container {
        padding-right: 56px;
        padding-left: 56px;
    }

    .configurator .container {
        padding-left: 38px;
    }

    .configurator .container--header {
        padding-left: 56px;
    }

    .price-list .container {
        padding: 0 56px;
    }

    .price-list section.price-list {
        padding: 5px 57px 0 53px;
    }
}

.price-and-config {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}

.price-and-config > li {
    display: inline-block;
}

.price-and-config > li:not(:last-child) {
    margin-right: 40px;
}

.price-and-config__link {
    font-size: 16px;
    line-height: 19px;
    text-transform: lowercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.price-and-config__link svg {
    stroke: #ffffff;
    stroke: var(--text-color);
    margin-right: 10px;
}

@media (min-width: 1023px) {
    .price-and-config__link svg {
        width: 12px;
        margin-right: 10px;
    }

    /*.news .price-and-config__link svg {
        margin-right: 12px;
    }*/
}

@media (min-width: 1359px) {
    .price-and-config__link {
        font-size: 16px;
        line-height: 22px;
    }

    /*.news .price-and-config__link svg {
        margin-right: 15px;
    }

    .news .price-and-config__link svg {
        margin-right: 14px;
    }*/
}

@media (min-width: 1919px) {
    .price-and-config__link svg {
        margin-right: 10px;
    }

    /*.news .price-and-config__link svg {
        margin-right: 18px;
    }*/
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .price-and-config__link:hover, .price-and-config__link:focus {
        opacity: 0.7;
    }
}

.trademarks-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid;
    border-color: rgba(255, 255, 255, 0.4);
    border-color: var(--border-color-3);
    border-radius: 80px;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .trademarks-tabs {
        min-height: 64px;
        width: 288px;
    }
}

@media (min-width: 1359px) {
    .trademarks-tabs {
        width: 320px;
    }
}

@media (min-width: 1599px) {
    .trademarks-tabs {
        width: 288px;
    }
}

.trademarks-tabs > div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.trademarks-tabs--catalog {
    margin: 0 auto;
}

.trademarks-tabs--about {
    width: 100%;
    max-width: 335px;
}

@media (min-width: 1023px) {
    .trademarks-tabs--about {
        max-width: 424px;
        min-height: 88px;
        margin-top: 9px;
    }
}

@media (min-width: 1023px) {
    .trademarks-tabs--about .trademarks-tabs__tab-control {
        padding: 33px 20px;
        height: calc(100% + 2px);
    }
}

@media (min-width: 1359px) {
    .trademarks-tabs--about {
        margin-top: 8px;
    }
}

@media (min-width: 1919px) {
    .trademarks-tabs--about .trademarks-tabs__tab-control {
        height: calc(100% + 0px);
    }
}

.trademarks-tabs__tab-control {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    width: 100%;
    padding: 22px 20px;
    border: 1px solid transparent;
    margin-top: -1px;
    margin-bottom: -1px;
    border-radius: 40px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

.trademarks-tabs__tab-control:hover {
    border-color: rgba(255, 255, 255, 0.5);
    border-color: rgba(var(--border-color), 0.5);
}

.trademarks-tabs__tab-control:focus {
    border-color: #ffffff;
    outline: none;
}

.trademarks-tabs__tab-control.active {
    border-color: #ffffff;
    border-color: rgba(var(--border-color), 0.4);
}

.header {
    position: relative;
    padding-top: 16px;
    min-height: 54px;
}

@media (min-width: 319px) {
    .index .header {
        padding-top: 17px;
        z-index: 100;
    }
}

@media (min-width: 1023px) {
    .header {
        min-height: 96px;
    }
}

@media (min-width: 374px) {
    .header {
        padding-top: 19px;
    }

    .news .header {
        padding-top: 18px;
    }

    .index .header {
        padding-top: 18.2px;
    }

    .header.old {
        padding-top: 39.2px;
    }

    .page404class .header {
        padding-top: 17px;
    }

    .configurator .header {
        padding-top: 18px;
    }

    .price-list .header {
        padding-top: 33px;
    }
}

@media (min-width: 1023px) {
    .news .header {
        padding-top: 38px;
    }
}

@media (min-width: 1359px) {
    .news .header {
        padding-top: 40px;
    }
}

.header--fixed .container {
    padding: 0;
}

.header--fixed.is-anim {
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
}

.header--fixed .header__top {
    position: fixed;
    top: 0;
    z-index: 2000;
    width: 100%;
    max-width: 1920px;
    background-color: #2d2d2d;
    background-color: var(--bg-color);
    min-height: 54px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    padding: 0 16px;
}

@media (min-width: 1023px) {
    .header--fixed .header__top {
        min-height: 88px;
        padding: 0 40px;
        border-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .header--fixed .header__top {
        padding: 0 64px;
    }
}

@media (min-width: 1599px) {
    .header--fixed .header__top {
        padding: 0 40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 1919px) {
    .header--fixed .header__top {
        padding: 0 56px;
    }
}

@media (min-width: 1023px) {
    .header--fixed .header__top:after {
        content: "";
        position: absolute;
        width: calc(100% - 80px);
        height: 1px;
        left: 40px;
        bottom: 0;
        background-color: #f2f2f2;
    }
}

@media (min-width: 1359px) {
    .header--fixed .header__top:after {
        width: calc(100% - 128px);
        left: 64px;
    }
}

@media (min-width: 1599px) {
    .header--fixed .header__top:after {
        width: calc(100% - 80px);
        left: 40px;
    }
}

@media (min-width: 1919px) {
    .header--fixed .header__top:after {
        width: calc(100% - 112px);
        left: 56px;
    }
}

.header .main-nav {
    display: none;
    background-color: transparent;
}

@media (max-width: 768px) {
    .header .main-nav {
        background-color: var(--bg-color);
    }
}

@media (min-width: 1359px) {
    .header .main-nav {
        margin-top: -7px;
        padding-left: 7px;
    }

    .about-page .header .main-nav {
        padding-left: 0;
    }

    .header .main-nav {
        padding-left: 0;
    }
}

@media (min-width: 1599px) {
    .header .main-nav {
        padding-left: 2px;
    }
}

@media (min-width: 1023px) {
    .header .main-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header.menu-open .main-nav {
    display: block;
}

@media (min-width: 1023px) {
    .header.menu-open .header__top {
        margin-bottom: 35px;
    }
}

.header.menu-open .header__top .header__logo-link {
    left: calc(50% - 161px);
    position: relative;
    top: -16px;
    z-index: 1000;
    min-width: 320px;
    padding-top: 19px;
    background-color: #2d2d2d;
    background-color: var(--bg-color);
}

.header.menu-open .header__top .header__logo-link span {
    padding-left: 16px;
}

@media (min-width: 374px) {
    .header.menu-open .header__top .header__logo-link {
        left: calc(50% - 188px);
        margin-left: 0;
        min-width: 376px;
        max-width: 100%;
    }
}

@media (min-width: 1023px) {
    .header.menu-open .header__top .header__logo-link {
        background-color: transparent;
        position: static;
        width: auto;
        padding: 0;
    }

    .header.menu-open .header__top .header__logo-link span {
        padding-left: 0;
    }
}

@media (min-width: 1023px) {
    .header {
        padding-top: 40px;
    }

    .configurator .header {
        padding-top: 36px;
    }

    .index .header {
        padding-top: 26px;
    }

    .header.menu-open {
        padding-top: 40px;
    }

    .price-list .header {
        padding-top: 39px;
    }

    .header.menu-open .main-nav__catalog {
        right: 41px;
        top: 195px;
    }

    .header.menu-open .mini-catalog {
        padding: 40px;
        min-height: 477px;
        max-height: 477px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        overflow-y: scroll;
    }

    .header.menu-open .mini-catalog__link span:first-of-type {
        padding-right: 5px;
    }

    .header.menu-open .mini-catalog__amount {
        max-height: 18px;
        margin-top: 5px;
        padding: 2px 4px 4px;
    }

    .header.menu-open.catalog-open .header__catalog-btn {
        min-width: auto;
        max-width: 66px;
    }

    .header.menu-open.search-open .main-nav {
        min-height: 317px;
    }

    .header.menu-open.search-open .main-nav__list {
        display: none;
    }

    .header.menu-open.search-open .main-nav__add-links {
        display: none;
    }

    .configurator .configurator .header {
        padding-top: 36px;
    }
}

@media (min-width: 1359px) {
    .header {
        padding-top: 39px;
        margin-bottom: -6px;
    }

    .index .header {
        padding-top: 27px;
    }

    .personal .header {
        padding-top: 40px;
    }

    .price-list .header {
        padding-top: 40px;
    }
}

@media (min-width: 1599px) {
    .header {
        padding-top: 27px;
    }

    .about-page .header {
        padding-top: 32px;
    }

    .news .header {
        padding-top: 39px;
    }

    .cooperation .header {
        padding-top: 32px;
    }

    .personal .header {
        padding-top: 33px;
    }

    .catalog .header {
        padding-top: 32px;
    }

    .configurator .header {
        padding-top: 28px;
    }
}

.header::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fab000;
    content: "";
}

@media (min-width: 1023px) {
    .header::after {
        height: 8px;
    }
}

.header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 22px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 29px;
}

@media (min-width: 374px) {
    .price-list .header__top {
        margin-bottom: 31px;
    }
}

@media (min-width: 1023px) {
    .header__top {
        padding-bottom: 9px;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 33px;
    }

    .personal .header__top {
        padding-bottom: 8px;
    }

    .price-list .header__top {
        margin-bottom: 33px;
    }
}

@media (min-width: 1359px) {
    .header__top {
        padding-bottom: 9px;
        margin-bottom: 32px;
    }

    .news .header__top {
        margin-bottom: 30px;
    }

    .price-list .header__top {
        margin-bottom: 20px;
        padding-left: 5px;
    }
}

@media (min-width: 1599px) {
    .header__top {
        position: relative;
        min-height: auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 9px;
        margin-bottom: 0;
    }

    .news .header__top {
        margin-bottom: 0;
        margin-left: -24px;
    }

    .price-list .header__top {
        padding-left: 0;
    }

    .price-list .header.header--fixed .container.container--header .header__top {
        padding-left: 56px;
    }

    .price-list .header__top {
        margin-bottom: 1px;
    }
}

@media (min-width: 1919px) {
    .header__top {
        padding-bottom: 8px;
    }

    .news .header .main-nav {
        padding-left: 0;
    }

    .buy-page .header__top {
        padding-bottom: 9px;
    }
}

.header__logo-link {
    padding-top: 3px;
    padding-left: 3px;
}

@media (min-width: 1023px) {
    .header__logo-link {
        padding: 0;
    }
}

.header__logo {
    display: block;
    position: relative;
    z-index: 200;
    width: 200px;
    height: 24px;
    margin-right: auto;
    color: var(--text-color);
    background-image: url("/local/templates/remer/css/../img/svg/remer-logo-black.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-attachment: scroll;
    background-size: contain;
}

.white .header__logo {
    background-image: url("/local/templates/remer/css/../img/svg/remer-logo-white.svg");
}

.header__logo.index {
    background-image: url("/local/templates/remer/css/../img/logo/REMERautomation.png");
}

.white .header__logo.index {
    background-image: url("/local/templates/remer/css/../img/logo/REMERautomationWhite.png");
}

.header__logo.index {
    width: 600px;
    height: 100px;
    margin: 0 auto;
}

.header__logo.skolkovo.index {
    background-image: url("/local/templates/remer/css/../img/logo/Skolkovo-logo-2.png");
    height: 200px;
}

.white .header__logo.skolkovo.index {
    background-image: url("/local/templates/remer/css/../img/logo/Skolkovo-logo.png");
}

@media (min-width: 1023px) {
    .header__logo svg {
        width: 165px;
        height: 20px;
    }
}

@media (min-width: 1599px) {
    .header__logo {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 0;
    }
}

.header__nav-open-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: relative;
    z-index: 200;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 22px;
    cursor: pointer;
}

.header__nav-open-btn .header__btn-closed {
    display: none;
}

@media (min-width: 1023px) {
    .header__nav-open-btn {
        margin-right: 40px;
        font-size: 16px;
        letter-spacing: initial;
        padding-right: 0;
        margin-left: auto;
        /* padding-top: 6px; */
        padding-bottom: 10px;
    }
}

@media (min-width: 1359px) {
    .header__nav-open-btn {
        display: none;
    }
}

.menu-open .header__nav-open-btn {
    width: 16px;
    height: 16px;
    background-color: #dedede;
    border-radius: 50%;
    font-size: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: calc(50% + 128px);
    top: 19px;
    z-index: 1000;
    position: absolute;
}

@media (min-width: 374px) {
    .menu-open .header__nav-open-btn {
        left: calc(50% + 152px);
    }
}

@media (min-width: 1023px) {
    .menu-open .header__nav-open-btn {
        position: relative;
        left: -178px;
        top: 1px;
        background-color: transparent;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 120px;
        height: 20px;
    }

    .menu-open .header__nav-open-btn .header__btn-closed {
        display: block;
        font-size: 16px;
        position: absolute;
        /*left: 0;*/
        left: -100px;
        top: 0;
        width: 120px;
    }
}

.menu-open .header__nav-open-btn::after, .menu-open .header__nav-open-btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #000000;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 1023px) {
    .menu-open .header__nav-open-btn::after, .menu-open .header__nav-open-btn::before {
        display: none;
    }
}

.menu-open .header__nav-open-btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .header__nav-open-btn:hover, .header__nav-open-btn:focus {
        opacity: 0.7;
    }
}

.header__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 1023px) {
    .header__bottom {
        padding-top: 1px;
    }

    .news .header__bottom {
        margin-left: 21px;
    }

    .index .header__bottom {
        margin-left: 0;
    }
}

@media (min-width: 1359px) {
    .header__bottom {
        position: relative;
        padding-top: 0;
    }

    .index .header__bottom {
        margin-left: 0;
    }
}

@media (min-width: 1599px) {
    .header__bottom {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 32px;
        margin-left: -5px;
    }
}

@media (min-width: 1599px) {
    .index .header__bottom {
        margin-left: 13px;
    }
}

@media (min-width: 1919px) {
    .header__bottom {
        padding-top: 32px;
    }

    .news .header__bottom {
        margin-left: -5px;
    }
}

@media (min-width: 1023px) {
    .menu-open .header__bottom {
        z-index: 99;
        position: absolute;
        width: calc(100% - 85px);
        left: 45px;
        padding-bottom: 16px;
        border-bottom: 1px solid #ffffff;
        border-bottom: 1px solid var(--border-color);
    }

    .menu-open .header__bottom .header__add-links {
        display: none;
    }

    .menu-open .header__bottom .brands > li:not(:last-child) {
        margin-right: 16px;
    }

    .menu-open .header__bottom .header__catalog-btn {
        display: block;
        min-width: 200px;
        height: 64px;
        margin-right: 15px;
        border-radius: 80px;
        letter-spacing: .08em;
    }

    .menu-open .header__bottom .header__search-btn {
        display: block;
    }

    .menu-open .header__bottom .search-form__search-block .search-form__instruction {
        padding-top: 10px;
        max-width: 420px;
        display: inline-block;
    }

    .menu-open .header__bottom .search-form__search-block.active .search-form__instruction {
        display: none;
    }

    .menu-open .header__bottom .search-form.is-open {
        display: block;
        position: absolute;
        left: -6px;
        top: 9px;
        width: calc(100% + 6px);
        z-index: -99;
    }

    .menu-open .header__bottom .search-form.is-open form {
        padding-bottom: 17px;
    }

    .menu-open .header__bottom .search-form.is-open form input {
        font-size: 32px;
        line-height: 36px;
        padding-top: 5px;
        padding-bottom: 11px;
    }

    .menu-open .header__bottom .search-form.is-open .search-form__suggestion {
        width: calc(100% + 80px);
        position: relative;
        left: -40px;
        max-width: calc(100% + 80px);
        padding-top: 4px;
    }

    .menu-open .header__bottom .search-form.is-open .suggestion__list {
        padding-left: 40px;
        background-color: #424242;
        background-color: var(--bg-color-42);
        border-radius: 0;
        width: 100%;
    }
}

.header__bottom.not-visible .swiper-brands,
.header__bottom.not-visible .header__add-links,
.header__bottom.not-visible .header__catalog-btn {
    display: none;
}

.header__bottom .search-form {
    display: none;
}

.header__bottom .search-form.is-open {
    left: 0;
}

@media (min-width: 1359px) {
    .header__bottom .search-form.is-open {
        position: absolute;
        z-index: 89;
        top: -17px;
        display: block;
        width: 100%;
        background-color: var(--bg-color);
    }
}

@media (min-width: 1599px) {
    .header__bottom .search-form.is-open {
        top: 10px;
    }
}

@media (min-width: 1023px) {
    .header__bottom--result-page {
        display: none;
    }
}

.header__brands {
    margin-left: -6px;
}

@media (min-width: 767px) {
    .header__brands {
        margin-left: 0;
    }
}

.header__bottom-right {
    display: none;
}

@media (min-width: 1023px) {
    .header__bottom-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: auto;
    }
}

@media (min-width: 1359px) {
    .price-section .header__bottom-right {
        padding-right: 7px;
    }

    .price-list .header__bottom-right {
        padding-right: 5px;
    }
}

@media (min-width: 1599px) {
    .header__bottom-right {
        padding-right: 0;
    }
}

@media (min-width: 1919px) {
    .header__bottom-right {
        margin-top: 0;
    }
}

@media (min-width: 1023px) {
    .header__add-links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header__add-links li:first-of-type {
        margin-right: 0;
    }

    .header__add-links li:last-of-type {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        /*margin-right: 54px;*/
    }

    /*.news .header__add-links li:last-of-type {
        margin-right: 54px;
    }*/
}

@media (min-width: 1359px) {
    .header__add-links {
        margin-right: 52px;
    }

    /*.news .header__add-links {
        margin-top: 3px;
    }*/

    /*.news .header__add-links li:last-of-type {
        margin-right: 47px;
    }*/
}

@media (min-width: 1599px) {
    .price-list .price-and-config__link svg {
        margin-right: 10px;
    }
}

@media (min-width: 1919px) {
    /*.news .header__add-links {
        margin-right: 47px;
    }*/
}

.header__add-links button {
    cursor: pointer;
}

.header__add-links {
    gap: 25px;
}

@media(max-width: 1670px) {
    .header__add-links {
        flex-direction: column;
        gap: 15px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .header__add-links button:hover, .header__add-links button:focus {
        opacity: 0.7;
    }
}

.header__catalog-btn {
    display: none;
}

@media (min-width: 1359px) {
    .header__catalog-btn {
        display: inline-block;
        cursor: pointer;
        -webkit-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
}

.header__search-btn {
    position: relative;
    display: none;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1359px) {
    .header__search-btn {
        z-index: 99;
        display: inline-block;
        cursor: pointer;
    }
}

.footer {
    padding-top: 11px;
    padding-bottom: 15px;
    margin-top: auto;
}

@media (min-width: 1023px) {
    .news .footer {
        padding-top: 15px;
    }

    .cooperation .footer {
        padding-top: 37px;
    }

    .personal .footer {
        padding-top: 62px;
    }

    .catalog .footer {
        padding-top: 0;
    }

    .configurator .footer {
        padding-top: 39px;
    }
}

@media (min-width: 1359px) {
    .personal .footer {
        padding-top: 102px;
    }
}

@media (min-width: 1599px) {
    .footer {
        padding-bottom: 40px;
    }

    .cooperation .footer {
        padding-top: 0;
    }

    .personal .footer {
        padding-top: 111px;
    }

    .configurator .footer {
        padding-top: 80px;
    }
}

@media (min-width: 1919px) {
    .personal .footer {
        padding-top: 134px;
    }

    .configurator .footer {
        padding-top: 95px;
        padding-left: 14px;
    }
}

.header__theme-switch {
    padding-bottom: 7px;
    text-align: right;
}

.footer__theme-switch {
    padding-bottom: 7px;
    border-bottom: 1px solid #f2f2f2;
    border-bottom: 1px solid var(--border-color);
    text-align: right;
}

.footer__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 374px) {
    .news .footer__theme-switch {
        padding-bottom: 34px;
    }
}

@media (min-width: 1023px) {
    .news .footer__theme-switch {
        padding-bottom: 8px;
    }
}

@media (min-width: 1359px) {
    .news .footer__content {
        padding-top: 31px;
    }
}

@media (min-width: 1599px) {
    .news .footer__theme-switch {
        padding-bottom: 11px;
    }
}


.footer__content::after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #2d2d2d;
    background-color: var(--bg-color);
    content: "";
}

@media (min-width: 1023px) {
    .footer__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }

    .personal .footer__content {
        padding-top: 28px;
    }

    .index .footer__content {
        padding-top: 27px;
    }
}

@media (min-width: 1359px) {
    .footer__content {
        padding-top: 26px;
        margin-bottom: 44px;
    }

    .news .footer__content {
        padding-top: 25px;
    }

    .news .footer {
        padding-top: 11px;
    }

    .cooperation .footer__content {
        padding-top: 24px;
    }

    .personal .footer__content {
        padding-top: 24px;
    }

    .personal .footer__content {
        padding-bottom: 3px;
    }

    .index .footer__content {
        padding-top: 24px;
        margin-bottom: 47px;
    }

    .
}

@media (min-width: 1599px) {
    .footer__content {
        padding-top: 24px;
        margin-bottom: 48px;
    }

    .news .footer__content {
        padding-top: 22px;
    }

    .news .footer__content {
        padding-top: 25px;
        margin-bottom: 45px;
    }

    .news .footer {
        padding-top: 8px;
    }

    .personal .footer__content {
        padding-bottom: 0px;
    }

    .personal .footer__content {
        padding-left: 0;
    }
}

@media (min-width: 1919px) {
    .footer__content {
        padding-right: 13px;
        padding-left: 4px;
    }

    .news .footer__content {
        padding-left: 0;
        padding-right: 31px;
    }

    .buy-page .footer__content {
        padding-right: 20px;
        padding-left: 5px;
    }

    .about-page .footer__content {
        padding-left: 0;
    }

    .cooperation .footer__content {
        padding-left: 0px;
    }

    .catalog .footer__content {
        padding-left: 0;
    }

    .index .footer__content {
        margin-bottom: 48px;
    }
}

.footer__address {
    margin-top: 0;
    margin-bottom: 28px;
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: auto;
}

@media (min-width: 1023px) {
    .footer__address {
        margin-top: 0;
        margin-bottom: 65px;
    }
}

@media (min-width: 1359px) {
    .footer__address {
        margin-bottom: 56px;
    }
}

@media (min-width: 1599px) {
    .footer__address {
        margin-top: 0;
        margin-bottom: 55px;
    }
}

.footer__socials {
    width: 100%;
}

.footer__address__link {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 22px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .footer__address__link:hover, .footer__address__link:focus {
        opacity: 0.6;
    }
}

@media (min-width: 1023px) {
    .footer__address__link {
        font-size: 14px;
        line-height: 20px;
        width: 135px;
    }
}

@media (min-width: 1359px) {
    .footer__address__link {
        font-size: 16px;
        line-height: 22px;
        width: 147px;
    }
}

.footer__address__adds {
    margin: 0;
}

@media (min-width: 1023px) {
    .footer__address__adds {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .footer__address__adds {
        font-size: 16px;
        line-height: 22px;
    }
}

.footer__nav {
    margin-bottom: 39px;
}

@media (min-width: 374px) {
    .footer__nav {
        margin-bottom: 43px;
    }

    .personal .footer__nav {
        margin-top: -3px;
        width: 79.4%;
        margin-bottom: 41px;
    }
}

@media (min-width: 1023px) {
    .footer__nav {
        width: 49%;
        margin-top: -6px;
    }

    .index .footer__nav {
        width: 49.3%;
    }

    .personal .footer__nav {
        margin-top: -4px;
        width: 49.4%;
    }
}

@media (min-width: 1359px) {
    .footer__nav {
        width: 61%;
        margin-top: 0;
    }

    .personal .footer__nav {
        width: 61%;
        margin-top: 0px;
    }

    .index .footer__nav {
        width: 61%;
    }
}

@media (min-width: 1599px) {
    .footer__nav {
        width: 49.5%;
    }

    .personal .footer__nav {
        width: 49.5%;
    }

    .index .footer__nav {
        width: 49.5%;
    }
}

@media (min-width: 1899px) {
    .footer__nav {
        width: 41.1%;
    }

    .personal .footer__nav {
        width: 41.25%;
    }

    .index .footer__nav {
        width: 41.15%;
    }
}

.footer__nav-list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    max-width: 95%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media (min-width: 374px) {
    .footer__nav-list {
        max-width: 268px;
    }
}

@media (min-width: 1023px) {
    .footer__nav-list {
        max-width: 100%;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .index .footer__nav-list > li {
        margin-bottom: 6px;
    }

    .index .footer__nav-list {
        margin-top: 3px;
    }
}

.footer__nav-list > li {
    margin-bottom: 8px;
}

@media (min-width: 1023px) {
    .personal .footer__nav-list > li {
        margin-bottom: 6px;
    }
}

@media (min-width: 1359px) {
    .footer__nav-list > li {
        margin-bottom: 8px;
    }

    .personal .footer__nav-list > li {
        margin-bottom: 8px;
    }

    .index .footer__nav-list {
        margin-top: 0;
    }

    .index .footer__nav-list > li {
        margin-bottom: 8px;
    }
}

.footer__nav-link {
    line-height: 17px;
    font-size: 14px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1023px) {
    .footer__nav-link {
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .footer__nav-link {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .footer__nav-link:hover, .footer__nav-link:focus {
        opacity: 0.6;
    }
}

.footer__chat-btn {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-left: auto;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1023px) {
    .footer__chat-btn {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: -74px;
    }
}

@media (min-width: 1359px) {
    .footer__chat-btn {
        margin-top: -84px;
    }
}

@media (min-width: 1899px) {
    .footer__chat-btn {
        margin-top: -81px;
    }
}

.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer__copyright {
    width: 170px;
    margin: 0;
    letter-spacing: 0.03em;
    text-transform: none;
    font-size: 16px;
}

@media (min-width: 374px) {
    .footer__copyright {
        width: 200px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) {
    .footer__copyright {
        width: auto;
        line-height: 28px;
    }
}

@media (min-width: 1359px) {
    .footer__copyright {
        line-height: 34px;
    }

    .news .footer__copyright {
        padding-top: 3px;
        padding-left: 0px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.03em;
        /*text-transform: uppercase;*/
    }
}

@media (min-width: 1599px) {
    .news .footer__copyright {
        padding-top: 0;
    }
}

.footer__copyright > small {
    font: inherit;
    letter-spacing: inherit;
}

@media (min-width: 1919px) {
    .footer__copyright > small {
        padding-left: 5px;
    }

    .index .footer__copyright > small {
        padding-left: 5px;
    }

    .news .footer__copyright > small {
        padding-left: 0;
    }

    .cooperation .footer__copyright > small {
        padding-left: 0;
    }

    .personal .footer__copyright > small {
        padding-left: 0;
    }

    .catalog .footer__copyright > small {
        padding-left: 0;
    }

    .configurator .footer__copyright > small {
        padding-left: 2px;
    }
}

.footer--not-visible {
    display: none;
}

.main-nav {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 320px;
    height: 100vh;
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
    padding: 0 15px;
    padding-top: 80px;
    background-color: #2d2d2d;
    background-color: var(--bg-color);
    opacity: 0;
    overflow-y: auto;
    -webkit-transform: translate(-50%, -1%);
    -ms-transform: translate(-50%, -1%);
    transform: translate(-50%, -1%);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.menu-open .main-nav {
    z-index: 99;
    padding-top: 69px;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

@media (min-width: 1023px) {
    .menu-open .main-nav {
        position: absolute;
        top: 8px;
        left: 0;
        padding-top: 0;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        min-height: 553px;
        background-color: #424242;
        background-color: var(--bg-color-42);
        -webkit-box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
        box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    }
}

.menu-open .main-nav .main-nav__add-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width: 374px) {
    .menu-open .main-nav .main-nav__add-links {
        margin-top: 63px;
        margin-bottom: 61px;
    }
}

.menu-open .main-nav .main-nav__add-links > li:not(:last-child) {
    margin-right: 15px;
}

@media (min-width: 374px) {
    .menu-open .main-nav .main-nav__add-links > li:not(:last-child) {
        margin-right: 45px;
    }
}

@media (min-width: 1023px) {
    .menu-open .main-nav .main-nav__add-links {
        display: block;
        margin-bottom: 14px;
        margin-right: 39px;
        margin-top: 68px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .menu-open .main-nav .main-nav__add-links > li:not(:last-child) {
        margin-left: 53px;
        margin-right: 0;
    }

    .menu-open .main-nav .main-nav__add-links > li:last-of-type {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

@media (min-width: 1023px) {
    .menu-open .main-nav .main-nav__list {
        position: relative;
        display: block;
        padding-left: 40px;
        padding-top: 254px;
        margin-bottom: 0;
    }

    .menu-open .main-nav .main-nav__list > li:not(:last-child) {
        margin-bottom: 24px;
    }
}

@media (min-width: 1023px) {
    .menu-open .main-nav .main-nav__user-list {
        position: absolute;
        top: 32px;
        right: 41px;
    }
}

@media (min-width: 374px) {
    .main-nav {
        width: 375px;
        padding: 0 20px;
    }
}

@media (min-width: 1023px) {
    .main-nav {
        position: relative;
        z-index: 3;
        top: auto;
        left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0;
        opacity: 1;
        overflow-y: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@media (min-width: 1359px) {
    .main-nav {
        width: 78.55%;
    }
}

@media (min-width: 1599px) {
    .main-nav {
        width: 72.8%;
    }
}

@media (min-width: 1919px) {
    .main-nav {
        width: 69%;
    }
}

.main-nav__fixed-helper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.main-nav__add-links.price-and-config.mobile {
    min-height: 120px;
}

@media (min-width: 1023px) {
    .main-nav__fixed-helper {
        position: static;
        width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }
}

@media (min-width: 1359px) {
    .main-nav__fixed-helper {
        width: 100%;
    }
}

@media (min-width: 1599px) {
    .main-nav__fixed-helper {
        position: static;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.main-nav__fixed-helper.not-visible {
    position: absolute;
    top: calc(100% - 46px);
}

.main-nav__fixed-helper.not-visible .main-nav__list,
.main-nav__fixed-helper.not-visible .main-nav__user-list {
    display: none;
}

.main-nav__fixed-helper.not-visible .price-and-config {
    padding-bottom: 26px;
    background-color: var(--bg-color);
}

.main-nav__search-form {
    -webkit-box-ordinal-group: -1;
    -ms-flex-order: -2;
    order: -2;
    margin-bottom: 20px;
}

@media (min-width: 1023px) {
    .main-nav__search-form {
        display: none;
    }
}

.main-nav__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 27px;
    padding-left: 14px;
}

@media (min-width: 1023px) {
    .main-nav__list {
        display: none;
    }
}

@media (min-width: 1359px) {
    .main-nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: 0;
        margin-right: auto;
        padding-left: 0;
        font-size: 16px;
        line-height: 23px;
        padding-top: 0;
    }

    .personal .main-nav__list {
        padding-left: 7px;
    }
}

@media (min-width: 1599px) {
    .main-nav__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0;
    }

    .personal .main-nav__list {
        padding-left: 0;
    }
}

.main-nav__list > li:not(:last-child) {
    margin-bottom: 10px;
}

@media (min-width: 374px) {
    .main-nav__list > li:not(:last-child) {
        margin-bottom: 30px;
    }
}

@media (min-width: 1023px) {
    .main-nav__list > li:not(:last-child) {
        margin-right: 32px;
        margin-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .main-nav__list > li:not(:last-child) {
        margin-right: 41px;
    }

    .personal .main-nav__list > li:not(:last-child) {
        margin-right: 43px;
    }

    .price-list .main-nav__list > li:not(:last-child) {
        margin-right: 37px;
    }
}

@media (min-width: 1599px) {
    .main-nav__list > li:not(:last-child) {
        margin-right: 43px;
        margin-bottom: 0;
    }

    /*.news .main-nav__list > li:not(:last-child) {
        margin-right: 42px;
    }*/

    .price-list .main-nav__list > li:not(:last-child) {
        margin-right: 43px;
    }
}

@media (min-width: 1919px) {
    .main-nav__list > li:not(:last-child) {
        margin-right: 43px;
    }

    .index .header .main-nav {
        padding-left: 0;
    }

    .index .main-nav__list {
        margin-left: -7px;
    }

    .buy-page .main-nav__list > li:not(:last-child) {
        margin-right: 42px;
    }
}

.main-nav__link {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.01em;
    font-family: "Jeko", "Arial", sans-serif;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 374px) {
    .main-nav__link {
        font-size: 24px;
        line-height: 27px;
    }
}

@media (min-width: 1023px) {
    .main-nav__link {
        font-size: 16px;
        line-height: 22px;
        font-family: "Inter", "Arial", sans-serif;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .main-nav__link:hover, .main-nav__link:focus {
        opacity: 0.7;
    }
}

.main-nav__user-list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 17px;
}

@media (min-width: 374px) {
    .main-nav__user-list {
        margin-bottom: 77px;
    }
}

@media (min-width: 1023px) {
    .main-nav__user-list {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 3px;
    }
}

@media (min-width: 1599px) {
    .main-nav__user-list {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-bottom: 0;
        margin-left: auto;
    }
}

@media (min-width: 1023px) {
    .main-nav__user-list > li:not(:last-child) {
        margin-right: 40px;
    }
}

@media (min-width: 1359px) {
    .main-nav__user-list > li:not(:last-child) {
        margin-right: 34px;
    }
}

@media (min-width: 1599px) {
    .main-nav__user-list > li:not(:last-child) {
        margin-right: 40px;
    }
}

.main-nav__personal-link {
    line-height: 19px;
    font-size: 16px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .main-nav__personal-link:hover, .main-nav__personal-link:focus {
        opacity: 0.7;
    }
}

.main-nav__cart-link {
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.main-nav__cart-link svg {
    width: 19px;
    height: 16px;
    stroke: #f2f2f2;
    stroke: var(--text-color);
}

@media (min-width: 1023px) {
    .main-nav__cart-link svg {
        width: 16px;
        height: 14px;
    }
}

@media (min-width: 1023px) {
    .main-nav__cart-link {
        position: relative;
        width: 14px;
        height: 12px;
        top: 1px;
    }
}

@media (min-width: 1599px) {
    .main-nav__cart-link {
        position: relative;
        width: 14px;
        height: 12px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .main-nav__cart-link:hover, .main-nav__cart-link:focus {
        opacity: 0.7;
    }
}

.main-nav__cart-filling {
    position: absolute;
    top: -27px;
    left: 2px;
    display: none;
    padding: 2px 6px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 24px;
    color: #2d2d2d;
    color: var(--text-reverse);
    font-size: 11px;
    line-height: 13px;
}

@media (min-width: 1023px) {
    .main-nav__cart-filling {
        top: -21px;
        display: inline-block;
    }
}

@media (min-width: 1359px) {
    .main-nav__cart-filling {
        top: -26px;
        left: 7px;
        padding: 2px 3px;
    }
}

@media (min-width: 1599px) {
    .main-nav__cart-filling {
        display: inline-block;
    }
}

.main-nav__add-links {
    margin-bottom: 61px;
}

@media (min-width: 374px) {
    .main-nav__add-links {
        margin-bottom: 41px;
    }
}

@media (min-width: 1023px) {
    .main-nav__add-links {
        display: none;
    }
}

@media (min-width: 1599px) {
    .main-nav__add-links {
        display: none;
    }
}

.main-nav__catalog {
    position: relative;
    z-index: 100;
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 374px) {
    .main-nav__catalog {
        margin-right: -20px;
        margin-left: -20px;
    }
}

@media (min-width: 1023px) {
    .main-nav__catalog {
        position: absolute;
        z-index: 10;
        top: 205px;
        right: 0;
        display: none;
        margin: 0;
    }

    .catalog-open .main-nav__catalog {
        display: block;
    }
}

.catalog-open .main-nav__catalog {
    display: block;
    max-height: 400px;
    overflow-y: auto;
    height: -webkit-fill-available;
}

@media (min-width: 1599px) {
    .main-nav__catalog {
        position: absolute;
        z-index: 10;
        top: 194px;
        display: none;
        margin: 0;
    }

    .catalog-open .main-nav__catalog {
        display: block;
    }
}

.swiper-brands {
    overflow: hidden;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 15px;
}

@media (min-width: 319px) {
    .configurator .swiper-brands {
        padding-left: 13px;
    }

    .configurator .header__logo-link {
        padding-left: 0;
        padding-top: 4px;
    }
}

@media (min-width: 374px) {
    .swiper-brands {
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
    }

    .news .swiper-brands {
        margin-left: -21px;
    }

    .configurator .swiper-brands {
        padding-left: 20px;
    }
}

@media (min-width: 767px) {
    .swiper-brands {
        overflow: auto;
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
    }
}

@media (min-width: 1023px) {
    .swiper-brands {
        overflow: visible;
        margin-right: 0;
        padding-top: 10px;
    }

    .configurator .swiper-brands {
        padding-left: 0px;
    }
}

@media (min-width: 1023px) {
    .index .swiper-brands {
        padding-top: 0.45px;
    }
}

@media (min-width: 1599px) {
    .news .swiper-brands {
        margin-left: -24px;
    }
}

@media (min-width: 1899px) {
    .swiper-brands {
        padding-top: 11px;
    }

    .cooperation .swiper-brands {
        padding-top: 13px;
    }
}

.brands {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 44px;
    text-transform: uppercase;
}

@media (min-width: 374px) {
    .brands {
        font-size: 48px;
        line-height: 53px;
    }
}

@media (min-width: 1023px) {
    .brands {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 520px;
    }
}

@media (min-width: 1359px) {
    .price-list .brands {
        font-weight: 900;
        font-size: 92.7788px;
        line-height: 111.1%;
        letter-spacing: -0.03em;
    }
}

@media (min-width: 1599px) {
    .brands {
        width: auto;
        font-size: 64px;
        line-height: 71px;
    }

    .cooperation .brands {
        margin-left: 0;
    }

    .price-list .brands {
        line-height: 111.1%;
        letter-spacing: -0.03em;
        font-size: 64px;
    }
}

.brands > li {
    width: auto;
}

.brands > li:last-child {
    padding-right: 10px;
}

@media (min-width: 1919px) {
    .brands > li:last-child {
        padding-left: 4px;
    }

    .news .brands > li:last-child {
        padding-left: 0;
    }

    .about-page .brands > li:last-child {
        padding-left: 0;
    }

    .cooperation .brands {
        margin-left: 0;
    }
}

.brands > li:not(:last-child) {
    margin-right: 15px;
}

@media (min-width: 319px) {
    .configurator .brands > li:not(:last-child) {
        margin-right: 14px;
    }

    .configurator .conf-nav {
        margin-top: 61px;
    }
}

@media (min-width: 374px) {
    .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .configurator .conf-nav {
        margin-top: 50px;
    }

    .configurator .brands > li:not(:last-child) {
        margin-right: 19px;
    }
}

@media (min-width: 1023px) {
    .brands > li:not(:last-child) {
        margin-right: 22px;
    }

    .about-page .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .news .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .cooperation .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .personal .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .catalog .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .configurator .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .price-list .brands > li:not(:last-child) {
        margin-right: 20px;
    }
}

@media (min-width: 1359px) {
    .brands > li:not(:last-child) {
        margin-right: 21px;
    }

    .about-page .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .price-list .brands > li:not(:last-child) {
        margin-right: 36px;
    }
}

@media (min-width: 1599px) {
    .brands > li:not(:last-child) {
        margin-right: 28px;
    }

    .news .brands > li:not(:last-child) {
        margin-right: 28px;
    }

    .about-page .brands > li:not(:last-child) {
        margin-right: 28px;
    }

    .cooperation .brands > li:not(:last-child) {
        margin-right: 28px;
    }

    .personal .brands > li:not(:last-child) {
        margin-right: 28px;
    }

    .catalog .brands > li:not(:last-child) {
        margin-right: 28px;
    }

    .configurator .brands > li:not(:last-child) {
        margin-right: 28px;
    }

    .price-list .brands > li:not(:last-child) {
        margin-right: 28px;
    }
}

@media (min-width: 1919px) {
    .about-page .brands > li:not(:last-child) {
        margin-right: 28px;
    }

    .cooperation .brands > li:not(:last-child) {
        margin-right: 26px;
    }

    .personal .brands > li:not(:last-child) {
        margin-right: 26px;
    }

    .configurator .brands > li:not(:last-child) {
        margin-right: 26px;
    }

    .price-list .brands > li:not(:last-child) {
        margin-right: 26px;
    }
}

.brands__link {
    display: block;
    font: inherit;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .brands__link:hover, .brands__link:focus {
        opacity: 0.7;
    }

    a {
        transition: color 0.3s ease, opacity 0.3s ease;
    }

    a:hover {
        opacity: 0.7;
        color: var(--text-color);
        text-decoration: none;
    }
}

.brands__r-simbol {
    position: relative;
    top: -3px;
    font-size: 18px;
    line-height: 13px;
    text-transform: lowercase;
    vertical-align: super;
}

@media (min-width: 374px) {
    .brands__r-simbol {
        top: -7px;
        font-size: 13px;
        line-height: 13px;
    }
}

@media (min-width: 1023px) {
    .brands__r-simbol {
        top: -5px;
        right: -2px;
        font-size: 16px;
    }
}

@media (min-width: 1359px) {
    .price-list .brands__r-simbol {
        top: -15px;
        right: -2px;
        font-size: 24px;
    }
}

@media (min-width: 1599px) {
    .brands__r-simbol {
        top: -10px;
        right: -4px;
        font-size: 17px;
        line-height: 17px;
    }

    .price-list .brands__r-simbol {
        top: -9px;
        right: -12px;
        font-size: 17px;
    }

    .price-list .brands__r-simbol:first-child {
        right: -1px;
    }
}

.btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    width: 32px;
    height: 32px;
    border: 1px solid #ffffff;
    border: 1px solid var(--text-color);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    padding-top: 4px;
}

@media (min-width: 1023px) {
    .btn {
        width: 64px;
        height: 64px;
    }
}

@media (min-width: 1359px) {
    .btn {
        width: 88px;
        height: 88px;
        font-size: 16px;
        line-height: 22px;
    }
}

.btn:disabled {
    opacity: 0.16;
}

@media (min-width: 1359px) {
    .btn--catalog {
        min-width: 230px;
        height: 88px;
        margin-right: 15px;
        border-radius: 80px;
        letter-spacing: 0.08em;
    }
}

.catalog-open .btn--catalog {
    position: relative;
    width: 88px;
    min-width: 0;
    font-size: 0;
}

.catalog-open .btn--catalog::before, .catalog-open .btn--catalog::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    background-color: #ffffff;
    background-color: var(--default-white);
    content: "";
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.catalog-open .btn--catalog::before {
    width: 15px;
    height: 1px;
}

.catalog-open .btn--catalog::after {
    width: 1px;
    height: 15px;
}

.btn--search svg {
    stroke: #ffffff;
    stroke: var(--text-color);
}

.btn--search.is-open svg {
    display: none;
}

.btn--search.is-open::before, .btn--search.is-open::after {
    position: absolute;
    top: 50%;
    right: calc(50% - 10px);
    width: 21px;
    height: 2px;
    background-color: #ffffff;
    background-color: var(--text-color);
    content: "";
}

.btn--search.is-open::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn--search.is-open::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn--arrow--right svg, .btn--arrow--left svg {
    stroke: #ffffff;
    stroke: var(--text-color);
}

.btn--arrow--left {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn--video {
    width: 48px;
    height: 48px;
    border: 0;
    background-image: url("/local/templates/remer/css/../img/svg/icon-play.svg");
}

@media (min-width: 1023px) {
    .btn--video {
        width: 64px;
        height: 64px;
        background-size: 11px 11px;
    }
}

@media (min-width: 1359px) {
    .btn--video {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 1599px) {
    .btn--video {
        width: 78px;
        height: 78px;
        background-size: 14px 14px;
    }
}

.btn--chat {
    width: 70px;
    height: 70px;
    color: #000000;
}

@media (min-width: 1023px) {
    .btn--chat {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 1899px) {
    .btn--chat {
        margin-right: -14px;
    }
}

.btn--orange {
    border: 0;
    background-color: #fab000;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .btn:hover, .btn:focus {
        opacity: 0.7;
        color: var(--text-color);
        text-decoration: none;
    }
}

.accordion__element:last-child {
    margin-bottom: 0;
}

.accordion__button {
    width: 100%;
    padding: 10px;
    cursor: pointer;
    font-weight: 400;
}

.accordion__wrapper {
    padding: 10px;
}

.accordion__content {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.theme-switcher {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 48px;
    height: 24px;
    padding: 4px;
    background-color: #414141;
    border-radius: 30px;
    cursor: pointer;
}

html.white .theme-switcher {
    background-color: rgba(0, 0, 0, 0.1);
}

.theme-switcher input {
    width: 0;
    height: 0;
    opacity: 0;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .theme-switcher:hover .theme-switcher__slider,
    .theme-switcher :focus .theme-switcher__slider {
        opacity: 0.7;
    }
}

.theme-switcher__slider {
    position: relative;
    display: inline-block;
}

.theme-switcher__slider::after {
    position: absolute;
    top: -15px;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #f2f2f2;
    background-image: url("/local/templates/remer/css/../img/svg/icon-moon.svg");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
}

@media (min-width: 1023px) {
    .theme-switcher__slider::after {
        top: -17px;
    }
}

.theme-switcher input:checked + .theme-switcher__slider::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-sun.svg");
    -webkit-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transform: translateX(-150%);
}

.contacts {
    padding-top: 2px;
}

@media (min-width: 1023px) {
    .contacts {
        padding-top: 28px;
        padding-bottom: 32px;
    }
}

@media (min-width: 1359px) {
    .contacts {
        padding-top: 25px;
        padding-bottom: 71px;
    }
}

@media (min-width: 1599px) {
    .contacts {
        padding-top: 22px;
        padding-bottom: 94px;
    }
}

@media (min-width: 1919px) {
    .contacts {
        padding-top: 25px;
        padding-bottom: 112px;
    }
}

.contacts__title {
    margin: 0;
    margin-bottom: 40px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 27px;
    letter-spacing: -0.01em;
}

@media (min-width: 1023px) {
    .contacts__title {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0;
    }
}

@media (min-width: 1359px) {
    .contacts__title {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.01em;
        margin-bottom: 43px;
    }
}

@media (min-width: 1599px) {
    .contacts__title {
        margin-bottom: 45px;
        font-size: 40px;
        line-height: 52px;
    }
}

.contacts__tabs {
    padding-bottom: 30px;
    margin-right: -20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-color: var(--border-color-2);
}

@media (min-width: 1023px) {
    .contacts__tabs {
        padding-bottom: 50px;
        margin-right: 0;
    }
}

@media (min-width: 1359px) {
    .contacts__tabs {
        padding-bottom: 40px;
    }
}

@media (min-width: 1599px) {
    .contacts__tabs {
        padding-bottom: 38px;
    }
}

.contacts__panel {
    padding-top: 28px;
    padding-bottom: 70px;
}

@media (min-width: 1023px) {
    .contacts__panel {
        padding-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .contacts__panel {
        padding-top: 17px;
    }
}

.socials {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 0;
    list-style: none;
}

.socials > li:not(:last-child) {
    margin-right: 10px;
    margin-bottom: 10px;
}

@media (min-width: 374px) {
    .socials > li:not(:last-child) {
        margin-right: 13px;
    }
}

@media (min-width: 1023px) {
    .socials > li:not(:last-child) {
        margin-right: 12px;
    }
}

@media (min-width: 1359px) {
    .socials > li:not(:last-child) {
        margin-right: 16px;
    }
}

@media (min-width: 1599px) {
    .socials > li:not(:last-child) {
        margin-right: 15px;
    }
}

.socials__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48px;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 374px) {
    .socials__link {
        width: 56px;
        height: 56px;
    }
}

@media (min-width: 1023px) {
    .socials__link {
        width: 48px;
        height: 48px;
    }
}

@media (min-width: 1359px) {
    .socials__link {
        width: 64px;
        height: 64px;
    }
}

.beta-made {
    margin: 0;
    line-height: 19px;
}

@media (min-width: 1023px) {
    .index .beta-made {
        margin-bottom: 2px;
    }
}

@media (min-width: 1359px) {
    .news .beta-made {
        font-size: 15px;
        padding-bottom: 5.1px;
    }

    .index .beta-made {
        margin-bottom: 5px;
    }

    .personal .beta-made {
        margin-bottom: 5px;
    }
}

@media (min-width: 1599px) {
    .beta-made {
        line-height: 30px;
    }

    .news .beta-made {
        padding-bottom: 0;
        margin-top: 6px;
    }

    .index .beta-made {
        margin-bottom: 0;
    }

    .personal .beta-made {
        margin-bottom: 0;
    }
}

@media (min-width: 1919px) {
    .news .beta-made {
        margin-top: 7.4px;
        padding-right: 18px;
    }
}

.beta-made__underline {
    position: relative;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.beta-made__underline::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
    background-color: var(--text-color);
    content: "";
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .beta-made__underline:hover, .beta-made__underline:focus {
        opacity: 0.6;
    }
}

.title {
    margin: 0;
    font-family: "Jeko", "Arial", sans-serif;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 16px;
    text-transform: uppercase;
}

@media (min-width: 374px) {
    .title {
        font-size: 16px;
        line-height: 18px;
    }
}

@media (min-width: 1023px) {
    .title {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 1359px) {
    .title {
        font-size: 24px;
        line-height: 27px;
    }
}

.title--large {
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 48px;
}

@media (min-width: 1359px) {
    .title--large {
        font-size: 80px;
        line-height: 80px;
    }
}

@media (min-width: 1599px) {
    .about-section {
        padding-top: 56px;
        padding-bottom: 0;
    }
}

@media (min-width: 1919px) {
    .about-section {
        padding-bottom: 2px;
        padding-top: 55.2px;
    }
}

.about-section > .container {
    padding-top: 81px;
    padding-bottom: 72px;
    position: relative;
}

.about-section > .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    height: 1px;
    width: calc(100% - 40px);
    background-color: var(--border-color);
}

@media (min-width: 319px) {
    .about-section > .container {
        padding-top: 80.5px;
        padding-bottom: 97px;
    }
}

@media (min-width: 1023px) {
    .about-section > .container::before {
        left: 40px;
        width: calc(100% - 80px);
    }
}

@media (min-width: 1359px) {
    .about-section > .container::before {
        left: 64px;
        width: calc(100% - 128px);
    }
}

@media (min-width: 1599px) {
    .about-section > .container::before {
        left: 40px;
        width: calc(100% - 80px);
    }
}

@media (min-width: 1919px) {
    .about-section > .container::before {
        left: 56px;
        width: calc(100% - 112px);
    }
}

@media (min-width: 374px) {
    .about-section > .container {
        padding-bottom: 94px;
        padding-top: 79.5px;
    }
}

@media (min-width: 767px) {
    .about-section > .container {
        padding-bottom: 56px;
        padding-top: 80px;
    }

    .index .about-section > .container {
        padding-bottom: 84px;
    }
}

@media (min-width: 1023px) {
    .about-section > .container {
        padding-top: 82px;
    }

    .index .about-section__title {
        margin-bottom: 249px;
    }
}

@media (min-width: 1359px) {
    .about-section > .container {
        padding-top: 117px;
        padding-bottom: 61px;
    }

    .index .about-section > .container {
        padding-bottom: 87px;
    }
}

@media (min-width: 1599px) {
    .about-section > .container {
        padding-top: 115px;
        padding-bottom: 126px;
    }

    .index .about-section > .container {
        padding-bottom: 125px;
        padding-top: 118px;
    }
}

@media (min-width: 1919px) {
    .about-section > .container {
        position: relative;
        border-top: none;
        padding-top: 117px;
        padding-bottom: 98px;
        padding-left: 56px;
    }

    .index .about-section > .container {
        padding-bottom: 97px;
    }

    .about-section > .container::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 56px;
        height: 1px;
        width: calc(100% - 112px);
        background-color: var(--border-color);
    }
}

@media (min-width: 767px) {
    .about-section__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.about-section__texts {
    margin-bottom: 50px;
}

@media (min-width: 767px) {
    .about-section__texts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 41%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }
}

@media (min-width: 1599px) {
    .about-section__texts {
        width: 50%;
    }
}

@media (min-width: 767px) {
    .about-section__video-wrapper {
        width: 49.2%;
    }
}

@media (min-width: 1599px) {
    .about-section__video-wrapper {
        width: 49.5%;
    }
}

@media (min-width: 1899px) {
    .about-section__video-wrapper {
        padding-left: 6px;
    }

    .index .about-section__video-wrapper {
        padding-left: 0;
    }

    .index .about-section__title {
        margin-bottom: 81px;
    }
}

.about-section__title {
    margin-top: 0;
    margin-bottom: 78px;
}

@media (min-width: 319px) {
    .about-section__title {
        font-size: 14px;
        margin-bottom: 81.1px;
    }
}

@media (min-width: 375px) {
    .about-section__title {
        font-size: 16px;
    }

    .index .about-section__title {
        margin-bottom: 81px;
    }
}

@media (min-width: 767px) {
    .about-section__title {
        margin-bottom: auto;
    }
}

@media (min-width: 1023px) {
    .about-section__title {
        font-size: 20px;
    }
}

@media (min-width: 1359px) {
    .about-section__title {
        font-size: 24px;
    }
}

.about-section__slogan {
    margin: 0;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 26px;
}

@media (min-width: 374px) {
    .about-section__slogan {
        font-size: 24px;
        line-height: 31px;
    }
}

@media (min-width: 1359px) {
    .about-section__slogan {
        font-size: 32px;
        line-height: 42px;
    }
}

@media (min-width: 1599px) {
    .about-section__slogan {
        max-width: 650px;
        font-size: 40px;
        line-height: 52px;
        margin-bottom: -11px;
    }
}

@media (min-width: 1919px) {
    .about-section__slogan {
        max-width: 800px;
    }

    .index .about-section__slogan {
        margin-bottom: 35px;
    }
}

.about-section__slogan::first-letter {
    /*padding-left: 58px;*/
    padding-left: 0;
}

@media (min-width: 767px) {
    .about-section__slogan::first-letter {
        /*padding-left: 75px;*/
        padding-left: 0;
    }
}

@media (min-width: 1359px) {
    .about-section__slogan::first-letter {
        /*padding-left: 100px;*/
        padding-left: 0;
    }
}

@media (min-width: 1919px) {
    .about-section__slogan::first-letter {
        /*padding-left: 150px;*/
        padding-left: 0;
    }
}

@media (max-width: 425px) {
    .about-section__slogan::first-letter {
        padding-left: 0;
    }
}

.index .about-section__title.title {
    margin-bottom: 0;
}

.about-section__video {
    margin-bottom: 45px;
    aspect-ratio: 16 / 9;
}

.index .about-section__video iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (min-width: 319px) {
    .about-section__video {
        margin-bottom: 45px;
    }
}

@media (min-width: 767px) {
    .about-section__video {
        margin-bottom: 37px;
    }
}

@media (min-width: 1359px) {
    .about-section__video {
        margin-bottom: 66px;
    }
}

@media (min-width: 1599px) {
    .about-section__video {
        margin-bottom: 79px;
    }
}

@media (min-width: 1919px) {
    .about-section__video {
        margin-bottom: 77px;
    }
}

.about-section__video iframe {
    width: 100%;
    max-width: 450px;
    border: none;
}

@media (min-width: 374px) {
    .about-section__video iframe {
        height: 275px;
    }

    .index .about-section__video iframe {
        height: 272px;
    }
}

@media (min-width: 1023px) {
    .about-section__video iframe {
        height: 292px;
        max-width: 100%;
    }
}

@media (min-width: 1359px) {
    .about-section__video iframe {
        height: 381px;
    }

    .index .about-section__video iframe {
        height: 100%;
    }
}

@media (min-width: 1599px) {
    .about-section__video iframe {
        height: 472px;
    }
}

.about-section__text-content {
    max-width: 265px;
    margin: 0;
    margin-bottom: 15px;
}

@media (min-width: 319px) {
    .about-section__video-wrapper {
        margin-left: 5px;
    }
}

@media (min-width: 374px) {
    .about-section__video-wrapper {
        margin-left: 0;
    }
}

@media (min-width: 767px) {
    .about-section__text-content {
        max-width: 100%;
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .about-section__text-content {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .about-section__text-content {
        max-width: 83%;
        margin-bottom: 20px;
    }
}

@media (min-width: 1919px) {
    .about-section__text-content {
        margin-bottom: 25px;
    }
}

.about-section__more-link {
    position: relative;
}

@media (min-width: 1023px) {
    .about-section__more-link {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .about-section__more-link {
        font-size: 16px;
        line-height: 22px;
    }
}

.about-section__more-link span {
    opacity: 0.5;
}

.about-section__more-link.more-btn::after {
    top: 50%;
    background-image: url(/local/templates/remer/css/../img/svg/icon-arrow.svg);
    background-color: var(--btn-more-color);
}

.about-section__more-link svg {
    position: absolute;
    left: 4px;
    top: calc(50% - 4px);
    stroke: #000000;
    stroke: var(--default-black);
    z-index: 99;
}

.video {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 61px;
}

@media (min-width: 1023px) {
    .video {
        padding-left: 0;
    }
}

.video__content {
    width: 230px;
    height: 225px;
    background-color: red;
}

@media (min-width: 374px) {
    .video__content {
        width: 280px;
        height: 275px;
    }
}

@media (min-width: 1023px) {
    .video__content {
        width: 100%;
        height: 290px;
    }
}

@media (min-width: 1359px) {
    .video__content {
        height: 380px;
    }
}

@media (min-width: 1599px) {
    .video__content {
        width: 750px;
        height: 470px;
    }
}

@media (min-width: 1919px) {
    .video__content {
        width: 100%;
    }
}

.video__play-btn {
    position: absolute;
    bottom: 20px;
    left: calc(55px + 20px);
}

@media (min-width: 1023px) {
    .video__play-btn {
        bottom: 24px;
        left: 24px;
    }
}

@media (min-width: 1599px) {
    .video__play-btn {
        bottom: 21px;
        left: 23px;
    }
}

.main-slider {
    position: relative;
}

.main-slider::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 20px;
    height: 1px;
    width: calc(100% - 40px);
    background-color: var(--border-color);
}

@media (min-width: 374px) {
    .main-slider::after {
        bottom: -2px;
    }
}

@media (min-width: 767px) {
    .main-slider::after {
        display: none;
    }
}

.main-slider .container {
    position: relative;
}

.main-slider__slides {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    position: relative;
    min-height: 553px;
    margin-right: -20px;
}

@media (min-width: 374px) {
    .main-slider__slides {
        min-height: 689px;
    }
}

@media (min-width: 767px) {
    .main-slider__slides {
        min-height: 555px;
        margin-right: 0;
        border-bottom: 1px solid #ffffff;
        border-bottom: 1px solid var(--border-color);
    }
}

@media (min-width: 1359px) {
    .main-slider__slides {
        height: 549px;
    }
}

@media (min-width: 1599px) {
    .main-slider__slides {
        height: 615px;
    }
}

@media (min-width: 1919px) {
    .main-slider__slides {
        height: 736px;
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid var(--border-color);
    }
}

.main-slider__item {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin-right: -20px;
    width: 100%;
}

@media (min-width: 767px) {
    .main-slider__item {
        width: 100%;
        margin: 0;
    }
}

@media (min-width: 767px) {
    .main-slider__item {
        width: 100%;
        margin: 0;
    }
}

.main-slider__pagination {
    position: absolute;
    z-index: 98;
    bottom: 10px;
    left: 5px;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 319px) {
    .main-slider__pagination {
        bottom: 6px;
        left: 0;
    }
}

@media (min-width: 374px) {
    .main-slider__pagination {
        left: 5px;
    }

    .main-slider__pagination {
        bottom: 11px;
    }
}

@media (min-width: 767px) {
    .main-slider__pagination {
        z-index: 2;
        right: 24px;
        bottom: 28px;
        left: auto;
    }
}

@media (min-width: 1359px) {
    .main-slider__pagination {
        right: 21px;
        bottom: 22px;
    }
}

@media (min-width: 1599px) {
    .main-slider__pagination {
        right: 22px;
        bottom: 22px;
    }
}

.upbtn {
    opacity: 0.8;
    z-index: 9999;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: -80px;
    left: 50px;
    cursor: pointer;
    /*border:3px solid #575757;*/
    transition: all .7s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-color: #2d2d2d;*/
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQ0NC44MTkgNDQ0LjgxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ0LjgxOSA0NDQuODE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzMy45NjgsMjc4LjY1N0wyNDguMzg3LDkyLjc5Yy03LjQxOS03LjA0NC0xNi4wOC0xMC41NjYtMjUuOTc3LTEwLjU2NmMtMTAuMDg4LDAtMTguNjUyLDMuNTIxLTI1LjY5NywxMC41NjYgICBMMTAuODQ4LDI3OC42NTdDMy42MTUsMjg1Ljg4NywwLDI5NC41NDksMCwzMDQuNjM3YzAsMTAuMjgsMy42MTksMTguODQzLDEwLjg0OCwyNS42OTNsMjEuNDExLDIxLjQxMyAgIGM2Ljg1NCw3LjIzLDE1LjQyLDEwLjg1MiwyNS42OTcsMTAuODUyYzEwLjI3OCwwLDE4Ljg0Mi0zLjYyMSwyNS42OTctMTAuODUyTDIyMi40MSwyMTMuMjcxTDM2MS4xNjgsMzUxLjc0ICAgYzYuODQ4LDcuMjI4LDE1LjQxMywxMC44NTIsMjUuNywxMC44NTJjMTAuMDgyLDAsMTguNzQ3LTMuNjI0LDI1Ljk3NS0xMC44NTJsMjEuNDA5LTIxLjQxMiAgIGM3LjA0My03LjA0MywxMC41NjctMTUuNjA4LDEwLjU2Ny0yNS42OTNDNDQ0LjgxOSwyOTQuNTQ1LDQ0MS4yMDUsMjg1Ljg4NCw0MzMuOTY4LDI3OC42NTd6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)
}

html.white .upbtn {
    filter: invert(100%);
}

.b24-widget-button-position-bottom-right {
    bottom: 80px !important;
}

/*.upbtn:hover {
    opacity: 1;
    background-color: #337AB7;
}*/

@media (min-width: 1899px) {
    .main-slider__pagination {
        right: 19px;
        bottom: 39px;
    }

    .index .main-slider__pagination {
        right: 40px;
    }
}

.jumbotron {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    min-height: 555px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 20px;
    padding-bottom: 163px;
    padding-left: 20px;
    margin-left: -20px;
}

@media (min-width: 374px) {
    .jumbotron {
        min-height: 689px;
        padding-bottom: 165px;
    }
}

@media (min-width: 767px) {
    .jumbotron {
        height: 100%;
        min-height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 40px;
        padding-bottom: 46px;
    }
}

@media (min-width: 1359px) {
    .jumbotron {
        padding-bottom: 6px;
    }
}

@media (min-width: 1599px) {
    .jumbotron {
        padding-bottom: 32px;
    }
}

@media (min-width: 1919px) {
    .jumbotron {
        padding-bottom: 40px;
    }
}

.jumbotron::after {
    position: absolute;
    z-index: 1;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 470px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#2d2d2d), to(transparent));
    background-image: -o-linear-gradient(bottom, #2d2d2d 0%, transparent 100%);
    background-image: linear-gradient(to top, #2d2d2d 0%, transparent 100%);
    content: "";
}

@media (min-width: 767px) {
    .jumbotron::after {
        display: none;
    }
}

.jumbotron.active {
    z-index: 2;
}

.jumbotron.active .jumbotron__text-content {
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.jumbotron.active .jumbotron__img-wrapper {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    opacity: 1;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    -webkit-transition-timing-function: cubic-bezier(0.605, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(0.605, 0, 0, 1);
    transition-timing-function: cubic-bezier(0.605, 0, 0, 1);
    width: auto;
}

.jumbotron.to-left .jumbotron__img-wrapper {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: slideOut;
    animation-name: slideOut;
}

.jumbotron.to-left .jumbotron__img-wrapper .jumbotron__img {
    -webkit-transform: translate(0) scale(1);
    -ms-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
}

.jumbotron.default {
    z-index: 2;
}

.jumbotron.default .jumbotron__img-wrapper,
.jumbotron.default .jumbotron__text-content {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.jumbotron.default .jumbotron__text-content {
    z-index: 2;
}

.jumbotron__text-content {
    position: relative;
    max-height: 100%;
    opacity: 0;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
    -webkit-transition: opacity 0.5s ease-in, -webkit-transform 0.5s ease-in;
    transition: opacity 0.5s ease-in, -webkit-transform 0.5s ease-in;
    -o-transition: transform 0.5s ease-in, opacity 0.5s ease-in;
    transition: transform 0.5s ease-in, opacity 0.5s ease-in;
    transition: transform 0.5s ease-in, opacity 0.5s ease-in, -webkit-transform 0.5s ease-in;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    color: #ffffff;
}

@media (min-width: 767px) {
    .jumbotron__text-content {
        width: 45%;
        max-width: 350px;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin-right: 5%;
        opacity: 0;
        -webkit-transform: translate(0, 50%);
        -ms-transform: translate(0, 50%);
        transform: translate(0, 50%);
        -webkit-transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
        transition: opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
        -o-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
        transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
        transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, -webkit-transform 0.7s ease-in-out;
        color: var(--text-color);
    }
}

@media (min-width: 1023px) {
    .jumbotron__text-content {
        /*width: 33%;*/
        width: 50%;
    }
}

@media (min-width: 1599px) {
    .jumbotron__text-content {
        /*max-width: 450px;*/
        max-width: 650px;
    }
}

@media (min-width: 1919px) {
    .jumbotron__text-content {
        margin-right: 99px;
    }
}

.jumbotron__is-new {
    display: inline-block;
    padding: 9px 15px;
    margin: 0;
    margin-bottom: 15px;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 24px;
    line-height: 14px;
    font-size: 14px;
}

@media (min-width: 767px) {
    .jumbotron__is-new {
        margin-bottom: 37px;
    }
}

.jumbotron__type {
    margin: 0;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
}

@media (min-width: 1359px) {
    .jumbotron__type {
        margin-bottom: 15px;
    }
}

@media (min-width: 1599px) {
    .jumbotron__type {
        margin-bottom: 17px;
    }
}

.jumbotron__name {
    margin: 0 0 15px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 48px;
    color: #ffffff;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    display: inline;
}

@media (min-width: 767px) {
    .jumbotron__name {
        margin-bottom: 40px;
        font-size: 56px;
        line-height: 56px;
        color: var(--text-color);
    }
}

@media (min-width: 1359px) {
    .jumbotron__name {
        font-size: 64px;
        line-height: 64px;
        margin-bottom: 42px;
    }
}

@media (min-width: 1599px) {
    .jumbotron__name {
        margin-bottom: 55px;
        font-size: 80px;
        line-height: 80px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .jumbotron__name:hover, .jumbotron__name:focus {
        opacity: 0.7;
    }
}

.jumbotron__name::after {
    position: relative;
    right: 0;
    left: 13px;
    bottom: 17px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
}

@media (min-width: 767px) {
    .jumbotron__name::after {
        right: 0;
        left: 13px;
        bottom: 11px;
    }
}

@media (min-width: 1359px) {
    .jumbotron__name::after {
        right: 0px;
        left: 13px;
        bottom: 14px;
    }
}

@media (min-width: 1599px) {
    .jumbotron__name::after {
        bottom: 19px;
    }
}

@media (max-width: 425px) {
    .jumbotron__name::after {
        bottom: 8.5px;
    }
}

@media (max-width: 320px) {
    .jumbotron__name::after {
        bottom: 8px;
    }
}

.white .jumbotron__name::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
}

.jumbotron__more-btn-wrapper {
    padding-bottom: 7px;
    border-bottom: 1px solid #f2f2f2;
    margin: 0;
    margin-left: -20px;
    margin-top: 15px;
    text-align: right;
}

@media (min-width: 767px) {
    .jumbotron__more-btn-wrapper {
        display: none;
    }
}

.jumbotron__more-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    letter-spacing: 0.08em;
    text-align: right;
}

.jumbotron__descr {
    margin: 0;
    margin-top: 37px;
    text-transform: lowercase;
}

.jumbotron__descr.mobile-hide {
    display: none;
}

@media (min-width: 767px) {
    .jumbotron__descr.mobile-hide {
        display: block;
    }
}

@media (min-width: 767px) {
    .jumbotron__descr {
        width: 80%;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .jumbotron__descr {
        width: 85%;
        margin-top: 50px;
    }
}

@media (min-width: 1599px) {
    .jumbotron__descr {
        font-size: 16px;
        line-height: 22px;
    }
}

.jumbotron__img-wrapper {
    position: absolute;
    top: 20px;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    -webkit-transition: opacity 0.5s ease-in, -webkit-transform 0.5s ease-in;
    transition: opacity 0.5s ease-in, -webkit-transform 0.5s ease-in;
    -o-transition: transform 0.5s ease-in, opacity 0.5s ease-in;
    transition: transform 0.5s ease-in, opacity 0.5s ease-in;
    transition: transform 0.5s ease-in, opacity 0.5s ease-in, -webkit-transform 0.5s ease-in;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

@media (min-width: 767px) {
    .jumbotron__img-wrapper {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 60%;
        height: calc(100% + 48px);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        opacity: 1;
        -webkit-transform: translate(150%, 0);
        -ms-transform: translate(150%, 0);
        transform: translate(150%, 0);
        -webkit-transition-timing-function: cubic-bezier(0.605, 0, 0, 1);
        -o-transition-timing-function: cubic-bezier(0.605, 0, 0, 1);
        transition-timing-function: cubic-bezier(0.605, 0, 0, 1);
        margin-right: 94px;
    }
}

@media (min-width: 1023px) {
    .jumbotron__img-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0;
    }
}

@media (min-width: 1599px) {
    .jumbotron__img-wrapper {
        width: auto;
        height: auto;
        min-height: calc(100% + 96px);
        margin-top: -40px;
    }
}

.jumbotron__img-wrapper img {
    background: none \9;
    /* Targets IE only */
}

.jumbotron__img {
    -webkit-transform: translate(36px, 33px) scale(1.35);
    -ms-transform: translate(36px, 33px) scale(1.35);
    transform: translate(36px, 33px) scale(1.35);
}

@media (min-width: 767px) {
    .jumbotron__img {
        -webkit-transform: translate(0) scale(1);
        -ms-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }
}

@-webkit-keyframes slideIn {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideIn {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes slideOut {
    0% {
        z-index: 2;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    95% {
        opacity: 1;
    }
    99% {
        opacity: 0;
        -webkit-transform: translate(-200%, 0);
        transform: translate(-200%, 0);
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(150%, 0);
        transform: translate(150%, 0);
    }
}

@keyframes slideOut {
    0% {
        z-index: 2;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    95% {
        opacity: 1;
    }
    99% {
        opacity: 0;
        -webkit-transform: translate(-200%, 0);
        transform: translate(-200%, 0);
        -webkit-transition-duration: 0s;
        -o-transition-duration: 0s;
        transition-duration: 0s;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(150%, 0);
        transform: translate(150%, 0);
    }
}

.pagination {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 50px;
}

.pagination li {
    background-color: rgb(89 88 88 / 20%);
}

.white .pagination li {
    background-color: rgba(255, 255, 255, 0.2);
}

.white .form-footer,
.white .form-check-label {
    color: var(--text-color);
}

@media (min-width: 1023px) {
    .pagination {
        padding-top: 64px;
    }
}

@media (min-width: 1599px) {
    .pagination {
        padding-top: 64px;
        padding-bottom: 8px;
    }
}

@media (min-width: 1899px) {
    .pagination {
        padding-bottom: 0;
    }
}

.pagination__bullet-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: relative;
    padding: 20px 16px;
    line-height: 17px;
    text-transform: uppercase;
    cursor: pointer;
    color: #ffffff;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 767px) {
    .pagination__bullet-btn {
        color: var(--text-color);
    }
}

@media (min-width: 1023px) {
    .pagination__bullet-btn {
        padding: 16px 8px;
        margin: 0 8px;
    }
}

@media (min-width: 1359px) {
    .pagination__bullet-btn {
        padding: 20px 10px;
        margin: 0 10px;
        font-size: 18px;
        line-height: 22px;
    }
}

.pagination__bullet-btn::after {
    position: absolute;
    top: -50px;
    left: 50%;
    width: 1px;
    height: 50px;
    background-color: #ffffff;
    content: "";
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: -webkit-transform 1.8s ease-in;
    transition: -webkit-transform 1.8s ease-in;
    -o-transition: transform 1.8s ease-in;
    transition: transform 1.8s ease-in;
    transition: transform 1.8s ease-in, -webkit-transform 1.8s ease-in;
}

@media (min-width: 767px) {
    .pagination__bullet-btn::after {
        background-color: var(--border-color);
    }
}

@media (min-width: 1359px) {
    .pagination__bullet-btn::after {
        top: -64px;
        height: 64px;
    }
}

.pagination__bullet-btn.active::after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .pagination__bullet-btn:hover, .pagination__bullet-btn:focus {
        opacity: 0.7;
    }
}

/*.news {
    font-family: "Jeko", "Arial", sans-serif;
}*/

.news > .container {
    padding-top: 82px;
    padding-bottom: 77px;
}

@media (min-width: 319px) {
    .news > .container {
        padding-top: 85px;
    }
}

@media (min-width: 374px) {
    .news > .container {
        padding-top: 80px;
    }
}

@media (min-width: 1023px) {
    .news > .container {
        padding-top: 77px;
    }
}

@media (min-width: 1359px) {
    .news > .container {
        padding-top: 102.5px;
        padding-bottom: 118px;
    }
}

@media (min-width: 1599px) {
    .news > .container {
        padding-top: 135px;
        padding-bottom: 63px;
        padding-right: 40px;
    }
}

@media (min-width: 1899px) {
    .news > .container {
        border-top: none;
        padding-top: 134px;
        padding-right: 56px;
        padding-left: 56px;
    }
}

.news__item {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .news__item:hover, .news__item:focus {
        opacity: 0.7;
    }
}

.news__header {
    margin-bottom: 53px;
}

@media (min-width: 319px) {
    .news__header {
        font-size: 10.5px;
    }
}

@media (min-width: 374px) {
    .news__header {
        margin-bottom: 81px;
    }
}

@media (min-width: 1023px) {
    .news__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 92px;
    }
}

@media (min-width: 1359px) {
    .news__header {
        margin-bottom: 71px;
    }
}

@media (min-width: 1599px) {
    .news__header {
        margin-bottom: 114px;
    }
}

.news__title {
    margin: 0;
}

.news__slider-controls {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: none;
}

@media (min-width: 1023px) {
    .news__slider-controls {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        min-width: 135px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: auto;
    }
}

@media (min-width: 1359px) {
    .news__slider-controls {
        min-width: 185px;
    }
}

.news__slider-control {
    position: static;
}

.news__slider-control::after {
    display: none;
}

.news__swiper-news {
    overflow: hidden;
    margin-right: -20px;
    margin-bottom: 38px;
}

@media (min-width: 1023px) {
    .news__swiper-news {
        margin-right: -40px;
        margin-bottom: 80px;
    }
}

@media (min-width: 1359px) {
    .news__swiper-news {
        margin-right: -64px;
        margin-bottom: 71px;
    }
}

@media (min-width: 1599px) {
    .news__swiper-news {
        margin-right: -40px;
        margin-bottom: 106px;
    }
}

@media (min-width: 1899px) {
    .news__swiper-news {
        margin-right: -56px;
        margin-bottom: -5px;
    }
}

.news__slider {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}

@media (min-width: 1899px) {
    ul.news__slider.swiper-wrapper {
        padding-bottom: 0;
    }
}

.news__slide {
    position: relative;
    width: 230px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 374px) {
    .news__slide {
        width: 280px;
    }
}

@media (min-width: 1023px) {
    .news__slide {
        width: 305px;
    }
}

@media (min-width: 1359px) {
    .news__slide {
        width: 400px;
    }
}

@media (min-width: 1599px) {
    .news__slide {
        width: 495px;
    }
}

@media (min-width: 1919px) {
    .news__slide {
        width: 592px;
    }
}

.news__slide:not(:last-child) {
    margin-right: 60px;
}

@media (min-width: 374px) {
    .news__slide:not(:last-child) {
        margin-right: 50px;
    }
}

@media (min-width: 1023px) {
    .news__slide:not(:last-child) {
        margin-right: 94px;
    }
}

@media (min-width: 1359px) {
    .news__slide:not(:last-child) {
        margin-right: 120px;
    }
}

@media (min-width: 1599px) {
    .news__slide:not(:last-child) {
        margin-right: 144px;
    }
}

@media (min-width: 1899px) {
    .news__slide:not(:last-child) {
        margin-right: 168px;
    }
}

@media (min-width: 1023px) {
    .news__slide:last-child {
        padding-right: 10px;
    }
}

@media (min-width: 1919px) {
    .news__slide:last-child {
        padding-right: 0;
    }
}

.news__time {
    width: 35px;
    margin-right: 26px;
    font-weight: 500;
    line-height: 17px;
}

@media (min-width: 374px) {
    .news__time {
        font-size: 16px;
        line-height: 16px;
    }
}

@media (min-width: 1023px) {
    .news__time {
        line-height: 20px;
        margin-right: 20px;
    }
}

@media (min-width: 1359px) {
    .news__time {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .news__time {
        margin-top: -3px;
        width: 60px;
        margin-right: 55px;
        font-size: 24px;
        line-height: 28px;
        font-family: "Jeko";
    }
}

.news__helper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px;
}

@media (min-width: 374px) {
    .news__helper {
        margin-bottom: 44px;
    }
}

@media (min-width: 1023px) {
    .news__helper {
        margin-bottom: 34px;
    }
}

@media (min-width: 1359px) {
    .news__helper {
        margin-bottom: 42px;
    }
}

@media (min-width: 1599px) {
    .news__helper {
        margin-bottom: 50px;
    }
}

@media (min-width: 1899px) {
    .news__helper {
        margin-bottom: 40px;
    }
}

.news__helper img {
    max-height: 340px;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 170px;
}

.index .news__helper img {
    max-height: 100%;
}

@media (min-width: 319px) {
    .index .news__helper img {
        /*max-height: 128px;*/
    }

    .news__swiper-news {
        margin-bottom: 44.5px;
    }
}

@media (min-width: 374px) {
    .index .news__helper img {
        /*max-height: 172px;*/
    }

    .index .news__swiper-news {
        margin-bottom: 38px;
    }
}

@media (min-width: 767px) {
    .news__helper img {
        max-height: 172px;
        width: auto;
    }
}

@media (min-width: 1023px) {
    .index .news__helper img {
        /*max-height: 174px;*/
    }

    .index .news__swiper-news {
        margin-bottom: 76px;
    }

    .index .about-section__title {
        margin-bottom: 249px;
    }
}

@media (min-width: 1359px) {
    .news__helper img {
        max-height: 232px;
    }

    .index .news__helper img {
        /*max-height: 232px;*/
    }

    .index .news__swiper-news {
        margin-bottom: 70px;
    }

    .index .about-section__title {
        margin-bottom: 310px;
    }
}

@media (min-width: 1599px) {
    .news__helper img {
        max-height: 304px;
    }

    .index .news__helper img {
        /*max-height: 304px;*/
    }

    .index .news__swiper-news {
        margin-bottom: 106px;
    }

    .index .about-section__title {
        margin-bottom: 359px;
    }
}

@media (min-width: 1919px) {
    .news__helper img {
        max-height: 355px;
        width: 445px;
    }

    .index .news__helper img {
        /*max-height: 347px;*/
        width: 439px;
    }

    .index .news__helper {
        margin-bottom: 49px;
    }

    .index .news__swiper-news {
        margin-bottom: 65px;
    }

    .index .about-section__title {
        margin-bottom: 441px;
    }
}

.news__descr {
    max-width: 255px;
    margin: 0;
    font-weight: 500;
    font-family: "Jeko";
}

@media (min-width: 374px) {
    .news__descr {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) {
    .news__descr {
        max-width: 100%;
        padding-left: 80px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .news__descr {
        padding-left: 105px;
        font-size: 18px;
        line-height: 26px;
    }
}

@media (min-width: 1599px) {
    .news__descr {
        padding-left: 113px;
        font-size: 24px;
        line-height: 34px;
    }
}

@media (min-width: 1899px) {
    .news__descr {
        max-width: 90%;
        padding-left: 152px;
    }
}

.news__descr::after {
    content: "";
    position: relative;
    bottom: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 9px;
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    vertical-align: baseline;
}

@media (min-width: 1023px) {
    .news__descr::after {
        bottom: -2px;
    }
}

@media (min-width: 1599px) {
    .news__descr::after {
        top: -1px;
        margin-left: 9px;
    }
}

@media all and (-ms-high-contrast: none) {
    .news__descr::after {
        background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    }
}

.white .news__descr::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
}

.news__more-link {
    position: relative;
}

@media (min-width: 1023px) {
    .news__more-link {
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .news__more-link {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .news__more-link {
        display: inline-block;
    }
}

.news__more-link span {
    opacity: 0.5;
}

.news__more-link.more-btn::after {
    top: 50%;
    background-image: none;
    background-color: #dedede;
    background-color: var(--btn-more-color);
}

.news__more-link svg {
    position: absolute;
    left: 4px;
    top: calc(50% - 4px);
    stroke: #000000;
    stroke: var(--default-black);
    z-index: 99;
}

@media (min-width: 1359px) {
    .search-form--result {
        display: none;
    }
}

.search-form__search-block {
    position: relative;
}

@media (min-width: 1359px) {
    .search-form__search-block {
        border-bottom: 1px solid #ffffff;
        border-bottom: 1px solid var(--border-color);
    }
}

.search-form__search-block.active .search-form__suggestion {
    z-index: 299;
    display: block;
    padding-top: 20px;
    padding-right: 40px;
}

@media (min-width: 1023px) {
    .search-form__search-block.active .search-form__suggestion {
        padding-right: 0;
    }
}

@media (min-width: 1359px) {
    .search-form__search-block.active .search-form__suggestion {
        padding-top: 0;
        margin-top: 18px;
        margin-left: 5px;
    }
}

@media (min-width: 1919px) {
    .search-form__search-block.active .search-form__suggestion {
        margin-top: 15px;
    }
}

.search-form__search-block.active .suggestion__item {
    width: auto;
}

.search-form__search-block.active form input {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.search-form__search-block.focus .search-form__instruction {
    display: inline;
}

.search-form__search-block.focus form {
    margin-bottom: 13px;
}

@media (min-width: 1023px) {
    .search-form__search-block.focus form {
        margin-bottom: 0;
    }
}

.search-form__search-block.focus form input {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-right: 10px;
}

.search-form--result-page .search-form__search-block.focus form {
    margin-bottom: 0;
}

.search-form--result-page .search-form__submit-btn svg:first-of-type {
    stroke: #f2f2f2;
    stroke: var(--text-color);
}

@media (min-width: 1023px) {
    .search-form--result-page .search-form__submit-btn svg:first-of-type {
        display: none;
    }
}

.search-form--result-page .search-form__submit-btn svg:last-of-type {
    display: none;
}

@media (min-width: 1023px) {
    .search-form--result-page .search-form__submit-btn svg:last-of-type {
        display: inline-block;
        stroke: #f2f2f2;
        stroke: var(--text-color);
        vertical-align: middle;
    }
}

.search-form__instruction {
    display: none;
    padding-top: 15px;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    opacity: 0.5;
}

@media (min-width: 1359px) {
    .search-form__instruction {
        position: absolute;
        max-width: 420px;
        padding-top: 10px;
        padding-left: 5px;
    }
}

.search-form__instruction > a {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .search-form__instruction > a:hover, .search-form__instruction > a:focus {
        opacity: 0.5;
    }
}

.search-form__suggestion {
    display: none;
    max-width: 880px;
}

.search-form__suggestion::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1359px) {
    .search-form__suggestion {
        position: absolute;
        background: rgba(69, 69, 69, 0.88);
        background: var(--bg-color-2);
        border-radius: 16px;
        -webkit-box-shadow: 0 24px 32px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
    }
}

@media (min-width: 1359px) {
    .search-form__suggestion--result {
        display: block;
    }
}

.search-form__link {
    text-decoration: underline;
}

.search-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--border-color);
}

@media (min-width: 1023px) {
    .search-form form {
        padding-right: 100px;
    }
}

@media (min-width: 1359px) {
    .search-form form {
        padding-top: 22px;
        border-bottom: none;
    }
}

@media (min-width: 1919px) {
    .search-form form {
        padding-top: 19px;
    }
}

.search-form form input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 10px;
    border: none;
    background-color: transparent;
    color: #ffffff;
    color: var(--text-color);
    font-family: "Jeko", "Arial", sans-serif;
    outline: none;
}

@media (min-width: 1023px) {
    .search-form form input {
        padding: 11px 2px;
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
    }
}

@media (min-width: 1599px) {
    .search-form form input {
        font-size: 64px;
        letter-spacing: -0.03em;
        line-height: 71px;
    }
}

.search-form__submit-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    display: inline-block;
    width: 22px;
    height: 22px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 4px;
    margin-left: -2px;
    cursor: pointer;
    outline: none;
}

.search-form__submit-btn svg {
    stroke: #f2f2f2;
    stroke: var(--text-color);
}

.search-form__submit-btn.refresh {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media (min-width: 1023px) {
    .search-form__submit-btn.refresh {
        padding: 0;
        border: 0;
        background-color: rgba(255, 255, 255, 0);
        color: inherit;
        position: absolute;
        top: -27px;
        right: 0;
        display: inline-block;
        width: 88px;
        height: 88px;
        border: 1px solid #f2f2f2;
        border: 1px solid var(--border-color);
        border-radius: 50%;
        cursor: pointer;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) and (hover: hover), screen and (min-width: 1023px) and (min-width: 0\0
) {
    .search-form__submit-btn.refresh:hover, .search-form__submit-btn.refresh:focus {
        opacity: 0.7;
    }
}

@media (min-width: 1359px) {
    .search-form__submit-btn.refresh {
        top: 3px;
        right: 8px;
    }
}

@media (min-width: 1599px) {
    .search-form__submit-btn.refresh {
        top: 29px;
        right: 0;
    }
}

@media (min-width: 1023px) {
    .search-form__submit-btn {
        display: none;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .search-form__submit-btn:hover, .search-form__submit-btn:focus {
        opacity: 0.7;
        outline: none;
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 0 40px;
}

@media (min-width: 1023px) {
    .breadcrumbs {
        padding: 80px 0 0;
    }

    .news .breadcrumbs {
        padding: 79px 0 0;
    }

    .cooperation .breadcrumbs {
        padding: 80px 0 0;
        padding-bottom: 27px;
    }

    .personal .breadcrumbs {
        padding: 55px 0 0;
    }

    .catalog .breadcrumbs {
        padding: 74px 0 0;
    }
}

@media (min-width: 1359px) {
    .breadcrumbs {
        padding: 104px 0 0;
    }

    .news .breadcrumbs {
        padding: 103px 0 0;
    }

    .cooperation .breadcrumbs {
        padding-top: 103.5px;
    }

    .personal .breadcrumbs {
        padding: 99px 0 0;
    }

    .catalog .breadcrumbs {
        padding: 103px 0 0;
    }
}

@media (min-width: 1599px) {
    .breadcrumbs {
        padding-top: 86px;
    }

    .buy-page .breadcrumbs {
        padding-top: 77px;
    }

    .cooperation .breadcrumbs {
        padding-top: 85.5px;
        padding-bottom: 11px;
    }

    .personal .breadcrumbs {
        padding: 14px 0 0;
    }

    .catalog .breadcrumbs {
        padding: 87px 0 0;
    }
}

@media (min-width: 1919px) {
    .breadcrumbs {
        padding-top: 88px;
        padding-left: 5px;
    }

    .about-page .breadcrumbs {
        padding-left: 0;
    }

    .news .breadcrumbs {
        padding-left: 0;
        padding-top: 102px;
    }

    .cooperation .breadcrumbs {
        padding-top: 87px;
    }

    .personal .breadcrumbs {
        padding: 0 0 0;
    }
}

@media (min-width: 1919px) {
    .breadcrumbs--large {
        padding-top: 101px;
    }
}

@media (min-width: 1023px) {
    .breadcrumbs--about {
        padding: 83px 0 23px;
    }
}

@media (min-width: 1359px) {
    .breadcrumbs--about {
        padding: 94px 0 24px;
    }
}

@media (min-width: 1919px) {
    .breadcrumbs--about {
        padding-top: 97px;
    }
}

@media (min-width: 1023px) {
    .breadcrumbs--category {
        padding-top: 80px;
    }
}

@media (min-width: 1359px) {
    .breadcrumbs--category {
        padding-top: 95px;
    }
}

@media (min-width: 1599px) {
    .breadcrumbs--category {
        padding-top: 94px;
    }
}

@media (min-width: 1919px) {
    .breadcrumbs--category {
        padding-top: 95px;
    }
}

@media (min-width: 1023px) {
    .breadcrumbs--category .breadcrumbs__link {
        font-size: 14px;
        line-height: 20px;
        padding: 7px 18px 11px;
    }
}

@media (min-width: 1359px) {
    .breadcrumbs--category .breadcrumbs__link {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) {
    .breadcrumbs--category .breadcrumbs__list > li:not(:last-child) {
        margin-right: 8px;
        margin-bottom: 31px;
    }
}

@media (min-width: 1359px) {
    .breadcrumbs--contacts {
        padding-top: 95px;
    }
}

@media (min-width: 1359px) {
    .breadcrumbs--demo {
        padding-top: 95px;
    }
}

@media (min-width: 1359px) {
    .breadcrumbs--product {
        padding-top: 95px;
    }
}

@media (min-width: 1023px) {
    .breadcrumbs--product .breadcrumbs__link {
        font-size: 14px;
        line-height: 20px;
        padding: 7px 19px 6px;
    }
}

@media (min-width: 1359px) {
    .breadcrumbs--product .breadcrumbs__link {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 11px;
    }
}

.breadcrumbs__back-btn {
    cursor: pointer;
}

@media (min-width: 1023px) {
    .breadcrumbs__back-btn {
        display: none;
    }
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: none;
}

.breadcrumbs__list li:last-of-type {
    opacity: 0.7;
    cursor: auto;
}

@media (min-width: 1023px) {
    .breadcrumbs__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
    }
}

.breadcrumbs__list > li {
    margin-bottom: 25px;
}

@media (min-width: 1023px) {
    .news .page-article {
        margin-top: 27px;
    }
}

.breadcrumbs__list > li:not(:last-child) {
    margin-right: 15px;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .breadcrumbs__list > li:not(:last-child) .breadcrumbs__link:hover, .breadcrumbs__list > li:not(:last-child) .breadcrumbs__link:focus {
        opacity: 0.7;
    }
}

.breadcrumbs__link {
    padding: 8px 20px 10px;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 40px;
    font-size: 18px;
    line-height: 22px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.catalog-section {
    padding-bottom: 80px;
}

.catalog-section:last-child {
    padding-bottom: 70px;
}

@media (min-width: 1023px) {
    .catalog-section:last-child {
        padding-bottom: 23px;
    }
}

@media (min-width: 1023px) {
    .catalog-section {
        padding-top: 17px;
        padding-bottom: 0;
    }
}

.catalog-section .container {
    overflow: hidden;
}

@media (min-width: 1599px) {
    .catalog-section .container {
        overflow: initial;
    }
}

@media (min-width: 1023px) {
    .catalog-section__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.catalog-section__title {
    margin-bottom: 27px;
}

.catalog-section__descr {
    max-width: 752px;
    padding-bottom: 40px;
}

@media (min-width: 1023px) {
    .catalog-section__title {
        font-weight: 500;
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.01em;
        font-family: "Jeko", "Arial", sans-serif;
        padding-top: 10px;
        margin-bottom: 11px;
    }
}

@media (min-width: 1359px) {
    .catalog-section__title {
        margin-bottom: 21px;
        font-size: 80px;
        line-height: 80px;
        padding-top: 35px;
        margin-bottom: 25px;
        max-width: 750px;
    }
}

@media (min-width: 1599px) {
    .catalog-section__title {
        padding-top: 27px;
    }
}

.catalog-section__description {
    margin: 0;
    margin-bottom: 15px;
    margin-right: -3px;
}

@media (min-width: 1359px) {
    .catalog-section__description {
        max-width: 770px;
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) {
    .catalog-section__description--mobile {
        display: none;
    }
}

.catalog-section__description--more {
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
    height: 0;
    margin: 0;
    display: block;
    overflow: hidden;
}

@media (min-width: 1023px) {
    .catalog-section__description--more {
        height: auto;
        margin-bottom: 40px;
        max-width: 704px;
    }
}

@media (min-width: 1359px) {
    .catalog-section__description--more {
        max-width: 750px;
    }
}

.catalog-section__description--more.active {
    height: auto;
    margin-bottom: 15px;
}

.catalog-section__more-btn {
    padding: 0;
    padding-left: 28px;
    border: 0;
    margin-bottom: 35px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-section__more-btn.more-btn {
    color: rgba(255, 255, 255, 0.5);
    color: var(--transparent-05);
}

.catalog-section__more-btn.active.more-btn::after {
    top: 50%;
}

.catalog-section__more-btn.more-btn::after {
    top: 50%;
    background-color: #dedede;
    background-color: var(--btn-more-color);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

@media (min-width: 1023px) {
    /*.catalog-section__more-btn {
        display: none;
    }*/
}

.catalog-section__column {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -20px;
}

@media (min-width: 1023px) {
    .catalog-section__column {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 60px;
        width: calc(50% - 9px);
        margin-right: 0;
    }
}

.catalog-section__column--desktop {
    display: none;
}

@media (min-width: 1023px) {
    .catalog-section__column--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (min-width: 1023px) {
    .catalog-section__column--mobile {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .catalog-section__column--mobile > li.not-visible {
        display: none;
    }
}

.catalog-section__column--elbox > li:hover::after, .catalog-section__column--elbox > li:focus::after {
    background-color: #fab000;
    background-color: var(--elbox-2);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .catalog-section__column--elbox > li:hover::after, .catalog-section__column--elbox > li:focus::after {
        opacity: 0.4;
    }
}

.catalog-section__column--tsmo > li:hover::after, .catalog-section__column--tsmo > li:focus::after {
    background-color: #94a7ee;
    background-color: var(--cmo-2);
}

.catalog-section__column--cmo > li:hover::after, .catalog-section__column--tsmo > li:focus::after {
    background-color: #94a7ee;
    background-color: var(--cmo-2);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .catalog-section__column--tsmo > li:hover::after, .catalog-section__column--tsmo > li:focus::after {
        opacity: 0.3;
    }

    .catalog-section__column--cmo > li:hover::after, .catalog-section__column--tsmo > li:focus::after {
        opacity: 0.3;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .catalog-section__column--rem > li:hover::after, .catalog-section__column--rem > li:focus::after {
        opacity: 0.3;
    }
}

.catalog-section__column > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 374px) {
    .catalog-section__column > li {
        width: 315px;
    }
}

.catalog-section__column > li::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    z-index: -99;
    border-radius: 16px;
    background-color: transparent;
    z-index: -999;
}

.catalog-section__column--rem > li::after {
    transition: opacity 0.8s ease, background-color 0.8s ease;
}

.catalog-section__column--rem > li:hover::after, .catalog-section__column--rem > li:focus::after {
    opacity: 0.4;
    background-color: #f24941;
}

.catalog-section__column > li:not(:last-child) {
    margin-right: 20px;
}

@media (min-width: 1023px) {
    .catalog-section__column > li {
        width: 100%;
        min-height: auto;
        margin-bottom: 16px;
    }

    .catalog-section__column > li:not(:last-child) {
        margin-right: 0;
    }
}

.more-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: relative;
    padding-left: 21px;
    color: #dedede;
    color: var(--text-color);
    letter-spacing: 0.08em;
    line-height: 22px;
    text-align: left;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .more-btn:hover, .more-btn:focus {
        opacity: 0.7;
    }
}

@media (min-width: 319px) {
    .more-btn {
        font-size: 14px;
    }
}

@media (min-width: 1359px) {
    .more-btn {
        font-size: 16px;
        padding-left: 28px;
    }

    .dillers__check-btn {
        font-size: 18px;
    }
}

@media (min-width: 1599px) {
    .more-btn {
        padding-left: 28px;
    }
}

.more-btn.active::after {
    -webkit-transform: translateY(-30%) rotate(270deg);
    -ms-transform: translateY(-30%) rotate(270deg);
    transform: translateY(-30%) rotate(270deg);
}

.more-btn::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.more-btn--arrow-right::after {
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
}

.more-btn--black::after {
    background-color: #000000;
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-gray.svg");
}

.white .more-btn::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
    background-color: var(--btn-more-color);
}

.category-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    min-height: 477px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    padding: 25px 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    border-radius: 24px;
}

@media (min-width: 374px) {
    .category-card {
        width: 315px;
    }
}

@media (min-width: 1023px) {
    .category-card {
        width: 100%;
        min-height: 291px;
        padding: 32px 40% 30px 31px;
        border-radius: 24px;
    }
}

@media (min-width: 1359px) {
    .category-card {
        min-height: 328px;
        padding: 41px 45% 30px 39px;
    }
}

@media (min-width: 1599px) {
    .category-card {
        position: relative;
        min-height: 399px;
        padding: 40px 45% 40px 40px;
    }
}

@media (min-width: 1919px) {
    .category-card {
        min-height: 480px;
        padding: 40px 55% 39px 38px;
        border-radius: 32px;
    }
}

.category-card__title {
    margin: 0;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 22px;
}

@media (min-width: 374px) {
    .category-card__title {
        font-size: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 1023px) {
    .category-card__title {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0;
    }
}

@media (min-width: 1359px) {
    .category-card__title {
        padding-bottom: 40px;
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 1599px) {
    .category-card__title {
        /*padding-bottom: 97px;*/
        padding-bottom: 0;
        font-size: 24px;
        line-height: 29px;
    }
}

.category-card__img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 49px;
    margin-bottom: auto;
}

@media (min-width: 1023px) {
    .category-card__img-wrapper {
        position: absolute;
        top: 7px;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 38%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        right: 17px;
    }
}

@media (min-width: 1359px) {
    .category-card__img-wrapper {
        padding-top: 67px;
        right: 44px;
    }
}

@media (min-width: 1919px) {
    .category-card__img-wrapper {
        padding-top: 120px;
        right: 63px;
    }
}

@media (min-width: 1599px) {
    .category-card__img-wrapper svg {
        height: 285px;
        min-width: 228px;
    }
}

@media (min-width: 1919px) {
    .category-card__img-wrapper svg {
        min-width: 285px;
    }
}

.category-card__img {
    max-height: 100%;
}

.category-card__dropdown {
    overflow: hidden;
    max-height: 100%;
    margin-top: 20px;
}

.category-card__dropdown--active {
    z-index: 5;
    overflow: initial;
    max-height: initial;
    margin-top: 0;
}

@media (min-width: 1359px) {
    .category-card__dropdown--active {
        padding: 0;
        margin-top: 20px;
    }
}

.category-card__dropdown--active .category-card__list > li:nth-child(n + 5) {
    display: block;
}

.category-card__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    color: #dededea8;
    line-height: 17px;
}

@media (min-width: 1359px) {
    .category-card__list {
        margin-bottom: 0;
    }
}

@media (min-width: 1599px) {
    .category-card__list {
        font-size: 16px;
        line-height: 22px;
    }
}

.category-card__dropdown--active .category-card__list .category-card__list > li:nth-child(n + 5) {
    display: block;
}

.category-card__list > li:not(:last-child) {
    margin-bottom: 13px;
}

@media (min-width: 1023px) {
    .category-card__list > li:not(:last-child) {
        margin-bottom: 14px;
    }
}

@media (min-width: 1359px) {
    .category-card__list > li:not(:last-child) {
        margin-bottom: 16px;
    }
}

@media (min-width: 1599px) {
    .category-card__list > li:not(:last-child) {
        margin-bottom: 15px;
    }
}

.category-card__list > li:nth-child(n + 5) {
    /*display: none;*/
}

ul.mini-catalog-ul-ul.active li {
    padding-bottom: 5px;
}

.category-card__link {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0.7;
}

@media (min-width: 1023px) {
    .category-card__link {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1599px) {
    .category-card__link {
        line-height: 22px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .category-card__link:hover, .category-card__link:focus {
        opacity: 0.5;
    }
}

.category-card__rem-link {
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 22px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .category-card__rem-link:hover, .category-card__rem-link:focus {
        opacity: 0.7;
    }
}

.category-card__more-btn {
    display: none;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.5);
    color: var(--transparent-05);
}

@media (min-width: 1023px) {
    .category-card__more-btn {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.08em;
    }
}

.category-card__more-btn.more-btn::after {
    top: 50%;
    background-color: #dedede;
    background-color: var(--btn-more-color);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.category-card__more-btn::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}

.category-card__more-btn.visible {
    display: inline-block;
}

.category-card__more-btn.active {
    margin-top: 25px;
}

.category-card__more-btn.active::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}

.filter-toggle {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    display: inline-block;
    padding-right: 36px;
    background-image: url("/local/templates/remer/css/../img/svg/icon-filter.svg");
    background-position: center right;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 22px;
    text-align: right;
    text-transform: lowercase;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1024px) {
    .category.filter-open .category__content {
        max-width: 700px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1600px) {
    .category.filter-open .category__content {
        max-width: 1136px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1920px) {
    .category.filter-open .category__content {
        max-width: 1372px;
    }
}

@media (min-width: 1023px) {
    .category.filter-open .category__list > li {
        width: calc(44% - 28px);
    }
}

@media (min-width: 1359px) {
    .category.filter-open .category__list > li {
        width: calc(33% - 19px);
    }
}

@media (min-width: 1599px) {
    .category.filter-open .category__list > li {
        width: calc(33% - 29px);
    }
}

@media (min-width: 1919px) {
    .category.filter-open .category__list > li {
        width: calc(33% - 32px);
    }
}

.category.filter-open .category__filter {
    position: absolute;
    z-index: 10;
    top: -88px;
    left: 0;
    display: block;
    border-radius: 24px;
}

@media (min-width: 1023px) {
    .category.filter-open .category__filter {
        position: static;
    }
}

.category.filter-open .category__filter-btn {
    padding-right: 28px;
    padding-top: 10px;
}

@media (min-width: 1023px) {
    .category.filter-open .category__filter-btn {
        padding-right: 0;
        padding-top: 0;
    }
}

.category.filter-open .filter__form {
    position: relative;
    z-index: 99;
    --bg-color-4: rgba(69, 69, 69, 1.88);
}

.category__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 1023px) {
    .category__header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: space-between;
        padding: 16px 0 32px;
        border-top: 1px solid #ffffff;
        border-top: 1px solid var(--border-color);
    }
}

@media (min-width: 1359px) {
    .category__header {
        margin-top: 18px;
        padding: 21px 0 40px;
    }
}

@media (min-width: 1599px) {
    .category__header {
        margin-top: 21px;
        padding-bottom: 43px;
    }
}

.category__tags {
    margin-right: auto;
}

.category__title {
    margin: 0;
    margin-bottom: 21px;
    font-size: 24px;
    font-weight: 400;
    font-family: "Jeko", "Arial", sans-serif;
    letter-spacing: -0.01em;
    line-height: 30px;
}

@media (min-width: 1023px) {
    .category__title {
        letter-spacing: 0;
        font-weight: 500;
        margin-bottom: 19px;
    }
}

@media (min-width: 1359px) {
    .category__title {
        margin-bottom: 24px;
    }
}

@media (min-width: 1599px) {
    .category__title {
        margin-bottom: 30px;
    }
}

@media (min-width: 1919px) {
    .category__title {
        margin-bottom: 22px;
    }
}

.category__descr {
    margin-top: 0;
    margin-bottom: 15px;
}

@media (min-width: 1023px) {
    .category__descr {
        margin: 0;
        display: inline;
    }
}

@media (min-width: 1359px) {
    .category__descr {
        display: inline;
    }
}

@media (min-width: 1599px) {
    .category__descr {
        display: block;
    }
}

.category__descr-mobile {
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
    height: 0;
    margin: 0;
    overflow: hidden;
}

.category__descr-mobile.active {
    height: auto;
    margin-bottom: 15px;
}

@media (min-width: 1023px) {
    .category__descr-mobile {
        display: inline-block;
        max-width: 800px;
        height: auto;
    }
}

.category__more-btn {
    padding: 0;
    border: 0;
    padding-left: 28px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
    color: var(--transparent-05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.category__more-btn.active.more-btn::after {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}

.category__more-btn.more-btn::after {
    top: 50%;
    background-color: #dedede;
    background-color: var(--btn-more-color);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

@media (min-width: 1023px) {
    .category__more-btn {
        display: none;
    }
}

.category__helper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
}

.category__filter-btn {
    margin-top: -113px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
    color: #ffffff;
    color: var(--text-color);
    z-index: 20;
}

@media (min-width: 1023px) {
    .category__filter-btn {
        position: absolute;
        z-index: 20;
        bottom: -28px;
        right: 0;
        margin-top: 0;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .category__filter-btn {
        position: relative;
        z-index: 0;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        min-width: 200px;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
        top: 6px;
        margin-left: 5px;
    }
}

@media (min-width: 1599px) {
    .category__filter-btn {
        margin-bottom: 3px;
    }
}

.category__filter-btn svg {
    stroke: #ffffff;
    stroke: var(--text-color);
}

.category__filter-btn span {
    margin-right: 5px;
}

@media (min-width: 1023px) {
    .category__filter-btn span {
        margin-right: 0;
    }
}

@media (min-width: 1359px) {
    .category__filter-btn span {
        margin-right: 10px;
    }
}

.category__filter-btn.filter-toggle {
    background-image: none;
    padding-right: 0;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .category__filter-btn:hover, .category__filter-btn:focus {
        opacity: 0.7;
    }
}

.category__filter {
    display: none;
}

@media (max-width: 1358px) {
    .filter__form {
        margin-top: 70px;
    }
}

@media (max-width: 1024px) {
    .category__filter {
        margin-top: 0;
    }

    .filter__form {
        margin-top: 70px;
    }
}

@media (min-width: 1359px) {
    .category__filter {
        margin-top: 0;
    }
}

@media (min-width: 1599px) {
    .category__filter {
        min-width: 336px;
    }
}

@media (min-width: 1599px) {
    .category__content {
        width: 100%;
    }
}

.category__list {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px 0 80px;
    margin-right: -5px;
    align-content: center;
    align-items: flex-start;
}

@media (min-width: 374px) {
    .category__list {
        margin-right: -15px;
    }
}

@media (min-width: 1023px) {
    .category__list {
        padding-top: 35px;
        margin-right: -20px;
        align-items: stretch;
    }
}

.category__list > li {
    width: calc(50% - 7px);
    height: auto;
    min-height: 242px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    margin-bottom: 15px;
}

.category__list > li:nth-last-child(-n + 2) {
    /*margin-bottom: 0;*/
}

@media (max-width: 374px) {
    .category__list > li {
        width: 100%;
    }

    .product-card__title {

    }
}

@media (min-width: 374px) {
    .category__list > li {
        width: 100%;
        margin-right: 15px;
    }
}

@media (min-width: 748px) {
    .category__list > li {
        width: 50%;
        width: calc(50% - 17px);
        margin-right: 15px;
    }
}

@media (min-width: 1023px) {
    .category__list > li {
        width: 224px;
        width: calc(25% - 17px);
        min-height: 325px;
        margin-right: 16px;
    }
}

.product-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 242px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    background-color: var(--bg-color-3);
    border-radius: 16px;
    color: #000000;
    line-height: 18px;
    /*cursor: pointer;*/
}

@media (min-width: 1023px) {
    .product-card {
        /*min-height: 278px;*/
        height: 100%;
        padding: 14px 14px 10px 14px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1359px) {
    .product-card {
        min-height: 367px;
        font-size: 18px;
        line-height: 22px;
        padding: 24px 16px 20px;
    }
}

@media (min-width: 1599px) {
    .product-card {
        min-height: 456px;
        padding-bottom: 16px;
    }
}

@media (min-width: 1919px) {
    .product-card {
        min-height: 545px;
    }
}

@media (min-width: 1023px) {
    .product-card:hover .product-card__materials {
        margin-top: auto;
        display: block;
        opacity: 1;
    }

    .product-card:hover .product-card__img-wrapper {
        -webkit-transform: scale(0.8) translateY(-25px);
        -ms-transform: scale(0.8) translateY(-25px);
        transform: scale(0.8) translateY(-25px);
    }

    .product-card:hover .product-card__add-btn {
        border-color: #275789;
        background-color: #275789;
    }

    .product-card:hover .product-card__add-btn::after, .product-card:hover .product-card__add-btn::before {
        background-color: #dedede;
    }
}

.product-card > * {
    z-index: 2;
}

.product-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    cursor: pointer;
}

@media (min-width: 1023px) {
    .product-card__inner {
        margin-top: auto;
    }
}

@media (min-width: 1599px) {
    .product-card__inner {
        min-height: 300px;
    }
}

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

.product-card__title {
    margin: 0;
    font: inherit;
    font-weight: 400;
}

@media (min-width: 1359px) {
    .product-card__title {
        font-size: 18px;
        line-height: 22px;
    }
}

.product-card__new {
    padding: 2px 6px;
    margin: 0;
    background: #275789;
    border-radius: 30px;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: -0.04em;
    line-height: 13px;
}

@media (min-width: 1023px) {
    .product-card__new {
        font-size: 12px;
        line-height: 16px;
        padding: 4px 12px;
    }
}

@media (min-width: 1359px) {
    .product-card__new {
        line-height: 16px;
    }
}

@media (min-width: 1599px) {
    .product-card__new {
        padding: 5px 12px;
        font-size: 12px;
        line-height: 16px;
    }
}

.product-card__sizes {
    margin: 0;
    margin-bottom: 5px;
}

@media (min-width: 1599px) {
    .product-card__sizes {
        margin-bottom: auto;
    }
}

.product-card__expand-btn {
    width: 16px;
    height: 16px;
    padding: 0;
    margin-bottom: 5px;
    cursor: pointer;
}

@media (min-width: 1023px) {
    .product-card__expand-btn {
        display: none;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .product-card__expand-btn:hover, .product-card__expand-btn:focus {
        opacity: 0.7;
    }
}

.product-card__materials {
    display: block;
    overflow: hidden;
    height: 0;
    margin: 0;
    white-space: pre-wrap;
    -webkit-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
    white-space: pre-wrap;
    font-family: "Jeko", "Arial", sans-serif;
}

@media (min-width: 1023px) {
    .product-card__materials {
        opacity: 1;
        height: auto;
        overflow: auto;
        margin-top: auto;
        -webkit-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        padding-bottom: 5px;
        border-bottom: 1px solid #000000;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .product-card__materials {
        padding-bottom: 10px;
    }
}

@media (min-width: 1599px) {
    .product-card__materials {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 16px;
    }
}

@media (min-width: 1919px) {
    .product-card__materials {
        padding-bottom: 2px;
    }
}

.product-card__materials.active {
    height: auto;
    padding-bottom: 6px;
}

.product-card__img-wrapper {
    position: absolute;
    z-index: 0;
    top: 58px;
    right: 10px;
    bottom: 58px;
    left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    max-height: 193px;
}

@media (min-width: 1359px) {
    .product-card__img-wrapper {
        top: 88px;
    }
}

@media (min-width: 1599px) {
    .product-card__img-wrapper {
        top: 83px;
        right: 16px;
        bottom: 83px;
        left: 16px;
        min-height: 287px;
    }
}

@media (min-width: 1919px) {
    .product-card__img-wrapper {
        top: 150px;
    }
}

.product-card__img-wrapper img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    max-height: 146px;
}

@media (min-width: 1023px) {
    .product-card__img-wrapper img {
        width: 143px;
        max-height: 146px;
    }
}

@media (min-width: 1359px) {
    .product-card__img-wrapper img {
        width: 190px;
        max-height: 193px;
    }
}

@media (min-width: 1599px) {
    .product-card__img-wrapper img {
        width: 281px;
        max-height: 287px;
    }
}

@media (min-width: 1919px) {
    .product-card__img-wrapper img {
        width: 336px;
        max-height: 343px;
    }
}

.product-card__img-wrapper.active img {
    opacity: 0.3;
    -webkit-transform: matrix(1, 0.01, -0.01, 1, 0, 0);
    -ms-transform: matrix(1, 0.01, -0.01, 1, 0, 0);
    transform: matrix(1, 0.01, -0.01, 1, 0, 0);
}

@media (min-width: 1023px) {
    .product-card__img-wrapper.active img {
        opacity: 1;
    }
}

.product-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    margin-top: auto;
    flex-direction: column;
    gap: 5px;
}

.product-card__footer .replace-articles {
    margin: 0;
}

.product-card__footer .replace-articles a {
    color: #000000;
    text-decoration: underline;
}

@media (min-width: 1023px) {
    .product-card__footer {
        justify-self: flex-end;
        margin-top: 0;
        padding-top: 8px;
    }
}

@media (min-width: 1599px) {
    .product-card__footer {
        padding-top: 16px;
    }
}

.product-card__price-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-card__old-price {
    position: relative;
    font-size: 14px;
    opacity: 0.3;
    text-decoration: line-through;
}

.product-card__price {
    margin: 0;
    font-size: 16px;
    letter-spacing: 0.04em;
}

@media (min-width: 1023px) {
    .product-card__price {
        font-size: 18px;
        line-height: 25px;
    }
}

@media (min-width: 1359px) {
    .product-card__price {
        font-size: 24px;
        line-height: 27px;
        font-family: "Jeko", "Arial", sans-serif;
    }

    .product-card__price span {
        font-family: "Inter", "Arial", sans-serif;
    }
}

@media (min-width: 1599px) {
    .product-card__price {
        font-size: 24px;
        line-height: 27px;
    }
}

.product-card__add-btn {
    position: relative;
    width: 25px;
    height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border: 1px solid #000000;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
    -o-transition: background-color 0.3s ease, border-color 0.3s ease;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    cursor: pointer;
    outline: none;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .product-card__add-btn:hover, .product-card__add-btn:focus {
        border-color: #275789;
        background-color: #275789;
    }
}

@media (min-width: 1023px) {
    .product-card__add-btn {
        width: 30px;
        height: 30px;
        margin-bottom: 3px;
    }
}

@media (min-width: 1359px) {
    .product-card__add-btn {
        width: 40px;
        height: 40px;
        margin-bottom: -3px;
    }
}

@media (min-width: 1599px) {
    .product-card__add-btn {
        width: 48px;
        height: 48px;
    }
}

.product-card__add-btn::after, .product-card__add-btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 18px;
    height: 1px;
    background-color: #000000;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 1599px) {
    .product-card__add-btn::after, .product-card__add-btn::before {
        width: 36px;
    }
}

.product-card__add-btn::before {
    width: 1px;
    height: 18px;
}

@media (min-width: 1599px) {
    .product-card__add-btn::before {
        height: 36px;
    }
}

.tags {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: none;
}

@media (min-width: 1023px) {
    .tags {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tags > li:not(:last-child) {
        margin-right: 12px;
        margin-bottom: 5px;
    }
}

@media (min-width: 1599px) {
    .tags {
        margin-left: -5px;
    }
}

@media (min-width: 1919px) {
    .tags {
        margin-left: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.tags__link {
    display: inline-block;
    padding: 8px 15px 10px;
    background-color: rgba(0, 0, 0, 0.2);
    background-color: var(--tag-bg);
    border-radius: 24px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1599px) {
    .tags__link {
        padding: 6px 15px;
    }
}

@media (min-width: 1919px) {
    .tags__link {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.08em;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .tags__link:hover, .tags__link:focus {
        opacity: 0.7;
    }
}

.filter {
    width: 100%;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

@media (min-width: 1023px) {
    .filter {
        width: auto;
        min-width: 304px;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

@media (min-width: 1359px) {
    .filter {
        min-width: 296px;
    }
}

@media (min-width: 1599px) {
    .filter {
        min-width: 336px;
    }
}

@media (min-width: 1919px) {
    .filter {
        min-width: 376px;
    }
}

.filter__form {
    background-color: rgba(69, 69, 69, 0.88);
    background-color: var(--bg-color-4);
    -webkit-box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 24px;
    padding: 102px 25px 45px;
}

@media (min-width: 1023px) {
    .filter__form {
        padding: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (min-width: 1359px) {
    .filter__form {
        padding: 0;
    }
}

@media (min-width: 1599px) {
    .filter__form {
        margin-left: 0;
    }
}

.filter__group {
    padding-bottom: 52px;
}

@media (min-width: 1023px) {
    .filter__group:last-of-type {
        margin-top: -20px;
        padding-bottom: 40px;
    }
}

@media (min-width: 1359px) {
    .filter__group:last-of-type {
        margin-top: 0;
        padding-bottom: 57px;
    }
}

@media (min-width: 1023px) {
    .filter__group {
        padding-bottom: 60px;
    }
}

@media (min-width: 1359px) {
    .filter__group {
        padding-bottom: 57px;
    }
}

@media (min-width: 1023px) {
    .filter__group--checkbox .filter__legend {
        margin-bottom: 47px;
    }
}

@media (min-width: 1359px) {
    .filter__group--checkbox .filter__legend {
        margin-bottom: 43px;
    }
}

.filter__fieldset {
    padding: 0;
    border: none;
    margin: 0;
}

.filter__fieldset:not(:last-child) {
    margin-bottom: 33px;
}

@media (min-width: 1023px) {
    .filter__fieldset:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media (min-width: 1359px) {
    .filter__fieldset:not(:last-child) {
        margin-bottom: 33px;
    }
}

.filter__legend {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
}

.filter__legend--mb-l {
    margin-bottom: 45px;
}

@media (min-width: 1023px) {
    .filter__legend {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 21px;
    }
}

@media (min-width: 1359px) {
    .filter__legend {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px;
    }
}

.filter__checkbox:not(:last-child) {
    margin-bottom: 33px;
}

@media (min-width: 1023px) {
    .filter__checkbox:not(:last-child) {
        margin-bottom: 38px;
    }
}

.filter__submit-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    width: 100%;
    padding: 20px;
    margin-bottom: 2px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.08em;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border: 1px solid var(--border-color);
    cursor: pointer;
}

@media (min-width: 1023px) {
    .filter__submit-btn {
        padding: 16px;
        margin-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .filter__submit-btn {
        padding: 20px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .filter__submit-btn:hover, .filter__submit-btn:focus {
        opacity: 0.7;
    }
}

.filter__reset-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    display: block;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    border-radius: 80px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
}

@media (min-width: 1023px) {
    .filter__reset-btn {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .filter__reset-btn {
        font-size: 16px;
        line-height: 22px;
        padding: 23px;
    }
}

.filter__reset-btn:focus {
    outline: none;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .filter__reset-btn:hover, .filter__reset-btn:focus {
        opacity: 0.7;
    }
}

.filter__reset-btn > span {
    display: inline-block;
    padding-left: 25px;
    background-image: url("/local/templates/remer/css/../img/svg/icon-refresh-white.svg");
    background-position: left center;
    background-repeat: no-repeat;
}

.white .filter__reset-btn span {
    background-image: url("/local/templates/remer/css/../img/svg/icon-refresh-dark.svg");
}

.range-slider {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    border-radius: 80px;
    width: 100%;
    min-height: 80px;
    padding-right: 0;
}

.range-slider__scale {
    width: 100%;
    margin-left: 68px;
    margin-right: 20px;
}

@media (min-width: 374px) {
    .range-slider__scale {
        margin-right: 30px;
    }
}

.range-slider__scale .noUi-target {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
}

.range-slider__scale .noUi-base {
    background-color: transparent;
}

.range-slider__scale .noUi-connect {
    background-color: transparent;
}

.range-slider__scale .noUi-tooltip {
    bottom: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    color: var(--text-color);
}

@media (min-width: 1023px) {
    .range-slider__scale .noUi-tooltip {
        font-size: 14px;
    }
}

@media (min-width: 1599px) {
    .range-slider__scale .noUi-tooltip {
        font-size: 16px;
        line-height: 22px;
    }
}

.range-slider__scale .noUi-handle {
    width: 70px;
    height: 48px;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 80px;
    color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(69, 69, 69, 0.88);
    background-color: var(--bg-color-4);
    top: -15px;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1023px) {
    .range-slider__scale .noUi-handle {
        background-color: #2d2d2d;
        background-color: var(--bg-color);
    }
}

.range-slider__scale .noUi-handle::before, .range-slider__scale .noUi-handle::after {
    display: none;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .range-slider__scale .noUi-handle:hover, .range-slider__scale .noUi-handle:focus {
        opacity: 0.6;
    }
}

.custom-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.custom-checkbox__input {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.custom-checkbox__input:checked + .custom-checkbox__control::after {
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
}

.custom-checkbox__input:checked ~ .custom-checkbox__label {
    opacity: 1;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .custom-checkbox__input:hover + .custom-checkbox__control, .custom-checkbox__input:focus + .custom-checkbox__control {
        opacity: 0.7;
    }
}

.custom-checkbox__control {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 16px;
    margin-right: 24px;
    font-size: 16px;
    line-height: 22px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.custom-checkbox__control::before, .custom-checkbox__control::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 56px;
    height: 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    border-radius: 80px;
    content: "";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom-checkbox__control::after {
    width: 28px;
    background-color: #ffffff;
    background-color: var(--checkbox-bg);
}

.custom-checkbox__label {
    opacity: 0.4;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    color: var(--default-white);
    width: 100%;
    max-width: 376px;
}

@media (min-width: 1023px) {
    .custom-checkbox__label {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .custom-checkbox__label {
        font-size: 16px;
        line-height: 22px;
    }
}

.mini-catalog {
    min-height: 575px;
    padding: 20px 20px 30px;
    background-color: #454545;
    background-color: var(--bg-color);
    -webkit-box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.04), 0px 16px 48px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.04), 0px 16px 48px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 40px;
    max-width: 500px;
    z-index: 1000;
}

.mini-catalog::after {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 40px;
    height: 4px;
    background-color: #2d2d2d;
    background-color: var(--bg-color);
    border-radius: 24px;
    content: "";
    opacity: 0.3;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1023px) {
    .mini-catalog::after {
        content: none;
    }
}

@media (min-width: 1023px) {
    .mini-catalog {
        width: 368px;
        background-color: var(--bg-color-7);
    }
}

@media (min-width: 1599px) {
    .mini-catalog {
        width: 368px;
        min-height: 560px;
        height: 560px;
        padding: 40px;
        overflow: hidden;
        overflow-y: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .mini-catalog::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}

.mini-catalog.not-visible {
    display: none;
}

.mini-catalog__header {
    padding-bottom: 10px;
}

.mini-catalog__panel {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    overflow-y: auto;
}

.mini-catalog__panel > li:not(:last-child) {
    margin-bottom: 10px;
}

@media (min-width: 1599px) {
    .mini-catalog__panel {
        overflow-y: auto;
    }
}

.mini-catalog__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
}

.mini-catalog__link span:first-of-type {
    padding-right: 31px;
}

@media (min-width: 1599px) {
    .mini-catalog__link span:first-of-type {
        padding-right: 13px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .mini-catalog__link:hover, .mini-catalog__link:focus {
        opacity: 0.5;
    }
}

.mini-catalog__amount {
    display: block;
    max-height: 23px;
    padding: 5px 8px 4px;
    /*border: 1px solid #ffffff;
    border: 1px solid var(--border-color);*/
    border-radius: 12px;
    font-size: 12px;
    line-height: 12px;
}

.product {
    padding-top: 2px;
}

@media (min-width: 1023px) {
    .product {
        padding-top: 21px;
    }
}

@media (min-width: 1359px) {
    .product {
        padding-top: 25px;
    }
}

@media (min-width: 1599px) {
    .product {
        padding-top: 8px;
    }
}

@media (min-width: 1919px) {
    .product {
        padding-top: 9px;
    }
}

@media (min-width: 1023px) {
    .product__helper {
        padding: 50px 30px 36px 32px;
        background-color: var(--bg-color-3);
        border-radius: 16px;
    }

    .product__helper::after {
        display: table;
        clear: both;
        content: "";
    }
}

@media (min-width: 1359px) {
    .product__helper {
        padding: 47px 24px 35px 32px;
    }

    .product__helper {
        padding-top: 50px;
    }
}

@media (min-width: 1599px) {
    .product__helper {
        padding-top: 50px;
        padding-right: 32px;
        padding-bottom: 35px;
    }
}

@media (min-width: 1919px) {
    .product__helper {
        padding: 48px 48px 36px;
    }
}

@media (min-width: 1023px) {
    .product__accessories {
        padding-top: 14px;
    }
}

@media (min-width: 1359px) {
    .product__accessories {
        padding-top: 12px;
    }
}

.product__header {
    margin-bottom: 38px;
}

.product__header .product__header {
    overflow: hidden;
}

@media (min-width: 1023px) {
    .product__header {
        display: inline-block;
        width: 36%;
        margin-bottom: 20px;
        color: #000000;
    }
}

@media (min-width: 1359px) {
    .product__header {
        width: 41.5%;
    }
}

@media (min-width: 1599px) {
    .product__header {
        width: 33.5%;
    }
}

@media (min-width: 1919px) {
    .product__header {
        width: 33.33%;
    }
}

.product__title {
    margin: 0;
    margin-bottom: 15px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 27px;
}

.product__header .product__title {
    word-break: break-word;
}

@media (min-width: 1023px) {
    .product__title {
        margin-bottom: 24px;
        font-size: 32px;
        letter-spacing: 0;
        line-height: 33px;
    }
}

@media (min-width: 1359px) {
    .product__title {
        margin-bottom: 25px;
        font-size: 40px;
        line-height: 42px;
    }
}

@media (min-width: 1599px) {
    .product__title {
        margin-bottom: 25px;
        letter-spacing: initial;
    }
}

.product__materials {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1359px) {
    .product__materials {
        font-size: 18px;
    }
}

.product__card {
    padding: 20px;
    margin-bottom: 10px;
    background-color: var(--bg-color-3);
    border-radius: 16px;
    color: #000000;
}

@media (min-width: 1023px) {
    .product__card {
        width: 58%;
        padding: 0;
        margin-bottom: 0;
        float: right;
    }
}

@media (min-width: 1359px) {
    .product__card {
        width: 58.5%;
    }
}

.product__gallery {
    margin-bottom: 22px;
}

@media (min-width: 1023px) {
    .product__gallery {
        /*margin-bottom: 187px;*/
        margin-bottom: 30px;
    }
}

@media (min-width: 1359px) {
    .product__gallery {
        margin-bottom: 50px;
        /*margin-bottom: 152px;*/
    }
}

@media (min-width: 1599px) {
    .product__gallery {
        /*margin-bottom: 148px;*/
        margin-bottom: 100px;
    }
}

@media (min-width: 1919px) {
    .product__gallery {
        margin-bottom: 100px;
    }
}

.product__codes {
    width: 100%;
    margin-bottom: 6px;
    margin-left: -2px;
    color: #000000;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .product__codes {
        margin-right: -20px;
        margin-left: -4px;
    }
}

@media (min-width: 1359px) {
    .product__codes {
        margin-left: -2px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .product__codes {
        width: 100%;
        margin-left: 2px;
    }
}

@media (min-width: 1023px) {
    .product__codes > tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.product__codes tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px 0;
    align-items: center;
    width: 100%;
}

@media (min-width: 1023px) {
    .product__codes tr {
        width: 100%;
        padding: 6px 0 4px;
    }
}

@media (min-width: 1359px) {
    .product__codes tr {
        /*width: 36%;*/
        padding: 8px 0;
    }
}

@media (min-width: 1919px) {
    .product__codes tr {
        /*width: 26%;*/
        padding: 7px 0;
    }
}

.product__codes tr:first-child {
    padding-bottom: 13px;
    border-bottom: 1px solid #000000;
    margin-right: -23px;
    margin-bottom: 13px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    letter-spacing: 0.04em;
    /*text-transform: uppercase;*/
    z-index: 5;
}

@media (min-width: 1023px) {
    .product__codes tr:first-child {
        width: calc(100% + 40px);
        padding-top: 5px;
        padding-bottom: 15px;
        margin-right: -35px;
        margin-bottom: 0;
        font-size: 20px;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .product__codes tr:first-child {
        padding-top: 4px;
        padding-bottom: 9px;
        margin-right: -28px;
        font-size: 24px;
        line-height: 27px;
    }
}

@media (min-width: 1599px) {
    .product__codes tr:first-child {
        padding-top: 8px;
        width: 100%;
        padding-bottom: 8px;
        margin-right: 0;
    }
}

@media (min-width: 1023px) {
    .product__codes tr:last-child {
        margin-left: auto;
    }
}

@media (min-width: 1359px) {
    .product__codes tr:last-child {
        width: 50%;
        margin-left: 0;
    }
}

.product__codes td {
    padding: 0;
}

.product__codes td:first-child {
    padding-right: 5px;
}

.product__card-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
}

.product__price {
    margin: 0;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 26px;
    line-height: 34px;
}

.product__price span {
    font-family: "Inter", "Arial", sans-serif;
}

.product__price.info {
    font-size: 25px;
}

.product__price.info a {
    color: #000000;
    text-decoration: underline;
}

@media (min-width: 1023px) {
    .product__price {
        font-size: 32px;
        line-height: 36px;
    }
}

.product__add-area {
    margin: 0;
}

@media (min-width: 1023px) {
    .product__add-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.product__add-text {
    display: none;
}

@media (min-width: 1023px) {
    .product__add-text {
        position: absolute;
        right: 65px;
        bottom: 23px;
        display: inline-block;
        width: 200px;
        font-size: 14px;
        letter-spacing: 0.08em;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .product__add-text {
        right: 74px;
        font-size: 16px;
        line-height: 22px;
    }
}

.product__add-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid #000000;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
    -o-transition: background-color 0.3s ease, border-color 0.3s ease;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .product__add-btn:hover, .product__add-btn:focus {
        border-color: #275789;
        background-color: #275789;
    }

    .product__add-btn:hover::after, .product__add-btn:hover::before, .product__add-btn:focus::after, .product__add-btn:focus::before {
        background-color: #ffffff;
    }
}

@media (min-width: 1023px) {
    .product__add-btn {
        width: 64px;
        height: 64px;
    }
}

.product__add-btn::after, .product__add-btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #000000;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.product__add-btn::before {
    width: 1px;
    height: 45px;
}

.product__map-link {
    margin: 0;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
    text-align: right;
}

@media (min-width: 1023px) {
    .product__map-link--mobile {
        display: none;
    }
}

.product__map-link--desctop {
    display: none;
}

@media (min-width: 1023px) {
    .product__map-link--desctop {
        display: block;
        margin-top: -62px;
        font-size: 14px;
        line-height: 17px;
    }

    .product__map-link--desctop > a {
        color: #000000;
    }
}

@media (min-width: 1359px) {
    .product__map-link--desctop {
        margin-top: -37px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) {
    .product__characteristics {
        width: 40.5%;
    }
}

@media (min-width: 1359px) {
    .product__characteristics {
        width: 41.5%;
    }
}

@media (min-width: 1919px) {
    .product__characteristics {
        width: 32%;
    }
}

@media (min-width: 1023px) {
    .product__flex-helper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 78px 0 55px;
    }
}

@media (min-width: 1359px) {
    .product__flex-helper {
        padding-top: 66px;
        padding-bottom: 50px;
    }
}

@media (min-width: 1599px) {
    .product__flex-helper {
        padding-top: 66px;
        padding-bottom: 26px;
    }
}

@media (min-width: 1919px) {
    .product__flex-helper {
        padding-bottom: 43px;
    }
}

@media (min-width: 1023px) {
    .product__text-descr {
        display: inline-block;
        width: 60%;
    }
}

@media (min-width: 1359px) {
    .product__text-descr {
        display: inline-block;
    }
}

.product__text-descr > .product__text:nth-child(n+3) {
    display: none;
}

.product__text-descr.active > .product__text:nth-child(n+3) {
    display: block;
}

.product__text {
    max-width: 80%;
    margin: 0;
    margin-bottom: 16px;
}

@media (min-width: 1023px) {
    .product__text {
        max-width: 100%;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .product__text {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .product__text {
        margin-bottom: 17px;
    }
}

.product__descr-toggle {
    color: rgba(255, 255, 255, 0.5);
    color: var(--transparent-05);
}

.product__descr-toggle::after {
    top: 56%;
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
}

@media (min-width: 1359px) {
    .product__descr-toggle::after {
        top: 44%;
    }
}

.product__descr-toggle.active::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}

.white .product__descr-toggle::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
}

.product__documents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 41px 0 43px;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .product__documents {
        display: inline-block;
        width: 32.5%;
        padding: 0;
        margin-top: 2px;
    }
}

@media (min-width: 1359px) {
    .product__documents {
        width: 32.5%;
        margin-top: -17px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .product__documents {
        width: 24%;
    }
}

.product__documents-list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    width: 79%;
}

@media (min-width: 1023px) {
    .product__documents-list {
        width: 100%;
        padding-left: 3px;
    }
}

@media (min-width: 1359px) {
    .product__documents-list {
        padding-left: 0;
    }
}

.product__documents-list > li {
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--border-color);
}

@media (min-width: 1023px) {
    .product__documents-list > li:first-child .product__documents-link {
        padding-top: 0;
    }
}

@media (min-width: 1359px) {
    .product__documents-list > li:first-child .product__documents-link {
        padding-top: 15px;
    }
}

@media (min-width: 1023px) {
    .product__documents-list > li:first-child .product__documents-link::after {
        top: 12px;
    }
}

@media (min-width: 1359px) {
    .product__documents-list > li:first-child .product__documents-link::after {
        top: 28px;
    }
}

@media (min-width: 1023px) {
    .product__documents-list > li:nth-child(2) .product__documents-link::after {
        top: 29px;
    }
}

.product__documents-list > li:not(:last-child) {
    margin-bottom: 15px;
}

@media (min-width: 1023px) {
    .product__documents-list > li:not(:last-child) {
        margin-bottom: 9px;
    }
}

@media (min-width: 1359px) {
    .product__documents-list > li:not(:last-child) {
        margin-bottom: 15px;
    }
}

.product__documents-list > li:last-child {
    /*display: none;*/
}

@media (min-width: 1023px) {
    .product__documents-list > li:last-child {
        display: block;
    }
}

.product__documents-link {
    position: relative;
    display: block;
    padding: 15px 25px 15px 0;
    margin: 0;
    cursor: pointer;
    font-size: 1em;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1023px) {
    .product__documents-link {
        padding-bottom: 22px;
        font-weight: 400;
        font-size: 14px;
        line-height: 120%;
    }
}

@media (min-width: 1359px) {
    .product__documents-link {
        padding-bottom: 15px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .product__documents-link:hover, .product__documents-link:focus {
        opacity: 0.7;
    }
}

/*.product__documents-link::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}*/

@media (min-width: 1023px) {
    .product__documents-link::after {
        top: 53%;
    }
}

@media (min-width: 1359px) {
    .product__documents-link::after {
        top: 40%;
    }
}

@media (min-width: 1599px) {
    .product__documents-link::after {
        top: 53%;
    }
}

@media (min-width: 1023px) {
    .product__documents-link--right::after {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}

.white .product__documents-link::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
}

.product__link {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .product__link:hover, .product__link:focus {
        opacity: 0.7;
    }
}

.product__documents-element.is-active .product__documents-link::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}

.product__documents-content {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    overflow: hidden;
}

.product__documents-item {
    margin-bottom: 15px;
}

.product__documents-item:last-child {
    padding-bottom: 22px;
    margin-bottom: 0;
}

.product__documents-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    letter-spacing: 0.08em;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.product__documents-item-link svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .product__documents-item-link:hover, .product__documents-item-link:focus {
        color: white;
    }
}

@media (min-width: 1023px) {
    .product-gallery {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.product-gallery__previews {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

@media (min-width: 1023px) {
    .product-gallery__previews {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 25px;
    }
}

.product-gallery__previews > li:not(:last-child) {
    margin-right: 10px;
}

@media (min-width: 1023px) {
    .product-gallery__previews > li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 17px;
    }
}

.product-gallery__controll {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*border: 1px solid transparent;*/
    border-radius: 50%;
    overflow-y: hidden;
    cursor: pointer;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

@media (min-width: 1023px) {
    .product-gallery__controll {
        width: 96px !important;
        height: 96px !important;
    }
}

.product-gallery__controll.active {
    border-color: #000000;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .product-gallery__controll:hover, .product-gallery__controll:focus {
        outline: none;
        border-color: #000000;
    }
}

.product-gallery__img-wrapper {
    display: none;
    width: 250px;
    height: 250px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

@media (min-width: 374px) {
    .product-gallery__img-wrapper {
        /*width: 270px;*/
        width: 100%;
        height: 270px;
    }
}

@media (min-width: 1023px) {
    .product-gallery__img-wrapper {
        width: 100%;
        height: auto;
        min-height: 383px;
        max-width: 375.92px;
        padding: 40px 0 40px 0;
    }
}

@media (min-width: 1359px) {
    .product-gallery__img-wrapper {
        min-height: 472.38px;
        max-width: 462.98px;
        /*padding: 40px 0 80px;*/
        padding: 40px 0 0;
        margin-right: 95px;
    }
}

.product-gallery__img-wrapper img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 273px;
}

@media (min-width: 1023px) {
    .product-gallery__img-wrapper img {
        max-height: 383px;
        /*max-width: 375px;*/
        max-width: 100%;
    }
}

@media (min-width: 1359px) {
    .product-gallery__img-wrapper img {
        max-height: 472px;
    }
}

.product-gallery__img-wrapper.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
}

.characteristics {
    padding-bottom: 60px;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .characteristics {
        display: inline-block;
        padding-right: 100px;
        padding-bottom: 10px;
        color: #000000;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .characteristics {
        padding-right: 121px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .characteristics {
        padding-right: 140px;
    }
}

@media (min-width: 1919px) {
    .characteristics {
        padding-right: 0;
    }
}

.characteristics__table {
    width: 100%;
    padding-bottom: 13px;
    margin-left: -3px;
}

.product__helper .characteristics__table.active,
.product__helper .characteristics__table {
    padding-top: 0;
}

@media (min-width: 1023px) {
    .characteristics__table {
        padding-top: 30px;
        /*padding-top: 230px;*/
        padding-bottom: 30px;
    }
}

@media (min-width: 1359px) {
    .characteristics__table {
        /*padding-top: 194px;*/
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 1919px) {
    .characteristics__table {
        /*padding-top: 194px;*/
        padding-top: 150px;
    }
}

.characteristics__table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 14px 11px 0;
    border-bottom: 1px solid #ffffff;
    margin-right: -20px;
}

.characteristics__table tr:not(:last-child) {
    margin-bottom: 17px;
}

@media (min-width: 1023px) {
    .characteristics__table tr:not(:last-child) {
        margin-bottom: 15px;
    }
}

.characteristics__table tr:nth-child(5) {
    margin-bottom: 0;
}

.characteristics__table tr:nth-child(n+6) {
    display: none;
}

@media (min-width: 1023px) {
    .characteristics__table tr {
        border-color: #000000;
        margin-left: -30px;
        padding: 15px 0 17px 30px;
    }
}

@media (min-width: 1359px) {
    .characteristics__table tr {
        margin-right: -7px;
        margin-left: -31px;
        padding-bottom: 12px;
        /*padding-right: 33px;*/
        padding-left: 34px;
    }
}

@media (min-width: 1919px) {
    .characteristics__table tr {
        padding-left: 49px;
        margin-left: -47px;
        padding-right: 5px;
    }
}

.characteristics__table.active {
    padding-top: 0;
}

@media (min-width: 1023px) {
    .characteristics__table.active {
        padding-top: 45px;
    }
}

@media (min-width: 1359px) {
    .characteristics__table.active {
        padding-top: 15px;
    }
}

.characteristics__table.active tr:nth-child(n+6) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.characteristics__table tr:first-child td:nth-child(2),
.characteristics__table.active tr:nth-child(n+6) td:nth-child(2) {
    text-align: right;
}

.characteristics__table.active tr:nth-child(5) {
    margin-bottom: 17px;
}

.characteristics__more-btn.more-btn {
    color: #ffffff;
    color: var(--text-color);
}

@media (min-width: 1023px) {
    .characteristics__more-btn.more-btn {
        color: #000000;
    }
}

.characteristics__more-btn span {
    opacity: 0.5;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.08em;
}

@media (min-width: 1023px) {
    .characteristics__more-btn span {
        color: #2d2d2d;
        opacity: 1;
    }
}

@media (min-width: 1359px) {
    .characteristics__more-btn span {
        font-size: 16px;
        line-height: 22px;
    }
}

.characteristics__more-btn::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-size: 60%;
    top: 56%;
}

@media (min-width: 1023px) {
    .characteristics__more-btn::after {
        top: 55%;
        background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
        background-color: #2d2d2d;
    }
}

.characteristics__more-btn.active::after {
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}

.accessories {
    padding-bottom: 71px;
}

@media (min-width: 1359px) {
    .accessories {
        padding-bottom: 119px;
    }
}

@media (min-width: 1599px) {
    .accessories {
        padding-bottom: 118px;
    }
}

@media (min-width: 1919px) {
    .accessories {
        padding-bottom: 134px;
    }
}

.accessories__title {
    width: 80%;
    margin: 0;
    margin-bottom: 20px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .accessories__title {
        padding-left: 4px;
        margin-bottom: 21px;
    }
}

@media (min-width: 1359px) {
    .accessories__title {
        width: 45%;
        padding-left: 0;
        margin-bottom: 25px;
        font-size: 32px;
        letter-spacing: 0;
        line-height: 36px;
    }
}

@media (min-width: 1919px) {
    .accessories__title {
        width: 50%;
    }
}

.accessories__text {
    width: 79%;
    margin: 0;
    margin-bottom: 40px;
}

@media (min-width: 1023px) {
    .accessories__text {
        width: 65%;
        padding-left: 4px;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .accessories__text {
        width: 66%;
        padding-left: 0;
        margin-bottom: 46px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1919px) {
    .accessories__text {
        width: 58%;
    }
}

.accessories__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.accessories__list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 168px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    border-bottom: 0;
}

.accessories__list > li:last-child {
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--border-color);
}

@media (min-width: 767px) {
    .accessories__list > li {
        width: 50%;
    }

    .accessories__list > li:last-child {
        border-bottom: 0;
    }

    .accessories__list > li:nth-child(odd) {
        /*border-right: 0;*/
    }

    .accessories__list > li:nth-last-child(-n + 2) {
        /*border-right: 1px solid #ffffff;
        border-right: 1px solid var(--border-color);*/
        border-bottom: 1px solid #ffffff;
        border-bottom: 1px solid var(--border-color);
    }
}

@media (min-width: 1023px) {
    .accessories__list > li {
        min-height: 80px;
    }
}

@media (min-width: 1359px) {
    .accessories__list > li {
        min-height: 120px;
    }
}

.accessories__link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 168px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 19px;
    margin: 0;
    line-height: 17px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1023px) {
    .accessories__link {
        min-height: 78px;
        padding-bottom: 17px;
        padding-left: 30px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .accessories__link {
        min-height: 119px;
        padding: 24px 26px 21px 32px;
        font-size: 18px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .accessories__link {
        padding: 24px 90px 21px 30px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .accessories__link:hover, .accessories__link:focus {
        opacity: 0.7;
    }
}

.accessories__amount {
    position: absolute;
    top: 20px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 20px;
    min-height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 3px;
    padding-left: 3px;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    margin: 0;
    border-radius: 50%;
    font-size: 10px;
}

@media (min-width: 1023px) {
    .accessories__amount {
        top: 15px;
        right: 30px;
        min-width: 24px;
        min-height: 24px;
        font-size: 12px;
    }
}

@media (min-width: 1359px) {
    .accessories__amount {
        top: 25px;
        right: 27px;
    }
}

@media (min-width: 1599px) {
    .accessories__amount {
        right: 24px;
    }
}

@media (min-width: 1919px) {
    .accessories__amount {
        right: 33px;
    }
}

.accessories__content {
    padding: 0 30px;
}

.accessories__content-item {
    margin-bottom: 10px;
}

.accessories__content-item:first-child {
    padding-top: 10px;
}

.accessories__content-item:last-child {
    padding-bottom: 20px;
}

.accessories__content-link {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .accessories__content-link:hover, .accessories__content-link:focus {
        opacity: 0.5;
    }
}

.accessories__preview {
    position: fixed;
    overflow: hidden;
    width: 320px;
    height: 200px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 8px;
    opacity: 0;
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%);
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
    -o-transition: visibility 0.3s ease, opacity 0.3s ease;
    transition: visibility 0.3s ease, opacity 0.3s ease;
    visibility: hidden;
}

.accessories__preview.show {
    opacity: 1;
    visibility: visible;
}

.accessories__preview img {
    position: relative;
    z-index: 2;
    display: none;
    max-height: 100%;
}

/*.accessories__preloader {
    --swiper-preloader-color: #ffffff;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: transparent;
    margin-top: -21px;
    margin-left: -21px;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    border-radius: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
}*/

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.cart {
    padding-top: 44px;
    padding-bottom: 71px;
}

@media (min-width: 1023px) {
    .cart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 90px 0 32px;
    }
}

@media (min-width: 1359px) {
    .cart {
        padding-top: 94px;
        padding-bottom: 59px;
    }
}

@media (min-width: 1599px) {
    .cart {
        padding-top: 90px;
    }
}

@media (min-width: 1919px) {
    .cart {
        padding-top: 94px;
        padding-bottom: 60px;
    }
}

@media (min-width: 1023px) {
    .cart__form {
        width: 71%;
        padding-top: 8px;
    }
}

@media (min-width: 1359px) {
    .cart__form {
        width: 72%;
        padding-top: 0;
    }
}

.cart__products {
    padding: 0;
    border: none;
    margin: 0;
}

.cart__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    counter-reset: cart__list;
}

@media (min-width: 1023px) {
    .cart__list {
        padding-right: 23px;
        padding-left: 23px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: 1px solid var(--border-color-2);
    }
}

@media (min-width: 1359px) {
    .cart__list {
        padding-right: 18px;
        padding-left: 31px;
    }
}

@media (min-width: 1599px) {
    .cart__list {
        padding-left: 49px;
        padding-right: 25px;
    }
}

.cart__list > li {
    position: relative;
    padding-right: 20px;
}

@media (min-width: 374px) {
    .cart__list > li {
        padding-right: 35px;
    }
}

@media (min-width: 1023px) {
    .cart__list > li {
        padding-top: 19px;
        padding-right: 0;
        padding-bottom: 14px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-top: 1px solid var(--border-color-2);
    }
}

@media (min-width: 1359px) {
    .cart__list > li {
        padding-bottom: 48px;
    }
}

@media (min-width: 1599px) {
    .cart__list > li {
        padding-top: 21px;
        padding-bottom: 46px;
    }
}

.cart__list > li:not(:last-child) {
    margin-bottom: 30px;
}

@media (min-width: 1023px) {
    .cart__list > li:not(:last-child) {
        margin-bottom: 0;
    }
}

.cart__list > li:last-child {
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid var(--border-color-2);
}

@media (min-width: 1023px) {
    .cart__list > li:last-child {
        padding-bottom: 6px;
        border-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .cart__list > li:last-child {
        padding-bottom: 42px;
    }
}

.cart__list > li::before {
    display: block;
    padding: 10px 0;
    width: calc(100% - 35px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid var(--border-color-2);
    content: counter(cart__list);
    counter-increment: cart__list;
}

@media (min-width: 1023px) {
    .cart__list > li::before {
        position: absolute;
        top: 0;
        left: -23px;
        padding: 0;
        border-bottom: none;
        line-height: 16px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width: 1359px) {
    .cart__list > li::before {
        left: -31px;
    }
}

@media (min-width: 1599px) {
    .cart__list > li::before {
        left: -49px;
    }
}

.cart__del-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: absolute;
    top: 35px;
    right: 20px;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

@media (min-width: 374px) {
    .cart__del-btn {
        right: 35px;
    }
}

@media (min-width: 1023px) {
    .cart__del-btn {
        top: -8px;
        right: -35px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@media (min-width: 1359px) {
    .cart__del-btn {
        right: -27px;
    }
}

.cart__del-btn::after, .cart__del-btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #000000;
    background-color: var(--default-black);
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cart__del-btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .cart__del-btn:hover, .cart__del-btn:focus {
        opacity: 0.7;
    }
}

.cart__reset-wrapper {
    padding: 13px 0;
    margin: 0;
    margin-bottom: 35px;
    text-align: right;
}

@media (min-width: 1359px) {
    .cart__reset-wrapper {
        margin: 0;
    }
}

.cart__reset-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: relative;
    padding-right: 31px;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 22px;
    text-align: left;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

@media (min-width: 1023px) {
    .cart__reset-btn {
        padding-right: 21px;
    }
}

@media (min-width: 1599px) {
    .cart__reset-btn {
        padding-right: 29px;
    }
}

.cart__reset-btn span {
    opacity: 0.5;
    color: var(--default-white);
}

.cart__reset-btn svg {
    color: #000000;
    color: var(--default-black);
    position: absolute;
    right: 4px;
    top: 8px;
}

@media (min-width: 1023px) {
    .cart__reset-btn svg {
        right: -6px;
    }
}

@media (min-width: 1599px) {
    .cart__reset-btn svg {
        right: 2px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .cart__reset-btn:hover, .cart__reset-btn:focus {
        opacity: 0.7;
    }
}

.cart__reset-btn::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    right: 0;
    z-index: -99;
    top: 4px;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
}

@media (min-width: 1023px) {
    .cart__reset-btn::after {
        right: -10px;
    }
}

@media (min-width: 1599px) {
    .cart__reset-btn::after {
        right: -2px;
    }
}

.cart__total-card {
    margin: 0 -20px;
}

@media (min-width: 1023px) {
    .cart__total-card {
        width: 35%;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin: 0;
    }
}

@media (min-width: 1359px) {
    .cart__total-card {
        width: 24.2%;
    }
}

@media (min-width: 1919px) {
    .cart__total-card {
        width: 24.35%;
    }
}

.cart-item {
    padding-top: 10px;
}

@media (min-width: 1023px) {
    .cart-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
    }
}

.cart-item__helper {
    margin-bottom: 29px;
}

@media (min-width: 1023px) {
    .cart-item__helper {
        max-width: 220px;
    }
}

@media (min-width: 1359px) {
    .cart-item__helper {
        width: 63%;
        max-width: 472px;
        margin-bottom: 0;
    }
}

@media (min-width: 1599px) {
    .cart-item__helper {
        width: 72%;
        max-width: 600px;
    }
}

.cart-item__name {
    margin: 0;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

@media (min-width: 1023px) {
    .cart-item__name {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .cart-item__name {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 11px;
    }
}

@media (min-width: 1359px) {
    .cart-item__descr {
        padding-left: 2px;
    }
}

@media (min-width: 1599px) {
    .cart-item__descr {
        padding-left: 0;
    }
}

.cart-item__param {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .cart-item__param {
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .cart-item__param {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 9px;
    }
}

.cart-item__param > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(255, 255, 255, 0.5);
    color: var(--transparent-05);
}

.cart-item__param > li:not(:last-child)::after {
    content: ",\00a0 ";
}

.cart-item__param-text {
    margin: 0;
}

.cart-item__codes {
    margin-left: -1px;
    border-spacing: 0;
    color: rgba(255, 255, 255, 0.5);
    color: var(--transparent-05);
    line-height: 26px;
    font-size: 16px;
}

@media (min-width: 1359px) {
    .cart-item__codes > tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.cart-item__codes tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cart-item__codes tr:not(:last-child) {
    margin-bottom: 10px;
}

@media (min-width: 1023px) {
    .cart-item__codes tr:not(:last-child) {
        margin-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .cart-item__codes tr:not(:last-child) {
        margin-right: 60px;
    }
}

@media (min-width: 1599px) {
    .cart-item__codes tr:not(:last-child) {
        margin-right: 116px;
    }
}

@media (min-width: 1919px) {
    .cart-item__codes tr:not(:last-child) {
        margin-right: 188px;
    }
}

.cart-item__codes tr > td {
    padding: 0;
    border-spacing: 0;
}

.cart-item__codes tr > td:first-child {
    margin-right: 3px;
}

.cart-item__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 290px;
}

@media (min-width: 374px) {
    .cart-item__footer {
        width: 335px;
    }
}

@media (min-width: 1023px) {
    .cart-item__footer {
        width: 296px;
        margin-left: auto;
        padding-top: 4px;
    }
}

@media (min-width: 1359px) {
    .cart-item__footer {
        width: 37%;
        min-height: 55px;
    }
}

@media (min-width: 1599px) {
    .cart-item__footer {
        width: 29.5%;
        padding-top: 0;
    }
}

.cart-item__total {
    max-width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 27px;
}

.amount-controll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 112px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    border-radius: 80px;
}

@media (min-width: 1599px) {
    .amount-controll {
        padding: 15px 16px;
    }
}

.amount-controll__btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: relative;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 50%;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .amount-controll__btn:hover, .amount-controll__btn:focus {
        opacity: 0.7;
    }
}

.amount-controll__btn::after, .amount-controll__btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #000000;
    background-color: var(--default-black);
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.amount-controll__btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.amount-controll__btn--minus::before {
    display: none;
}

.amount-controll__input {
    width: 44px;
    border: none;
    background-color: transparent;
    color: #ffffff;
    color: var(--default-white);
    text-align: center;
}

.amount-controll__input:focus {
    outline: none;
}

.total-card {
    position: relative;
    padding: 46px 20px 74px;
    background-color: rgba(69, 69, 69, 0.88);
    background-color: var(--bg-color-4);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    color: #ffffff;
    color: var(--border-color);
    -webkit-box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.04), 0px 16px 48px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.04), 0px 16px 48px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.total-card::after {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 40px;
    height: 4px;
    background-color: rgba(45, 45, 45, 0.3);
    content: "";
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1023px) {
    .total-card::after {
        display: none;
    }
}

@media (min-width: 1023px) {
    .total-card {
        padding: 21px 24px 32px;
        border-radius: 24px;
        max-width: 225px;
    }
}

@media (min-width: 1359px) {
    .total-card {
        max-width: 368px;
        padding: 34px 24px 40px;
    }
}

@media (min-width: 1599px) {
    .total-card {
        padding: 33px 30px 35px;
    }
}

@media (min-width: 1919px) {
    .total-card {
        padding: 43px 40px 50px;
        max-width: 439px;
    }
}

.total-card__final-amount {
    margin: 0;
    margin-bottom: 10px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (min-width: 1023px) {
    .total-card__final-amount {
        margin-bottom: 7px;
        font-size: 28px;
        line-height: 36px;
    }
}

@media (min-width: 1359px) {
    .total-card__final-amount {
        font-size: 40px;
        line-height: 43px;
        position: relative;
        white-space: nowrap;
        margin-bottom: 23px;
    }
}

@media (min-width: 1599px) {
    .total-card__final-amount {
        font-size: 48px;
        line-height: 48px;
        margin-bottom: 21px;
    }
}

.total-card__total-summ {
    font-family: "Inter", "Arial", sans-serif;
}

.total-card__with-tax {
    margin: 3px 0 0 19px;
    color: rgba(255, 255, 255, 0.5);
    color: var(--transparent-05);
    font-size: 14px;
    line-height: 17px;
}

@media (min-width: 1023px) {
    .total-card__with-tax {
        margin: 5px 0 0 12px;
        font-size: 11px;
        line-height: 13px;
    }
}

@media (min-width: 1359px) {
    .total-card__with-tax {
        font-size: 14px;
        line-height: 17px;
    }
}

.total-card__discount {
    display: inline-block;
    padding: 6px 15px 7px;
    margin: 0;
    margin-bottom: 15px;
    background-color: #ffffff;
    background-color: var(--border-color);
    border-radius: 24px;
    color: #2d2d2d;
    color: var(--bg-color);
    font-size: 12px;
    line-height: 12px;
}

@media (min-width: 1023px) {
    .total-card__discount {
        margin-bottom: 23px;
    }
}

@media (min-width: 1359px) {
    .total-card__discount {
        margin-bottom: 24px;
    }
}

.total-card__no-discount-amount {
    margin: 0;
    margin-bottom: 19px;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .total-card__no-discount-amount {
        max-width: 86px;
        margin-bottom: 37px;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1359px) {
    .total-card__no-discount-amount {
        font-size: 16px;
        line-height: 22px;
        max-width: 90px;
        margin-bottom: 100px;
    }
}

@media (min-width: 1599px) {
    .total-card__no-discount-amount {
        max-width: 110px;
        font-size: 18px;
    }
}

.total-card__actions {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}

@media (min-width: 1023px) {
    .total-card__actions > li:first-child .total-card__action-btn {
        padding-right: 90px;
    }
}

.total-card__actions > li:not(:last-child) {
    margin-bottom: 18px;
}

@media (min-width: 1023px) {
    .total-card__actions > li:not(:last-child) {
        margin-bottom: 5px;
    }
}

@media (min-width: 1359px) {
    .total-card__actions > li:not(:last-child) {
        margin-bottom: 17px;
    }
}

@media (min-width: 1023px) {
    .total-card__actions li:last-child {
        margin-top: 21px;
    }

    .total-card__actions li:last-child .total-card__action-btn {
        padding-right: 10px;
    }

    .total-card__actions li:last-child .total-card__action-btn::after {
        top: 53%;
    }
}

.total-card__actions > li {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .total-card__actions > li:hover, .total-card__actions > li:focus {
        opacity: 0.7;
    }
}

.total-card__action-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: relative;
    width: 100%;
    padding: 14px 20px 13px 0;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--border-color);
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .total-card__action-btn:hover, .total-card__action-btn:focus {
        opacity: 0.7;
    }
}

@media (min-width: 1023px) {
    .total-card__action-btn {
        font-size: 14px;
        line-height: 17px;
        padding-right: 55px;
        padding-bottom: 15px;
    }
}

@media (min-width: 1359px) {
    .total-card__action-btn {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 13px;
    }
}

@media (min-width: 1599px) {
    .total-card__action-btn {
        font-size: 18px;
    }
}

@media (min-width: 1919px) {
    .total-card__action-btn {
        padding-bottom: 12px;
    }
}

.total-card__action-btn::after {
    position: absolute;
    top: 58%;
    right: 0;
    width: 17px;
    height: 17px;
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

@media (min-width: 1023px) {
    .total-card__action-btn::after {
        top: 66%;
    }
}

.total-card__action-btn--arrow-right::after {
    -webkit-transform: translateY(-50%) rotate(0);
    -ms-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
}

.white .total-card__action-btn::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
}

.contacts-tabs {
    overflow: hidden;
    margin-left: -20px;
    padding-left: 20px;
}

@media (min-width: 1023px) {
    .contacts-tabs {
        margin-left: 0;
        padding-left: 0;
    }
}

.contacts-tabs__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contacts-tabs__list > div {
    width: auto;
    height: auto;
    margin-right: 15px;
}

@media (min-width: 1023px) {
    .contacts-tabs__list > div {
        margin-right: 16px;
    }

    .contacts-tabs__list > div:last-child {
        margin-right: 0;
    }
}

.contacts-tabs__ctrl {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 195px;
    min-height: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 14px 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-color: var(--border-color-2);
    border-radius: 16px;
    text-align: left;
    cursor: pointer;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

@media (min-width: 1023px) {
    .contacts-tabs__ctrl {
        width: 176px;
        min-height: 120px;
        padding: 19px 10px 16px 20px;
    }
}

@media (min-width: 1359px) {
    .contacts-tabs__ctrl {
        width: 192px;
        padding: 15px 22px 19px 23px;
    }
}

@media (min-width: 1599px) {
    .contacts-tabs__ctrl {
        width: 240px;
        min-height: 120px;
        padding: 20px;
    }
}

@media (min-width: 1919px) {
    .contacts-tabs__ctrl {
        width: 240px;
        /*padding-bottom: 25px;*/
    }
}

.contacts-tabs__ctrl.active {
    border-color: #ffffff;
    border-color: var(--border-color);
}

.contacts-tabs__ctrl:focus {
    outline: none;
}

.contacts-tabs__ctrl:hover {
    border-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(var(--border-color), 0.1);
}

.contacts-tabs__city {
    margin-bottom: auto;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    pointer-events: none;
}

@media (min-width: 1599px) {
    .contacts-tabs__city {
        font-size: 18px;
    }
}

.contacts-tabs__district {
    color: var(--border-color);
    opacity: 0.5;
    line-height: 16px;
    pointer-events: none;
}

@media (min-width: 1023px) {
    .contacts-tabs__district {
        font-size: 14px;
        line-height: 17px;
    }
}

@media screen and (min-width: 1023px) and (-ms-high-contrast: active), (min-width: 1023px) and (-ms-high-contrast: none) {
    .contacts-tabs__district {
        margin-top: 25px;
    }
}

@media (min-width: 1919px) {
    .contacts-tabs__district {
        padding-right: 80px;
    }
}

@media (min-width: 1023px) {
    .contacts-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.contacts-item:focus {
    outline: none;
}

.contacts-item[hidden] {
    display: none;
}

.contacts-item__helper {
    margin-bottom: 40px;
    font-family: "Jeko", "Arial", sans-serif;
}

@media (min-width: 1023px) {
    .contacts-item__helper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 34%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 13px;
        margin-bottom: 0;
    }
}

@media (min-width: 1919px) {
    .contacts-item__helper {
        padding-top: 15px;
    }
}

.contacts-item__addrs {
    margin: 0;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 22px;
}

@media (min-width: 374px) {
    .contacts-item__addrs {
        font-size: 20px;
    }
}

@media (min-width: 1023px) {
    .contacts-item__addrs {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0;
        padding-right: 30px;
    }
}

@media (min-width: 1359px) {
    .contacts-item__addrs {
        font-size: 20px;
        line-height: 28px;
        padding-right: 100px;
    }
}

@media (min-width: 1599px) {
    .contacts-item__addrs {
        font-size: 24px;
        line-height: 34px;
        padding-right: 150px;
    }
}

@media (min-width: 1919px) {
    .contacts-item__addrs {
        padding-right: 225px;
    }
}

.contacts-item__links {
    margin-bottom: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 374px) {
    .contacts-item__links {
        width: 65%;
    }
}

@media (min-width: 1023px) {
    .contacts-item__links {
        width: 70%;
    }
}

.contacts-item__email-link {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 22px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    max-width: 150px;
}

@media (min-width: 1023px) {
    .contacts-item__email-link {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0;
    }
}

@media (min-width: 1359px) {
    .contacts-item__email-link {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (min-width: 1599px) {
    .contacts-item__email-link {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .contacts-item__email-link:hover, .contacts-item__email-link:focus {
        opacity: 0.6;
    }
}

.contacts-item__note-link {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    text-decoration: underline;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .contacts-item__note-link:hover, .contacts-item__note-link:focus {
        opacity: 0.6;
    }
}

.contacts-item__phone {
    margin: 0;
}

.contacts-item__phone:not(:last-child) {
    margin-bottom: 28px;
}

@media (min-width: 1023px) {
    .contacts-item__phone:not(:last-child) {
        margin-bottom: 26px;
    }
}

.contacts-item__phone-link {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 22px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1023px) {
    .contacts-item__phone-link {
        margin-bottom: 2px;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0;
    }
}

@media (min-width: 1359px) {
    .contacts-item__phone-link {
        font-size: 20px;
        line-height: 28px;
    }
}

@media (min-width: 1599px) {
    .contacts-item__phone-link {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .contacts-item__phone-link:hover, .contacts-item__phone-link:focus {
        opacity: 0.6;
    }
}

.contacts-item__phone-note {
    color: #ffffff;
    color: var(--border-color);
    opacity: 0.5;
    line-height: 27px;
    font-family: "Inter", "Arial", sans-serif;
    display: block;
    padding-top: 2px;
}

@media (min-width: 1023px) {
    .contacts-item__phone-note {
        font-size: 14px;
        line-height: 17px;
        padding-top: 6px;
    }
}

@media (min-width: 1359px) {
    .contacts-item__phone-note {
        padding-top: 7px;
    }
}

@media (min-width: 1599px) {
    .contacts-item__phone-note {
        padding-top: 1px;
    }
}

.contacts-item__notes {
    font-family: "Inter", "Arial", sans-serif;
}

@media (min-width: 1023px) {
    .contacts-item__notes {
        margin-top: auto;
        margin-bottom: -5px;
    }
}

.contacts-item__note {
    margin: 0;
    line-height: 19px;
}

@media (min-width: 1023px) {
    .contacts-item__note {
        font-size: 14px;
        line-height: 20px;
    }
}

.contacts-item__note:last-child {
    margin-right: 40px;
}

@media (min-width: 1023px) {
    .contacts-item__note:last-child {
        margin-right: 35px;
    }
}

@media (min-width: 1359px) {
    .contacts-item__note:last-child {
        margin-right: 100px;
    }
}

@media (min-width: 1599px) {
    .contacts-item__note:last-child {
        margin-right: 150px;
    }
}

@media (min-width: 1919px) {
    .contacts-item__note:last-child {
        margin-right: 0;
        max-width: 334px;
    }
}

.contacts-item__note:not(:last-child) {
    margin-bottom: 25px;
    margin-right: 70px;
}

@media (min-width: 1023px) {
    .contacts-item__note:not(:last-child) {
        margin-right: 70px;
        margin-bottom: 19px;
    }
}

@media (min-width: 1359px) {
    .contacts-item__note:not(:last-child) {
        margin-right: 150px;
        margin-bottom: 23px;
    }
}

@media (min-width: 1599px) {
    .contacts-item__note:not(:last-child) {
        margin-right: 250px;
    }
}

@media (min-width: 1919px) {
    .contacts-item__note:not(:last-child) {
        margin-right: 0;
        margin-bottom: 21px;
        max-width: 262px;
    }
}

.contacts-item__note > small {
    font: inherit;
}

.contacts-item__note-link {
    text-decoration: underline;
}

.contacts-item__map {
    height: 656px;
    margin: 0 -20px;
    background: url("/local/templates/remer/css/../img/svg/icon-pin.svg") no-repeat center, url("/local/templates/remer/css/../img/bg/map-mobile.jpg") no-repeat center;
}

@media (min-width: 1023px) {
    .contacts-item__map {
        width: 66%;
        height: 500px;
        margin-top: 10px;
        margin-right: 0;
        background: url("/local/templates/remer/css/../img/svg/icon-pin.svg") no-repeat center, url("/local/templates/remer/css/../img/bg/map-desctop.jpg") no-repeat center;
    }
}

@media (min-width: 1359px) {
    .contacts-item__map {
        height: 656px;
        margin-top: 0;
    }
}

@media (min-width: 1919px) {
    .contacts-item__map {
        width: 66.5%;
    }
}

.dillers {
    padding-bottom: 10px;
}

@media (max-width: 375px) {
    .dillers {
        margin-top: -20px;
        margin-bottom: 147px;
    }

    .dillers__filters-form .dillers__search-input {
        padding-top: 63px;
        padding-bottom: 20px;
        margin-bottom: 3px;
        padding-left: 0;
    }

    .dillers__filters-form {
        margin-bottom: 40px;
    }

    .dillers__filters-group {
        margin-top: 0;
    }
}

@media (max-width: 375px) {
    a.dillers__check-btn.more-btn.more-btn--arrow-right {
        top: -107px;
        text-align: unset;
        padding-left: 29px;
    }
}

@media (min-width: 1919px) {
    .dillers {
        margin-top: -13px;
        margin-left: 5px;
    }
}

.dillers__title {
    margin: 0;
    margin-bottom: 25px;
    font-family: "Jeko";
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 27px;
}

@media (max-width: 1023px) {
    .dillers__title {
        margin-bottom: 29px;
        padding-top: 7px;
    }

    .dillers {
        padding-bottom: 29px;
    }
}

@media (max-width: 1024px) {
    .dillers__title {
        font-size: 28px;
    }
}

@media (min-width: 1599px) {
    .dillers__title {
        font-size: 40px;
        font-weight: 500;
        line-height: 52px;
    }
}

.dillers__descr {
    margin: 0;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 18px;
    max-width: 500px;
    font-family: 'Inter';
    font-style: normal;
}

.dillers__check-btn {
    margin-bottom: 20px;
    color: var(--text-color);
}

@media (max-width: 1024px) {
    .dillers__descr {
        font-size: 16px;
    }
}

@media (min-width: 374px) {
    .dillers__title {
        font-size: 24px;
    }
}

@media (max-width: 425px) {
    .dillers__descr {
        font-size: 14px;
    }
}

@media (min-width: 1023px) {
    .dillers__title {
        margin-top: 1px;
        margin-bottom: 17px;
        line-height: 140%;
        font-size: 28px;
    }

    .dillers__descr {
        width: 384px;
    }

    .dillers__filters-form {
        margin-bottom: 20px;
    }

    .dillers__filters-form .dillers__search-input {
        padding-left: 0;
        margin-bottom: 12px;
    }

    .buy-page .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    a.dillers__check-btn.more-btn.more-btn--arrow-right {
        font-size: 16px;
        padding-top: 8px;
        margin-bottom: -4px;
        padding-right: 29px;
    }
}

@media (min-width: 1359px) {

}

@media (min-width: 1599px) {
    .buy-page .brands > li:not(:last-child) {
        margin-right: 28px;
    }
}

@media (min-width: 1919px) {
    .buy-page .brands > li:not(:last-child) {
        margin-right: 26px;
    }
}

.dillers__check-btn::after {
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
}

.white .dillers__check-btn::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
}

.dillers__filters-form fieldset li div {
    -webkit-animation: width 0.5s ease-in-out forwards;
    animation: width 0.5s ease-in-out forwards;
}

.dillers__filters-form fieldset label {
    -webkit-animation: none;
    animation: none;
}

.dillers__search-input {
    width: 100%;
    padding: 20px 0;
    border: 0;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 25px;
    background-color: transparent;
    color: #ffffff;
    letter-spacing: 0.08em;
}

.white .dillers__search-input {
    color: black;
}

@media (min-width: 1599px) {
    .dillers__search-input {
        font-size: 18px;
        line-height: 22px;
    }
}

.dillers__filters-title {
    float: left;
}

.dillers__label-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dillers__filters-group {
    padding: 0;
    border: none;
    margin-top: 25px;
    padding-bottom: 20px;
}

@media (min-width: 1023px) {
    .dillers__filters-group {
        padding-bottom: 0;
    }
}

.dillers__filters-group ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    list-style: none;
}

@media (min-width: 1023px) {
    .dillers__filters-group ul {
        padding-right: 33px;
    }
}

.dillers__filters-group ul li {
    position: relative;
    padding: 9px 15px 9px 41px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
    background-color: transparent;
    border-radius: 80px;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    text-align: start;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

@media (min-width: 319px) {
    .dillers__filters-group ul li {
        padding-top: 6.5px;
        padding-bottom: 0;
        margin-top: 2px;
        height: 40px;
    }

    .dillers__filters-group ul li:hover {
        padding-bottom: 0;
        padding-top: 6.5px;
    }

    .dillers__filters-group ul li span {
        padding: 0 !important;
    }
}

@media (max-width: 375px) {
    .dillers__filters-form {
        margin-bottom: -22px;
    }
}

.dillers__filters-group ul li span {
    color: #ffffff;
    color: var(--text-color);
}

@media (min-width: 1023px) {
    .dillers__filters-group ul li {
        padding: 19.5px 32px 19.5px 56px;
        height: 63px;
    }

    .dillers__filters-group ul li:hover {
        padding-top: 18.5px;
    }
}

.dillers__filters-group ul li > svg {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 2px;
    stroke: #000000;
    stroke: var(--default-black);
    fill: #000000;
    fill: var(--default-black);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

@media (min-width: 1023px) {
    .dillers__filters-group ul li > svg {
        left: 24px;
    }
}

.dillers__filters-group ul li > div {
    display: none;
    position: absolute;
    width: 260px;
    top: -1px;
    left: -1px;
    padding: 22px;
    z-index: 1;
    background-color: #454545;
    background-color: var(--bg-color-2);
    border-radius: 27px;
    cursor: auto;
}

@media (max-width: 1023px) {
    .dillers__filters-group ul li > div {
        z-index: 2;
    }
}

.dillers__filters-group ul li > div button {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 50%;
    border: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.dillers__filters-group ul li > div button:hover {
    opacity: 0.8;
}

.dillers__filters-group ul li > div svg {
    background-color: #dedede;
    background-color: var(--btn-more-color);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
    padding: 2px;
    stroke: #2d2d2d;
    stroke: var(--bg-color);
    fill: #000000;
    fill: var(--default-black);
}

.dillers__filters-group ul li > div p {
    margin: 0;
    white-space: nowrap;
    display: none;
}

.dillers__filters-group ul li > div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
}

.dillers__filters-group ul li > div div label {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}

.dillers__filters-group ul li > div div label:hover {
    opacity: 0.8;
}

.dillers__filters-group ul li:hover {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--border-color);
}

@media (max-width: 425px) {
    .dillers__filters-group ul li > div div {
        padding-left: 7px;
    }

    .dillers__filters-group ul li > span#country-buy + div {
        width: 185px;
        left: -5px;
    }

    .dillers__filters-group ul li > span#city-buy + div {
        left: -2px;
    }

    .dillers__filters-group ul li > div {
        width: max-content;
        padding: 10px;
        left: -73px;
        padding-left: 0;
    }

    .dillers__filters-group {
        padding-bottom: 41px
    }

    a.dillers__check-btn.more-btn.more-btn--arrow-right {
        margin-bottom: 15px;
    }

    .dillers__filters-group ul li > div div label {
        font-size: 13px;
    }

    .dillers__filters-group ul li > div button {
        padding-right: 0;
        margin-right: 0;
    }
}

@media (max-width: 375px) {
    .dillers__filters-group ul li > div div {
        padding-left: 5px;
    }

    .dillers__filters-group ul li > div {
        width: 190px;
    }

    .dillers__filters-group ul li > span#city-buy + div {
        left: -45px;
        margin-left: 20px;
        margin-right: 25px;
        padding: 15px 0px 15px 5px;
        width: 165px;
    }

    .dillers__filters-group ul li > div button:first-child {
        padding: 0;
        padding-left: 7px;
        padding-top: 5px;
    }

    .dillers__filters-group ul li > div button {
        padding: 0;
    }

    a.dillers__check-btn.more-btn.more-btn--arrow-right {
        margin-bottom: 0;
    }
}

@media (max-width: 340px) {
    .dillers__filters-group ul li > span#city-buy + div {
        margin-left: 0;
    }
}

@media (max-width: 334px) {
    .dillers__filters-group ul li > span#city-buy + div {
        left: 0;
    }
}


@media (min-width: 1023px) {
    .dillers__flex-helper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        justify-content: flex-end;
        position: relative;
    }
}

@media (min-width: 1023px) {
    .dillers__flex-helper::after {
        /*position: absolute;
        content: "";
        right: 16px;
        bottom: 0;
        height: 30%;
        width: 40%;
        z-index: 99;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(45, 45, 45, 0.9)), to(rgba(45, 45, 45, 0.3)));
        background: -o-linear-gradient(bottom, rgba(45, 45, 45, 0.9) 30%, rgba(45, 45, 45, 0.3) 100%);
        background: linear-gradient(to top, rgba(45, 45, 45, 0.9) 30%, rgba(45, 45, 45, 0.3) 100%);
        background: linear-gradient(to top, rgba(45, 45, 45, 0.9) 30%, rgba(45, 45, 45, 0.3) 100%);
        background: var(--bg-color-gradient);*/
    }
}

@media (min-width: 1359px) {
    .dillers__flex-helper::after {
        /*width: 33%;
        height: 50%;*/
    }
}

.dillers__wrapper {
    margin-bottom: 20px;
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
}

@media (min-width: 1023px) {
    .dillers__wrapper {
        margin-right: 0;
        margin-left: 0;
        padding-left: 0;
        display: inline-block;
        vertical-align: top;
        max-height: 613px;
        overflow: -moz-scrollbars-none;
        overflow: hidden;
        overflow-y: auto;
        margin: 0 auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        flex-direction: column;
    }

    .dillers__wrapper::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}

@media (min-width: 1359px) {
    .dillers__wrapper {
        min-height: 900px;
        max-height: 906px;
    }

    .dillers__wrapper {
        padding-left: 16px;
        flex-direction: column;
    }
}

@media (min-width: 1599px) {
    .dillers__wrapper {
        max-height: 952px;
        padding-left: 28px;
        flex-direction: column;
    }
}

.dillers__list {
    padding: 0;
    margin-top: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

@media (min-width: 1023px) {
    .dillers__list {
        display: inline-block;
        width: 100%;
        max-width: 400px;
        -webkit-columns: 192px 2;
        -moz-columns: 192px 2;
        columns: 192px 2;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        margin-right: 0;
        margin-bottom: 0;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        /* Makes effect only in Firefox */
        -moz-column-break-inside: avoid;
        break-inside: avoid;
    }
}

.dillers__item {
    max-width: 240px;
    margin-right: 15px;
}

.dillers__wrapper {
    max-width: 40%;
}

.dillers__list {
    columns: auto;
}

.dillers__list .dillers__item {
    max-width: 100%;
    min-width: 230px;
}

@media (max-width: 768px) {
    .dillers__item  .diller-card {
        width: 100%;
    }
}

@media (min-width: 1023px) {
    .dillers__item {
        margin-right: 16px;
        margin-bottom: 15px;
        max-width: 192px;
        display: inline-block;
    }
}

@media (min-width: 1600px) {
    .dillers__item {
        max-width: 240px;
        min-width: 240px;
    }

    .dillers__list {
        max-width: 496px;
    }
}

@media (min-width: 1920px) {
    .dillers__item {
        max-width: 288px;
        min-width: 288px;
    }

    .dillers__list {
        max-width: 592px;
    }
}

.dillers__map-wrapper {
    position: relative;
    height: 658px;
    padding: 20px;
    margin-right: -20px;
    margin-left: -20px;
    background-image: url("/local/templates/remer/css/../img/bg/dillers-map.jpg");
    background-size: cover;
}

@media (min-width: 374px) {
    .dillers__map-wrapper {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        height: 581px;
    }

    .dillers {
        padding-bottom: 16px;
    }
}

@media (min-width: 1023px) {
    .dillers__map-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 56%;
        height: 568px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0;
        margin: 0;
        margin-right: 15px;
        background-image: url("/local/templates/remer/css/../img/bg/dillers-map-desctop.jpg");
    }

    .buy-page .breadcrumbs {
        padding-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .dillers__map-wrapper {
        height: 658px;
        width: 65%;
    }
}

@media (min-width: 1599px) {
    .dillers__map-wrapper {
        width: 64.5%;
    }
}

@media (min-width: 1919px) {
    .dillers__map-wrapper {
        height: 853px;
    }
}

.diller-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 240px;
    min-height: 110px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 21px 16px 16px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

.diller-card:hover, .diller-card:focus {
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
}

@media (min-width: 1023px) {
    .diller-card {
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 20px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border: 1px solid var(--border-color-2);
    }

    .diller-card:hover .diller-card__title, .diller-card:focus .diller-card__title {
        /*margin-bottom: 12px;*/
    }

    .diller-card:hover .diller-card__list, .diller-card:focus .diller-card__list {
        /*margin-bottom: 15px;*/
    }

    .diller-card:hover .diller-card__list > li:nth-child(2), .diller-card:focus .diller-card__list > li:nth-child(2) {
        /*margin-bottom: 4px;*/
    }

    .diller-card:hover .diller-card__list > li:nth-child(n + 3), .diller-card:focus .diller-card__list > li:nth-child(n + 3) {
        display: block;
    }

    .diller-card:hover .diller-card__contact-link, .diller-card:focus .diller-card__contact-link {
        color: #ffffff;
        color: var(--text-color);
    }
}

@media (min-width: 1023px) and (min-width: 1023px) {
    .diller-card:hover .diller-card__contact-link, .diller-card:focus .diller-card__contact-link {
        opacity: 1;
    }

    .diller-card:hover .diller-card__contact-link:hover, .diller-card:hover .diller-card__contact-link:focus, .diller-card:focus .diller-card__contact-link:hover, .diller-card:focus .diller-card__contact-link:focus {
        opacity: 0.7;
    }
}

@media (min-width: 1023px) {
    .diller-card:hover .diller-card__adds-text, .diller-card:focus .diller-card__adds-text {
        display: block;
    }

    .diller-card:hover .diller-card__to-map-btn, .diller-card:focus .diller-card__to-map-btn {
        display: block;
    }
}

.diller-card__title {
    margin: 0;
    margin-bottom: revert-layer;
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
}

.diller-card__adds-text {
    /*display: none;*/
    margin: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1023px) {
    .diller-card__adds-text {
        margin-bottom: 10px;
        line-height: 17px;
    }
}

@media(max-width: 768px) {
    .diller-card__adds-text {
        min-height: 66px;
    }
}

html.white p.diller-card__adds-text {
    color: var(--text-color);
}

.diller-card__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    line-height: 20px;
}

.diller-card__list > li:not(:last-child) {
    margin-bottom: 4px;
}

.diller-card__list > li:nth-child(2) {
    margin-bottom: 0;
}

.diller-card__list > li:nth-child(n + 3) {
    /*display: none;*/
}

.diller-card__contact-link {
    position: relative;
    z-index: 2;
    opacity: 0.5;
    color: #ffffff;
    color: var(--text-color);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    font-size: 14px;
}

.diller-card__contact-link:hover, .diller-card__contact-link:focus {
    opacity: 0.7;
}

.diller-card__to-map-btn {
    display: block;
    width: 100px;
    height: 35px;
    font-size: 0;
    padding-left: 0;
}

.diller-card__to-map-btn span {
    opacity: 0.5;
    font-size: 14px;
    padding-left: 25px;
}

.diller-card__to-map-btn::after {
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    transform: translateY(-50%) rotate(180deg);
}

.buy-page .diller-card .diller-card__to-map-btn,
.buy-page .diller-card .diller-card__list {
    display: none;
}

.buy-page .diller-card:hover .diller-card__to-map-btn {
    display: block;
}

@media (min-width: 1023px) {
    .diller-card__to-map-btn::after {
        width: 16px;
        height: 16px;
        top: 55%;
    }
}

@media (min-width: 1023px) {
    .diller-card__to-map-btn {
        /*display: none;*/
        width: auto;
        height: auto;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 16px;
        position: relative;
        top: 0;
    }

    .diller-card__to-map-btn span {
        width: inherit;
        position: inherit;
        display: inherit;
    }

    .diller-card__to-map-btn::before {
        display: none;
    }
}

.white .iller-card__to-map-btn::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
}

.map-card {
    position: relative;
    width: 335px;
    padding: 30px;
    padding-bottom: 35px;
    background-color: rgba(69, 69, 69, 0.88);
    border-radius: 16px;
    color: #ffffff;
}

.map-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 215px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    margin: -30px -30px 35px;
    background-color: #dedede;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.map-card__close-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    background-color: #000000;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.map-card__close-btn::after, .map-card__close-btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 10px;
    height: 1px;
    background-color: #dedede;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.map-card__close-btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
}

.map-card__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.map-card__title {
    margin: 0;
    margin-bottom: 20px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 22px;
}

@media (min-width: 1599px) {
    .map-card__title {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 29px;
    }
}

.map-card__contacts {
    font-style: normal;
}

.map-card__adds-text {
    width: 75%;
    margin: 0;
    margin-bottom: 20px;
    line-height: 17px;
}

@media (min-width: 1599px) {
    .map-card__adds-text {
        width: 85%;
        margin-bottom: 40px;
        font-size: 16px;
        line-height: 22px;
    }
}

.map-card__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    line-height: 17px;
}

@media (min-width: 1599px) {
    .map-card__list {
        font-size: 16px;
        line-height: 22px;
    }
}

.map-card__list > li:not(:last-child) {
    margin-bottom: 7px;
}

.map-card__contact-link {
    color: inherit;
}

.demo-halls {
    padding-bottom: 70px;
    padding-top: 2px;
}

@media (min-width: 374px) {
    .demo-halls {
        padding-top: 0;
    }
}

@media (min-width: 1023px) {
    .demo-halls {
        position: relative;
        padding-top: 28px;
    }
}

@media (min-width: 1359px) {
    .demo-halls {
        padding-top: 25px;
        padding-bottom: 76px;
    }
}

@media (min-width: 1599px) {
    .demo-halls {
        padding-top: 22px;
        padding-bottom: 31px;
    }
}

@media (min-width: 1919px) {
    .demo-halls {
        padding-top: 26px;
        padding-bottom: 113px;
    }
}

.demo-halls__helper {
    margin-bottom: 45px;
}

@media (min-width: 1023px) {
    .demo-halls__helper {
        display: inline-block;
        padding-bottom: 35px;
        margin-bottom: 0;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        border-bottom: 1px solid var(--border-color-2);
    }
}

@media (min-width: 1919px) {
    .demo-halls__helper {
        padding-bottom: 76px;
    }
}

.demo-halls__title {
    margin: 0 0 25px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 27px;
    text-transform: lowercase;
    padding-right: 40px;
}

@media (min-width: 1023px) {
    .demo-halls__title {
        display: inline-block;
        width: 70%;
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0;
        margin: 0 0 20px;
    }
}

@media (min-width: 1359px) {
    .demo-halls__title {
        font-size: 40px;
        line-height: 52px;
        letter-spacing: -0.01em;
        margin: 0 0 24px;
    }
}

.demo-halls__descr {
    margin: 0;
    margin-bottom: 15px;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .demo-halls__descr {
        display: block;
        max-width: 620px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .demo-halls__descr {
        font-size: 18px;
        line-height: 25px;
        max-width: 725px;
    }
}

@media (min-width: 1919px) {
    .demo-halls__descr {
        max-width: 890px;
    }
}

.demo-halls__descr-mobile {
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
    height: 0;
    margin: 0;
    overflow: hidden;
}

.demo-halls__descr-mobile.active {
    height: auto;
    margin-bottom: 15px;
}

@media (min-width: 1023px) {
    .demo-halls__descr-mobile {
        display: inline-block;
        height: auto;
        max-width: 620px;
    }
}

@media (min-width: 1359px) {
    .demo-halls__descr-mobile {
        font-size: 18px;
        line-height: 25px;
        max-width: 725px;
    }
}

@media (min-width: 1919px) {
    .demo-halls__descr-mobile {
        max-width: 896px;
    }
}

.demo-halls__more-button {
    padding: 0;
    border: 0;
    padding-left: 28px;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.demo-halls__more-button.active.more-btn::after {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(270deg);
    -ms-transform: translateY(-50%) rotate(270deg);
    transform: translateY(-50%) rotate(270deg);
}

.demo-halls__more-button.more-btn {
    color: rgba(255, 255, 255, 0.5);
    color: var(--transparent-05);
}

.demo-halls__more-button.more-btn::after {
    top: 50%;
    background-color: #dedede;
    background-color: var(--btn-more-color);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

@media (min-width: 1023px) {
    .demo-halls__more-button {
        display: none;
    }
}

.demo-halls__warning-text {
    opacity: 0.5;
    font-weight: 400;
    line-height: 17px;
    padding-left: 31px;
    padding-bottom: 2px;
    display: block;
    max-width: 235px;
}

@media (min-width: 1023px) {
    .demo-halls__warning-text {
        font-size: 14px;
        line-height: 17px;
        padding-left: 0;
    }
}

@media (min-width: 1359px) {
    .demo-halls__warning-text {
        font-size: 18px;
        line-height: 25px;
    }
}

.demo-halls__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2px;
    padding-bottom: 42px;
    margin-top: 0;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid var(--border-color-2);
}

@media (min-width: 1023px) {
    .demo-halls__warning {
        position: absolute;
        top: -5px;
        right: 65px;
        border-bottom: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 200px;
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 18px;
        line-height: 25px;
    }
}

@media (min-width: 1359px) {
    .demo-halls__warning {
        right: 174px;
        top: 37px;
        width: 218px;
    }
}

@media (min-width: 1599px) {
    .demo-halls__warning {
        right: 158px;
        top: 33px;
    }
}

@media (min-width: 1919px) {
    .demo-halls__warning {
        right: 174px;
        top: 13px;
    }
}

.demo-halls__warning svg {
    stroke: #ffffff;
    stroke: var(--text-color);
    width: 38px;
}

@media (min-width: 1023px) {
    .demo-halls__warning svg {
        width: 65px;
        height: 65px;
        margin-bottom: 22px;
    }
}

@media (min-width: 1359px) {
    .demo-halls__warning svg {
        margin-bottom: 17px;
    }
}

.demo-halls__swiper-helper {
    overflow: hidden;
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
}

.demo-halls__tabs {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}

@media (min-width: 1023px) {
    .demo-halls__tabs {
        display: none;
    }
}

.demo-halls__tabs > li {
    width: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 14px;
}

.demo-halls__tab-btn {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    padding: 20px 34px 19px 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    border-radius: 80px;
    font-size: 16px;
    line-height: 22px;
}

.demo-halls__tab-btn:hover, .demo-halls__tab-btn:focus, .demo-halls__tab-btn.active {
    border-color: #ffffff;
    border-color: var(--border-color);
}

@media (min-width: 1023px) {
    .demo-halls__flex-helper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 35px;
    }
}

@media (min-width: 1359px) {
    .demo-halls__flex-helper {
        padding-top: 15px;
    }
}

@media (min-width: 1023px) {
    .demo-halls__panels {
        width: 33%;
        max-width: 304px;
    }
}

@media (min-width: 1359px) {
    .demo-halls__panels {
        max-width: 402px;
    }
}

@media (min-width: 1599px) {
    .demo-halls__panels {
        max-width: 496px;
    }
}

@media (min-width: 1919px) {
    .demo-halls__panels {
        max-width: 592px;
    }
}

@media (min-width: 1023px) {
    .demo-halls__panel {
        display: block;
    }
}

.demo-halls__panel.active {
    display: block;
}

.demo-halls__map-list {
    height: 656px;
    margin: 0 -20px;
    background: url("/local/templates/remer/css/../img/svg/icon-pin.svg") no-repeat center, url("/local/templates/remer/css/../img/bg/map-mobile.jpg") no-repeat center;
}

@media (min-width: 1023px) {
    .demo-halls__map-list {
        height: 530px;
        width: 64.5%;
        margin: 0;
        background: url("/local/templates/remer/css/../img/svg/icon-pin.svg") no-repeat center, url("/local/templates/remer/css/../img/bg/map-desctop.jpg") no-repeat center content-box;
    }
}

@media (min-width: 1359px) {
    .demo-halls__map-list {
        height: 656px;
        width: 65%;
    }
}

.demo-halls__map {
    height: 100%;
    display: none;
}

.demo-halls__map.active {
    display: block;
}

.demo-hall {
    padding-top: 30px;
    padding-bottom: 36px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

.demo-hall:hover, .demo-hall:focus {
    border-color: white;
    border-color: var(--border-color);
}

@media (min-width: 1023px) {
    .demo-hall {
        padding: 20px 16px 22px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border: 1px solid var(--border-color-2);
        border-radius: 16px;
    }

    .demo-hall:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (min-width: 1359px) {
    .demo-hall {
        padding: 20px 31px 27px;
    }
}

@media (min-width: 1599px) {
    .demo-hall {
        padding: 21px 31px 27px;
    }
}

.demo-hall.active {
    border-color: white;
    border-color: var(--border-color);
}

@media (min-width: 1023px) {
    .demo-hall.active .demo-hall__header {
        margin-bottom: 10px;
    }
}

@media (min-width: 1359px) {
    .demo-hall.active .demo-hall__header {
        margin-bottom: 33px;
    }
}

@media (min-width: 1599px) {
    .demo-hall.active .demo-hall__header {
        margin-bottom: 20px;
    }
}

@media (min-width: 1023px) {
    .demo-hall.active .demo-hall__working-hours {
        display: block;
    }
}

@media (min-width: 1023px) {
    .demo-hall.active .demo-hall__adds {
        color: #ffffff;
        color: var(--text-color);
        opacity: 1;
    }
}

.demo-hall.demo-halls__panel.active .demo-hall__links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}

.demo-hall__header {
    display: none;
}

@media (min-width: 1023px) {
    .demo-hall__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 15px;
    }
}

@media (min-width: 1359px) {
    .demo-hall__header {
        margin-bottom: 25px;
    }
}

@media (min-width: 1599px) {
    .demo-hall__header {
        margin-bottom: 19px;
    }
}

@media (min-width: 1023px) {
    .demo-hall__title {
        margin: 0;
        font-family: "Inter", "Arial", sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .demo-hall__title {
        font-size: 20px;
        line-height: 28px;
        font-family: "Jeko", "Arial", sans-serif;
    }
}

@media (min-width: 1599px) {
    .demo-hall__title {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (min-width: 1023px) {
    .demo-hall__working-hours {
        display: none;
        margin: 0;
        opacity: 0.5;
        line-height: 17px;
        font-size: 14px;
        padding-right: 0;
    }
}

@media (min-width: 1359px) {
    .demo-hall__working-hours {
        padding-top: 13px;
    }
}

.demo-hall__contacts {
    font-style: normal;
}

@media (min-width: 1023px) {
    .demo-hall__contacts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.demo-hall__adds {
    margin: 0;
    margin-bottom: 23px;
    line-height: 17px;
}

@media (min-width: 1023px) {
    .demo-hall__adds {
        margin-bottom: 0;
        opacity: 0.5;
        font-size: 14px;
        line-height: 17px;
    }
}

@media (min-width: 1023px) {
    .demo-hall__links {
        display: none;
        padding-bottom: 20px;
    }
}

@media (min-width: 1359px) {
    .demo-hall__links {
        padding-bottom: 29px;
    }
}

.demo-hall__link {
    display: flex;
    gap: 5px;
    width: 49%;
    opacity: 0.5;
    color: var(--text-color);
    line-height: 17px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1023px) {
    .demo-hall__link {
        font-size: 14px;
        line-height: 17px;
        width: 100%;
    }
}

@media (min-width: 1359px) {
    .demo-hall__link {
        min-width: 150px;
    }

    .demo-hall__link:last-of-type {
        /*padding-left: 10px;*/
    }
}

@media (min-width: 1599px) {
    .demo-hall__link:last-of-type {
        /*padding-left: 12px;*/
    }
}

@media (min-width: 1919px) {
    .demo-hall__link:last-of-type {
        /*padding-left: 14px;*/
    }
}

.demo-hall__link--full-width {
    display: block;
    margin-bottom: 23px;
}

@media (min-width: 1023px) {
    .demo-hall__link--full-width {
        margin-bottom: 13px;
        width: 50%;
    }
}

@media (min-width: 1359px) {
    .demo-hall__link--full-width {
        margin-bottom: 23px;
        width: 35%;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .demo-hall__link:hover, .demo-hall__link:focus {
        opacity: 1;
    }
}

.demo-hall__link-label {
    display: inline-block;
    /*margin-top: 7px;*/
}

@media (min-width: 1023px) {
    .demo-hall__link-label {
        margin-left: 6px;
    }
}

@media (min-width: 1359px) {
    .demo-hall__link-label {
        margin-left: 0;
    }
}

@media (min-width: 1919px) {
    .demo-hall__link-label {
        display: block;
    }
}

.about {
    padding-bottom: 70px;
}

@media (min-width: 1023px) {
    .about {
        padding-bottom: 80px;
    }
}

@media (min-width: 1359px) {
    .about {
        padding-bottom: 161px;
    }
}

@media (min-width: 1599px) {
    .about {
        padding-bottom: 159px;
    }
}

@media (min-width: 1919px) {
    .about {
        padding-bottom: 159px;
    }
}

.about p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .about p {
        font-size: 16px;
        line-height: 22px;
    }
}

.about p + p {
    margin-top: 17px;
}

@media (min-width: 1023px) {
    .about p + p {
        margin-top: 0;
    }
}

.about__title {
    margin: 0;
    margin-bottom: 35px;
    padding-top: 2px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 27.5px;
}

@media (min-width: 374px) {
    .about__title {
        line-height: 112%;
    }
}

@media (min-width: 1023px) {
    .about__title {
        width: 86%;
        margin-bottom: 36px;
        line-height: 130%;
        padding-top: 26px;
    }
}

@media (min-width: 1359px) {
    .about__title {
        font-size: 32px;
        line-height: 42px;
        text-indent: 70px;
        width: 100%;
        padding-top: 26px;
        margin-bottom: 38px;
    }
}

@media (min-width: 1599px) {
    .about__title {
        font-size: 40px;
        line-height: 48px;
        padding-top: 11px;
        letter-spacing: 0;
        text-indent: 158px;
        padding-right: 140px;
        margin-bottom: 78px;
    }
}

@media (min-width: 1919px) {
    .about__title {
        margin-bottom: 84px;
        padding-right: 350px;
        padding-top: 12px;
    }
}

.about__title::first-letter {
    padding-left: 50px;
}

@media (min-width: 1023px) {
    .about__title::first-letter {
        padding-left: 225px;
    }
}

@media (min-width: 1919px) {
    .about__title::first-letter {
        padding-left: 300px;
    }
}

.about__texts {
    width: 79%;
}

@media (min-width: 1023px) {
    .about__texts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1359px) {
    .about__texts {
        margin-left: 312px;
        width: auto;
    }
}

@media (min-width: 1599px) {
    .about__texts {
        margin-left: 383px;
    }
}

@media (min-width: 1919px) {
    .about__texts {
        margin-left: 456px;
    }
}

@media (min-width: 1023px) {
    .about__texts p {
        width: 30%;
    }
}

@media (min-width: 1919px) {
    .about__texts p {
        width: 31%;
    }
}

.about__helper {
    margin-top: 15px;
}

@media (min-width: 1023px) {
    .about__helper {
        width: 32%;
        margin-top: 0;
    }

    .about__helper p {
        width: 100%;
    }

    .about__helper p + p {
        margin-top: 15px;
    }
}

.about__videos {
    margin-top: 69px;
}

@media (min-width: 1023px) {
    .about__videos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 80px;
        padding-bottom: 81px;
        margin-top: 0;
        position: relative;
    }
}

.about__video {
    padding-left: 0;
    /*margin: 0 0 70px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.about-page .about__video {
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
}

.about-page .about__video .owner-video__text {
    padding-top: 20px;
    max-width: 860px;
    font-size: 16px;
    font-family: "Inter", "Arial", sans-serif;
}

.about__video.popup {
    margin: 0;
}

@media (min-width: 767px) {
    .about__video {
        margin: 0 0 0;
    }

    .about__video iframe {
        width: 510px;
        height: 285px;
    }
}

@media (min-width: 1023px) {
    .about__video {
        margin-bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

.about__video iframe {
    width: 100%;
    max-width: 450px;
    margin-bottom: 20px;
    border: none;
}

@media (max-width: 425px) {
    .about__video {
        margin: 0 0 0;
    }

    .about__video iframe {
        height: 185px;
    }
}

@media (min-width: 1023px) {
    .about__video iframe {
        width: 544px;
        height: 456px;
        max-width: 100%;
        margin-bottom: 0;
        /*margin-right: 16px;*/
    }
}

@media (min-width: 1359px) {
    .about__video iframe {
        width: 816px;
        height: 456px;
        /*margin-right: 40px;*/
    }
}

.news table td {
    font-family: 'Jeko';
}

@media (min-width: 1599px) {
    .about__video iframe {
        width: 1008px;
        height: 560px;
    }
}

@media (min-width: 1919px) {
    .about__video iframe {
        width: 1200px;
        height: 656px;
    }
}

.about__video .video__content {
    width: 100%;
}

@media (min-width: 1023px) {
    .about__video .video__content {
        height: 456px;
    }
}

.about__video .video__play-btn {
    left: 20px;
}

@media (min-width: 1023px) {
    .about__video .video__play-btn {
        left: 24px;
        width: 80px;
        height: 80px;
        background-position: 37px 35px;
        background-size: 14px 14px;
    }
}

@media (min-width: 1023px) {
    .about__owner-video {
        position: absolute;
        right: 0;
    }
}

.about__last-texts {
    margin-right: -7px;
}

.about__last-texts p {
    line-height: 22px;
    font-size: 16px;
}

@media (min-width: 1359px) {
    .about__last-texts p {
        font-size: 16px;
        line-height: 29px;
    }
}

.about__last-texts p + p {
    margin-top: 17px;
}

@media (min-width: 1023px) {
    .about__last-texts p + p {
        margin-top: 15px;
    }
}

@media (min-width: 1359px) {
    .about__last-texts p + p {
        margin-top: 0;
    }
}

@media (min-width: 1023px) {
    .about__last-texts {
        width: 75%;
    }
}

@media (min-width: 1359px) {
    .about__last-texts {
        margin-left: 312px;
        width: auto;
        max-width: 720px;
    }
}

@media (min-width: 1599px) {
    .about__last-texts {
        margin-left: 383px;
        max-width: 920px;
    }
}

@media (min-width: 1919px) {
    .about__last-texts {
        margin-left: 456px;
    }
}

.owner-video {
    padding-bottom: 70px;
}

@media (max-width: 1010px) {
    .about__owner-video.owner-video {
        padding-bottom: 0;
        height: 15px;
    }

    .owner-video {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
    }
}

.owner-video p {
    width: 100%;
    margin-bottom: 68px;
}

@media (min-width: 1023px) {
    .owner-video p {
        margin-bottom: 0;
    }

    .owner-video__text {
        margin-bottom: -4px;
    }
}

.owner-video__text {
    width: 100%;
    font-family: "Jeko";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 24px;
}

@media (min-width: 1359px) {
    .owner-video__text {
        margin-bottom: -9px;
        line-height: 140%;
        font-style: normal;
        font-weight: 400;
    }
}

@media (min-width: 1599px) {
    .owner-video__text {
        font-size: 24px;
        line-height: 34px;
        max-width: 385px;
        margin-bottom: -6px;
        letter-spacing: 0;
    }
}

@media (min-width: 1919px) {
    .owner-video__text {
        max-width: 440px;
    }
}

.owner-video__helper {
    position: relative;
    width: 195px;
    height: 195px;
    margin: 0 auto;
}

@media (min-width: 1023px) {
    .owner-video__helper {
        width: 192px;
        height: 192px;
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin: 0;
    }
}

@media (min-width: 1599px) {
    .owner-video__helper {
        width: 240px;
        height: 240px;
    }
}

@media (min-width: 1919px) {
    .owner-video__helper {
        width: 288px;
        height: 288px;
    }
}

.owner-video__content {
    width: 100%;
    height: 100%;
    background-color: red;
    border-radius: 50%;
}

.owner-video__play-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background-position: center center;
    background-size: 14px 13px;
    z-index: 99;
    -webkit-transition: -webkit-filter 0.3s ease;
    transition: -webkit-filter 0.3s ease;
    -o-transition: filter 0.3s ease;
    transition: filter 0.3s ease;
    transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .owner-video__play-btn:hover, .owner-video__play-btn:focus {
        opacity: 1;
        -webkit-filter: brightness(90%);
        filter: brightness(90%);
    }
}

.trademarks {
    padding-bottom: 79px;
}

@media (min-width: 1023px) {
    .trademarks {
        padding-bottom: 75px;
    }
}

@media (min-width: 1359px) {
    .trademarks {
        padding-bottom: 87px;
    }
}

@media (min-width: 1599px) {
    .trademarks {
        padding-bottom: 114px;
    }
}

@media (min-width: 1919px) {
    .trademarks {
        padding-bottom: 129px;
    }
}

.trademarks__header {
    padding: 20px 0 76px;
    border-top: 1px solid #ffffff;
    border-top: 1px solid var(--border-color);
}

@media (min-width: 1023px) {
    .trademarks__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 0 80px;
    }
}

@media (min-width: 1359px) {
    .trademarks__header {
        padding-bottom: 82px;
    }
}

@media (min-width: 1599px) {
    .trademarks__header {
        padding-top: 18px;
        padding-bottom: 80px;
    }
}

@media (min-width: 1919px) {
    .trademarks__header {
        padding-bottom: 74px;
        padding-left: 0;
        padding-top: 16px;
    }
}

.trademarks__title {
    margin: 0;
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .trademarks__title {
        margin: 0;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .trademarks__title {
        font-size: 18px;
    }
}

.trademark__remark {
    margin: 0;
    margin-bottom: 40px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    letter-spacing: 0.04em;
    line-height: 24px;
}

@media (min-width: 1023px) {
    .trademark__remark {
        width: 97%;
    }
}

@media (min-width: 1359px) {
    .trademark__remark {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 0;
        text-indent: 12px;
        margin-right: 100px;
        width: auto;
    }
}

@media (min-width: 1599px) {
    .trademark__remark {
        text-indent: 78px;
        margin-right: 125px;
        margin-bottom: 79px;
    }
}

@media (min-width: 1919px) {
    .trademark__remark {
        margin-right: 210px;
        padding-top: 3px;
        padding-left: 3px;
    }
}

.trademark__remark::first-letter {
    padding-left: 70px;
}

@media (min-width: 1023px) {
    .trademark__remark::first-letter {
        padding-left: 302px;
    }
}

@media (min-width: 1919px) {
    .trademark__remark::first-letter {
        padding-left: 305px;
    }
}

.trademark__texts {
    width: 80%;
}

@media (min-width: 1023px) {
    .trademark__texts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1359px) {
    .trademark__texts {
        width: auto;
        margin-left: 312px;
    }
}

@media (min-width: 1599px) {
    .trademark__texts {
        margin-left: 383px;
    }
}

@media (min-width: 1919px) {
    .trademark__texts {
        margin-left: 461px;
    }
}

.trademark__texts p {
    margin: 0;
}

@media (min-width: 1023px) {
    .trademark__texts p {
        width: 32%;
    }
}

@media (min-width: 1599px) {
    .trademark__texts p {
        width: 32.3%;
    }
}

.trademark__texts p + p {
    margin-top: 15px;
}

@media (min-width: 1023px) {
    .trademark__texts p + p {
        margin: 0;
    }
}

.trademark-products {
    padding-top: 70px;
}

@media (min-width: 1023px) {
    .trademark-products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 81px;
    }
}

@media (min-width: 1359px) {
    .trademark-products {
        padding-top: 94px;
    }
}

@media (min-width: 1599px) {
    .trademark-products {
        padding-top: 106px;
    }
}

@media (min-width: 1919px) {
    .trademark-products {
        padding-top: 105px;
        padding-left: 0;
    }
}

.trademark-products p {
    margin: 0;
}

.trademark-products__title {
    padding: 20px 0 40px;
    border-top: 1px solid #ffffff;
    border-top: 1px solid var(--border-color);
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .trademark-products__title {
        width: 175px;
        padding-top: 15px;
        margin-top: 6px;
        margin-right: 8px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .trademark-products__title {
        width: 248px;
    }
}

@media (min-width: 1599px) {
    .trademark-products__title {
        width: 320px;
    }
}

@media (min-width: 1919px) {
    .trademark-products__title {
        width: 392px;
    }
}

.trademark-products__helper {
    margin-bottom: 40px;
}

@media (min-width: 1023px) {
    .trademark-products__helper {
        position: relative;
        width: calc(100% - (175px + 8px));
        padding-left: 52px;
        margin-bottom: 79px;
    }
}

@media (min-width: 1359px) {
    .trademark-products__helper {
        width: calc(100% - (248px + 8px));
        margin-bottom: 55px;
    }
}

@media (min-width: 1599px) {
    .trademark-products__helper {
        width: calc(100% - (320px + 8px));
        margin-bottom: 61px;
    }
}

@media (min-width: 1919px) {
    .trademark-products__helper {
        width: calc(100% - (392px + 8px));
        margin-bottom: 61px;
    }
}

.trademark-products__helper > p:first-of-type {
    margin-bottom: 40px;
}

@media (min-width: 1023px) {
    .trademark-products__helper > p:first-of-type {
        padding-left: 5px;
    }
}

@media (min-width: 1359px) {
    .trademark-products__helper > p:first-of-type {
        font-size: 18px;
        line-height: 29px;
        max-width: 715px;
        margin-bottom: 58px;
    }
}

@media (min-width: 1599px) {
    .trademark-products__helper > p:first-of-type {
        max-width: 880px;
        margin-bottom: 67px;
    }
}

@media (min-width: 1919px) {
    .trademark-products__helper > p:first-of-type {
        max-width: 900px;
    }
}

.trademark-products__slider {
    padding-bottom: 70px;
    margin-right: 0;
}

@media (min-width: 1023px) {
    .trademark-products__slider {
        padding-bottom: 124px;
        margin-right: -40px;
        min-width: 100%;
    }
}

@media (min-width: 1359px) {
    .trademark-products__slider {
        margin-right: -64px;
        padding-bottom: 84px;
    }
}

@media (min-width: 1599px) {
    .trademark-products__slider {
        padding-bottom: 85px;
    }
}

@media (min-width: 1919px) {
    .trademark-products__slider {
        padding-bottom: 86px;
    }
}

.trademark-products__slider-controlls {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: none;
}

@media (min-width: 1023px) {
    .trademark-products__slider-controlls {
        position: absolute;
        z-index: 99;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        cursor: pointer;
    }
}

.trademark-products__slider-controlls > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.trademark-products__slider-controlls > li:first-child {
    margin-right: 8px;
}

.trademark-products__slider-controll {
    padding: 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    color: inherit;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
    background-color: #dedede;
    background-color: var(--btn-more-color);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

html.white .trademark-products__slider-controll {
    background-color: #dedede;
}

.trademark-products__slider-controll.swiper-button-disabled {
    opacity: 0.5;
}

.trademark-products__slider-controll--left {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .trademark-products__slider-controll:hover, .trademark-products__slider-controll:focus {
        opacity: 0.7;
    }
}

.white .trademark-products__slider-controll::after {
    background-image: url("/local/templates/remer/css/../img/svg/icon-arrow-white.svg");
}

.trademark-products__slides {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.trademark-products__slides > li:not(:last-child) {
    margin-right: 15px;
}

@media (min-width: 1023px) {
    .trademark-products__slides > li {
        max-width: 366px;
    }
}

@media (min-width: 1359px) {
    .trademark-products__slides > li {
        max-width: 504px;
    }
}

@media (min-width: 1599px) {
    .trademark-products__slides > li {
        max-width: 624px;
    }
}

@media (min-width: 1919px) {
    .trademark-products__slides > li {
        min-width: 744px;
        max-width: 744px;
    }
}

.trademark-products__slides > li img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-height: 322px;
}

@media (min-width: 1023px) {
    .trademark-products__slides > li img {
        max-height: 320px;
    }
}

@media (min-width: 1359px) {
    .trademark-products__slides > li img {
        max-height: 360px;
        height: 360px;
    }
}

@media (min-width: 1599px) {
    .trademark-products__slides > li img {
        max-height: 440px;
        height: 440px;
    }
}

@media (min-width: 1919px) {
    .trademark-products__slides > li img {
        max-height: 525px;
        height: 525px;
    }
}

.trademark-products__remark {
    margin: 0;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    letter-spacing: 0.04em;
    line-height: 24px;
}

@media (min-width: 1023px) {
    .trademark-products__remark {
        width: 95%;
        line-height: 22px;
        padding-left: 5px;
    }
}

@media (min-width: 1359px) {
    .trademark-products__remark {
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0;
    }
}

@media (min-width: 1599px) {
    .trademark-products__remark {
        line-height: 34px;
        width: 90%;
    }
}

@media (min-width: 1919px) {
    .trademark-products__remark {
        width: 80%;
    }
}

@media (min-width: 1023px) {
    .trademark-products__flex-helper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1359px) {
    .trademark-products__flex-helper {
        width: auto;
        margin-left: 312px;
    }
}

@media (min-width: 1599px) {
    .trademark-products__flex-helper {
        margin-left: 383px;
    }
}

@media (min-width: 1919px) {
    .trademark-products__flex-helper {
        margin-left: 456px;
    }
}

@media (min-width: 1023px) {
    .trademark-products__flex-helper > p {
        width: 58%;
    }
}

@media (min-width: 1359px) {
    .trademark-products__flex-helper > p {
        font-size: 18px;
        line-height: 29px;
        width: 55%;
    }
}

.trademark-products__notes {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 70px;
    border-top: 1px solid #ffffff;
    border-top: 1px solid var(--border-color);
    margin-top: 40px;
}

@media (max-width: 425px) {
    .trademark-products__notes {
        padding-left: 0;
    }
}

@media (min-width: 1023px) {
    .trademark-products__notes {
        width: 32%;
        padding-top: 25px;
        padding-right: 8px;
        padding-left: 0;
        margin: 0;
    }
}

@media (min-width: 1359px) {
    .trademark-products__notes {
        margin-top: 8px;
    }
}

@media (min-width: 1599px) {
    .trademark-products__notes {
        width: 32.5%;
    }
}

.trademark-products__notes > p {
    margin: 0;
}

.trademark-products__notes > p:not(:last-child) {
    margin-bottom: 18px;
}

@media (min-width: 1023px) {
    .trademark-products__notes > p:not(:last-child) {
        margin-bottom: 16px;
    }
}

.sale {
    margin-bottom: 72px;
}

.sale__desk-wrapper {
    padding-bottom: 49px;
    border-bottom: 1px solid #f2f2f2;
    border-bottom: 1px solid var(--border-color);
}

@media (min-width: 1023px) {
    .sale__desk-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 40px;
    }
}

.sale__content {
    padding-top: 15px;
}

@media (min-width: 1023px) {
    .sale__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        min-height: 1200px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 32px;
    }
}

@media (min-width: 1359px) {
    .sale__content {
        min-height: 1550px;
        padding-top: 24px;
    }
}

@media (min-width: 1599px) {
    .sale__content {
        min-height: 1520px;
    }
}

@media (min-width: 1919px) {
    .sale__content {
        min-height: 1808px;
        padding-top: 22px;
    }
}

@media (min-width: 1023px) {
    .sale__cities {
        margin-left: 16px;
    }
}

@media (min-width: 1359px) {
    .sale__cities {
        margin-left: 0;
    }
}

.sale__title {
    padding-bottom: 27px;
    margin: 0;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 24px;
    letter-spacing: -0.01em;
    line-height: 24px;
    font-weight: 500;
}

@media (min-width: 1023px) {
    .sale__title {
        padding-bottom: 22px;
        font-size: 28px;
        line-height: 30px;
        font-weight: 500;
    }
}

@media (min-width: 1359px) {
    .sale__title {
        padding-bottom: 25px;
        font-size: 40px;
        line-height: 55px;
    }
}

@media (min-width: 1599px) {
    .sale__title {
        padding-bottom: 21px;
        font-weight: 500;
    }
}

.sale__text {
    padding-bottom: 47px;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .sale__text {
        max-width: 600px;
        padding-bottom: 0;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .sale__text {
        max-width: 800px;
        font-size: 18px;
        line-height: 25px;
    }
}

@media (min-width: 1599px) {
    .sale__text {
        max-width: 800px;
        padding-right: 0;
    }
}

.sale__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.sale__warning svg {
    margin-left: -4px;
    stroke: #ffffff;
    stroke: var(--text-color);
}

@media (min-width: 1023px) {
    .sale__warning svg {
        position: absolute;
        top: -47px;
        left: 23px;
        width: 65px;
        height: 65px;
    }
}

@media (min-width: 1359px) {
    .sale__warning svg {
        top: -28px;
    }
}

@media (min-width: 1023px) {
    .sale__warning {
        position: relative;
        max-width: 244px;
        padding-top: 38px;
        padding-left: 20px;
    }
}

@media (min-width: 1359px) {
    .sale__warning {
        max-width: 340px;
    }
}

@media (min-width: 1599px) {
    .sale__warning {
        margin-right: 16px;
    }
}

.sale__warning-text {
    max-width: 242px;
    padding-top: 5px;
    padding-left: 27px;
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    opacity: 0.5;
}

@media (min-width: 1023px) {
    .sale__warning-text {
        padding-left: 0;
    }
}

@media (min-width: 1359px) {
    .sale__warning-text {
        max-width: 260px;
        margin-right: 28px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .sale__warning-text {
        max-width: 300px;
        padding-top: 14px;
        font-size: 18px;
        line-height: 25px;
    }
}

.sale__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 704px;
    height: 100%;
    min-height: 1270px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 33px auto 0;
}

@media (min-width: 1023px) {
    .sale__list {
        min-height: 1160px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: 0;
    }
}

@media (min-width: 1359px) {
    .sale__list {
        max-width: 920px;
        min-height: 1530px;
        margin-right: 24px;
    }
}

@media (min-width: 1599px) {
    .sale__list {
        max-width: 1136px;
        min-height: 1880px;
        margin-right: 48px;
    }
}

@media (min-width: 1919px) {
    .sale__list {
        max-width: 1352px;
        min-height: 2240px;
        margin-right: 112px;
    }
}

.sale__item.product-card {
    width: calc(50% - 7px);
    height: auto;
    min-height: 242px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
}

@media (min-width: 1023px) {
    .sale__item.product-card {
        width: calc(33% - 8px);
        min-height: 278px;
        padding: 14px;
        margin-bottom: 16px;
    }
}

@media (min-width: 1359px) {
    .sale__item.product-card {
        min-height: 367px;
        padding: 24px 16px 16px 16px;
    }
}

@media (min-width: 1599px) {
    .sale__item.product-card {
        min-height: 456px;
    }
}

@media (min-width: 1919px) {
    .sale__item.product-card {
        min-height: 545px;
    }
}

@media (min-width: 1023px) {
    .sale__item .product-card__expand-btn {
        display: none;
    }
}

.sale__item .product-card__img-wrapper img {
    height: auto;
    max-height: 125px;
}

@media (min-width: 1023px) {
    .sale__item .product-card__img-wrapper img {
        width: 143px;
        max-height: 146px;
    }
}

@media (min-width: 1359px) {
    .sale__item .product-card__img-wrapper img {
        width: 190px;
        max-height: 193px;
    }
}

@media (min-width: 1599px) {
    .sale__item .product-card__img-wrapper img {
        width: 281px;
        max-height: 287px;
    }
}

@media (min-width: 1919px) {
    .sale__item .product-card__img-wrapper img {
        width: 336px;
        max-height: 343px;
    }
}

@media (min-width: 1359px) {
    .sale__item .product-card__img-wrapper {
        top: 85px;
        max-height: 193px;
    }
}

@media (min-width: 1599px) {
    .sale__item .product-card__img-wrapper {
        top: 83px;
        min-height: 287px;
    }
}

@media (min-width: 1919px) {
    .sale__item .product-card__img-wrapper {
        min-height: 343px;
    }
}

.sale__item .product-card__add-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: auto;
}

@media (min-width: 1023px) {
    .sale__item .product-card__add-btn {
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 1359px) {
    .sale__item .product-card__add-btn {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 1599px) {
    .sale__item .product-card__add-btn {
        width: 48px;
        height: 48px;
    }
}

@media (min-width: 1359px) {
    .sale__item .product-card__price-list {
        padding-bottom: 11px;
    }
}

.sale__item .product-card__price {
    padding-bottom: 3px;
}

@media (min-width: 1359px) {
    .sale__item .product-card__price {
        font-size: 24px;
    }
}

@media (min-width: 1599px) {
    .sale__item .product-card__price {
        padding-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .sale__item .product-card__old-price {
        padding-bottom: 11px;
        font-size: 16px;
    }
}

@media (min-width: 1599px) {
    .sale__item .product-card__old-price {
        padding-bottom: 4px;
    }
}

.sale__item .product-card__materials {
    display: block;
    overflow: hidden;
    height: 0;
    margin: 0;
    -webkit-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
    white-space: pre-wrap;
}

@media (min-width: 1023px) {
    .sale__item .product-card__materials {
        opacity: 0;
        height: auto;
        padding-bottom: 5px;
        border-bottom: 1px solid #000000;
        -webkit-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
}

@media (min-width: 1023px) {
    .sale__item .product-card__footer {
        padding-top: 5px;
        margin-top: 0;
    }
}

.sale__item .product-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media (min-width: 1023px) {
    .sale__item .product-card__inner {
        margin-top: auto;
    }
}

@media (min-width: 1599px) {
    .sale__item .product-card__inner {
        margin-top: 0;
    }
}

@media (min-width: 1023px) {
    .sale:hover.product-card__materials, .sale:focus.product-card__materials {
        display: block;
    }
}

.cities__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 5px;
}

@media (min-width: 1023px) {
    .cities__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.cities__list::-webkit-scrollbar {
    display: none;
}

.cities__item {
    width: auto;
    max-height: 122px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 15px;
}

@media (min-width: 1023px) {
    .cities__item {
        height: auto;
        max-height: auto;
        margin-right: 0;
        margin-bottom: 18px;
    }
}

@media (min-width: 1359px) {
    .cities__item {
        margin-bottom: 16px;
    }
}

.cities__link {
    display: inline-block;
    padding: 20px 30px 19px 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    border-radius: 80px;
    color: #f2f2f2;
    color: var(--text-color);
    font-size: 16px;
    line-height: 22px;
    outline: none;
    vertical-align: top;
    -webkit-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

@media (min-width: 1023px) {
    .cities__link {
        padding: 20px 30px 20px;
    }
}

@media (min-width: 1359px) {
    .cities__link {
        padding: 20px 30px 20px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .cities__link:hover, .cities__link:focus {
        border: 1px solid #ffffff;
        border: 1px solid var(--border-color);
    }
}

.price-list__info {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--default-white);
    -ms-grid-columns: -webkit-max-content -webkit-max-content;
    -ms-grid-columns: max-content max-content;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
}

@media (min-width: 1023px) {
    .price-list__info {
        margin-top: 29px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        -ms-grid-columns: 224px 2.2fr 1fr 1fr -webkit-max-content;
        -ms-grid-columns: 224px 2.2fr 1fr 1fr max-content;
        grid-template-columns: 224px 2.2fr 1fr 1fr -webkit-max-content;
        grid-template-columns: 224px 2.2fr 1fr 1fr max-content;
        -ms-grid-rows: -webkit-max-content -webkit-max-content;
        -ms-grid-rows: max-content max-content;
        grid-template-rows: -webkit-max-content -webkit-max-content;
        grid-template-rows: max-content max-content;
    }
}

@media (min-width: 1359px) {
    .price-list__info {
        margin-top: 62px;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
        -ms-grid-columns: 261px 2.2fr 1fr 1fr -webkit-max-content;
        -ms-grid-columns: 261px 2.2fr 1fr 1fr max-content;
        grid-template-columns: 261px 2.2fr 1fr 1fr -webkit-max-content;
        grid-template-columns: 261px 2.2fr 1fr 1fr max-content;
        -ms-grid-rows: -webkit-max-content -webkit-max-content;
        -ms-grid-rows: max-content max-content;
        grid-template-rows: -webkit-max-content -webkit-max-content;
        grid-template-rows: max-content max-content;
    }
}

@media (min-width: 1599px) {
    .price-list__info {
        margin-top: 91px;
        -webkit-column-gap: 59px;
        -moz-column-gap: 59px;
        column-gap: 59px;
        -ms-grid-columns: 325px 2.15fr 1fr 1fr -webkit-max-content;
        -ms-grid-columns: 325px 2.15fr 1fr 1fr max-content;
        grid-template-columns: 325px 2.15fr 1fr 1fr -webkit-max-content;
        grid-template-columns: 325px 2.15fr 1fr 1fr max-content;
        -ms-grid-rows: -webkit-max-content -webkit-max-content;
        -ms-grid-rows: max-content max-content;
        grid-template-rows: -webkit-max-content -webkit-max-content;
        grid-template-rows: max-content max-content;
    }
}

@media (min-width: 1919px) {
    .price-list__info {
        -ms-grid-columns: 398px 551px 245px 1fr -webkit-max-content;
        -ms-grid-columns: 398px 551px 245px 1fr max-content;
        grid-template-columns: 398px 551px 245px 1fr -webkit-max-content;
        grid-template-columns: 398px 551px 245px 1fr max-content;
    }
}

.price-list__title {
    display: inline-block;
    margin: 0;
    color: #ffffff;
    color: var(--default-white);
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 130%;
}

@media (min-width: 1023px) {
    .price-list__title {
        margin-top: 38px;
        font-size: 28px;
        font-size: 28px;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        grid-row: 1/2;
    }
}

@media (min-width: 1359px) {
    .price-list__title {
        margin-top: 33px;
        font-size: 42px;
    }
}

.price-list__colum {
    display: none;
    -ms-grid-row: 2;
    grid-row: 2;
}

.price-list__colum--1 {
    -ms-grid-column: 1;
    grid-column: 1;
}

.price-list__colum--2 {
    -ms-grid-column: 2;
    grid-column: 2;
}

.price-list__colum--3 {
    -ms-grid-column: 3;
    grid-column: 3;
}

.price-list__colum--4 {
    -ms-grid-column: 4;
    grid-column: 4;
}

@media (min-width: 1023px) {
    .price-list__colum {
        display: inline-block;
        margin: 40px 0 0 0;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
    }
}

@media (min-width: 1359px) {
    .price-list__colum {
        margin: 52px 0 0 0;
    }
}

.price-list__price-btn {
    position: relative;
    display: inline-block;
    padding: 0;
    border: none;
    margin-right: 15px;
    background-color: transparent;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    -ms-grid-column: 2;
    grid-column: 2;
    line-height: 160%;
    outline: none;
    text-align: end;
}

.price-list__price-btn:hover .price-list__price-text::after, .price-list__price-btn:focus .price-list__price-text::after {
    right: -2px;
    width: 20px;
    height: 20px;
}

@media (min-width: 1023px) {
    .price-list__price-btn {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        margin: 0;
        margin-top: auto;
        margin-bottom: 0;
        -ms-grid-column: 5;
        grid-column: 5;
        -ms-grid-row: 2;
        grid-row: 2;
    }
}

.price-list__price-text {
    position: relative;
    display: inline-block;
    padding-right: 25px;
    margin: 0;
}

.price-list__price-text a::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-image: url(/local/templates/remer/css/../img/svg/icon-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    cursor: pointer;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.price-list__wrapper {
    position: relative;
    margin-top: 70px;
    color: #ffffff;
    color: var(--default-white);
}

.price-list__wrapper::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    background-color: var(--default-white);
    content: "";
}

.price-list__wrapper:last-of-type::after {
    content: none;
}

@media (min-width: 1023px) {
    .price-list__wrapper {
        display: -ms-grid;
        display: grid;
        margin-top: 29px;
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        -ms-grid-columns: 224px 1fr;
        grid-template-columns: 224px 1fr;
    }

    .price-list__wrapper::after {
        background-color: rgba(255, 255, 255, 0.2);
        background-color: var(--border-color-2);
    }
}

@media (min-width: 1359px) {
    .price-list__wrapper {
        margin-top: 33px;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
        -ms-grid-columns: 261px 1fr;
        grid-template-columns: 261px 1fr;
    }
}

@media (min-width: 1599px) {
    .price-list__wrapper {
        margin-top: 35px;
        -webkit-column-gap: 59px;
        -moz-column-gap: 59px;
        column-gap: 59px;
        -ms-grid-columns: 325px 1fr;
        grid-template-columns: 325px 1fr;
    }
}

@media (min-width: 1919px) {
    .price-list__wrapper {
        margin-top: 35px;
        -webkit-column-gap: 59px;
        -moz-column-gap: 59px;
        column-gap: 59px;
        -ms-grid-columns: 397px 1fr;
        grid-template-columns: 397px 1fr;
    }
}

@media (min-width: 1023px) {
    .price-list__items-info {
        -ms-grid-column: 1;
        grid-column: 1;
    }
}

@media (min-width: 1359px) {
    .price-list__items-info {
        padding-left: 3px;
    }
}

.price-list__items-title {
    margin: 0;
    margin-bottom: 15px;
    font-size: 34px;
    font-weight: normal;
    line-height: 110%;
}

.price-list-container .price-list__items-head {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 400;
}

.price-list-container .price-list__items-title {
    margin: 20px 0;
}

@media (min-width: 1023px) {
    .price-list__items-title {
        margin-bottom: 13px;
        font-size: 16px;
        font-weight: 500;
        line-height: 120%;
    }
}

@media (min-width: 1359px) {
    .price-list__items-title {
        margin-bottom: 25px;
        font-size: 20px;
    }
}

@media (min-width: 1599px) {
    .price-list__items-title {
        margin-bottom: 30px;
        font-size: 24px;
    }

    .price-list__items-info {
        padding-left: 0;
    }
}

.price-list__items-head {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
}

@media (min-width: 1359px) {
    .price-list__items-head {
        font-size: 18px;
    }
}

.price-list__items {
    margin-top: 51px;
}

@media (max-width: 425px) {
    .price-list__items {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1023px) {
    .price-list__items {
        margin-top: 0;
        -ms-grid-column: 2;
        grid-column: 2;
    }
}

.price-list__item {
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 42px;
}

.price-list__item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    background-color: var(--border-color-2);
    content: "";
}

.price-list__item:last-child {
    margin-bottom: 0;
}

.price-list__item:last-child::after {
    content: none;
}

@media (min-width: 1023px) {
    .price-list__item {
        display: -ms-grid;
        display: grid;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: baseline;
        padding-bottom: 11px;
        margin-bottom: 27px;
        -ms-grid-columns: 2.1fr 1fr 1fr -webkit-max-content;
        -ms-grid-columns: 2.1fr 1fr 1fr max-content;
        grid-template-columns: 2.1fr 1fr 1fr -webkit-max-content;
        /*grid-template-columns: 2.1fr 1fr 1fr max-content;*/
        grid-template-columns: 3.7fr 1fr 1fr max-content;
    }
}

@media (min-width: 1359px) {
    .price-list__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: baseline;
        padding-bottom: 15px;
        margin-bottom: 39px;
        -ms-grid-columns: 2fr 1fr 1fr -webkit-max-content;
        -ms-grid-columns: 2fr 1fr 1fr max-content;
        grid-template-columns: 2fr 1fr 1fr -webkit-max-content;
        grid-template-columns: 760px 1fr 1fr max-content;
    }
}

@media (min-width: 1599px) {
    .price-list__item {
        margin-bottom: 38px;
        grid-template-columns: 900px 1fr 1fr max-content;
    }
}

@media (min-width: 1919px) {
    .price-list__item {
        -ms-grid-columns: 608px 304px 1fr -webkit-max-content;
        -ms-grid-columns: 608px 304px 1fr max-content;
        grid-template-columns: 608px 304px 1fr -webkit-max-content;
        /*grid-template-columns: 608px 304px 1fr max-content;*/
        grid-template-columns: 1070px 304px 1fr max-content;
    }
}

.price-list__item-title {
    font-family: 'Jeko';
    width: 90%;
    margin-top: 0;
    font-size: 20px;
    font-weight: normal;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    letter-spacing: 0.04em;
    line-height: 112%;
}

@media (min-width: 767px) {
    .search-total {
        margin-bottom: 20px;
    }
}

@media (min-width: 1023px) {
    .price-list__item-title {
        width: auto;
        padding-right: 15px;
        margin-bottom: 6px;
        font-size: 16px;
        line-height: 140%;
    }

    .search-total {
        font-size: 40px;
        line-height: 130%;
    }
}

@media (min-width: 1359px) {
    .price-list__item-title {
        padding-top: 4px;
        font-size: 18px;
    }
}

@media (min-width: 1919px) {
    .price-list__item-title {
        padding-top: 3px;
    }
}

.price-list__item-info {
    color: #ffffff;
    color: var(--default-white);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    opacity: 0.5;
}

@media (min-width: 1023px) {
    .price-list__item-info {
        padding-right: 15px;
        margin: 0;
        font-size: 14px;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
        line-height: 120%;
    }
}

@media (min-width: 1359px) {
    .price-list__item-info {
        font-size: 16px;
        line-height: 140%;
    }
}

.price-list__desc {
    color: #ffffff;
    color: var(--default-white);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    word-break: break-all;
}

.price-list__desc--end {
    display: inline-block;
    width: 49%;
    margin-top: 2px;
}

@media (min-width: 1023px) {
    .price-list__desc {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        padding-right: 15px;
        padding-right: 15px;
        margin: 0;
        font-size: 14px;
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
        line-height: 120%;
    }

    .price-list__desc:nth-of-type(2) {
        -ms-grid-column: 3;
    }
}

@media (min-width: 1359px) {
    .price-list__desc {
        width: auto;
        margin: 0;
        font-size: 16px;
        -ms-grid-row: 2;
        grid-row: 2;
        line-height: 160%;
    }

    .price-list__desc--end {
        padding-left: 10px;
    }
}

@media (min-width: 1599px) {
    .price-list__desc {
        width: auto;
        margin: 0;
        font-size: 16px;
        -ms-grid-row: 2;
        grid-row: 2;
        line-height: 160%;
    }

    .price-list__desc--end {
        padding-left: 0;
    }
}

.price-list__desc-span {
    display: block;
}

.price-list__desc-span:last-of-type {
    opacity: 0.5;
}

@media (min-width: 1023px) {
    .price-list__desc-span:first-of-type {
        display: none;
    }
}

.price-list__item-price {
    position: relative;
    display: inline-block;
    width: 49%;
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 112%;
    text-align: end;
    white-space: nowrap;
}

@media (min-width: 1023px) {
    .price-list__item-price {
        width: auto;
        font-size: 20px;
        -ms-grid-column: 4;
        -ms-grid-row: 2;
        grid-row: 2;
    }
}

@media (min-width: 1359px) {
    .price-list__item-price {
        font-size: 24px;
        font-weight: 500;
        line-height: 112%;
        letter-spacing: 0.04em;
    }
}

@media (min-width: 1359px) {
    .price-list__item-price {
        padding-left: 6px;
    }
}

.price-list__item-price-nosale {
    position: absolute;
    top: -20px;
    right: 0;
    color: #ffffff;
    color: var(--default-white);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    opacity: 0.3;
    text-decoration: line-through;
}

.price-list .price_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 275px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 69px;
    grid-column: 1/-1;
}

.price-list form div {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
}

.price-list form div::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    background-image: url(/local/templates/remer/css/../img/svg/icon-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    outline: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.price-list form div:hover::after, .price-list form div:focus::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.price-list form span {
    position: relative;
}

@media (min-width: 319px) {
    .personal_sale_info {
        font-size: 14px;
    }
}

@media (min-width: 1601px) {
    .personal_sale_info {
        font-size: 16px;
    }
}

.price-list form span::before {
    position: absolute;
    top: -2px;
    right: -19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 50%;
    color: #000000;
    color: var(--default-black);
    content: "?";
    cursor: pointer;
    outline: none;
}

.price-list form span:hover::before, .price-list form span:focus::before {
    top: -4px;
    right: -21px;
    width: 20px;
    height: 20px;
}

.price-list .price_form input {
    width: 100%;
    height: 66px;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--default-white);
    background-color: transparent;
    border-radius: 0;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    outline: none;
}

.price-list form button {
    position: relative;
    width: 96px;
    padding: 0;
    padding-right: 23px;
    border: none;
    margin-top: 8px;
    margin-right: 0;
    margin-left: auto;
    background-color: transparent;
    background-color: transparent;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    outline: none;
}

.price-list form button:hover, .price-list form button:focus {
    opacity: 0.7;
}

.price-list form svg {
    position: absolute;
    top: 50%;
    right: 0;
    stroke: #ffffff;
    stroke: var(--text-color);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (min-width: 374px) {
    .price-list .price_form {
        width: 320px;
    }

    .price-list .price_form input {
        height: 62px;
    }
}

@media (min-width: 1023px) {
    .price-list .price_form {
        width: 304px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: auto;
        -ms-grid-column-span: 4;
        grid-column-end: 6;
        -ms-grid-column: 2;
        grid-column-start: 2;
        -ms-grid-row: 1;
        grid-row: 1;
    }
}

.supports {
    margin-bottom: 30px;
    color: #ffffff;
    color: var(--default-white);
}

.supports li {
    padding-bottom: 30px;
}

@media (min-width: 374px) {
    .cooperation .supports {
        margin-bottom: 98px;
    }
}

@media (min-width: 1023px) {
    .supports {
        margin-bottom: 32px;
    }

    .cooperation .supports {
        margin-bottom: 31px;
    }
}

@media (min-width: 1359px) {
    .supports {
        margin-bottom: 82px;
    }

    .cooperation .supports {
        margin-bottom: 82px;
    }
}

@media (min-width: 1599px) {
    .supports {
        margin-bottom: 0;
    }

    .cooperation .supports {
        margin-bottom: 103px;
    }
}

@media (min-width: 1919px) {
    .cooperation .supports {
        padding-left: 56px;
    }

    .cooperation .supports {
        margin-bottom: 134px;
    }
}

.supports__title {
    margin: 0;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 112%;
    font-family: 'Jeko';
}

@media (min-width: 1023px) {
    .supports__title {
        margin-bottom: 29px;
        font-size: 28px;
        line-height: 120%;
    }
}

@media (min-width: 1359px) {
    .supports__title {
        margin-top: 4px;
        margin-bottom: 52px;
        font-size: 40px;
        line-height: 130%;
    }

    .cooperation .supports__title {
        margin-top: 0px;
    }
}

@media (min-width: 1599px) {
    .supports__title {
        margin-top: 13px;
    }
}

.supports__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 20px;
}

@media (min-width: 1023px) {
    .supports__items {
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        row-gap: 16px;
    }
}

.supports__item {
    position: relative;
    display: block;
    width: 100%;
    min-height: 198px;
    padding: 20px;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color-2);
    border-radius: 12px;
    outline: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.supports__item::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: var(--remer-3);
    content: none;
    -webkit-filter: blur(60px);
    filter: blur(60px);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.supports__item:hover::after, .supports__item:focus::after {
    content: "";
}

@media (min-width: 1023px) {
    .supports__item {
        min-height: 312px;
        padding: 31px;
        border-radius: 16px;
    }

    .supports__item:nth-of-type(1) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    .supports__item:nth-of-type(2) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 1;
        grid-row: 1;
    }

    .supports__item:nth-of-type(3) {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }

    .supports__item:nth-of-type(4) {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
    }
}

@media (min-width: 1359px) {
    .supports__item {
        min-height: 328px;
        padding: 40px;
        border-radius: 24px;
    }
}

@media (min-width: 1599px) {
    .supports__item {
        min-height: 400px;
    }
}

@media (min-width: 1919px) {
    .supports__item {
        min-height: 477px;
    }
}

.supports__item-head {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    font-family: 'Jeko';
}

@media (min-width: 1023px) {
    .supports__item-head {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
        font-size: 20px;
        letter-spacing: 0.04em;
        line-height: 112%;
    }
}

@media (min-width: 1359px) {
    .supports__item-head {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 120%;
    }
}

.supports svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 102px;
    stroke: #ffffff;
    stroke: var(--default-white);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 1023px) {
    .supports svg {
        width: 140px;
        height: 140px;
    }
}

@media (min-width: 1359px) {
    .supports svg {
        width: 170px;
        height: 174px;
    }
}

@media (min-width: 1599px) {
    .supports svg {
        width: 240px;
        height: 240px;
    }
}

@media (min-width: 1919px) {
    .supports svg {
        width: 240px;
        height: 246px;
    }
}

.conf-search-form {
    margin-bottom: 82px;
    color: #ffffff;
    color: var(--default-white);
}

.conf-search-form__head {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 112%;
    -webkit-animation: fadeIn 1s ease-in-out forwards;
    animation: fadeIn 1s ease-in-out forwards;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
}

.conf-search-form__text {
    min-height: 57px;
    margin: 0;
    margin-top: 26px;
    margin-bottom: 45px;
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
    -webkit-animation: fadeIn 1s 0.2s ease-in-out forwards;
    animation: fadeIn 1s 0.2s ease-in-out forwards;
}

.conf-search-form form {
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
    -webkit-animation: fadeIn 1s 0.3s ease-in-out forwards;
    animation: fadeIn 1s 0.3s ease-in-out forwards;
}

.conf-search-form label {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
}

.conf-search-form span {
    position: relative;
}

.conf-search-form span::after {
    position: absolute;
    top: -5px;
    right: -22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 50%;
    color: #000000;
    color: var(--default-black);
    content: "?";
    cursor: pointer;
}

.conf-search-form div {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 13px;
}

.conf-search-form div svg {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    padding: 3px;
    content: "";
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    stroke: #000000;
    stroke: var(--default-black);
}

.conf-search-form input {
    display: block;
    width: 265px;
    padding: 21px 21px 21px 0;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #ffffff;
    border-bottom: 1px solid var(--default-white);
    border-left: 0;
    margin-bottom: 213px;
    background-color: transparent;
    border-radius: 0;
    color: #ffffff;
    color: var(--default-white);
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
}

.conf-search-form__next-btn {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 21px;
    border: 1px solid #ffffff;
    border: 1px solid var(--default-white);
    background-color: transparent;
    border-radius: 80px;
    color: #ffffff;
    color: var(--default-white);
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.08em;
    line-height: 140%;
    -webkit-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    transform: translateX(-100vw);
    -webkit-animation: fadeIn 1s 0.4s ease-in-out forwards;
    animation: fadeIn 1s 0.4s ease-in-out forwards;
}

.conf-search-form__next-btn:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
}

.conf-search-form__next-btn:active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

@media (min-width: 1023px) {
    .conf-search-form {
        width: 306px;
    }

    .conf-search-form__head {
        font-size: 28px;
        line-height: 130%;
    }

    .conf-search-form__text {
        font-size: 14px;
    }

    .conf-search-form input {
        width: 306px;
    }
}

@media (min-width: 1359px) {
    .conf-search-form {
        width: 425px;
    }

    .conf-search-form__head {
        font-size: 32px;
    }

    .conf-search-form__text {
        font-size: 16px;
    }

    .conf-search-form input {
        width: 312px;
    }

    .conf-search-form button {
        width: 312px;
    }
}

.conf-search {
    position: relative;
    margin-top: 100px;
}

.conf-search .conf-search__svg {
    position: absolute;
    z-index: -1;
    top: 236px;
    right: 0;
    overflow: hidden;
    width: 323px;
    height: 430px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.conf-search .conf-search__svg svg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 28px;
    height: 100%;
    opacity: 0.4;
    stroke: #ffffff;
    stroke: var(--default-white);
}

@media (min-width: 1023px) {
    .conf-search .conf-search__svg {
        top: 118px;
        right: 0;
        width: 587px;
        height: 647px;
    }

    .conf-search .conf-search__svg svg {
        left: 0;
        width: 100%;
        opacity: 1;
    }
}

@media (min-width: 1359px) {
    .conf-search .conf-search__svg {
        top: -43px;
        right: 0;
        width: 761px;
        height: 839px;
    }

    .conf-search .conf-search__svg svg {
        top: 0;
        left: 0;
        width: 100%;
        opacity: 1;
    }
}

@media (min-width: 1599px) {
    .conf-search .conf-search__svg {
        top: 0;
        right: 0;
        width: 854px;
        height: 940px;
    }

    .conf-search .conf-search__svg svg {
        top: 0;
        left: 0;
        width: 100%;
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: translateX(-100vw);
        transform: translateX(-100vw);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        -webkit-transform: translateX(-100vw);
        transform: translateX(-100vw);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.page-404 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    min-height: calc(100 * var(--vh, 1vh));
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
    padding-right: 70px;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 14px;
    line-height: 17px;
}

@media (min-width: 1023px) {
    .page-404 {
        display: -ms-grid;
        display: grid;
        padding-top: 40px;
        padding-right: 0;
        padding-bottom: 24px;
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
        -ms-grid-columns: 304px 1fr;
        grid-template-columns: 304px 1fr;
    }
}

@media (min-width: 1359px) {
    .page-404 {
        padding-bottom: 75px;
        font-size: 16px;
        -ms-grid-columns: 368px 1fr;
        grid-template-columns: 368px 1fr;
        line-height: 22px;
    }
}

@media (min-width: 1919px) {
    .page-404 {
        padding-bottom: 126px;
    }
}

@media (min-width: 1919px) {
    .page-404 {
        padding-top: 40px;
    }
}

.page-404 > svg {
    color: #f2f2f2;
    color: var(--text-color);
}

@media (min-width: 1023px) {
    .page-404 > svg {
        width: 165px;
        height: auto;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}

.page-404__main {
    margin-top: 65px;
    margin-bottom: 247px;
}

@media (min-width: 1023px) {
    .page-404__main {
        align-self: flex-end;
        margin-top: 154px;
        margin-bottom: 35px;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
    }
}

@media (min-width: 1359px) {
    .page-404__main {
        margin-top: 301px;
    }
}

@media (min-width: 1599px) {
    .page-404__main {
        margin-top: 378px;
    }

    .page404class .header {
        padding-top: 48px;
    }

    .page-404__icons {
        margin-bottom: 7px;
    }

    .page-404__main {
        margin-bottom: 39px;
    }
}

@media (min-width: 1919px) {
    .page-404__main {
        margin-top: 442px;
    }
}

.page-404__icons {
    margin-top: 9px;
    margin-bottom: 13px;
}

.page-404__icons svg {
    stroke: #f2f2f2;
    stroke: var(--text-color);
}

.page-404__icons svg:first-child {
    margin-right: -3px;
}

.page-404__title {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    opacity: 0.5;
}

@media (min-width: 1023px) {
    .page-404__title {
        padding-top: 4px;
        padding-bottom: 15px;
    }
}

@media (min-width: 1359px) {
    .page-404__title {
        padding-top: 1px;
        padding-bottom: 0;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .page-404__title {
        font-size: 18px;
        line-height: 25px;
    }
}

.page-404__text {
    margin: 0;
    opacity: 0.5;
}

.page-404__text--main-page {
    padding-top: 15px;
}

@media (min-width: 1023px) {
    .page-404__text--main-page {
        padding-top: 50px;
    }
}

@media (min-width: 1359px) {
    .page-404__text--main-page {
        padding-top: 23px;
    }
}

@media (min-width: 1919px) {
    .page-404__text--main-page {
        padding-top: 25px;
    }
}

.page-404__link {
    outline: none;
    text-decoration: underline;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .page-404__link:hover, .page-404__link:focus {
        opacity: 0.7;
    }
}

@media (min-width: 1023px) {
    .page-404__404-icon {
        align-self: flex-end;
        margin-top: auto;
        margin-bottom: 0;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
    }
}

@media (min-width: 1359px) {
    .page-404__404-icon {
        margin-bottom: -10px;
        margin-left: 44px;
    }
}

@media (min-width: 1599px) {
    .page-404__404-icon {
        margin-right: 42px;
        margin-bottom: -17px;
        margin-left: auto;
        justify-self: flex-end;
    }
}

@media (min-width: 1919px) {
    .page-404__404-icon {
        margin-right: 48px;
    }
}

.page-404__404-icon svg {
    fill: #f2f2f2;
    fill: var(--text-color);
    stroke: #f2f2f2;
    stroke: var(--text-color);
    stroke-width: 0.1px;
}

@media (min-width: 1023px) {
    .page-404__404-icon svg {
        width: 541px;
        max-width: 100%;
        height: 284px;
        margin-top: auto;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 1;
        grid-row: 1;
    }
}

@media (min-width: 1359px) {
    .page-404__404-icon svg {
        width: 720px;
        height: 373px;
    }
}

@media (min-width: 1599px) {
    .page-404__404-icon svg {
        width: 795px;
        height: 410px;
        fill: #fff;
    }
}

.news-page {
    margin-bottom: 17px;
    font-family: "Jeko", "Arial", sans-serif;
}

@media (min-width: 1023px) {
    .news-page {
        padding-top: 25px;
    }
}

@media (min-width: 1359px) {
    .news-page {
        margin-bottom: 87px;
    }
}

@media (min-width: 1599px) {
    .news-page {
        margin-bottom: 123px;
    }
}

@media (min-width: 1919px) {
    .news-page {
        margin-bottom: 115px;
        padding-top: 9px;
    }
}

.news-page__title {
    padding: 0 20px 25px;
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 27px;
}

@media (min-width: 1023px) {
    .news-page__title {
        padding: 0 40px 41px;
        font-size: 28px;
        line-height: 34px;
        margin-top: 2px;
    }
}

@media (min-width: 1359px) {
    .news-page__title {
        padding: 0 64px;
        font-size: 40px;
        line-height: 67px;
    }

    .news-page__title {
        margin-top: -1px;
    }
}

@media (min-width: 1359px) {
    .news-page__title {
        padding: 0 64px 9px;
        line-height: 58px;
        padding-left: 64px;
    }
}

@media (min-width: 1599px) {
    .news-page__title {
        padding-left: 40px;
    }
}

@media (min-width: 1919px) {
    .news-page__title {
        max-width: 1920px;
        padding: 0 56px 6px;
        margin: 0 auto;
        line-height: 54px;
        padding-bottom: 9px;
        padding-top: 18px;
    }
}

.news-page__years-wrapper {
    position: relative;
    margin-bottom: 33px;
    margin-left: 20px;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
}

.news-page__years-wrapper::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1023px) {
    .news-page__years-wrapper {
        overflow: auto;
        margin-bottom: 40px;
        margin-left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (min-width: 1359px) {
    .news-page__years-wrapper {
        margin-bottom: 38px;
    }
}

@media (min-width: 1599px) {
    .news-page__years-wrapper {
        margin-bottom: 40px;
    }
}

@media (min-width: 1919px) {
    .news-page__years-wrapper {
        max-width: 1920px;
        margin: 0 auto 29px;
        padding-bottom: 9px;
    }
}

.news-page__years-list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-right: 20px;
    overflow-y: auto;
}

@media (min-width: 1023px) {
    .news-page__years-list {
        width: auto;
        padding-bottom: 20px;
        padding-left: 0;
        border-bottom: 1px solid #ffffff;
        border-bottom: 1px solid var(--border-color);
        margin: 0 40px;
        margin-left: auto;
        overflow-x: auto;
        padding-left: 40px;
    }

    .news-page__years-list::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 1359px) {
    .news-page__years-list {
        margin: 0 64px;
    }

    .news-page__years-list {
        padding-bottom: 18px;
    }
}

@media (min-width: 1599px) {
    .news-page__years-list {
        margin: 0 40px;
    }
}

@media (min-width: 1919px) {
    .news-page__years-list {
        margin: 0 56px;
    }

    .news-page__years-list {
        padding-bottom: 19px;
    }
}

.news-page__year {
    width: auto;
    padding-right: 22px;
    font-family: "Inter";
}

@media (min-width: 1023px) {
    .news-page__year {
        padding-right: 23px;
        margin-top: -3px;
    }

    .news-page__year:first-child {
        margin-left: auto;
    }
}

@media (min-width: 1359px) {
    .news-page__year {
        padding-right: 25.7px;
        margin-top: -3.6px;
    }
}

@media (min-width: 1599px) {
    .news-page__year {
        padding-right: 25.7px;
    }
}

@media (min-width: 1919px) {
    .news-page__year {
        padding-right: 25.9px;
        margin-top: -2.5px;
    }
}

.news-page__year:last-child {
    padding-right: 20px;
}

@media (min-width: 1023px) {
    .news-page__year:last-child {
        padding-right: 0;
    }
}

.news-page__year-link {
    color: #ffffff;
    color: var(--text-color);
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 20px;
    opacity: 0.5;
    outline: none;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 374px) {
    .news-page__year-link {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.08em;
    }
}

@media (min-width: 1919px) {
    .news-page__year-link {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 120%;
        text-align: right;
        letter-spacing: 0.08em;
    }
}

.news-page__year-link--active {
    opacity: 1;
}

@media (min-width: 1023px) {
    .news-page__year-link {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) {
    .news-page__year-link {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0.08em;
    }
}

@media (min-width: 1359px) {
    .news-page__year-link {
        font-size: 18px;
        line-height: 120%;
    }
}

.news-page__year-link:active, .news-page__year-link:hover, .news-page__year-link:focus {
    opacity: 1;
}

.news-page__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid var(--border-color-2);
    margin-bottom: 17px;
}

.news-page__item {
    padding-bottom: 60px;
}

.news-page__item:last-child {
    padding-bottom: 56px;
}

@media (min-width: 1023px) {
    .news-page__item:last-child {
        padding-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .news-page__item:last-child {
        padding-bottom: 31px;
    }

    .news-page__list {
        padding-bottom: 10px;
        margin-bottom: -4px;
    }
}

@media (min-width: 1599px) {
    .news-page__item:last-child {
        padding-bottom: 28px;
    }

    .news-page__list {
        padding-bottom: 14px;
    }
}

@media (min-width: 1919px) {
    .news-page__item:last-child {
        padding-bottom: 38px;
    }

    .news-page__list {
        margin-bottom: -12px;
        margin-left: -8px;
    }

    .news-page__list + .load_more {
        padding-top: 7px;
        margin-left: -1px;
        padding-bottom: 11px;
    }
}

@media (min-width: 1023px) {
    .news-page__item {
        padding-bottom: 41px;
    }
}

@media (min-width: 1359px) {
    .news-page__item {
        padding-bottom: 37.7px;
    }
}

@media (min-width: 1599px) {
    .news-page__item {
        padding-bottom: 39.5px;
    }
}

@media (min-width: 1919px) {
    .news-page__item {
        padding-left: 7px;
        padding-bottom: 36.6px;
    }
}

.news-page__more-link {
    outline: none;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .news-page__more-link:hover, .news-page__more-link:focus {
        opacity: 0.7;
    }
}

.news-page__more-link.more-btn {
    color: rgba(255, 255, 255, 0.5);
    color: var(--link-color-transparent);
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .news-page__more-link.more-btn {
        font-size: 16px;
        line-height: 22px;
    }
}

.news-page__more-link.more-btn::after {
    top: 49%;
}

.news-card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: none;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (min-width: 1023px) {
    .news-card__link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .news-card__link:hover .news-card__text, .news-card__link:focus .news-card__text {
        opacity: 0.6;
    }
}

.news-card__date {
    padding-bottom: 9px;
    margin: 0;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 14px;
    line-height: 17px;
    opacity: 0.5;
    word-wrap: break-word;
}

@media (min-width: 1023px) {
    .news-card__date {
        max-width: 10%;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .news-card__date {
        font-size: 18px;
        line-height: 25px;
    }
}

.news-card__text {
    max-width: 335px;
    padding-bottom: 35px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .news-card__text {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-bottom: 10px;
        margin-right: 120px;
        margin-left: 74px;
    }
}

@media (min-width: 1359px) {
    .news-card__text {
        margin-right: 100px;
        margin-left: 271px;
        font-size: 18px;
        line-height: 25px;
    }
}

@media (min-width: 1599px) {
    .news-card__text {
        margin-right: 144px;
        margin-left: 343px;
        font-size: 24px;
        line-height: 34px;
    }
}

@media (min-width: 1919px) {
    .news-card__text {
        margin-right: 160px;
        margin-left: 516px;
        margin-top: -7.56px;
        font-size: 23px;
    }
}

.news-card__img-wrapper {
    width: 85%;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media (min-width: 374px) {
    .news-card__img-wrapper {
        width: 79%;
    }
}

@media (max-width: 425px) {
    .news-card__img-wrapper {
        display: block;
        margin: 0 auto;
    }
}

@media (min-width: 1023px) {
    .news-card__img-wrapper {
        width: 384px;
        min-width: 384px;
        margin-left: 0;
    }
}

@media (min-width: 1359px) {
    .news-card__img-wrapper {
        width: 400px;
        min-width: 400px;
    }
}

@media (min-width: 1599px) {
    .news-card__img-wrapper {
        width: 496px;
        min-width: 496px;
    }
}

@media (min-width: 1919px) {
    .news-card__img-wrapper {
        min-width: 592px;
    }

    .news-card__img-wrapper img {
        /*max-height: 360.4px;*/
    }
}

.news-card__img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 374px) {
    .news-card__img-wrapper img {
        /*max-height: 160px;*/
    }
}

@media (min-width: 1023px) {
    .news-card__img-wrapper img {
        /*max-height: 234px;*/
    }
}

.news-card__icon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background-color: #dedede;
    border-radius: 50%;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    margin-right: 6.5px;
}

.news-card__icon svg {
    position: absolute;
    top: calc(50% - 4px);
    left: calc(50% - 4px);
    stroke: #2d2d2d;
}

.suggestion {
    -ms-scroll-limit: 0 0 0 0;
    scrollbar-width: none;
}

.suggestion__list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: #2d2d2d;
    background-color: var(--bg-color);
    -ms-overflow-style: none;
    overflow-y: auto;
    scrollbar-width: none;
}

@media (min-width: 1023px) {
    .suggestion__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 24px 24px 8px 24px;
        background-color: rgba(69, 69, 69, 0.88);
        background-color: var(--bg-color-2);
        border-radius: 16px;
        -ms-touch-action: pan-x;
        touch-action: pan-x;
    }
}

@media (min-width: 1359px) {
    .suggestion__list {
        padding: 25px 22px 0;
    }

    .news-card__img-wrapper img {
        /*max-height: 242px;*/
    }
}

@media (min-width: 1599px) {
    .news-card__img-wrapper img {
        /*max-height: 304px;*/
    }
}

@media (min-width: 1919px) {
    .news-card__img-wrapper img {
        /*max-height: 347px;*/
        max-width: 439px;
    }
}

.suggestion__list::-webkit-scrollbar {
    display: none;
}

.suggestion__item {
    padding-bottom: 15px;
    -ms-overflow-style: none;
}

@media (min-width: 1023px) {
    .suggestion__item {
        padding-bottom: 26px;
        margin-right: 12px;
        -ms-touch-action: pan-x;
        touch-action: pan-x;
        width: 46%;
        overflow: hidden;
    }
}

@media (min-width: 1023px) {
    .suggestion__link {
        padding: 5px 15px 7px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border: 1px solid var(--border-color-2);
        border-radius: 24px;
        font-size: 14px;
        line-height: 20px;
        -webkit-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        display: block;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .suggestion__link:hover, .suggestion__link:focus {
        opacity: 0.7;
    }
}

.search-results {
    position: relative;
    padding-top: 106px;
}

@media (min-width: 1023px) {
    .search-results {
        padding-top: 0;
    }
}

@media (min-width: 1919px) {
    .search-results {
        position: relative;
        max-width: 1920px;
        margin: 0 auto;
    }
}

.search-results .price-list__wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 0;
    margin-bottom: 80px;
}

.search-results .search-form {
    padding-top: 15px;
}

@media (min-width: 1359px) {
    .search-results .search-form {
        padding-top: 10px;
    }
}

@media (min-width: 1599px) {
    .search-results .search-form {
        padding-top: 3px;
    }
}

.search-results .search-form--result-page form {
    padding-bottom: 9px;
}

@media (min-width: 1023px) {
    .search-results .search-form--result-page form {
        padding-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .search-results .search-form--result-page form {
        padding-bottom: 10px;
    }
}

.search-results .search-form--result-page form input {
    padding-left: 0;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .search-results .search-form--result-page form input {
        padding-bottom: 9px;
        font-size: 40px;
        letter-spacing: -0.01em;
        line-height: 52px;
    }
}

@media (min-width: 1599px) {
    .search-results .search-form--result-page form input {
        font-size: 64px;
        letter-spacing: -0.03em;
        line-height: 71px;
    }
}

@media (min-width: 1023px) {
    .search-results .search-form--result-page {
        position: absolute;
        z-index: 199;
        top: -25px;
        left: 40px;
        display: block;
        width: calc(100% - 80px);
        max-width: 1920px;
        background-color: #2d2d2d;
        background-color: var(--bg-color);
    }

    .search-results .search-form--result-page form {
        min-height: auto;
    }
}

@media (min-width: 1359px) {
    .search-results .search-form--result-page {
        left: 64px;
        width: calc(100% - 128px);
    }
}

@media (min-width: 1599px) {
    .search-results .search-form--result-page {
        top: 0;
        left: 40px;
        width: calc(100% - 80px);
    }
}

@media (min-width: 1919px) {
    .search-results .search-form--result-page {
        left: 56px;
        width: calc(100% - 112px);
    }
}

.search-results .search-form__search-block.focus form input,
.search-results .search-form__search-block.active form input {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 0;
}

.search-results .price-list__info {
    display: none;
}

.search-results .price-list__info form {
    display: none;
}

@media (min-width: 1023px) {
    .search-results .price-list__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px;
    }
}

.search-results__more-btn {
    display: block;
    max-width: 285px;
    padding: 20px 0;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    margin: -50px auto 40px;
    border-radius: 40px;
    font-size: 16px;
    letter-spacing: 0.08em;
    line-height: 22px;
    text-align: center;
}

@media (min-width: 1023px) {
    .search-results__more-btn {
        margin: -10px 280px 80px;
    }
}

@media (min-width: 1359px) {
    .search-results__more-btn {
        margin: 0 376px 55px;
    }
}

@media (min-width: 1599px) {
    .search-results__more-btn {
        margin: 8px 424px 108px;
    }
}

@media (min-width: 1919px) {
    .search-results__more-btn {
        margin: 0 512px 55px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .search-results__more-btn:hover, .search-results__more-btn:focus {
        opacity: 0.7;
    }
}

.search-results__quantity {
    padding-top: 20px;
    padding-bottom: 50px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

@media (min-width: 1023px) {
    .search-results__quantity {
        padding-bottom: 23px;
        font-size: 28px;
        letter-spacing: -0.01em;
        line-height: 36px;
    }
}

@media (min-width: 1359px) {
    .search-results__quantity {
        padding-top: 33px;
        padding-bottom: 66px;
        font-size: 40px;
        line-height: 52px;
    }
}

@media (min-width: 1599px) {
    .search-results__quantity {
        padding-top: 143px;
        padding-bottom: 48px;
    }
}

@media (min-width: 1919px) {
    .search-results__quantity {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.search-results__result-block {
    display: none;
}

.search-results__empty-block {
    display: none;
    min-height: 429px;
    padding-top: 104px;
    padding-bottom: 82px;
}

@media (min-width: 1023px) {
    .search-results__empty-block {
        padding-top: 151px;
        padding-bottom: 31px;
    }
}

@media (min-width: 1359px) {
    .search-results__empty-block {
        padding-top: 160px;
        padding-bottom: 6px;
    }
}

@media (min-width: 1599px) {
    .search-results__empty-block {
        padding-top: 232px;
        padding-bottom: 239px;
    }
}

@media (min-width: 1919px) {
    .search-results__empty-block {
        padding-top: 222px;
        padding-bottom: 118px;
        padding-left: 66px;
    }
}

.search-results__empty-icons {
    margin-bottom: 9px;
    margin-left: -5px;
}

.search-results__empty-icons svg {
    stroke: #f2f2f2;
    stroke: var(--text-color);
}

.search-results__empty-title {
    padding-bottom: 16px;
    margin: 0;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
}

@media (min-width: 1359px) {
    .search-results__empty-title {
        font-size: 40px;
        letter-spacing: -0.01em;
        line-height: 52px;
    }
}

.search__text {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    width: 368px;
    opacity: 0.5;
}

.search__title {
    font-family: 'Jeko';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 130%;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 16px;
}

.search-results__empty-desc {
    max-width: 260px;
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    opacity: 0.5;
}

.search-empty img {
    margin-left: -10px;
}

@media (min-width: 1023px) {
    .search-results__empty-desc {
        max-width: 370px;
        line-height: 20px;
    }
}

@media (min-width: 1359px) {
    .search-results__empty-desc {
        line-height: 20px;
    }
}

.search-results.is-empty .search-results__empty-block {
    display: block;
}

.search-results.has-result .search-results__result-block {
    display: block;
    padding-top: 0;
    margin-top: 0;
}

@media (min-width: 1023px) {
    .search-results.has-result .search-results__result-block {
        padding-top: 130px;
    }
}

@media (min-width: 1023px) {
    .search-results.has-result .search-form__suggestion--static {
        display: block;
        max-width: 100%;
        padding-top: 0;
        margin-top: 0;
        background-color: #2d2d2d;
        background-color: var(--bg-color);
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-touch-action: pan-x;
        touch-action: pan-x;
    }

    .search-results.has-result .search-form__suggestion--static::-webkit-scrollbar {
        display: none;
    }
}

@media (min-width: 1359px) {
    .search-results.has-result .search-form__suggestion--static {
        margin-top: 20px;
        margin-left: -5px;
    }
}

@media (min-width: 1919px) {
    .search-results.has-result .search-form__suggestion--static {
        margin-top: 16px;
    }
}

@media (min-width: 1023px) {
    .search-results.has-result .search-form__suggestion--static .suggestion__list {
        width: calc(100% + 40px);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0;
        padding-bottom: 10px;
        margin-top: 7px;
        background-color: #2d2d2d;
        background-color: var(--bg-color);
        -webkit-box-shadow: none;
        box-shadow: none;
        scrollbar-width: none;
    }
}

@media (min-width: 1359px) {
    .search-results.has-result .search-form__suggestion--static .suggestion__list {
        width: calc(100% + 64px);
        margin-top: 0;
    }
}

@media (min-width: 1919px) {
    .search-results.has-result .search-form__suggestion--static .suggestion__list {
        width: calc(100% + 56px);
    }
}

.search-results.has-result .search-form__suggestion--static .suggestion__list::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1023px) {
    .search-results.has-result .search-form__suggestion--static .suggestion__item {
        padding: 10px 0;
    }
}

@media (min-width: 1023px) {
    .search-results.has-result .search-form__suggestion--static .suggestion__link {
        padding: 5px 20px 7px;
        font-size: 18px;
        line-height: 22px;
        white-space: nowrap;
    }
}

.configurate form > fieldset:nth-of-type(1) {
    border: none;
    padding: 0;
}

.configurate form > fieldset:nth-of-type(1) h2 {
    position: relative;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 112%;
    margin-bottom: 232px;
    margin-top: 8px;
}

@media (min-width: 374px) {
    .configurate form > fieldset:nth-of-type(1) h2 {
        margin-top: 0;
    }
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(1) h2 {
        font-size: 28px;
    }
}

@media (min-width: 1359px) {
    .configurate form > fieldset:nth-of-type(1) h2 {
        font-size: 32px;
        line-height: 120%;
        margin-top: 10px;
    }
}

@media (min-width: 1599px) {
    .configurate form > fieldset:nth-of-type(1) h2 {
        font-size: 40px;
        line-height: 130%;
    }
}

.configurate form > fieldset:nth-of-type(1) svg {
    width: 100%;
    height: 100%;
    stroke: #ffffff;
    stroke: var(--default-white);
}

.configurate form > fieldset:nth-of-type(1) label {
    position: relative;
    display: block;
    padding: 30px 36px 16px 36px;
    font-size: 18px;
    font-weight: normal;
    line-height: 120%;
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(1) label {
        font-size: 14px;
    }
}

@media (min-width: 1359px) {
    .configurate form > fieldset:nth-of-type(1) label {
        font-size: 18px;
    }
}

.configurate form > fieldset:nth-of-type(1) span {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    color: var(--default-white);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
}

.configurate form > fieldset:nth-of-type(1) input {
    top: 50%;
    left: 0;
    width: 100%;
    height: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.configurate form > fieldset:nth-of-type(1) input::-webkit-slider-thumb {
    width: 2px;
    height: 48px;
    -webkit-appearance: none;
    appearance: none;
    background-color: turquoise;
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(1) {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr -webkit-max-content;
        -ms-grid-rows: 1fr max-content;
        grid-template-rows: 1fr -webkit-max-content;
        grid-template-rows: 1fr max-content;
        margin-bottom: 0;
    }
}

.configurate form > fieldset:nth-of-type(1) fieldset {
    display: block;
    border: none;
    padding: 0;
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(1) fieldset {
        width: 256px;
        margin-right: 0;
        margin-left: auto;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-column: 3/4;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/ span 2;
        margin-top: 24px;
    }
}

@media (min-width: 1359px) {
    .configurate form > fieldset:nth-of-type(1) fieldset {
        width: 344px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: auto;
        margin-top: -49px;
    }
}

@media (min-width: 1599px) {
    .configurate form > fieldset:nth-of-type(1) fieldset {
        margin-top: 66px;
    }
}

@media (min-width: 1919px) {
    .configurate form > fieldset:nth-of-type(1) fieldset {
        margin-top: 231px;
    }
}

.configurate form > fieldset:nth-of-type(1) > button:last-child {
    width: 100%;
    min-height: 64px;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    margin-top: 50px;
    margin-bottom: 80px;
    background-color: transparent;
    border-radius: 80px;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.08em;
    line-height: 140%;
    text-align: center;
    -ms-grid-column: 1;
    grid-column: 1;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -ms-grid-row: 2;
    grid-row: 2;
}

.configurate form > fieldset:nth-of-type(1) > button:last-child:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
}

.configurate form > fieldset:nth-of-type(1) > button:last-child:active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(1) > button:last-child {
        width: 240px;
        min-height: 56px;
        margin: 0;
    }
}

@media (min-width: 1359px) {
    .configurate form > fieldset:nth-of-type(1) > button:last-child {
        font-size: 16px;
        min-height: 64px;
    }
}

.configurate form > fieldset:nth-of-type(1) > div {
    position: relative;
    width: 133px;
    height: 209px;
    margin-right: 0;
    margin-left: auto;
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(1) > div {
        width: 219px;
        height: 343px;
        margin: 0 auto;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        grid-row: 1/-1;
    }
}

@media (min-width: 1359px) {
    .configurate form > fieldset:nth-of-type(1) > div {
        width: 267px;
        height: 419px;
    }
}

@media (min-width: 1599px) {
    .configurate form > fieldset:nth-of-type(1) > div {
        width: 322px;
        height: 506px;
    }
}

@media (min-width: 1919px) {
    .configurate form > fieldset:nth-of-type(1) > div {
        width: 359px;
        height: 510px;
    }
}

.configurate form .configurate-form__range {
    position: relative;
    width: 100%;
    height: 80px;
    padding: 20px 55px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    border-radius: 80px;
}

@media (min-width: 1023px) {
    .configurate form .configurate-form__range {
        height: 64px;
    }
}

@media (min-width: 1359px) {
    .configurate form .configurate-form__range {
        height: 80px;
    }
}

.configurate form .configurate-form__line {
    position: relative;
    top: 50%;
    left: 0;
    height: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.configurate form .configurate-form__btn-range {
    position: absolute;
    top: 50%;
    left: 0;
    min-width: 72px;
    height: 48px;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    background-color: transparent;
    border-radius: 80px;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 1023px) {
    .configurate form .configurate-form__btn-range {
        height: 40px;
    }
}

@media (min-width: 1359px) {
    .configurate form .configurate-form__btn-range {
        height: 48px;
    }
}

.configurate form > fieldset:nth-of-type(2) {
    display: -ms-grid;
    display: grid;
    padding: 0;
    border: 0;
    margin: 0;
    -webkit-column-gap: 67px;
    -moz-column-gap: 67px;
    column-gap: 67px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.configurate form > fieldset:nth-of-type(2) div {
    max-height: 300px;
}

.configurate form > fieldset:nth-of-type(2) div svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    stroke: #ffffff;
    stroke: var(--default-white);
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) {
    display: -ms-grid;
    display: grid;
    padding: 0;
    border: none;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2 {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    font-size: 24px;
    font-weight: 500;
    grid-column: 1/-1;
    letter-spacing: -0.01em;
    line-height: 112%;
    margin-top: 11px;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2:hover::after {
    width: 19px;
    height: 19px;
    top: 53px;
    right: -23px;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2::after {
    position: absolute;
    font-size: 14px;
    top: 55px;
    right: -22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 50%;
    color: #000000;
    color: var(--default-black);
    content: "?";
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

@media (min-width: 319px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2::after {
        top: 20px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2:hover::after {
        top: 18px;
    }
}

@media (min-width: 374px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2 {
        margin-top: -2px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2::after {
        top: 17px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2:hover::after {
        top: 15px;
    }
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2 {
        font-size: 28px;
        margin-top: 30px;
        line-height: 120%;
        margin-bottom: 0;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2::after {
        top: 27px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2:hover::after {
        top: 25px;
    }
}

@media (min-width: 1359px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2 {
        font-size: 32px;
        margin-top: 7px;
        line-height: 130%;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2::after {
        top: 41px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2:hover::after {
        top: 39px;
    }
}

@media (min-width: 1599px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2 {
        font-size: 40px;
        line-height: 130%;
        margin-top: 13px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2::after {
        top: 55px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) h2:hover::after {
        top: 53px;
    }
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) ul {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: start;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 26px;
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) ul {
        margin-top: 7px;
    }
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) ul {
        margin-top: 50px;
    }
}

@media (min-width: 1599px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) ul {
        margin-top: 75px;
    }
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) ul li {
    font-size: 18px;
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 12px;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) ul span {
    font-size: 14px;
    opacity: 0.4;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(1) ul p {
    margin: 0;
    margin-top: 7px;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) {
    display: -ms-grid;
    display: grid;
    padding: 0;
    border: none;
    margin-top: 47px;
    padding-bottom: 50px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    margin-bottom: 19px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    list-style: none;
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul {
        padding-right: 33px;
    }
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li {
    position: relative;
    padding: 21px 32px 21px 56px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    margin-bottom: 20px;
    background-color: transparent;
    border-radius: 80px;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
    text-align: start;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > svg {
    position: absolute;
    top: 50%;
    left: 24px;
    width: 16px;
    height: 16px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 2px;
    stroke: #000000;
    stroke: var(--default-black);
    fill: #000000;
    fill: var(--default-black);
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > div {
    display: none;
    position: absolute;
    width: 260px;
    top: -1px;
    left: -1px;
    padding: 22px;
    z-index: 1;
    background-color: #454545;
    background-color: var(--bg-color-2);
    border-radius: 27px;
    cursor: auto;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > div button {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 50%;
    border: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > div button:hover {
    opacity: 0.8;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > div svg {
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
    padding: 2px;
    stroke: #2d2d2d;
    stroke: var(--bg-color);
    fill: #000000;
    fill: var(--default-black);
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > div p {
    margin: 0;
    white-space: nowrap;
    display: none;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > div div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > div div label {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li > div div label:hover {
    opacity: 0.8;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li:hover {
    border: 1px solid #f2f2f2;
    border: 1px solid var(--border-color);
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="submit"] {
    padding: 0;
    padding: 22px;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    background-color: transparent;
    border-radius: 80px;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -ms-grid-row: 2;
    grid-row: 2;
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="submit"]:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="submit"]:active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="reset"] {
    padding: 0;
    padding: 21px;
    border: none;
    background-color: transparent;
    border-radius: 80px;
    color: #ffffff;
    color: var(--default-white);
    cursor: pointer;
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-grid-column: 1;
    grid-column: 1;
    font-weight: normal;
    font-size: 15px;
    line-height: 140%;
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="reset"] {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 2;
        grid-column: 2;
    }
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="reset"] svg {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    stroke: #ffffff;
    stroke: var(--default-white);
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="reset"]:hover {
    color: rgba(255, 255, 255, 0.5);
    color: var(--link-color-transparent);
}

.configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="reset"]:hover svg {
    opacity: 0.8;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-grid-columns: -webkit-max-content 1fr;
        -ms-grid-columns: max-content 1fr;
        grid-template-columns: -webkit-max-content 1fr;
        grid-template-columns: max-content 1fr;
        margin-top: 33px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul {
        grid-column: 1/-1;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li {
        padding: 18px 32px 20px 56px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="submit"] {
        width: 240px;
        padding: 19px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="reset"] {
        width: 176px;
        padding: 19px;
    }
}

@media (min-width: 1359px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) {
        margin-top: 13px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li {
        padding: 21px 32px 21px 60px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="submit"] {
        width: 244px;
        padding: 22px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="reset"] {
        font-size: 18px;
        line-height: 140%;
    }
}

@media (min-width: 1599px) {
    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) {
        margin-top: 29px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul {
        margin-bottom: -8px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) ul li {
        padding: 21px 32px 21px 60px;
        margin-bottom: 41px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="submit"] {
        width: 244px;
        padding: 22px;
    }

    .configurate form > fieldset:nth-of-type(2) > fieldset:nth-of-type(2) button[type="reset"] {
        font-size: 18px;
        line-height: 140%;
    }
}

@media (min-width: 1023px) {
    .configurate form > fieldset:nth-of-type(2) {
        -ms-grid-columns: 1fr 1.66fr;
        grid-template-columns: 1fr 1.66fr;
    }
}

@media (min-width: 1359px) {
    .configurate form > fieldset:nth-of-type(2) {
        -ms-grid-columns: 1fr 2.4fr;
        grid-template-columns: 1fr 2.4fr;
    }
}

@media (min-width: 1599px) {
    .configurate form > fieldset:nth-of-type(2) {
        -ms-grid-columns: 1fr 2.3fr;
        grid-template-columns: 1fr 2.3fr;
    }
}

@media (min-width: 1023px) {
    .page-article__text-content {
        width: 74.6%;
        margin-left: auto;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content {
        width: 57.8%;
        margin-right: 208px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content {
        width: 55.3%;
        margin-right: 295px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content {
        width: 49.5%;
        margin-right: 456px;
    }
}

.page-article__text-content h1, {
    margin: 0 0 40px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 31px;
    text-indent: 25px;
}

@media (min-width: 1023px) {
    .page-article__text-content h1 {
        margin-left: -34%;
        text-indent: 225px;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content h1 {
        margin-bottom: 64px;
        margin-left: -45%;
        font-size: 32px;
        line-height: 42px;
        text-indent: 319px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content h1 {
        margin-bottom: 80px;
        margin-left: -38%;
        font-size: 40px;
        line-height: 52px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content h1 {
        margin-left: -51%;
        text-indent: 452px;
    }
}

.page-article__text-content h2 {
    margin: 0 0 20px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 24px;
}

@media (min-width: 1023px) {
    .page-article__text-content h2 {
        margin-bottom: 40px;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content h2 {
        margin-bottom: 40px;
        font-size: 24px;
        line-height: 29px;
    }
}

@media (min-width: 1023px) {
    .page-article__text-content h2 + ul {
        margin-top: -20px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content h2 + ul {
        margin-bottom: 200px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content h2 + ul {
        margin-bottom: 143px;
    }
}

.page-article__text-content h3 {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .page-article__text-content h3 {
        margin-top: 80px;
        margin-bottom: 40px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content h3 {
        margin-top: 40px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content h3 {
        padding-right: 160px;
        margin-top: 0;
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 29px;
    }
}

.page-article__text-content h3 + ol {
    padding-left: 0;
    margin-bottom: 70px;
    counter-reset: list1;
}

@media (min-width: 1023px) {
    .page-article__text-content h3 + ol {
        margin-bottom: 20px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content h3 + ol {
        margin-bottom: 60px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content h3 + ol {
        margin-bottom: 80px;
    }
}

.page-article__text-content h3 + ol li {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
    list-style-type: none;
}

@media (min-width: 1359px) {
    .page-article__text-content h3 + ol li {
        font-size: 18px;
        line-height: 29px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content h3 + ol li {
        padding-bottom: 16px;
    }
}

.page-article__text-content h3 + ol li::before {
    padding-right: 5px;
    content: counter(list1) ".";
    counter-increment: list1;
}

.page-article__text-content h3 + ol ol {
    padding-left: 27px;
    counter-reset: list2;
    list-style: none;
}

@media (min-width: 1599px) {
    .page-article__text-content h3 + ol ol {
        padding-top: 20px;
    }
}

.page-article__text-content h3 + ol ol li {
    padding-bottom: 10px;
}

.page-article__text-content h3 + ol ol li::before {
    content: counter(list1) "." counter(list2);
    counter-increment: list2;
}

@media (min-width: 1599px) {
    .page-article__text-content h3 + ol ol li {
        padding-bottom: 16px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content h3 + ol ol li {
        padding-bottom: 9px;
    }
}

.page-article__text-content p {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1359px) {
    .page-article__text-content p {
        margin-bottom: 70px;
        font-size: 18px;
        line-height: 29px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content p {
        margin-bottom: 0;
    }
}

.page-article__text-content p strong {
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

@media (min-width: 1359px) {
    .page-article__text-content p strong {
        font-size: 24px;
        line-height: 29px;
    }
}

.page-article__text-content a {
    outline: none;
    /*text-decoration: underline;*/
}

.news-section.page-article__text-content a {
    outline: none;
    text-decoration: underline;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .page-article__text-content a:hover, .page-article__text-content a:focus {
        opacity: 0.7;
    }
}

.page-article__text-content img {
    margin: 0 auto 100px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1023px) {
    .page-article__text-content img {
        margin-bottom: 80px;
        margin-left: -34%;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content img {
        margin-right: 0;
        margin-bottom: 100px;
        margin-left: -45%;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content img {
        margin-bottom: 120px;
        margin-left: -46%;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content img {
        margin-top: -24px;
        margin-left: -51%;
    }
}

.page-article__text-content ul {
    padding-left: 0;
    margin: 0 0 70px;
    list-style: none;
}

@media (min-width: 1023px) {
    .page-article__text-content ul {
        margin-bottom: 80px;
    }
}

.news .page-article__text-content img {
    margin: 0 auto;
}

.page-article__text-content ul li {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 22px;
}

@media (min-width: 1023px) {
    .page-article__text-content ul li {
        padding-bottom: 10px;
    }

    .page-article__text-content ul li:last-child ul {
        margin-bottom: 0;
    }
}

.page-article__text-content ul li::before {
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #f2f2f2;
    background-color: var(--text-color);
    border-radius: 50%;
    content: "";
}

.page-article__text-content ul li ul {
    margin-bottom: 40px;
    list-style: none;
}

@media (min-width: 1919px) {
    .page-article__text-content ul li ul {
        margin-bottom: 8px;
    }
}

.page-article__text-content ul li ul li {
    padding-bottom: 5px;
    padding-left: 0;
}

@media (min-width: 1919px) {
    .page-article__text-content ul li ul li {
        padding-bottom: 18px;
    }
}

.page-article__text-content ul li ul li:first-child {
    padding-top: 10px;
}

@media (min-width: 1919px) {
    .page-article__text-content ul li ul li:first-child {
        padding-top: 20px;
    }
}

.page-article__text-content ul li ul li::before {
    display: none;
}

.page-article__text-content .page-article__outline-list {
    padding: 0;
    margin: 0 0 100px;
    counter-reset: my-counter;
    list-style: none;
}

@media (min-width: 1023px) {
    .page-article__text-content .page-article__outline-list {
        margin-top: -20px;
        margin-bottom: 185px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content .page-article__outline-list {
        margin-bottom: 112px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content .page-article__outline-list {
        margin-top: 0;
    }
}

.page-article__text-content .page-article__outline-list li {
    position: relative;
    padding-bottom: 10px;
    padding-left: 0;
}

@media (min-width: 1359px) {
    .page-article__text-content .page-article__outline-list li {
        font-size: 18px;
        line-height: 29px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content .page-article__outline-list li {
        padding-bottom: 0;
    }
}

.page-article__text-content .page-article__outline-list li:last-child {
    padding-bottom: 0;
}

.page-article__text-content .page-article__outline-list li::before {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 5px;
    border: 1px solid #f2f2f2;
    border: 1px solid var(--text-color);
    margin-right: 12px;
    border-radius: 50%;
    content: counter(my-counter);
    counter-increment: my-counter;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}

.page-article__text-content blockquote {
    position: relative;
    margin: 0 0 100px 70px;
}

@media (min-width: 1023px) {
    .page-article__text-content blockquote {
        margin: 80px 0 80px 85px;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content blockquote {
        margin: 100px 0 100px 90px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content blockquote {
        margin: 120px 0 120px 149px;
    }
}

.page-article__text-content blockquote p {
    margin-bottom: 25px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 22px;
}

@media (min-width: 1599px) {
    .page-article__text-content blockquote p {
        margin-bottom: 32px;
        font-size: 24px;
        line-height: 34px;
    }
}

.page-article__text-content blockquote footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.page-article__text-content blockquote footer span {
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 17px;
}

.page-article__text-content blockquote footer span:last-of-type {
    padding-bottom: 0;
    opacity: 0.5;
}

@media (min-width: 1599px) {
    .page-article__text-content blockquote footer span {
        font-size: 16px;
        line-height: 22px;
    }

    .page-article__text-content blockquote footer span:last-of-type {
        max-width: 340px;
    }
}

.page-article__text-content blockquote::before {
    position: absolute;
    left: -70px;
    width: 40px;
    height: 40px;
    padding-top: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    border-radius: 50%;
    content: "“";
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    text-align: center;
}

@media (min-width: 1023px) {
    .page-article__text-content blockquote::before {
        left: -85px;
        width: 64px;
        height: 64px;
        padding-top: 15px;
        font-size: 48px;
        line-height: 53px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content blockquote::before {
        left: -149px;
    }
}

.page-article__text-content figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 100px;
}

@media (min-width: 1023px) {
    .page-article__text-content figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 80px;
        margin-left: -34%;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content figure {
        min-width: 1216px;
        margin-bottom: 93px;
        margin-left: -45%;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content figure {
        min-width: 1440px;
        margin-bottom: 110px;
        margin-left: -46%;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content figure {
        min-width: 1656px;
        margin-bottom: 120px;
        margin-left: -51%;
    }
}

.page-article__text-content figure iframe {
    width: 100%;
    border: 0;
    margin: 0 auto 20px;
}

@media (min-width: 1023px) {
    .page-article__text-content figure iframe {
        min-width: 624px;
        height: 349px;
        margin-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content figure iframe {
        min-width: 816px;
        height: 456px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content figure iframe {
        min-width: 1008px;
        height: 560px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content figure iframe {
        min-width: 1200px;
        height: 656px;
    }
}

@media (min-width: 1023px) {
    .page-article__text-content figure picture {
        min-width: 624px;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content figure picture {
        min-width: 816px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content figure picture {
        min-width: 1008px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content figure picture {
        min-width: 1200px;
    }
}

.page-article__text-content figure img {
    min-width: auto;
    max-height: 185px;
    margin-bottom: 20px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1023px) {
    .page-article__text-content figure img {
        width: 100%;
        max-width: 624px;
        max-height: 349px;
        margin-bottom: 0;
        margin-left: 0;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content figure img {
        min-width: 816px;
        max-height: 456px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content figure img {
        min-width: 1008px;
        max-height: 560px;
    }
}

@media (min-width: 1919px) {
    .page-article__text-content figure img {
        min-width: 1200px;
        max-height: 656px;
    }
}

.page-article__text-content figure figcaption {
    margin-left: 70px;
    font-family: "Jeko", "Arial", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

@media (min-width: 1023px) {
    .page-article__text-content figure figcaption {
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding-right: 13px;
        margin-left: 16px;
        font-size: 20px;
        letter-spacing: 0.04em;
        line-height: 22px;
    }
}

@media (min-width: 1359px) {
    .page-article__text-content figure figcaption {
        padding-right: 0;
        margin-left: 40px;
        line-height: 28px;
    }
}

@media (min-width: 1599px) {
    .page-article__text-content figure figcaption {
        font-size: 24px;
        line-height: 34px;
    }
}

.page-article__column {
    margin-bottom: 70px;
}

@media (min-width: 1023px) {
    .page-article__column {
        margin-bottom: 80px;
        margin-left: -34%;
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
}

@media (min-width: 1359px) {
    .page-article__column {
        margin-right: -22%;
        margin-bottom: 70px;
        margin-left: 0;
    }

    .page-article__column p {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1599px) {
    .page-article__column {
        margin-right: -26%;
        margin-bottom: 80px;
    }
}

@media (min-width: 1919px) {
    .page-article__column {
        margin-right: -51%;
    }
}

@media (min-width: 1023px) {
    .page-article__aside {
        position: relative;
    }
}

@media (min-width: 1359px) {
    .page-article__aside {
        margin-left: 0;
    }
}

@media (min-width: 1023px) {
    .page-article__aside .page-article__aside-text {
        max-width: 60%;
    }
}

@media (min-width: 1359px) {
    .page-article__aside .page-article__aside-text {
        max-width: 66%;
    }
}

@media (min-width: 1599px) {
    .page-article__aside .page-article__aside-text {
        max-width: 69%;
    }
}

@media (min-width: 1919px) {
    .page-article__aside .page-article__aside-text {
        max-width: 80%;
    }
}

@media (min-width: 1023px) {
    .page-article__aside--reference {
        display: block;
        margin-left: -34%;
    }
}

@media (min-width: 1359px) {
    .page-article__aside--reference {
        margin-left: 0;
    }
}

.page-article__aside--video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 70px;
}

@media (min-width: 1023px) {
    .page-article__aside--video {
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 80px;
        margin-left: -34%;
    }
}

@media (min-width: 1359px) {
    .page-article__aside--video {
        margin-bottom: 70px;
        margin-left: 0;
    }
}

@media (min-width: 1599px) {
    .page-article__aside--video {
        margin-bottom: 8px;
    }
}

.page-article__warning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 172px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px 20px 20px 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border: 1px solid var(--border-color-2);
    margin: 0 auto 100px;
    border-radius: 12px;
}

@media (min-width: 374px) {
    .page-article__warning {
        min-width: 335px;
        max-width: 590px;
        padding: 20px 7px 20px 15px;
    }
}

@media (min-width: 1023px) {
    .page-article__warning {
        width: 624px;
        max-width: 100%;
        padding: 27px 20px 21px 37px;
    }
}

@media (min-width: 1359px) {
    .page-article__warning {
        width: 712px;
        max-height: 175px;
        padding: 46px 40px;
        margin: 0 auto 100px 312px;
    }
}

@media (min-width: 1599px) {
    .page-article__warning {
        width: 880px;
        max-height: 145px;
        padding: 44px 28px 40px;
        margin: 0 auto 120px 384px;
    }
}

@media (min-width: 1599px) {
    .page-article__warning {
        margin: 0 auto 120px;
    }
}

.page-article__warning svg {
    min-width: 50px;
    stroke: #f2f2f2;
    stroke: var(--text-color);
}

@media (min-width: 1023px) {
    .page-article__warning svg {
        width: 70px;
        height: 70px;
    }
}

@media (min-width: 1599px) {
    .page-article__warning svg {
        width: 80px;
        height: 80px;
    }
}

.page-article__warning-text {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 5px;
    font-size: 12px;
    line-height: 18px;
}

@media (min-width: 374px) {
    .page-article__warning-text {
        max-width: 448px;
        margin-left: 15px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) {
    .page-article__warning-text {
        max-width: 448px;
        margin-bottom: 0;
        margin-left: 50px;
    }
}

@media (min-width: 1359px) {
    .page-article__warning-text {
        max-width: 512px;
        font-size: 18px;
        line-height: 29px;
    }
}

@media (min-width: 1599px) {
    .page-article__warning-text {
        max-width: calc(100% - 130px);
        margin-left: 40px;
    }
}

.page-article .price-list__info .price-list__colum,
.page-article .price-list__info .price-list__price-btn,
.page-article .price-list__info form {
    display: none;
}

.page-article .price-list__info .price-list__title {
    max-width: 200px;
}

@media (min-width: 1023px) {
    .page-article .price-list__info .price-list__title {
        max-width: 100%;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
}

@media (min-width: 1359px) {
    .page-article .price-list__info .price-list__title {
        font-size: 40px;
    }
}

.reference-aside {
    padding-top: 15px;
    border-top: 1px solid #ffffff;
    border-top: 1px solid var(--border-color);
    margin-bottom: 69px;
    margin-left: 70px;
}

@media (min-width: 1023px) {
    .reference-aside {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 304px;
        padding-top: 24px;
        margin: 0;
    }
}

@media (min-width: 1359px) {
    .reference-aside {
        right: -140px;
        max-width: 296px;
    }
}

@media (min-width: 1599px) {
    .reference-aside {
        right: -296px;
        max-width: 368px;
    }
}

@media (min-width: 1919px) {
    .reference-aside {
        right: -461px;
        max-width: 440px;
    }
}

.reference-aside__text {
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .reference-aside__text {
        max-width: 100%;
    }
}

@media (min-width: 1359px) {
    .reference-aside__text {
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1023px) {
    .video-aside {
        position: absolute;
        top: 0;
        right: 112px;
    }
}

@media (min-width: 1359px) {
    .video-aside {
        right: -80px;
    }
}

@media (min-width: 1599px) {
    .video-aside {
        right: -162px;
    }
}

@media (min-width: 1919px) {
    .video-aside {
        right: -290px;
    }
}

.video-aside img {
    width: 195px;
    max-height: 195px;
    margin-bottom: 60px;
}

@media (min-width: 1023px) {
    .video-aside img {
        width: auto;
        min-width: 192px;
        max-height: 192px;
        margin: 0;
    }
}

@media (min-width: 1599px) {
    .video-aside img {
        min-width: 240px;
        max-height: 240px;
    }
}

@media (min-width: 1919px) {
    .video-aside img {
        min-width: 288px;
        max-height: 288px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .video-aside__link img:hover, .video-aside__link img:focus {
        opacity: 0.7;
    }
}

.img-aside {
    display: none;
}

@media (min-width: 1023px) {
    .img-aside {
        position: absolute;
        top: 45px;
        left: -239px;
        display: block;
        margin-left: 0;
    }
}

@media (min-width: 1359px) {
    .img-aside {
        top: 20px;
        left: -311px;
    }
}

@media (min-width: 1599px) {
    .img-aside {
        top: 13px;
        left: -385px;
    }
}

@media (min-width: 1919px) {
    .img-aside {
        left: -456px;
    }
}

.img-aside img {
    min-width: 100%;
    margin: 0;
}

@media (min-width: 1023px) {
    .img-aside img {
        max-width: 223px;
    }
}

@media (min-width: 1359px) {
    .img-aside img {
        max-width: 191px;
        margin-bottom: 0;
    }
}

@media (min-width: 1599px) {
    .img-aside img {
        min-width: 229px;
        max-width: 239px;
    }
}

@media (min-width: 1919px) {
    .img-aside img {
        min-width: 288px;
        max-width: 288px;
    }
}

.article-slider {
    margin-bottom: 70px;
}

@media (min-width: 1023px) {
    .article-slider {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: -40px;
        margin-bottom: 57px;
        margin-left: -34%;
    }
}

@media (min-width: 1359px) {
    .article-slider {
        margin-right: -271px;
        margin-bottom: 160px;
        margin-left: -44%;
    }
}

@media (min-width: 1599px) {
    .article-slider {
        margin-right: -335px;
        margin-left: -46%;
    }
}

@media (min-width: 1919px) {
    .article-slider {
        margin-right: -512px;
        margin-left: -51%;
    }
}

@media (min-width: 1359px) {
    .article-slider__top-slider {
        margin-left: 0;
    }
}

.article-slider--bottom .article-slider__bottom-slider {
    margin-bottom: 100px;
}

@media (min-width: 1023px) {
    .article-slider--bottom .article-slider__bottom-slider {
        margin: 80px auto;
    }
}

@media (min-width: 1359px) {
    .article-slider--bottom .article-slider__bottom-slider {
        margin-top: 110px;
        margin-bottom: 100px;
    }
}

@media (min-width: 1599px) {
    .article-slider--bottom .article-slider__bottom-slider {
        margin-top: 0;
        margin-bottom: 120px;
    }
}

@media (min-width: 1919px) {
    .article-slider--bottom .article-slider__bottom-slider {
        margin-bottom: 54px;
    }
}

@media (min-width: 1023px) {
    .article-slider--bottom .article-slider__wrapper {
        display: grid;
        display: -ms-grid;
        width: 100%;
        max-width: 624px;
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
        row-gap: 54px;
    }
}

@media (min-width: 1359px) {
    .article-slider--bottom .article-slider__wrapper {
        max-width: 608px;
        row-gap: 40px;
    }
}

@media (min-width: 1599px) {
    .article-slider--bottom .article-slider__wrapper {
        max-width: 752px;
    }
}

@media (min-width: 1919px) {
    .article-slider--bottom .article-slider__wrapper {
        max-width: 812px;
    }
}

@media (min-width: 1023px) {
    .article-slider--bottom .article-slider__slide {
        margin-right: 15px;
        margin-bottom: 15px;
        cursor: auto;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
    }

    .article-slider--bottom .article-slider__slide:nth-child(2n) {
        margin-right: 0;
        margin-left: 0;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }

    .article-slider--bottom .article-slider__slide:nth-child(-n+3) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }

    .article-slider--bottom .article-slider__slide:nth-last-of-type(-n+2) {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
    }
}

.article-slider--bottom .article-slider__slide img {
    height: 215px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1023px) {
    .article-slider--bottom .article-slider__slide img {
        width: 100%;
        min-width: auto;
        height: 240px;
    }
}

@media (min-width: 1359px) {
    .article-slider--bottom .article-slider__slide img {
        max-height: 240px;
    }
}

@media (min-width: 1599px) {
    .article-slider--bottom .article-slider__slide img {
        height: 297px;
        max-height: 100%;
    }
}

@media (min-width: 1919px) {
    .article-slider--bottom .article-slider__slide img {
        height: 352px;
    }
}

.article-slider__desc {
    max-width: 260px;
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .article-slider__desc {
        position: relative;
        min-width: 232px;
        max-width: 240px;
        padding-top: 20px;
        padding-right: 25px;
    }
}

@media (min-width: 1359px) {
    .article-slider__desc {
        min-width: 320px;
        padding-right: 50px;
    }
}

@media (min-width: 1599px) {
    .article-slider__desc {
        min-width: 384px;
        padding-right: 50px;
    }
}

@media (min-width: 1919px) {
    .article-slider__desc {
        min-width: 456px;
        padding-right: 80px;
        font-size: 16px;
    }
}

@media (min-width: 1023px) {
    .article-slider__desc::before {
        position: absolute;
        top: 10px;
        width: calc(100% - 64px);
        height: 1px;
        background-color: var(--border-color);
        content: "";
    }
}

.article-slider__navigation {
    display: none;
}

@media (min-width: 1023px) {
    .article-slider__navigation {
        display: block;
    }
}

@media (min-width: 1023px) {
    .article-slider__btn {
        position: absolute;
        top: 23px;
        display: block;
        width: 16px;
        height: 16px;
        outline: none;
    }

    .article-slider__btn::after {
        position: absolute;
        width: 16px;
        height: 16px;
        background-color: #dedede;
        background-image: url("/local/templates/remer/css/../img/svg/icon-arrow.svg");
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 50%;
        content: "";
    }
}

@media (min-width: 1023px) {
    .article-slider__btn--next {
        left: 210px;
    }
}

@media (min-width: 1359px) {
    .article-slider__btn--next {
        left: 285px;
    }
}

@media (min-width: 1599px) {
    .article-slider__btn--next {
        left: 355px;
    }
}

@media (min-width: 1919px) {
    .article-slider__btn--next {
        left: 423px;
    }
}

@media (min-width: 1023px) {
    .article-slider__btn--prev {
        left: 188px;
    }

    .article-slider__btn--prev::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (min-width: 1359px) {
    .article-slider__btn--prev {
        left: 263px;
    }
}

@media (min-width: 1599px) {
    .article-slider__btn--prev {
        left: 330px;
    }
}

@media (min-width: 1919px) {
    .article-slider__btn--prev {
        left: 400px;
    }
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .article-slider__btn:hover, .article-slider__btn:focus {
        opacity: 0.7;
    }
}

.article-slider__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.article-slider__slide {
    width: auto;
    cursor: pointer;
}

.article-slider__slide figure {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
}

@media (min-width: 1023px) {
    .article-slider__slide figure {
        display: block;
        margin-bottom: 0;
        margin-left: 0;
    }
}

@media (min-width: 1359px) {
    .article-slider__slide figure {
        min-width: auto;
    }
}

@media (min-width: 1599px) {
    .article-slider__slide figure {
        margin-top: 0;
    }
}

.article-slider__slide figure img {
    width: 100%;
    min-width: 100%;
    height: 322px;
    max-height: 322px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1023px) {
    .article-slider__slide figure img {
        width: 100%;
        min-width: 100%;
        height: 275px;
        max-height: 275px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1359px) {
    .article-slider__slide figure img {
        height: 360px;
        max-height: 360px;
    }
}

@media (min-width: 1599px) {
    .article-slider__slide figure img {
        height: 440px;
        max-height: 440px;
        margin-bottom: 24px;
    }
}

@media (min-width: 1919px) {
    .article-slider__slide figure img {
        height: 520px;
        max-height: 520px;
    }
}

.article-slider__slide figure figcaption {
    max-width: 245px;
    margin-left: 0;
    font-size: 14px;
    line-height: 20px;
}

@media (min-width: 1023px) {
    .article-slider__slide figure figcaption {
        max-width: 224px;
    }
}

@media (min-width: 1599px) {
    .article-slider__slide figure figcaption {
        max-width: 240px;
        font-size: 16px;
        line-height: 22px;
    }
}

@media (min-width: 1919px) {
    .article-slider__slide figure figcaption {
        max-width: 295px;
    }
}

.configurate-rec {
    position: fixed;
    z-index: 1;
    right: 0;
    left: 0;
    bottom: -400px;
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background-color: rgba(69, 69, 69, 0.88);
    background-color: var(--bg-color-88);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    -webkit-box-shadow: 0 24px 32px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 24px 32px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.configurate-rec::after {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 40px;
    height: 4px;
    background-color: #2d2d2d;
    background-color: var(--bg-color);
    border-radius: 24px;
    content: "";
    opacity: 0.3;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1023px) {
    .configurate-rec::after {
        content: none;
    }
}

.configurate-rec__container::after {
    position: absolute;
    top: 0;
    right: 38px;
    left: 145px;
    height: 1px;
    background-color: #ffffff;
    background-color: var(--default-white);
    content: none;
}

@media (min-width: 1023px) {
    .configurate-rec__container {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 112px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .configurate-rec__container::after, .configurate-rec__container::before {
        content: "";
    }
}

@media (min-width: 1023px) {
    .configurate-rec__container::after {
        right: 64px;
        content: "";
    }
}

.configurate-rec__btn-close {
    display: none;
}

@media (min-width: 1023px) {
    .configurate-rec__btn-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: -9px;
        right: 31px;
        width: 16px;
        height: 16px;
        border: none;
        padding: 0;
        background-color: #dedede;
        background-color: var(--bg-color-btn);
        background-position: center;
        background-repeat: no-repeat;
        stroke: #000000;
        stroke: var(--default-black);
        border-radius: 50%;
        cursor: pointer;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .configurate-rec__btn-close:hover {
        top: -10px;
        right: 30px;
        width: 19px;
        height: 19px;
    }

    .configurate-rec__btn-close--open {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@media (min-width: 1023px) {
    .configurate-rec__swiper-recommend {
        height: 80px;
    }
}

.configurate-rec__head {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 30px 0 24px 0;
}

@media (min-width: 1023px) {
    .configurate-rec__head {
        min-width: 216px;
        min-height: 135px;
        padding: 0;
    }
}

.configurate-rec__title {
    padding-bottom: 18px;
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 120%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

@media (min-width: 1023px) {
    .configurate-rec__title {
        background-color: #2d2d2d;
        background-color: var(--bg-color);
    }
}

.configurate-rec__info {
    width: 70%;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 120%;
    opacity: 0.5;
}

.configurate-rec__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow-y: auto;
}

@media (min-width: 1023px) {
    .configurate-rec__slider {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 112px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-y: visible;
    }
}

.configurate-rec__slide:nth-of-type(1) {
    -webkit-animation: fadeInDown 0.8s ease-in-out 0.1s forwards;
    animation: fadeInDown 0.8s ease-in-out 0.1s forwards;
    opacity: 0;
}

.configurate-rec__slide:nth-of-type(2) {
    -webkit-animation: fadeInDown 0.8s ease-in-out 0.2s forwards;
    animation: fadeInDown 0.8s ease-in-out 0.2s forwards;
    opacity: 0;
}

.configurate-rec__slide:nth-of-type(3) {
    -webkit-animation: fadeInDown 0.8s ease-in-out 0.3s forwards;
    animation: fadeInDown 0.8s ease-in-out 0.3s forwards;
    opacity: 0;
}

.configurate-rec__slide:nth-of-type(4) {
    -webkit-animation: fadeInDown 0.8s ease-in-out 0.4s forwards;
    animation: fadeInDown 0.8s ease-in-out 0.4s forwards;
    opacity: 0;
}

.configurate-rec__slide:nth-of-type(5) {
    -webkit-animation: fadeInDown 0.8s ease-in-out 0.5s forwards;
    animation: fadeInDown 0.8s ease-in-out 0.5s forwards;
    opacity: 0;
}

.configurate-rec__slide:nth-of-type(6) {
    -webkit-animation: fadeInDown 0.8s ease-in-out 0.6s forwards;
    animation: fadeInDown 0.8s ease-in-out 0.6s forwards;
    opacity: 0;
}

.configurate-rec__slide:nth-of-type(7) {
    -webkit-animation: fadeInDown 0.8s ease-in-out 0.7s forwards;
    animation: fadeInDown 0.8s ease-in-out 0.7s forwards;
    opacity: 0;
}

.configurate-rec__slide:nth-of-type(8) {
    -webkit-animation: fadeInDown 0.8s ease-in-out 0.8s forwards;
    animation: fadeInDown 0.8s ease-in-out 0.8s forwards;
    opacity: 0;
}

.configurate-rec__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80px;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 7px;
    margin-bottom: 30px;
}

@media (min-width: 1023px) {
    .configurate-rec__slide {
        width: 196px;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
    }

    .configurate-rec__slide:not(:nth-child(3n)) {
        margin-right: 0;
    }
}

.configurate-rec__slide-img {
    overflow: hidden;
    width: 80px;
    height: 80px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 16px;
    margin-right: 15px;
}

.configurate-rec__slide-info {
    margin-top: 10px;
}

@media (min-width: 1023px) {
    .configurate-rec__slide-info {
        height: 100%;
        margin-top: 0;
    }
}

.configurate-rec__slide-info p:first-of-type {
    font-size: 12px;
    line-height: 120%;
}

@media (min-width: 374px) {
    .configurate-rec__slide-info p:first-of-type {
        font-size: 14px;
        line-height: 130%;
    }
}

.configurate-rec__slide-info p:last-of-type {
    font-size: 14px;
    line-height: 112%;
}

@media (min-width: 374px) {
    .configurate-rec__slide-info p:last-of-type {
        font-weight: 500;
        font-size: 16px;
        line-height: 112%;
    }
}

.configurate-rec__slide-info p {
    margin: 0;
}

.configurate-rec__slide-info p:not(:last-child) {
    margin-bottom: 18px;
}

@media (min-width: 1023px) {
    .configurate-rec {
        bottom: 0;
        left: 0;
        width: 100%;
        min-height: 112px;
        padding-right: 0;
        background-color: #2d2d2d;
        background-color: var(--bg-color);
        border-radius: 0;
    }

    .configurate-rec--close {
        bottom: -96px;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.configurate-end {
    display: -ms-grid;
    display: grid;
    margin-top: 42px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-bottom: 47px;
}

@media (min-width: 1023px) {
    .configurate-end {
        margin-top: 0;
        margin-bottom: 32px;
        -ms-grid-columns: 1fr 1.32fr;
        grid-template-columns: 1fr 1.32fr;
        padding-right: 48px;
        margin-left: 0px;
    }
}

@media (min-width: 1359px) {
    .configurate-end {
        margin-top: 0;
        -ms-grid-columns: 1fr 1.92fr;
        grid-template-columns: 1fr 1.92fr;
    }
}

@media (min-width: 1359px) {
    .configurate-end {
        margin-top: 0;
        margin-left: -13px;
    }
}

@media (min-width: 1599px) {
    .configurate-end {
        margin-left: -5px;
    }

    .configurate-end {
        margin-top: -33px;
    }
}

@media (min-width: 1919px) {
    .configurate-end {
        -ms-grid-columns: 1fr 1.94fr;
        grid-template-columns: 1fr 1.94fr;
        padding-left: 16px;
        padding-top: 2px;
        margin-top: -34px;
    }
}

.configurate-end h2 {
    font-family: 'Jeko';
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    grid-column: 1/-1;
    letter-spacing: -0.01em;
    line-height: 112%;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    -webkit-animation: fadeInDown 1s ease-in-out forwards;
    animation: fadeInDown 1s ease-in-out forwards;
    opacity: 0;
}

@media (min-width: 1023px) {
    .configurate-end h2 {
        -ms-grid-column: 2;
        grid-column: 2;
        grid-column: 2/-1;
        margin-top: -51px;
        font-weight: 500;
        font-size: 28px;
        line-height: 130%;
    }
}

@media (min-width: 1359px) {
    .configurate-end h2 {
        font-size: 31px;
    }
}

@media (min-width: 1599px) {
    .configurate-end h2 {
        font-weight: 500;
        font-size: 40px;
        line-height: 104%;
        margin-top: -17px;
    }
}

.configurate-end h2 span {
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 140%;
    opacity: 0.4;
    margin-bottom: 16px;
}

@media (min-width: 1023px) {
    .configurate-end h2 span {
        margin-bottom: 25px;
    }
}

.configurate-end__settings {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: start;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 3;
    margin-top: 45px;
}

.configurate-end__settings li:nth-of-type(1) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.2s forwards;
    animation: fadeInDown 1s ease-in-out 0.2s forwards;
    opacity: 0;
}

.configurate-end__settings li:nth-of-type(2) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.4s forwards;
    animation: fadeInDown 1s ease-in-out 0.4s forwards;
    opacity: 0;
}

.configurate-end__settings li:nth-of-type(3) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.6s forwards;
    animation: fadeInDown 1s ease-in-out 0.6s forwards;
    opacity: 0;
}

.configurate-end__settings li:nth-of-type(4) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.8s forwards;
    animation: fadeInDown 1s ease-in-out 0.8s forwards;
    opacity: 0;
}

@media (min-width: 1023px) {
    .configurate-end__settings {
        -ms-grid-column: 2;
        grid-column: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-column: 2/-1;
        margin-top: 52px;
    }
}

@media (min-width: 1359px) {
    .configurate-end__settings {
        margin-top: 61px;
    }
}

.configurate-end__setting {
    margin-bottom: 13px;
    font-size: 18px;
    font-weight: normal;
    line-height: 120%;
    list-style: none;
}

.configurate-end__setting span {
    font-size: 14px;
    opacity: 0.4;
}

.configurate-end__setting p {
    margin: 0;
    margin-top: 7px;
}

.configurate-end__setting:not(:last-child) {
    margin-right: 54px;
}

.configurate-end__info {
    padding: 0;
    margin: 0;
    grid-column: 1/-1;
    list-style: none;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 4;
    margin-top: 47px;
}

.configurate-end__info li:nth-of-type(1) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.2s forwards;
    animation: fadeInDown 1s ease-in-out 0.2s forwards;
    opacity: 0;
}

.configurate-end__info li:nth-of-type(2) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.4s forwards;
    animation: fadeInDown 1s ease-in-out 0.4s forwards;
    opacity: 0;
}

.configurate-end__info li:nth-of-type(3) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.6s forwards;
    animation: fadeInDown 1s ease-in-out 0.6s forwards;
    opacity: 0;
}

.configurate-end__info li:nth-of-type(4) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.8s forwards;
    animation: fadeInDown 1s ease-in-out 0.8s forwards;
    opacity: 0;
}

.configurate-end__info li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 16px;
}

.configurate-end__info li::after {
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    border-radius: 50%;
    content: "";
    opacity: 0.4;
}

@media (min-width: 1023px) {
    .configurate-end__info {
        grid-column: 2/-1;
        margin-top: 24px;
        font-weight: normal;
        font-size: 14px;
        line-height: 140%;
    }

    .configurate-end__info li {
        padding: 0;
        margin-bottom: 16.5px;
    }

    .configurate-end__info li::after {
        left: -16px;
    }
}

@media (min-width: 1359px) {
    .configurate-end__info {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 64px;
        -moz-column-gap: 64px;
        column-gap: 42px;
    }
}

@media (min-width: 1599px) {
    .configurate-end__info {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        width: 700px;
        -webkit-column-gap: 64px;
        -moz-column-gap: 64px;
        column-gap: 64px;
    }
}

@media (min-width: 1919px) {
    .configurate-end__info {
        width: 848px;
    }
}

.configurate-end__sale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-column: 1;
    grid-column: 1;
    margin-top: 35px;
}

@media (min-width: 1023px) {
    .configurate-end__sale {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        text-align: end;
        margin-top: -2px;
        -ms-grid-column: 2;
        grid-column: 2;
        margin-right: -8px;
    }
}

@media (min-width: 1359px) {
    .configurate-end__sale {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 48px;
        -moz-column-gap: 48px;
        column-gap: 48px;
    }
}

.configurate-end__passport {
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    letter-spacing: 1.1px;
    margin-bottom: 24px;
    padding-right: 30px;
}

.configurate-end__passport svg {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    border: none;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    background-position: center;
    background-repeat: no-repeat;
    padding: 3px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    stroke: #000000;
    stroke: var(--default-black);
}

.configurate-end__passport:hover {
    color: rgba(255, 255, 255, 0.5);
    color: var(--link-color-transparent);
}

@media (min-width: 1359px) {
    .configurate-end__passport {
        font-weight: normal;
        font-size: 16px;
        line-height: 140%;
        margin-right: 44px;
    }
}

.configurate-end__download {
    position: relative;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    letter-spacing: 1.1px;
    margin-bottom: 24px;
    padding-right: 30px;
}

.configurate-end__download svg {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    border: none;
    padding: 3px;
    background-color: #dedede;
    background-color: var(--bg-color-btn);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    stroke: #000000;
    stroke: var(--default-black);
}

.configurate-end__download:hover {
    color: rgba(255, 255, 255, 0.5);
    color: var(--link-color-transparent);
}

@media (min-width: 1359px) {
    .configurate-end__download {
        font-weight: normal;
        font-size: 16px;
        line-height: 140%;
    }
}

.configurate-end__price {
    font-weight: 500;
    font-size: 40px;
    line-height: 104%;
    font-family: "Inter", "Arial", sans-serif;
    margin: 0;
}

.configurate-end__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid var(--border-color-2);
    margin-top: 26px;
    grid-column: 1/-1;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 5;
    -webkit-animation: fadeInDown 1s 1s ease-in-out forwards;
    animation: fadeInDown 1s 1s ease-in-out forwards;
    opacity: 0;
}

@media (min-width: 1023px) {
    .configurate-end__result {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-column: 2/-1;
        margin-top: 19px;
        padding-top: 30px;
    }
}

@media (min-width: 1023px) {
    .configurate-end__result {
        margin-top: 74px;
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.modal {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -ms-overflow-style: none;
    overflow-y: auto;
    pointer-events: none;
    scrollbar-width: none;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    visibility: hidden;
}

.modal::-webkit-scrollbar {
    display: none;
}

.modal__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px 40px;
}

@media (min-width: 374px) {
    .modal__wrapper {
        padding: 60px 16px;
    }
}

.modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.modal__content {
    position: relative;
}

.modal__close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
    border: none;
    background: rgba(255, 255, 255, 0);
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .modal__close-btn:hover, .modal__close-btn:focus {
        opacity: 0.6;
    }
}

.modal__close-btn svg {
    width: size(20px);
    height: size(20px);
    color: #f2f2f2;
}

@media (min-width: 1023px) {
    .modal__close-btn {
        top: 15px;
        right: 15px;
    }

    .modal__close-btn svg {
        width: 20px;
        height: 20px;
    }
}

.modal--preload {
    display: none;
}

.modal--active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}

.modal--video .modal__wrapper {
    padding: 10px;
}

@media (min-width: 1023px) {
    .modal--video .modal__wrapper {
        padding: 40px;
    }
}

.modal--video .modal__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
}

.modal--video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.loading form div::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url("/local/templates/remer/css/../img/svg/loading.png");
    display: block;
    width: 42px;
    height: 42px;
    -webkit-transform: translate(31%, -50%);
    -ms-transform: translate(31%, -50%);
    transform: translate(31%, -50%);
    -webkit-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
}

.loading .conf-search__svg {
    -webkit-animation: pulse 0.5s infinite linear alternate;
    animation: pulse 0.5s infinite linear alternate;
}

@media (min-width: 1023px) {
    .loading .conf-search__svg {
        width: 400px;
        top: -79px;
        right: 16%;
    }
}

@media (min-width: 1359px) {
    .loading .conf-search__svg {
        width: 400px;
        top: -181px;
        right: 26%;
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: translate(31%, -50%) rotate(360deg);
        transform: translate(31%, -50%) rotate(360deg);
    }
    from {
        -webkit-transform: translate(31%, -50%) rotate(0deg);
        transform: translate(31%, -50%) rotate(0deg);
    }
}

@keyframes rotate {
    to {
        -webkit-transform: translate(31%, -50%) rotate(360deg);
        transform: translate(31%, -50%) rotate(360deg);
    }
    from {
        -webkit-transform: translate(31%, -50%) rotate(0deg);
        transform: translate(31%, -50%) rotate(0deg);
    }
}

@-webkit-keyframes pulse {
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes pulse {
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.not-have form div svg {
    display: none;
}

.not-have form div::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url("/local/templates/remer/css/../img/svg/icon-warning.svg");
    background-color: transparent;
    display: block;
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    -webkit-transform: translate(31%, -50%);
    -ms-transform: translate(31%, -50%);
    transform: translate(31%, -50%);
}

.not-have form::after {
    content: "указанный вами ID отсутствует в базе, убедитесь в корректности ввода и попробуйте снова";
    position: absolute;
    bottom: -115px;
    left: 40px;
    width: 271px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 120%;
    text-align: right;
    color: rgba(255, 255, 255, 0.5);
    color: var(--link-color-transparent);
}

@media (min-width: 1023px) {
    .not-have::after {
        content: "";
        position: absolute;
        top: 1%;
        right: 13%;
        background-image: url("/local/templates/remer/css/../img/svg/not-have.svg");
        background-repeat: no-repeat;
        background-position: center;
        width: 483px;
        height: 483px;
        z-index: 1;
        opacity: 0.5;
    }
}

@media (min-width: 1023px) and (min-width: 1359px) {
    .not-have::after {
        top: 0;
        right: 23%;
    }
}

@media (min-width: 1023px) and (min-width: 1599px) {
    .not-have::after {
        top: 7%;
        right: 23%;
    }
}

.not-have .conf-search__svg {
    opacity: 0.5;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
}

@media (min-width: 1023px) {
    .not-have .conf-search__svg {
        width: 400px;
        top: -79px;
        right: 16%;
    }
}

@media (min-width: 1359px) {
    .not-have .conf-search__svg {
        width: 400px;
        top: -181px;
        right: 26%;
    }
}

.conf-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 56px;
    margin-bottom: 36px;
}

.conf-nav__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10 0;
}

.conf-nav__back-btn {
    cursor: pointer;
    width: 32px;
    height: 32px;
    margin-right: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.conf-nav__page {
    margin: 0 5px;
    opacity: 0.2;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    width: 32px;
    height: 32px;
    margin-right: 11px;
}

.conf-nav__page--active {
    opacity: 1;
}

@media (min-width: 1023px) {
    .conf-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 24px;
        margin-top: 70px;
    }

    .configurator .conf-nav {
        margin-top: 71px;
    }
}

@media (min-width: 1599px) {
    .conf-nav {
        margin-top: 80px;
    }

    .configurate-end__result {
        margin-top: 57px;
    }
}

@media (min-width: 1919px) {
    .conf-nav {
        margin-top: 79px;
    }
}

.configurate-svg {
    position: absolute;
    top: 16%;
    left: 15%;
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}

.configurate-svg svg {
    position: absolute;
    stroke: #ffffff;
    stroke: var(--default-white);
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    width: 123px;
    height: auto;
    left: 110px;
    opacity: 0;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}

@media (min-width: 374px) {
    .configurate-svg svg {
        width: 141px;
        left: 131px;
        top: 41px;
    }
}

@media (min-width: 1023px) {
    .configurate-svg svg {
        width: 223px;
        left: 25px;
        top: -16px;
    }
}

@media (min-width: 1359px) {
    .configurate-svg svg {
        width: 277px;
        left: 52px;
        top: -41px;
    }
}

@media (min-width: 1599px) {
    .configurate-svg svg {
        width: 336px;
        left: 57px;
        top: -72px;
    }
}

@media (min-width: 1919px) {
    .configurate-svg svg {
        width: 405px;
        left: 71px;
        top: -108px;
    }
}

@media (min-width: 1023px) {
    .configurate-svg {
        top: 30%;
        left: 36%;
    }
}

.configurate-svg--fieldset2 svg {
    width: 119px;
    left: 109px;
    top: 56px;
}

@media (min-width: 374px) {
    .configurate-svg--fieldset2 svg {
        width: 119px;
        left: 136px;
        top: 78px;
    }
}

@media (min-width: 1023px) {
    .configurate-svg--fieldset2 svg {
        width: 114px;
        left: -184px;
        top: 115px;
    }
}

@media (min-width: 1359px) {
    .configurate-svg--fieldset2 svg {
        width: 117px;
        left: -280px;
        top: 144px;
    }
}

@media (min-width: 1599px) {
    .configurate-svg--fieldset2 svg {
        width: 123px;
        left: -346px;
        top: 200px;
    }
}

@media (min-width: 1919px) {
    .configurate-svg--fieldset2 svg {
        width: 131px;
        left: -397px;
        top: 160px;
    }
}

.configurate-svg--fieldset3 svg {
    width: 120px;
    left: 109px;
    top: 141px;
}

@media (min-width: 374px) {
    .configurate-svg--fieldset3 svg {
        width: 120px;
        left: 140px;
        top: 114px;
    }
}

@media (min-width: 1023px) {
    .configurate-svg--fieldset3 svg {
        width: 156px;
        left: -248px;
        top: 0px;
    }
}

@media (min-width: 1359px) {
    .configurate-svg--fieldset3 svg {
        width: 221px;
        left: -331px;
        top: 53px;
    }
}

@media (min-width: 1599px) {
    .configurate-svg--fieldset3 svg {
        width: 241px;
        left: -409px;
        top: 26px;
    }
}

@media (min-width: 1919px) {
    .configurate-svg--fieldset3 svg {
        width: 289px;
        left: -483px;
        top: -27px;
    }
}

.configurate-fade h2 {
    -webkit-animation: fadeInLeft 1s ease-in-out forwards;
    animation: fadeInLeft 1s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade label[for="height"] {
    -webkit-animation: fadeInDown 1s ease-in-out forwards;
    animation: fadeInDown 1s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade .cofigurate-form__range:first-of-type {
    -webkit-animation: fadeInDown 1s ease-in-out forwards;
    animation: fadeInDown 1s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade label[for="width"] {
    -webkit-animation: fadeInDown 1s 0.3s ease-in-out forwards;
    animation: fadeInDown 1s 0.3s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade .cofigurate-form__range:nth-of-type(2) {
    -webkit-animation: fadeInDown 1s 0.3s ease-in-out forwards;
    animation: fadeInDown 1s 0.3s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade label[for="depth"] {
    -webkit-animation: fadeInDown 1s 0.5s ease-in-out forwards;
    animation: fadeInDown 1s 0.5s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade .cofigurate-form__range:nth-of-type(3) {
    -webkit-animation: fadeInDown 1s 0.5s ease-in-out forwards;
    animation: fadeInDown 1s 0.5s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade #configurate__btn1 {
    -webkit-animation: fadeInDown 1s 0.3s ease-in-out forwards;
    animation: fadeInDown 1s 0.3s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade fieldset:nth-of-type(2) fieldset:nth-of-type(1) li:nth-of-type(1) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.2s forwards;
    animation: fadeInDown 1s ease-in-out 0.2s forwards;
    opacity: 0;
}

.configurate-fade fieldset:nth-of-type(2) fieldset:nth-of-type(1) li:nth-of-type(2) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.4s forwards;
    animation: fadeInDown 1s ease-in-out 0.4s forwards;
    opacity: 0;
}

.configurate-fade fieldset:nth-of-type(2) fieldset:nth-of-type(1) li:nth-of-type(3) {
    -webkit-animation: fadeInDown 1s ease-in-out 0.6s forwards;
    animation: fadeInDown 1s ease-in-out 0.6s forwards;
    opacity: 0;
}

.configurate-fade fieldset:nth-of-type(2) fieldset:nth-of-type(2) {
    -webkit-animation: fadeInDown 1s ease-in-out forwards;
    animation: fadeInDown 1s ease-in-out forwards;
    opacity: 0;
}

.configurate-fade fieldset:nth-of-type(2) fieldset:nth-of-type(2) li div {
    -webkit-animation: width 0.5s ease-in-out forwards;
    animation: width 0.5s ease-in-out forwards;
}

.configurate-fade fieldset:nth-of-type(2) fieldset:nth-of-type(2) label {
    -webkit-animation: none;
    animation: none;
}

ymaps a {
    color: #2d2d2d;
}

/* old site link */
#old-site-close:after {
    background-image: none;
    top: 4.5px;
    left: 10px;
    content: "\00d7";
    padding-right: 15px;
    color: #000000;
}

.old-site-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: #fab000;
    display: flex;
    justify-content: space-between;
}

.old-site-block #old-site-close {
    text-align: right;
    width: 15px;
    padding-top: 2px;
}

.old-site-block #old-site {
    /*text-align: center;
    width: 100%;*/
    color: #000000;
    margin: 0 auto;
    padding-top: 2px;
}

.old-site-block:hover {
    background: #bc880e;
}

.old-site-block:hover #old-site, #old-site-close:hover:after {
    color: #f2f2f2;
    opacity: 0.7;
}

.header.old:after {
    height: 0;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes width {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes width {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.admin-panel {
    position: fixed;
    top: 50%;
    left: 50px;
    width: 300px;
    min-height: 80px;
    background-color: blueviolet;
    border-radius: 40px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    z-index: 999;
}

.admin-panel p {
    margin: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.admin-panel button {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid white;
    border-radius: 10px;
    min-height: 30px;
    margin-bottom: 10px;
}

@media (min-width: 1919px) {
    .header {
        padding-top: 33px;
    }

    .about-page .header {
        padding-top: 32px;
    }

    .news .header {
        padding-top: 40px;
    }

    .buy-page .header {
        padding: 27px 5px 0px;
    }
}

@media (min-width: 1599px) {
    .index .header {
        padding-bottom: 48px;
        padding-top: 27px;
    }
}

@media (min-width: 1023px) {
    .index .header.menu-open .brands {
        font-size: 48px;
        line-height: 53px;
        min-width: 500px;
    }
}

.index .header.menu-open .header__bottom .header__search-btn.is-open {
    bottom: 19px;
}

.index .header .container--header {
    padding: 0 13px;
}


@media (min-width: 300px) {
    .page404class .header__bottom {
        display: none;
    }

    .page404class .header__nav.main-nav {
        display: none;
    }

    .page404class .header__nav-open-btn {
        display: none;
    }

    .page404class .footer {
        display: none;
    }

    .page404class .breadcrumbs {
        display: none;
    }

    .page404class .header__top {
        border-bottom: 0;
    }

    .page404class .header::after {
        display: none;
    }
}

@media (min-width: 319px) {
    .configurator .configurate-svg--fieldset3 svg {
        left: 100px;
        top: 113px;
    }
}

@media (min-width: 374px) {
    .index .header .container--header {
        padding: 0 16px;
    }

    .configurator .configurate-svg--fieldset3 svg {
        left: 138px;
    }
}

@media (min-width: 1023px) {
    .index .header .container--header {
        padding: 0 40px;
    }

    .configurator .configurate-svg--fieldset3 svg {
        left: -250px;
        top: -13px;
    }
}

@media (min-width: 1359px) {
    .index .header .container--header {
        padding: 0 64px;
        padding-left: 73px;
    }

    .configurator .configurate-svg--fieldset3 svg {
        left: -331px;
        top: 53px;
    }
}

@media (min-width: 1599px) {
    .index .header .container--header {
        padding-right: 38px;
        padding-left: 40px;
    }

    .configurator .configurate-svg--fieldset3 svg {
        width: 241px;
        left: -409px;
        top: 26px;
    }
}

@media (min-width: 1899px) {
    .index .header .container--header {
        padding: 0 57px;
        padding-right: 38px;
    }

    .configurator .configurate-svg--fieldset3 svg {
        width: 288px;
        left: -483px;
        top: -30px;
    }
}

@media (min-width: 1023px) {
    .menu-open .index .header .header__bottom-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.index .header--fixed .container--header {
    padding: 0;
}

.index .header--fixed .header__top {
    padding: 0 13px;
}

@media (min-width: 374px) {
    .index .header--fixed .header__top {
        padding: 0 16px;
    }
}

@media (min-width: 1023px) {
    .index .header--fixed .header__top {
        padding: 0 40px;
    }
}

@media (min-width: 1359px) {
    .index .header--fixed .header__top {
        padding: 0 64px;
    }
}

@media (min-width: 1599px) {
    .index .header--fixed .header__top {
        padding: 0 40px;
    }
}

@media (min-width: 1919px) {
    .index .header--fixed .header__top {
        padding: 0 56px;
    }
}

@media (min-width: 1023px) {
    .index .header__bottom.not-visible {
        min-height: 102px;
    }
}

@media (min-width: 1599px) {
    .index .header__bottom.not-visible {
        min-height: 152px;
    }
}

@media (min-width: 1023px) {
    .index .header__bottom.not-visible .search-form__search-block {
        padding-bottom: 10px;
    }
}

@media (min-width: 1599px) {
    .index .header__bottom.not-visible .search-form__search-block {
        padding-bottom: 0;
    }
}

@media (min-width: 1359px) {
    .index .main-nav__list > li:not(:last-child) {
        margin-right: 40px;
    }
}

@media (min-width: 1599px) {
    .index .main-nav__list > li:not(:last-child) {
        margin-right: 42.5px;
    }
}

@media (min-width: 1023px) {
    .index .header__top {
        margin-bottom: 29px;
        padding-top: 13px;
    }

    .header.header--fixed .header__bottom {
        padding-left: 41.5px;
    }
}

@media (min-width: 1359px) {
    .index .header__top {
        padding-left: 0;
        padding-bottom: 9px;
    }

    .header.header--fixed .header__bottom {
        padding-right: 55px;
        padding-left: 65.5px;
    }
}

@media (min-width: 1599px) {
    .index .header__top {
        margin-bottom: -6px;
        padding-left: 0;
    }

    .header.header--fixed .header__bottom {
        padding-right: 40px;
        padding-left: 39px;
    }
}

@media (min-width: 1359px) {
    .index .header__search-btn {
        right: 0;
    }
}

@media (min-width: 1599px) {
    .index .header__bottom {
        padding-top: 20px;
    }
}

@media (min-width: 1919px) {
    .index .header__bottom {
        padding-top: 20px;
    }

    .header.header--fixed .header__bottom {
        padding-left: 55px;
        padding-right: 37px;
    }
}

@media (max-width: 425px) {
    .header.header--fixed .header__bottom {
        padding-left: 18px;
    }
}

@media (min-width: 374px) {
    .index .header__nav-open-btn {
        padding-right: 4px;
        padding-top: 2px;
    }
}

@media (min-width: 1023px) {
    .index .header__nav-open-btn {
        padding-right: 0;
        padding-top: 0;
    }
}

@media (min-width: 1023px) {
    .index .header__bottom-right .header__add-links {
        /*display: none;*/
    }
}

@media (min-width: 1359px) {
    .index .header__bottom-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 9px;
        margin-top: -9px;
    }
}

.index .brands__r-simbol {
    top: 1px;
}

@media (min-width: 374px) {
    .index .brands__r-simbol {
        top: -9px;
    }

    .index .brands > li:not(:last-child) {
        margin-right: 20px;
    }

    .buy-page .breadcrumbs {
        padding-bottom: 34px;
    }

    .dillers__title {
        margin-bottom: 24px;
    }
}

@media (min-width: 1023px) {
    .index .brands__r-simbol {
        top: -10px;
        font-size: 25px;
        line-height: 25px;
    }

    .index .brands > li:not(:last-child) {
        margin-right: 41px;
    }

    .dillers__check-btn::after {
        margin-top: 3px;
        margin-right: 2px;
    }

    fieldset#form-select {
        margin-top: 0;
    }

    .dillers__check-btn::after {
        left: 0;
        top: 20px;
    }

    .index .brands {
        font-size: 88px;
        line-height: 98px;
        margin-left: -6px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 880px;
    }

    .buy-page .breadcrumbs {
        padding-bottom: 0px;
    }

    .dillers__title {
        margin-bottom: 17px;
    }

    .page404class .page-404 {
        padding-top: 89px;
    }

    .page-404__icons {
        margin-bottom: 12px;
    }

    .catalog .breadcrumbs__link {
        padding: 6.5px 20px 6.5px;
    }

    .catalog .breadcrumbs__link {
        font-size: 14px;
        line-height: 120%;
    }

    .catalog .breadcrumbs__list > li {
        margin-right: 10px;
    }

    .catalog .swiper {
        margin-right: 0px;
        margin-top: -3px;
        min-height: 409px;
        min-width: 100px;
    }

    .catalog .product__text-descr .product__text-descr-hidden {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .catalog .accessories__text {
        margin-bottom: 38px;
    }

    .configurate-end__setting:not(:last-child) {
        margin-right: 23px;
    }
}

@media (min-width: 1359px) {
    .index .price-and-config {
        /*display: none;*/
    }

    .buy-page .footer {
        padding-top: 29px;
    }

    .dillers__check-btn::after {
        top: 19px;
        margin-top: 3px;
    }

    .index .brands > li:not(:last-child) {
        margin-right: 38px;
    }

    .index .brands {
        font-size: 92px;
        line-height: 102px;
        padding-left: 0;
    }

    .dillers__descr {
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
        width: 470px;
    }

    .dillers__title {
        font-size: 40px;
        margin-bottom: 21px;
    }

    .dillers__filters-form .dillers__search-input {
        margin-bottom: 5px;
    }

    a.dillers__check-btn.more-btn.more-btn--arrow-right {
        font-size: 18px;
        padding-top: 11px;
        padding-right: 27px;
    }

    .buy-page fieldset#form-select {
        margin-top: -16px;
    }

    .dillers__filters-group ul li {
        padding-left: 52px;
    }

    .page404class .page-404 {
        padding-top: 246px;
    }

    .catalog .breadcrumbs__link {
        padding: 8px 20px 10px;
    }

    .catalog .breadcrumbs__link {
        font-size: 18px;
    }

    .catalog .accessories__text {
        margin-bottom: 45px;
    }

    .configurate-end__setting:not(:last-child) {
        margin-right: 23px;
    }
}

@media (min-width: 1599px) {
    .page-404 {
        padding-top: 56px;
        padding-bottom: 56px;
        font-size: 18px;
        line-height: 25px;
    }

    .buy-page .footer {
        padding-top: 14px;
    }

    .index .header__bottom-right {
        padding-bottom: 0;
        padding-right: 0;
        margin-top: -9px;
    }

    .index .brands__r-simbol {
        top: -17px;
        font-size: 32px;
        line-height: 32px;
    }

    .dillers {
        margin-top: -25px;
    }

    .dillers__filters-form .dillers__search-input {
        padding-bottom: 16px;
    }

    a.dillers__check-btn.more-btn.more-btn--arrow-right {
        padding-right: 19px;
    }

    .index .brands > li:not(:last-child) {
        margin-right: 47px;
    }

    .index .brands {
        font-size: 120px;
        line-height: 133px;
        padding-left: 0;
        margin-left: -18px;
    }

    .dillers__wrapper {
        max-height: 886px;
        min-height: 894px;
    }

    .buy-page fieldset#form-select {
        margin-left: 0;
    }

    .dillers__filters-group ul li {
        margin-right: 12px;
    }

    .news .header__bottom {
        margin-left: -5px;
    }

    .page404class .page-404 {
        padding-top: 330px;
    }

    .configurate-end__setting:not(:last-child) {
        margin-right: 47px;
    }
}

@media (min-width: 1919px) {
    .index .brands > li:not(:last-child) {
        margin-right: 45px;
    }

    .index .header__bottom-right {
        padding-right: 19px;
        padding-top: 0;
    }

    .header .main-nav {
        padding-left: 0;
    }

    a.dillers__check-btn.more-btn.more-btn--arrow-right {
        padding-right: 32px;
    }

    .dillers__check-btn::after {
        right: 5px;
    }

    .dillers__wrapper {
        max-height: 948px;
    }

    .dillers__descr {
        width: 520px;
        max-width: 550px;
    }

    .beta-made {
        padding-right: 5px;
    }

    .personal .beta-made {
        padding-right: 0;
    }

    .index-personal-menu-top {
        padding-top: 19px;
    }

    .index .beta-made {
        padding-right: 0;
    }

    .page404class .header {
        padding-top: 32px;
    }

    .page404class .container {
        padding-left: 56px;
    }

    .page404class .page-404 {
        padding-top: 394px;
    }

    .configurate-end__setting:not(:last-child) {
        margin-right: 70px;
    }
}

@media (max-width: 425px) {
    .product__codes tr {
        align-items: flex-start;
    }

    .product-card__title {
        word-break: break-all;
    }

    .container .product__header {
        margin-bottom: 45px;
    }

    .container .product-gallery__previews.swiper-container-autoheight .swiper-slide {
        height: 52px;
        max-width: 52px;
    }

    .container .product__gallery {
        margin-bottom: 20px;
    }

    .container .product__codes {
        margin-bottom: 20px;
    }

    .container .product__card {
        padding-bottom: 32px;
    }

    .container .product__documents {
        padding-top: 51px;
        padding-bottom: 45px;
        justify-content: flex-start;
    }

    .container .accessories__link {
        min-height: 166px;
    }

    .container .accessories {
        padding-bottom: 99px;
    }

    .diller-card__title {
        margin-bottom: 30px;
    }

    .mini-catalog__panel .more-btn {
        min-width: 100%;
    }
}

@media (max-width: 375px) {
    fieldset#form-select {
        margin-top: -2px;
    }

    .configurator .configurate-end {
        margin-top: 39px;
    }

    .configurator .configurate-end__setting p {
        margin-top: 5.5px;
    }

    .configurator .configurate-end__result {
        margin-top: 34px;
    }

    .configurate-end__sale {
        margin-top: 17px;
    }

    .configurator .footer {
        padding-top: 38px;
        padding-right: 0;
    }
}

.product__text-descr-hidden {
    max-height: 110px;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
}

.product__text-descr-hidden.active {
    max-height: 100%;
}

.product__text-descr-hidden.active::after {
    height: 1px;
}

.product__text-descr-hidden::after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    height: 30%;
    width: 100%;
    z-index: 99;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(45, 45, 45, .9)), to(rgba(45, 45, 45, .3)));
    background: -o-linear-gradient(bottom, rgba(45, 45, 45, .9) 30%, rgba(45, 45, 45, .3) 100%);
    background: linear-gradient(to top, rgba(45, 45, 45, .9) 30%, rgba(45, 45, 45, .3) 100%);
    background: var(--bg-color-gradient);
}

.logo-white-remer {
    display: block;
}

.logo-black-remer {
    display: none;
    padding: 35px;
}

html.white .logo-white-remer {
    display: none;
}

html.white .logo-black-remer {
    display: block;
}

html.white .registration_success p {
    color: #5c5c5c;
    opacity: inherit;
}

html.white .registration_success img {
    filter: invert(1);
}

.price-list__item-title {
    grid-row: 2;
}

.price-list__items-info {
    display: inline-flex;
    padding-right: 25px;
}

.brands.header__brands.swiper-wrapper.cmo .swiper-slide.elbox .brands__link,
.brands.header__brands.swiper-wrapper.cmo .swiper-slide.rem .brands__link,
.brands.header__brands.swiper-wrapper.rem .swiper-slide.elbox .brands__link,
.brands.header__brands.swiper-wrapper.rem .swiper-slide.cmo .brands__link,
.brands.header__brands.swiper-wrapper.elbox .swiper-slide.cmo .brands__link,
.brands.header__brands.swiper-wrapper.elbox .swiper-slide.rem .brands__link
{
    color: #6b6b6b;
}

.fon-snowflakes {
    position: absolute;
    left: 45px;
    z-index: -1;
}

.header--fixed .fon-snowflakes,
.menu-open .fon-snowflakes {
    display: none;
}

@media (max-width: 1600px) {
    .fon-snowflakes {
        left: 7%;
    }
}

@media (max-width: 1024px) {
    .fon-snowflakes {
        top: 80px;
        max-height: 150px;
    }
}


.voprosotvet table.form-table  textarea,
.voprosotvet table.form-table select,
.voprosotvet table.form-table input[type=text] {
	margin-bottom: 5px;
}

.supports form .form-body .form-item > input {
    padding: 5px 0 15px 0;
}

.supports form .form-body {
    margin: 0 0;
    width: 70%;
}

.voprosotvet form .form-item {
    margin-top: 35px;
}

.voprosotvet form .form-item .calendar-icon {
     /*position: relative;
    right: -675px;*/
    /* display: block; */
    top: -35px;
    float: right;
}

.voprosotvet form .form-footer .btn.btn-submit {
    margin-top: 30px;
}

.voprosotvet form .form-item .inputselect {
    background: #2d2d2d;
    color: #f2f2f2;
}
.voprosotvet form .form-item textarea {
    background: #2d2d2d;
    color: #f2f2f2;
    display: block;
    margin-top: 15px;
    width: 100%;
}

html.white form .form-item .inputselect {
    background: #ffffff;
    color: #2d2d2d;
}

html.white form .form-item textarea {
    background: #ffffff;
    color: #2d2d2d;
}

@media (max-width: 1024px) {
    .supports form .form-body {
        width: 70%;
    }
}

@media (max-width: 425px) {
    .supports form .form-body {
        width: 100%;
    }
    form .form-item .calendar-icon {
        position: relative;
        top: -35px;
    }
}

.voprosotvet .page-article__text-content h1 {
    margin-bottom: 20px;
}

.supports form .form-footer .btn.btn-submit {
    width: 50%;
}

.voprosotvet .supports.page-article__text-content p {
    margin-bottom: 0;
}

.header__bottom-right .btn--catalog-block {
    min-width: 250px;
    display: flex;
    justify-content: flex-end;
}

#nca-cookiesaccept-line-accept-btn {
    padding: 8px 20px 10px;
    border: 1px solid #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 40px;
    font-size: 18px;
    line-height: 22px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
}
/* End */


/* Start:/local/templates/remer/components/bitrix/search.title/header_search/style.css?166082145271*/
.search-form__suggestion {
    margin-top: 15px;
    z-index: 300;
}
/* End */


/* Start:/local/templates/remer/components/bitrix/menu/top_menu/style.css?1626081893581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/remer/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/remer/components/bitrix/catalog.section.list/header_mini_catalog/style.css?1731915574879*/
.mini-catalog {
    height: auto;
}

.mini-catalog .mini-catalog-ul-ul {
    margin-left: 0;
    padding-left: 28px;
    list-style: none;
    display: none;
    margin-bottom: 5px;
}

.mini-catalog .mini-catalog-ul-ul.active {
    display: block;
}

.mini-catalog-btn {
    float: left;
    width: 100%;
}

.more-btn.active::after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

.mini-catalog__panels {
    display: flex;
}

.mini-catalog .price-and-config__link--config {
    text-transform: none;
    margin-top: 5px;
    margin-bottom: -5px;
}

a.mini-catalog__link {
    margin-top: 10px;
    margin-bottom: 8px;
}

.mini-catalog__panel:last-child {
    display: flex;
    flex-direction: column;
    flex: 1 0;
}

/* End */


/* Start:/local/templates/remer/components/bitrix/menu/bottom_menu/style.css?1626081893581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/remer/components/bitrix/menu/bottom_menu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/remer/components/bitrix/menu/socials_menu/style.css?1738570274902*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/remer/components/bitrix/menu/socials_menu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}

.socials__link {
    padding: 15px;
}

html.white .socials__link svg path {
    fill: #000000;
}

.footer__socials .btn:hover g,
.footer__socials .btn:hover path
{
    fill: hsl(42.41deg 100% 48.82%);
}

.footer__socials .btn:hover, .footer__socials .btn:focus {
    opacity: 1;
}

.footer__socials .btn {
    border: 0;
}

/* End */


/* Start:/local/templates/remer/components/bitrix/system.auth.form/auth/style.css?1683294215448*/
.form-title h3 {
    width: 260px;
}

.form-auth-text {
    opacity: 0.5;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Inter';
    font-style: normal;
}

.white .form-auth-text {
    color: var(--text-color);
}

.form-auth-text a {
    text-decoration-line: underline;
}

.form-auth-text.right {
    text-align: right;
    margin-bottom: 59px;
}

.form-footer + .form-auth-text {
    margin-top: 40px;
}

/* End */


/* Start:/local/templates/remer/components/bitrix/system.auth.forgotpasswd/forgotpasswd/style.css?16832942155644*/
.form-title h3 {
    font-family: 'Jeko';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    width: 261px;
}

.forgot-text {
    width: 229px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--text-color);
}

.white .forgot-text {
    color: var(--text-color);
}

.forgot-back {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    text-decoration-line: underline;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    margin-top: 34px
}

.white .forgot-back {
    color: var(--text-color);
}

.form-footer {
    margin-top: 63px;
}

.forgotblock {
    padding: 0;
}

.popup-window.popup-window-dark {
    width: 528px;
}

.form-footer input {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

.check_mail {
    margin-bottom: 90px;
}

.forgotblock.mail p {
    width: 216px;
    opacity: 0.5;
    font-size: 14px;
    font-family: 'Inter';
    font-style: normal;
}

#forgot_password_result {
    width: 368px;
}

@media (max-width: 540px) {
    div#authorization_form_popup {
        min-width: 385px;
        max-width: 385px;
    }

    .popup-window.popup-window-dark {
        width: 425px;
    }
}

@media (max-width: 440px) {
    .popup-window.popup-window-dark {
        min-width: 400px;
        max-width: 400px;
        padding: 40px;
    }
}

@media (max-width: 425px) {
    .popup-window.popup-window-dark {
        padding: 56px 24px 24px 24px;
    }

    .index .popup-window .popup-window-close-icon {
        right: 20px;
        top: 20px;
    }

    div#authorization_form_popup {
        top: 124px !important;
        min-width: 335px;
        max-width: 335px;
        border-radius: 24px;
        padding-top: 59px;
        padding-bottom: 33px;
    }

    div#authorization_form_popup .popup-window-close-icon {
        right: 25px;
        top: 25px;
    }

    div#authorization_form_popup .form-title h3 {
        width: 100%;
    }

    div#authorization_form_popup .form-body .form-item > input {
        padding: 42px 0 21px 0;
        font-size: 14px;
    }

    div#authorization_form_popup .form-item {
        margin-top: 8px;
    }

    div#authorization_form_popup .form-body {
        margin-bottom: 10px;
    }

    div#authorization_form_popup .form-auth-text.right {
        margin-top: 0;
    }

    div#authorization_form_popup .form-footer {
        margin-top: 59px;
    }

    div#authorization_form_popup .form-footer .btn.btn-submit {
        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
        display: flex;
        align-items: center;
        letter-spacing: 0.08em;
        padding: 19px 46px;
    }

    div#authorization_form_popup .form-footer + .form-auth-text {
        margin-top: 19px;
        font-weight: 400;
        font-size: 12px;
        line-height: 120%;
    }

    .popup-window.popup-window-dark {
        min-width: 330px;
        max-width: 360px;
        /*left: 20px !important;*/
    }
}

@media (max-width: 375px) {
    div#authorization_form_popup {
        min-width: 320px;
        max-width: 320px;
    }

    .popup-window.popup-window-dark {
        min-width: 320px;
        max-width: 320px;
    }
}

@media (max-width: 320px) {
    .popup-window.popup-window-dark {
        min-width: 320px;
        max-width: 320px;
        left: 0 !important;
    }

    div#authorization_form_popup {
        min-width: 320px;
        max-width: 320px;
        left: 0 !important;
    }
}

@media (min-width: 1023px) {
    div#authorization_form_popup {
        top: 76px !important;
    }

    .popup-window.popup-window-dark .popup-window-close-icon {
        right: 32px;
        top: 32px;
        font-size: 16px;
    }

    .popup-window.popup-window-dark {
        padding-top: 58px;
        padding-bottom: 42px;
    }

    .popup-window.popup-window-dark .form-body .form-item > input {
        padding-top: 42px;
        padding-bottom: 17px;
    }

    .popup-window.popup-window-dark .form-item {
        margin-top: 6px;
    }

    .popup-window.popup-window-dark .form-body {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .popup-window.popup-window-dark .form-auth-text.right {
        margin-top: 10px;
        margin-bottom: -5px;
    }

    .popup-window.popup-window-dark .form-footer .btn.btn-submit {
        font-size: 16px;
        letter-spacing: 0.08em;
        line-height: 140%;
        font-weight: 400;
        padding: 16px 48px;
    }

    .popup-window.popup-window-dark .form-footer + .form-auth-text {
        font-weight: 400;
        font-size: 14px;
        line-height: 120%;
    }

    .popup-window.popup-window-dark .popup-window-close-icon:after {
        top: 3.5px;
        left: 9.4px;
    }
}

@media (min-width: 1359px) {
    .popup-window.popup-window-dark {
        padding-top: 59px;
    }

    .popup-window.popup-window-dark .form-footer {
        margin-top: 49px;
    }

    .popup-window.popup-window-dark .form-footer .btn.btn-submit {
        padding: 20px 48px;
    }

    .popup-window.popup-window-dark .form-footer + .form-auth-text {
        margin-top: 34px;
    }

    .popup-window.popup-window-dark .popup-window-close-icon:after {
        top: 3.5px;
        left: 9px;
    }
}

@media (min-width: 1599px) {
    div#authorization_form_popup {
        top: 212px !important;
    }

    .popup-window.popup-window-dark {
        padding-bottom: 45px;
    }
}

@media (min-width: 1919px) {
    div#authorization_form_popup {
        top: 232px !important;
    }
}
/* End */


/* Start:/local/templates/remer/components/bitrix/form.result.new/drawing_request/style.css?16697113371339*/
.form-item label {
    color: white;
}
.drawing_form form .form-body .form-item.web-form input[type="radio"] {
    display: none;
}

.form-footer.web-borm-button {
    margin-top: 60px;
}

.form-item.web-form {
    margin-top: 60px;
}

.form-item.web-form:first-child {
    margin-top: 0;
}

.form-item.web-form label {
    position: relative;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    display: inline-block;
    width: 19px;
    height: 18px;
    cursor: pointer;
}

.form-item.web-form label[for] {
    border: 0;
    margin-left: 10px;
    top: -3.2px;
}

.form-item.web-form label input[type=radio]:checked + span:after {
    content: "✓";
    color: white;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 2px;
    top: -4px;
    opacity: 1;
}

.form-item.web-form br {
    display: none;
}

.form-item.web-form label:nth-child(3) {
    margin-right: 60px;
}

html.white .form-item.web-form label {
    color: black;
    border: 1px solid #000000;
}

html.white .form-item.web-form label[for] {
    border: 0;
}

html.white .form-item.web-form label input[type=radio]:checked + span:after {
    color: black;
}

.drawing_form {
	color: #ffffff;
}

html.white .drawing_form {
	color: var(--text-color) !important;
}
/* End */


/* Start:/local/templates/remer/components/tanais/main.register/register/style.css?1700810875961*/
.check_mail {
    margin-bottom: 90px;
}
.registration_success.mail p {
    width: 216px;
    opacity: 0.5;
    font-size: 14px;
    font-family: 'Inter';
    font-style: normal;
}
#registration_success {
    width: 368px;
}

#registration_form_popup .form-item .calendar-icon {
    float: right;
    top: -35px;
}

@media (max-width: 425px) {
    .form-item .calendar-icon {
        position: absolute;
        right: 25px;
        top: 615px;
    }
    #registration_form_popup .form-item .calendar-icon {
        right: 25px;
    }
}

@media (max-width: 1022px) {
    #registration_form_popup .form-body .form-item > input {
        padding: 25px 0 5px 0;
    }
    #registration_form_popup {
        padding: 15px 24px 24px 24px;
        /*top: 10px !important;*/
    }
    #registration_form_popup .form-footer {
        margin-top: 5px;
    }
    #registration_form_popup {
        top: 20px !important;
    }
}
/* End */


/* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17513551952729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */


/* Start:/local/templates/remer/styles.css?17491365858802*/
/*.bx-core body {
    background: url('/local/templates/remer/img/bg/newyear_black.png') no-repeat scroll 15% 15% #2d2d2d;
}

.bx-core.white body {
    background: url('/local/templates/remer/img/bg/newyear_white.png') no-repeat scroll 15% 15% white;
}*/

.entrance_block {
    display: none;
}

.entrance_block.active {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    background: rgba(69, 69, 69, 0.88);
    box-shadow: 0 24px 32px rgb(0 0 0 / 4%),
                0 16px 24px rgb(0 0 0 / 4%),
                0 4px 8px rgb(0 0 0 / 4%),
                0 0 1px rgb(0 0 0 / 4%);
    backdrop-filter: blur(24px);
    border-radius: 24px 4px 24px 24px;
    padding: 15px 25px 18px 15px;
    text-align: right;
    z-index: 500;
}

html.white .entrance_block.active {
    background: rgb(255 255 255);
}

.entrance_block.active ul { padding-left: 10px; }

.entrance_block.active ul li { list-style: none; }

.entrance_block.active ul li a { font-size: 14px; }

.table th,
.table td {
    border: 1px solid;
    padding: 3px;
}

.trademarks-tabs__tab-control {
    margin: 0;
}

.trademarks-tabs li:first-child .trademarks-tabs__tab-control {
    width: 100%;
}

.top-drop-down > select {
    position: relative;
    float: left;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin-top: 1px;
    display: inline-block;
    overflow: hidden;
    width: 48px;
    height: 24px;
    padding: 4px;
    background-color: #414141;
    border-radius: 30px;
    text-align: center;
}

html.white .top-drop-down > select {
    background-color: rgba(0, 0, 0, 0.1);
    color: #414141;
}

.form-title h3 {
    font-family: Jeko;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    color: #FFFFFF;
    text-transform: lowercase;
    margin: 0;
}

.form-body {
    margin: 20px 0;
    width: 100%;
}

.form-body .form-item > h4 {
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
}

.form-body .form-item .field-info {
    text-align: right;
    opacity: 0.3;
    width: 100%;
    display: inline-block;
}

.form-body .form-item > input {
    all: unset;
    width: 100%;
    padding: 40px 0 15px 0;
    background: transparent;
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #FFFFFF;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    outline: none;
}

.form-body .form-item input:-webkit-autofill,
.form-body .form-item input:-webkit-autofill:hover,
.form-body .form-item input:-webkit-autofill:focus,
.form-body .form-item input:-webkit-autofill:active {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
    -webkit-box-shadow: -2px -2px 0 50px #404040 inset !important;
    -webkit-text-fill-color: rgb(255 255 255 / 100%) !important;
}

.form-body .form-item .there_are_branches {
    display: block;
    width: 100%;
    padding: 40px 20px 15px 0;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.08em;
    text-transform: lowercase;
    color: white;
    outline: none;
}

.form-body .form-item .there_are_branches input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.form-body .form-item .there_are_branches input[type=checkbox] + span {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: 17px;
    width: 19px;
    height: 18px;
    top: 4px;
}

.form-body .form-item .there_are_branches input[type=checkbox] span:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: inset 0 0 3px #8a8a8a;
}

.form-body .form-item .there_are_branches input[type=checkbox] + span:after {
    content: "";
    opacity: 0;
    transition: opacity 0.3s ease;
}

.form-body .form-item .there_are_branches input[type=checkbox]:checked + span:after {
    content: "✓";
    color: white;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    left: 3px;
    top: 1px;
    opacity: 1;
}

.form-body .form-item > input::placeholder {
    text-transform: lowercase;
}

.btn.btn-submit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 21px 48px;
    width: 100%;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 80px;
    height: auto;
    text-transform: lowercase;
}

html.white .personal .btn.btn-submit {
    border: 1px solid #000000;
}

.popup-window-dark {
    padding: 56px;
    min-width: 360px;
    max-width: 530px;
    background: rgba(69, 69, 69, 0.88);
    box-shadow: 0 24px 32px rgba(0, 0, 0, 0.04), 0 16px 24px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
    backdrop-filter: blur(24px);
    border-radius: 40px;
}

.popup-window .popup-window-close-icon {
    background: #DEDEDE;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    right: 35px;
    top: 35px;
}

.popup-window .popup-window-close-icon:after {
    color: #2D2D2D;
    background-image: none;
    top: 4.5px;
    left: 10px;
    content: "x";
}

/* Белая тема */
html.white .form-title h3,
html.white .form-body .form-item > h4 {
    color: rgba(69, 69, 69, 0.88);
}

html.white .form-body .form-item > input {
    border-bottom: 1px solid rgba(69, 69, 69, 0.88);
    color: rgba(69, 69, 69, 0.88);
}

html.white .form-body .form-item input:-webkit-autofill,
html.white .form-body .form-item input:-webkit-autofill:hover,
html.white .form-body .form-item input:-webkit-autofill:focus,
html.white .form-body .form-item input:-webkit-autofill:active {
    background-color: #ffffff !important;
    background-image: none !important;
    color: rgba(69, 69, 69, 0.88); !important;
    -webkit-box-shadow: -2px -2px 0 50px #ffffff inset !important;
    -webkit-text-fill-color: rgb(69, 69, 69, 0.88) !important;
}

html.white .popup-window-dark {
    background: white;
    border: 1px solid rgba(69, 69, 69, 0.88);
}

html.white .form-footer .btn.btn-submit {
    border: 1px solid rgba(69, 69, 69, 0.88);
    color: rgba(69, 69, 69, 0.88);
}

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

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}

div.bxml-dialog a {
    display: inline-block;
    color: #141619;
    float: left;
}

div.bxml-dialog a img {
    float: left;
    margin-top: 3px;
}

div.bxml-dialog td.ml-title-cell table td.ml-close img {
    float: right;
    margin-right: 10px;
}

div.mlsd table.mlsd-fields-tbl td {
    color: #141619;
}

.remer_presentation {
    text-decoration-line: underline;
}

.cooperation_dealer .supports a {
    text-decoration: underline;
}

.supports.page-article__text-content ul li {
    font-size: 18px;
}

.supports.page-article__text-content p {
    margin-bottom: 40px;
}

.supports.page-article__text-content ul {
    margin-bottom: 30px;
}

.supports.page-article__text-content img {
    margin: 0;
}

.supports.page-article__text-content ul li::before {
    display: none;
}

.index .header__bottom-right .header__add-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 1760px) {
    .index .header__bottom-right .header__add-links {
        display: none;
    }
}

/* End */


/* Start:/local/templates/remer/template_styles.css?17491365852794*/
.page-404 {
    min-height: auto;
}

.page-404__main {
    margin-top: 0;
}

.container.auth-form {
    width: 30%;
}

@media (max-width: 1024px) {
    .container.auth-form {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .menu-open .main-nav .main-nav__add-links {
        flex-direction: column;
        gap: 15px;
    }

    .menu-open .main-nav .main-nav__add-links {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    a.price-and-config__link.price-and-config__link--price svg {
        margin-right: 15px;
    }
}


.preview-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news-date-time {
    font-size: 18px;
    line-height: 25px;
    font-family: "Inter", "Arial", sans-serif;
    opacity: 0.5;
    color: var(--text-color);
}

.news-item {
    margin-bottom: 45px;
    display: flex;
    gap: 20px;
}


div.news-list {
    word-wrap: break-word;
}

div.news-list img.preview_picture {
    float: left;
    margin: 0 4px 6px 0;
    width: 100%;
}

.news-date-time {
    color: #486DAA;
}

.news-list {
    margin: 10px auto;
}

.news-list p {
    /*background: #e9e9e9;*/
    border-radius: 6px;
    padding: 5px 5px 5px 0;
    margin-bottom: 10px;
    width: 100%;
}

.news-list p a {
    color: #13578E;
    text-decoration: none;
}

/*NAVIGATION*/
.navigation {
    clear: both;
    text-align: center;
}

.navigation {
    text-align: center;

    color: #9CA4B2;
}

.navigation a {
    color: #184A80;
    text-decoration: none;
}

.text b {
    color: red;
}

form[name='transition'] {
    position: absolute;
    top: 20px;
    left: 0;
    padding: 5px;
    background: #11568d;
}

.rapid-transition {
    display: none !important;
}

h1 {
    clear: both;
}

.preview-text p, .nice .desc {
    color: #737373;
}

.preview-name {
    position: relative;
    bottom: 5px;
    /*left: -5px;*/
    clear: both;
    font-size: 20px;
}

.preview-name:hover {
    text-decoration: underline;
}

.preview-name:before {
    /*content: '-';
    text-decoration: none !important;
    display: inline-block;
    position: relative;
    left: -6px;*/
}

#left-block {
    display: none;
}

.news-item {
    margin-bottom: 45px;
    display: flex;
    gap: 20px;
}

.news-item a {
    width: 100%;
    max-width: 350px;
}

.supports .page-article__text-content {
    width: 85%;
}

.supports .page-article__text-content p {
    font-size: 16px;
}

@media (max-width: 425px) {
    .news-item {
        flex-direction: column;
    }

    .preview-info {
        width: 100%;
    }

    .news-item a {
        max-width: 100%;
    }
}

/* End */
/* /local/templates/remer/js/select2/css/select2.css?162325364418931 */
/* /local/templates/remer/js/fancybox/fancybox.css?165348153815598 */
/* /local/templates/remer/css/style.css?1751361199508707 */
/* /local/templates/remer/components/bitrix/search.title/header_search/style.css?166082145271 */
/* /local/templates/remer/components/bitrix/menu/top_menu/style.css?1626081893581 */
/* /local/templates/remer/components/bitrix/catalog.section.list/header_mini_catalog/style.css?1731915574879 */
/* /local/templates/remer/components/bitrix/menu/bottom_menu/style.css?1626081893581 */
/* /local/templates/remer/components/bitrix/menu/socials_menu/style.css?1738570274902 */
/* /local/templates/remer/components/bitrix/system.auth.form/auth/style.css?1683294215448 */
/* /local/templates/remer/components/bitrix/system.auth.forgotpasswd/forgotpasswd/style.css?16832942155644 */
/* /local/templates/remer/components/bitrix/form.result.new/drawing_request/style.css?16697113371339 */
/* /local/templates/remer/components/tanais/main.register/register/style.css?1700810875961 */
/* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17513551952729 */
/* /local/templates/remer/styles.css?17491365858802 */
/* /local/templates/remer/template_styles.css?17491365852794 */