@charset "UTF-8";
/**
 * selectize.bootstrap3.css (v0.12.6) - Bootstrap 3 Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 3px 12px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 4px 4px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 12px;
  top: 50%;
  color: #333333;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 0 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: rgba(77, 77, 77, 0);
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #333333;
  font-family: inherit;
  font-size: inherit;
  line-height: 20px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 4px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 12px 2px;
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  border-radius: 4px 4px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 3px;
  background: #efefef;
  color: #333333;
  border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input > div.active {
  background: #428bca;
  color: #fff;
  border: 0 solid rgba(0, 0, 0, 0);
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #808080;
  background: #ffffff;
  border: 0 solid rgba(77, 77, 77, 0);
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #ffffff;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 4px 4px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 3px 12px;
}

.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.selectize-dropdown [data-selectable].option {
  opacity: 1;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #777777;
  background: #fff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5f5f5;
  color: #262626;
}

.selectize-dropdown .active.create {
  color: #262626;
}

.selectize-dropdown .create {
  color: rgba(51, 51, 51, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 17px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #333333 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #333333 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 17px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fff;
}

.selectize-dropdown,
.selectize-dropdown.form-control {
  height: auto;
  padding: 0;
  margin: 2px 0 0 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.selectize-dropdown .optgroup-header {
  font-size: 12px;
  line-height: 1.42857143;
}

.selectize-dropdown .optgroup:first-child:before {
  display: none;
}

.selectize-dropdown .optgroup:before {
  content: " ";
  display: block;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
  margin-left: -12px;
  margin-right: -12px;
}

.selectize-dropdown-content {
  padding: 5px 0;
}

.selectize-dropdown-header {
  padding: 6px 12px;
}

.selectize-input {
  min-height: 34px;
}

.selectize-input.dropdown-active {
  border-radius: 4px;
}

.selectize-input.dropdown-active::before {
  display: none;
}

.selectize-input.focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.has-error .selectize-input {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .selectize-input:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 9px;
  padding-right: 9px;
}

.selectize-control.multi .selectize-input > div {
  border-radius: 3px;
}

.form-control.selectize-control {
  padding: 0;
  height: auto;
  border: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}

.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}

.noty_layout_mixin, #noty_layout__centerRight, #noty_layout__centerLeft, #noty_layout__center, #noty_layout__bottomRight, #noty_layout__bottomCenter, #noty_layout__bottomLeft, #noty_layout__bottom, #noty_layout__topRight, #noty_layout__topCenter, #noty_layout__topLeft, #noty_layout__top {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  transform: translateZ(0) scale(1, 1);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%;
}

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%;
}

#noty_layout__topLeft {
  top: 20px;
  left: 20px;
  width: 325px;
}

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__topRight {
  top: 20px;
  right: 20px;
  width: 325px;
}

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%;
}

#noty_layout__bottomLeft {
  bottom: 20px;
  left: 20px;
  width: 325px;
}

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__bottomRight {
  bottom: 20px;
  right: 20px;
  width: 325px;
}

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 325px;
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__centerLeft {
  top: 50%;
  left: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

#noty_layout__centerRight {
  top: 50%;
  right: 20px;
  width: 325px;
  transform: translate(0, calc(-50% - 0.5px)) translateZ(0) scale(1, 1);
}

.noty_progressbar {
  display: none;
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10);
}

.noty_bar {
  -webkit-backface-visibility: hidden;
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden;
}

.noty_effects_open {
  opacity: 0;
  transform: translate(50%);
  animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards;
}

.noty_effects_close {
  animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-fill-mode: forwards;
}

.noty_fix_effects_height {
  animation: noty_anim_height 75ms ease-out;
}

.noty_close_with_click {
  cursor: pointer;
}

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: 0.3;
  left: 0;
  top: 0;
}

.noty_modal.noty_modal_open {
  opacity: 0;
  animation: noty_modal_in 0.3s ease-out;
}

.noty_modal.noty_modal_close {
  animation: noty_modal_out 0.3s ease-out;
  animation-fill-mode: forwards;
}

@keyframes noty_modal_in {
  100% {
    opacity: 0.3;
  }
}
@keyframes noty_modal_out {
  100% {
    opacity: 0;
  }
}
@keyframes noty_anim_in {
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes noty_anim_out {
  100% {
    transform: translate(50%);
    opacity: 0;
  }
}
@keyframes noty_anim_height {
  100% {
    height: 0;
  }
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.control-toggle {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.grecaptcha-badge {
  display: none !important;
}

.quantity {
  width: auto;
}
.quantity label {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.quantity .quantity-container {
  align-items: center;
}
.quantity button {
  width: 30px;
  height: 30px;
  color: #fff;
  border: none;
  font-size: 26px;
  border-radius: 30px !important;
  text-indent: -9999px;
  background-color: #22A7D1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  transition: 0.2s ease;
}
.quantity button:hover {
  background-color: #FF4374;
}
.quantity button.decrease {
  background-image: url("/images/minus-symbol-white.svg");
}
.quantity button.increase {
  background-image: url("/images/plus-symbol-white.svg");
}
.quantity .control {
  margin: 0 12px !important;
  border: 1px solid #BDBDBD !important;
  border-radius: 5px !important;
}

.noty_bar {
  border-radius: 10px;
}
.noty_bar .noty_body {
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  padding: 20px;
  border-radius: 10px;
  background-color: #54abf5;
}
.noty_bar.noty_type__alert .noty_body {
  background-color: #f08989;
}

.products-list-item .products-item {
  padding: 20px 30px 15px 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 575px) {
  .products-list-item .products-item {
    padding: 20px;
  }
}
.products-list-item .products-item-container-top .products-item-date, .products-list-item .products-item-container-top .products-item-availability {
  display: none;
}
.products-list-item .products-item-container-bottom {
  display: none;
}
.products-list-item .products-item-image {
  position: relative;
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
.products-list-item .products-item-image img {
  width: 100%;
  max-width: 80%;
  max-height: 220px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 575px) {
  .products-list-item .products-item-image img {
    max-height: 190px;
  }
}
.products-list-item .products-item .actions {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
}
.products-list-item .products-item .actions .add-compare {
  display: block;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .products-list-item .products-item .actions .add-compare {
    width: 20px;
    height: 20px;
  }
}
.products-list-item .products-item .actions .add-compare svg {
  width: 100%;
}
.products-list-item .products-item .actions .add-compare svg path {
  transition: 0.2s;
}
.products-list-item .products-item .actions .add-compare:hover svg path {
  fill: #22A7D1;
}
.products-list-item .products-item .actions .add-favorite {
  width: 25px;
  height: 25px;
  margin-left: 15px;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .products-list-item .products-item .actions .add-favorite {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .products-list-item .products-item .actions .add-favorite svg {
    width: 100%;
    height: 100%;
  }
}
.products-list-item .products-item .actions .add-favorite svg g path {
  transition: 0.2s;
}
.products-list-item .products-item .actions .add-favorite .add-to-wishlist {
  display: block;
  margin: 0;
}
.products-list-item .products-item .actions .add-favorite .add-to-wishlist.already svg g path, .products-list-item .products-item .actions .add-favorite .add-to-wishlist:hover svg g path {
  fill: #FF4374;
}
.products-list-item .products-item-name {
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3;
}
@media only screen and (max-width: 991px) {
  .products-list-item .products-item-name {
    font-size: 14px;
  }
}
.products-list-item .products-item-name a {
  text-decoration: none;
  color: #171717;
}
.products-list-item .products-item-name a:hover {
  color: #FF4374;
}
.products-list-item .products-item-container-top {
  margin: 15px 0 10px 0;
  flex-grow: 1;
}
.products-list-item .products-item-container-top-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}
.products-list-item .products-item-container-bottom {
  display: none;
  margin-top: 30px;
  grid-template-columns: 220px 1fr;
  gap: 20px 60px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
}
@media only screen and (max-width: 1199px) {
  .products-list-item .products-item-container-bottom {
    grid-template-columns: auto auto;
    gap: 20px 30px;
  }
}
.products-list-item .products-item-container-bottom-title {
  width: 100%;
  color: #BDBDBD;
}
.products-list-item .products-item-container-bottom-description {
  width: 100%;
  color: #171717;
}
.products-list-item .products-item-price {
  width: 100%;
  display: flex;
  align-items: center;
  grid-column: 2/3;
}
.products-list-item .products-item-price_price .product-page-content-price .price-big {
  font-size: 18px;
  line-height: 1.1;
}
@media only screen and (max-width: 991px) {
  .products-list-item .products-item-price_price .product-page-content-price .price-big {
    font-size: 16px;
  }
}
.products-list-item .products-item-price_price .product-page-content-price .bonus {
  display: none;
}
.products-list-item .products-item-price_old {
  margin-right: 15px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
  text-decoration: line-through;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .products-list-item .products-item-price_old {
    font-size: 0.6175rem;
    line-height: 0.8125rem;
  }
}
@media only screen and (max-width: 379px) {
  .products-list-item .products-item-price_old {
    font-size: 0.6rem;
    line-height: 0.6875rem;
  }
}
.products-list-item .products-item-price_old span {
  font-size: 0.7rem;
}
@media only screen and (max-width: 575px) {
  .products-list-item .products-item-price_old span {
    font-size: 0.6875rem;
  }
}
@media only screen and (max-width: 379px) {
  .products-list-item .products-item-price_old span {
    font-size: 0.5rem;
  }
}
.products-list-item .products-item-price_sale {
  margin-left: 15px;
  padding: 3px 5px;
  border-radius: 14px;
  background-color: #FEDD56;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.6875rem;
  line-height: 0.8125rem;
  color: #171717;
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (max-width: 575px) {
  .products-list-item .products-item-price_sale {
    font-size: 0.6rem;
    line-height: 0.6875rem;
  }
}
.products-list-item .products-item-price_sale span {
  font-size: 0.6rem;
}
@media only screen and (max-width: 575px) {
  .products-list-item .products-item-price_sale span {
    font-size: 0.5rem;
  }
}
.products-list-item .products-item-add-to-cart {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  width: 100%;
  height: 50px;
  padding: 10px 15px;
  margin-top: 10px;
  border-radius: 25px;
  transition: 0.2s;
  background-color: #22A7D1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.products-list-item .products-item-add-to-cart:hover {
  background-color: #FF4374;
}
.products-list-item .products-item-add-to-cart .val {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}
.products-list-item .products-item-add-to-cart .minus, .products-list-item .products-item-add-to-cart .plus {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  cursor: pointer;
}
.products-list-item .products-item-add-to-cart.added {
  cursor: default;
  background-color: #FF4374;
}
.products-list-item .products-item-add-to-cart.added .minus, .products-list-item .products-item-add-to-cart.added .plus {
  opacity: 1;
  visibility: visible;
}
.products-list-item .products-item-delivery {
  margin-top: 10px;
  text-align: center;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #BDBDBD;
}

.selectize-control .selectize-input {
  display: flex !important;
  align-items: center;
  font-size: 14px;
  line-height: 1.1;
  padding: 5px 15px;
  border: none;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
}
.selectize-control .selectize-dropdown {
  border: none;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option {
  font-size: 14px;
  line-height: 1.2;
  padding: 8px 15px;
  cursor: pointer;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option.selected {
  color: #fff;
  background-color: #22A7D1;
}
.selectize-control .selectize-dropdown .selectize-dropdown-content .option.active {
  color: #fff;
  background-color: #38b7df;
}
.selectize-control.selectize-border-blue .selectize-input {
  height: 50px;
  padding: 10px 30px;
  box-shadow: none;
  border: 2px solid #22A7D1;
  border-radius: 30px;
}
.selectize-control.selectize-border-blue .selectize-input > input {
  display: none !important;
}
.selectize-control.selectize-border-blue .selectize-input:after {
  top: 0;
  bottom: 0;
  right: 25px;
  width: 12px;
  height: 12px;
  border: none;
  margin: auto;
  background: url("/images/angle-small-bottom-red.svg") no-repeat center;
  background-size: contain;
  transition: 0.2s ease;
}
.selectize-control.selectize-border-blue .selectize-input.dropdown-active:after {
  margin: auto;
  transform: rotateX(180deg);
}

.slick-slider .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 40px;
  height: 40px;
  border: none;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F0ECEC;
  border-radius: 40px;
  cursor: pointer;
  outline: none !important;
}
@media only screen and (max-width: 767px) {
  .slick-slider .slick-arrow {
    width: 30px;
    height: 30px;
  }
}
.slick-slider .slick-arrow svg {
  display: block;
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .slick-slider .slick-arrow svg {
    width: 17px;
    height: 17px;
  }
}
.slick-slider .slick-arrow svg path {
  fill: #22A7D1;
  transition: 0.2s ease;
}
.slick-slider .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.slick-slider .slick-arrow.slick-prev {
  left: -70px;
}
@media only screen and (max-width: 1600px) {
  .slick-slider .slick-arrow.slick-prev {
    left: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .slick-slider .slick-arrow.slick-prev {
    left: 15px;
  }
}
.slick-slider .slick-arrow.slick-next {
  right: -70px;
}
@media only screen and (max-width: 1600px) {
  .slick-slider .slick-arrow.slick-next {
    right: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .slick-slider .slick-arrow.slick-next {
    right: 15px;
  }
}
.slick-slider .slick-arrow:hover {
  background-color: #22A7D1;
}
.slick-slider .slick-arrow:hover svg path {
  fill: #fff;
}

label.radio, label.checkbox {
  position: relative;
  display: flex !important;
  align-items: center;
  cursor: pointer;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
label.radio i, label.checkbox i {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  border-radius: 18px;
  margin-right: 8px;
  transition: 0.2s ease;
  background-color: #fff;
}
label.radio i:after, label.checkbox i:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-radius: 14px;
  transform: scale(0);
  transition: 0.2s ease;
  background-image: url("/images/checked-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
label.radio input, label.checkbox input {
  display: none !important;
}
label.radio input:checked + i:after, label.checkbox input:checked + i:after {
  transform: scale(1);
}
label.radio span, label.checkbox span {
  font-size: 14px;
  line-height: 1.2;
  width: calc(100% - 24px);
}

label.checkbox i {
  border-radius: 2px;
}
label.checkbox i:after {
  border-radius: 0;
}

.switcher-wrap {
  display: flex;
  align-items: center;
}
.switcher-wrap .switcher {
  margin-right: 20px;
}
.switcher-wrap span {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 1.1;
  color: #171717;
  white-space: nowrap;
}

.switcher {
  position: relative;
  display: block;
  width: 80px;
  height: 40px;
  border-radius: 45px;
  background: #BDBDBD;
  transition: all 0.3s;
  cursor: pointer;
}
.switcher:before {
  content: "";
  position: absolute;
  display: block;
  left: 3px;
  top: 3px;
  width: 34px;
  height: 34px;
  border-radius: 45px;
  background: #fff;
  box-shadow: inset 0px -5px 10px rgba(180, 180, 180, 0.5);
  transition: all 0.3s;
}
.switcher.is-active {
  background-color: #22A7D1;
}
.switcher.is-active:before {
  transform: translateX(40px);
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto"), local("Roboto-Regular"), url(/fonts/Roboto.woff2?806e04d8241d87f99a68e861e98abeea) format("woff2"), url(/fonts/Roboto.woff?59d18e163bfcd0607572a155d0def686) format("woff"), url(/fonts/Roboto.ttf?ecf539e1e3bc3e936f7865ccb537b092) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Medium"), local("Roboto-Medium"), url(/fonts/Robotomedium.woff2?76cb645b72a0083e239f2050de552a87) format("woff2"), url(/fonts/Robotomedium.woff?5673e7a07239f478532538ee153d9d97) format("woff"), url(/fonts/Robotomedium.ttf?704bba02385c62b5914c8fe36cd9e191) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Bold"), local("Roboto-Bold"), url(/fonts/Robotobold.woff2?23c8ce07bd38f67236221a52af8683a7) format("woff2"), url(/fonts/Robotobold.woff?1e0c22679977ac02c8f682107ad52670) format("woff"), url(/fonts/Robotobold.ttf?1ac02c026895c20df570f07837cf9a9f) format("truetype");
  font-weight: 700;
  font-style: normal;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body, html {
  margin: 0;
  width: 100%;
  color: #171717;
  background-color: #f8f8f8;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  scrollbar-color: #22A7D1 #EBEBEB;
  scrollbar-width: thin;
}

body {
  letter-spacing: inherit;
}
body.is-overflow {
  overflow: hidden !important;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #EBEBEB;
}

::-webkit-scrollbar-thumb {
  background-color: #22A7D1;
  border-radius: 1px;
}

::-moz-selection {
  color: #fff;
  background: rgba(152, 80, 255, 0.6);
}

::selection {
  color: #fff;
  background: rgba(152, 80, 255, 0.6);
}

.wrapper {
  max-width: 1420px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1399px) {
  .wrapper {
    max-width: 100vw;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper {
    padding: 0 20px;
  }
}

.title-text {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.125rem;
  color: #171717;
}
@media only screen and (max-width: 575px) {
  .title-text {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.top-header {
  height: 32px;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  padding: 0 15px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
@media only screen and (max-width: 1199px) {
  .top-header {
    display: none;
  }
}
.top-header .flexbox {
  height: 100%;
  display: flex;
  align-items: center;
}
.top-header a {
  margin-right: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #fff;
  text-decoration: none;
}
@media only screen and (max-width: 1399px) {
  .top-header a {
    margin-right: 20px;
  }
}
.top-header .header-selector-region {
  margin-right: 30px;
}
.top-header .header-selector-region .toggle .map-pointer {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.top-header .header-selector-region .toggle span {
  font-size: 12px;
  color: #fff;
}
.top-header .tel-number {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
}
@media only screen and (max-width: 1199px) {
  .top-header .tel-number {
    display: none;
  }
}
.top-header .change-view-wrap {
  position: relative;
}
.top-header .change-view-wrap .modal {
  position: absolute;
  top: calc(100% + 15px);
  left: auto;
}
.top-header .change-view-wrap .modal__background {
  margin-top: 0;
  background: none;
}
.top-header .change-view-wrap .modal__content {
  width: 730px;
}
.top-header .change-view {
  margin-left: 30px;
  padding: 3px 10px;
  background-color: #1B83A4;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
}
.top-header .change-view:hover {
  background-color: rgba(255, 67, 116, 0.8156862745);
}
.top-header .change-view .inner {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.top-header .change-view .eye-img {
  display: block;
  width: 12px;
  height: 8px;
  margin-right: 6px;
  background-image: url(/images/eye.svg);
  background-repeat: no-repeat;
}
.top-header .change-view span {
  font-weight: 500;
  color: #fff;
}
.top-header .modal-geolocation {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 440px;
  width: 100%;
  padding: 40px 50px 50px 50px;
  visibility: hidden;
  opacity: 0;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  border-radius: 30px;
  transition: 0.1s;
  z-index: 700;
}
.top-header .modal-geolocation__is-active {
  visibility: visible;
  opacity: 1;
}
.top-header .modal-geolocation__close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  border-radius: 56px;
  background-color: #FF4374;
  background-image: url(/images/close-x.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.top-header .modal-geolocation-title {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.4375rem;
  color: #fff;
}
.top-header .modal-geolocation-form_btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-top: 30px;
  padding: 18px 60px;
  border-radius: 36px;
  border: none;
  background-color: #fff;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #22A7D1;
  transition: 0.1s;
  cursor: pointer;
}
.top-header .modal-geolocation-form_btn:hover {
  background-color: #FF4374;
  color: #fff;
}
.top-header .modal-geolocation-selector {
  position: relative;
  margin-top: 55px;
  width: 100%;
}
.top-header .modal-geolocation-selector summary {
  padding: 15px 30px;
  cursor: pointer;
  border-radius: 23px;
  background-color: #fff;
  list-style: none;
  color: #BDBDBD;
}
.top-header .modal-geolocation-selector summary::-webkit-details-marker {
  display: none;
}
.top-header .modal-geolocation-selector details[open] summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.top-header .modal-geolocation-selector details[open] summary:before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.top-header .modal-geolocation-selector summary:after {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  right: 35px;
  width: 13px;
  height: 13px;
  border-bottom: 2px solid #FF4374;
  border-left: 2px solid #FF4374;
  border-bottom-left-radius: 2px;
  transform: rotate(-45deg) translate(50%, 0%);
  transition: transform ease-in-out 100ms;
}
.top-header .modal-geolocation-selector summary:focus {
  outline: none;
}
.top-header .modal-geolocation-selector details[open] summary:after {
  transform: rotate(45deg) translate(0%, 0%);
}
.top-header .modal-geolocation-selector ul {
  width: 100%;
  max-height: 200px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 15px 30px;
  margin: 0;
  border-top: 1px solid #BDBDBD;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  list-style: none;
  overflow-y: auto;
}
.top-header .modal-geolocation-selector li {
  margin: 0;
  padding: 16px 0;
  border-bottom: 1px solid #BDBDBD;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
}
.top-header .modal-geolocation-selector li:first-child {
  padding-top: 0;
}
.top-header .modal-geolocation-selector li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.top-header .modal-geolocation-selector summary.radios {
  counter-reset: radios;
}
.top-header .modal-geolocation-selector input[type=radio] {
  counter-increment: radios;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}
.top-header .modal-geolocation-selector input[type=radio]:checked {
  display: inline;
}
.top-header .modal-geolocation-selector input[type=radio]:after {
  content: attr(title);
  display: inline;
  font-size: 1rem;
}
.top-header .modal-geolocation-selector ul.list {
  counter-reset: labels;
}
.top-header .modal-geolocation-selector label {
  width: 100%;
  display: block;
  cursor: pointer;
}
.top-header .block-registration-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
.top-header .block-registration-toptext {
  margin-top: 60px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}

.left {
  float: left;
}

.right {
  float: right;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  transition: 0.3s;
}
.modal__active {
  visibility: visible;
  opacity: 1;
}
.modal__background {
  margin-top: 32px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.modal__content {
  width: 100%;
  max-width: 730px;
  float: right;
  padding: 30px;
  background: #FFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  position: relative;
}
.modal__content hr {
  margin: 30px 0;
  color: rgba(189, 189, 189, 0.2);
}
.modal__content-header {
  margin: 0;
  margin-bottom: 30px;
  font-weight: 700;
}
.modal__header {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3rem;
  margin: 0;
}

.change-view-grid {
  display: grid;
  grid-template-columns: 210px 1fr 130px;
  gap: 30px;
  justify-items: start;
}
.change-view-grid a {
  font-size: 1.125rem;
  line-height: 1.3rem;
  text-decoration: underline;
  color: #22A7D1;
}
.change-view-grid .reset {
  font-size: 16px;
  line-height: 1.1;
  cursor: pointer;
}
.change-view-grid .modal__close-button {
  width: 48px;
  height: 48px;
  border-radius: 56px;
  justify-self: end;
  background-color: #FF4374;
  background-image: url(/images/close-x.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.change-view-grid-radio {
  font-weight: 400;
}
.change-view-grid-radio div {
  margin-bottom: 20px;
}
.change-view-grid-radio div:last-child {
  margin-bottom: 0;
}

.custom-radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-radio + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio + label::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 8px solid #22A7D1;
  border-radius: 45px;
  margin-right: 20px;
  background-color: #22A7D1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active + label::before {
  background-color: #ffc8d7;
  border-color: #ffc8d7;
}

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked + label::before,
.custom-radio label.is-active::before {
  border-color: #FF4374;
  background-color: #fff;
  box-shadow: inset 0px -5px 10px rgba(180, 180, 180, 0.5);
}

.custom-radio-el {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-radio-el i {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 45px;
  margin-right: 15px;
  background-color: #22A7D1;
  transition: 0.2s ease;
}
.custom-radio-el i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 24px;
  background-color: #fff;
  box-shadow: inset 0px -5px 10px rgba(180, 180, 180, 0.5);
  transform: scale(0);
  transition: 0.2s ease;
}
.custom-radio-el span {
  width: calc(100% - 55px);
  font-size: 13px;
  line-height: 1.2;
}
.custom-radio-el.is-active i {
  background-color: #FF4374;
}
.custom-radio-el.is-active i:before {
  transform: scale(1);
}

.custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-checkbox i {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 45px;
  margin-right: 15px;
  background-color: #22A7D1;
  transition: 0.2s ease;
}
.custom-checkbox i:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  border-radius: 24px;
  background-color: #fff;
  box-shadow: inset 0px -5px 10px rgba(180, 180, 180, 0.5);
  transform: scale(0);
  transition: 0.2s ease;
}
.custom-checkbox span {
  width: calc(100% - 55px);
  font-size: 13px;
  line-height: 1.2;
}
.custom-checkbox.is-active i {
  background-color: #FF4374;
}
.custom-checkbox.is-active i:before {
  transform: scale(1);
}
.custom-checkbox.square i {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #FF4374;
  background-color: transparent;
}
.custom-checkbox.square i:before {
  width: 10px;
  height: 10px;
  box-shadow: none;
  border-radius: 0;
  background: url("/images/check.svg") no-repeat center transparent;
  background-size: contain;
}
.custom-checkbox.square span {
  width: calc(100% - 35px);
}
.custom-checkbox.square.is-active i {
  background-color: #FF4374;
}

.change-view-options {
  display: flex;
  flex-wrap: wrap;
  font-weight: 400;
  /* стили при наведении курсора на checkbox */
}
.change-view-options div {
  margin-bottom: 20px;
  margin-right: 42px;
}
.change-view-options div:last-child {
  margin-right: 0;
}
.change-view-options .custom-radio:not(:disabled):not(:checked) + label:hover::before {
  border-color: #b3d7ff;
}

.change-view-correction-edit {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: 210px 1fr 50px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: center;
  justify-items: start;
}
.change-view-correction-edit p {
  width: 210px;
  margin-bottom: 0;
}
.change-view-correction-edit input[type=range] {
  max-width: 360px;
  width: 100%;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.change-view-correction-edit input[type=range]::-webkit-slider-runnable-track {
  height: 100%;
  border-radius: 45px;
  border: 2px solid #22A7D1;
  background-color: #22A7D1;
  box-sizing: border-box;
}
.change-view-correction-edit input[type=range]::-moz-range-track {
  height: 100%;
  border-radius: 45px;
  border: 2px solid #22A7D1;
  background-color: #22A7D1;
  box-sizing: border-box;
}
.change-view-correction-edit input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 36px;
  height: 36px;
  background: #FFFFFF;
  border-radius: 45px;
  border: 6px solid #22A7D1;
  cursor: pointer;
}
.change-view-correction-edit input[type=range]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 45px;
  border: 6px solid #22A7D1;
  cursor: pointer;
}
.change-view-correction-reset {
  display: block;
  width: 29px;
  height: 29px;
  justify-self: end;
  cursor: pointer;
  background-image: url(/images/rotate-cw.svg);
  background-repeat: no-repeat;
  transform: rotate(150deg);
}

.pagination.shop {
  margin-top: 0;
  justify-content: center;
}
.pagination.shop .page-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  font-size: 16px;
  font-family: "Roboto";
  padding: 0;
  margin-right: 5px;
  border-color: transparent;
  transition: 0.2s ease;
}
@media only screen and (max-width: 575px) {
  .pagination.shop .page-item {
    min-width: 34px;
    height: 34px;
  }
}
.pagination.shop .page-item:last-child {
  margin: 0;
}
.pagination.shop .page-item.previous, .pagination.shop .page-item.next {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  background-size: 18px;
  border-radius: 40px;
}
@media only screen and (max-width: 575px) {
  .pagination.shop .page-item.previous, .pagination.shop .page-item.next {
    background-size: 16px;
  }
}
.pagination.shop .page-item.previous .icon, .pagination.shop .page-item.next .icon {
  display: none;
}
.pagination.shop .page-item.previous:hover, .pagination.shop .page-item.next:hover {
  background-color: #FF4374;
}
.pagination.shop .page-item.previous {
  margin-right: 15px;
  background-image: url("/images/angle-small-left-blue.svg");
}
.pagination.shop .page-item.previous:hover {
  background-image: url("/images/angle-small-left-white.svg");
}
.pagination.shop .page-item.next {
  margin-left: 10px;
  background-image: url("/images/angle-small-right-blue.svg");
}
.pagination.shop .page-item.next:hover {
  background-image: url("/images/angle-small-right-white.svg");
}
.pagination.shop .page-item.active {
  background-color: #22A7D1;
}
.pagination.shop .page-item.as {
  background-color: transparent;
}
@media only screen and (max-width: 575px) {
  .pagination.shop .page-item.as {
    min-width: 26px;
  }
  .pagination.shop .page-item.as:hover {
    color: #22A7D1;
  }
}
@media only screen and (min-width: 576px) {
  .pagination.shop .page-item.as:hover {
    color: #fff;
    background-color: #FF4374;
  }
}

.main-header {
  position: relative;
  padding: 0 15px;
  background-color: #f8f8f8;
}
.main-header-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .main-header-block {
    display: grid;
    grid-template-columns: 145px 1fr;
    grid-template-rows: 40px 40px;
    row-gap: 20px;
  }
}
@media only screen and (max-width: 379px) {
  .main-header-block {
    grid-template-columns: 105px 1fr;
    grid-template-rows: auto auto;
  }
}
.main-header-block.top {
  height: 90px;
  padding-top: 40px;
  background-color: #f8f8f8;
  margin-top: 0;
}
@media only screen and (max-width: 991px) {
  .main-header-block.bottom {
    display: none;
  }
}
.main-header-logo {
  color: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  margin-right: 45px;
}
@media only screen and (max-width: 767px) {
  .main-header-logo {
    margin-right: 0;
  }
}
.main-header-logo a {
  display: block;
  width: 165px;
  height: 45px;
  background-image: url(/images/logo.svg);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .main-header-logo a {
    width: 145px;
    height: 40px;
    background-size: contain;
  }
}
@media only screen and (max-width: 379px) {
  .main-header-logo a {
    width: 105px;
    height: 25px;
  }
}
.main-header .btn-map-menu {
  padding-right: 28px;
}
@media only screen and (max-width: 1199px) {
  .main-header .btn-map-menu {
    display: none;
  }
}
.main-header .btn-map-menu .btn-image {
  margin-left: 20px;
  margin-right: 5px;
}
.main-header .btn-map-menu:hover svg rect {
  fill: #fff;
}
.main-header .header-btn-text {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.main-header__block-for-listsearch {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .main-header__block-for-listsearch {
    grid-row: 2;
    grid-column: 1/-1;
  }
  .main-header__block-for-listsearch._active-search {
    grid-row: 1;
  }
  .main-header__block-for-listsearch._active-search .btn-back-mobile-search {
    display: block;
  }
}
@media only screen and (max-width: 379px) {
  .main-header__block-for-listsearch._active-search .main-header__form-button span {
    display: none;
  }
}
.main-header__block-for-listsearch .btn-back-mobile-search {
  display: none;
  width: 10px;
  height: 17px;
  margin-right: 40px;
  background-image: url(/images/btn-back.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.main-header__listsearch {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  min-height: 90px;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  overflow: hidden;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .main-header__listsearch._active-search {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0px;
    background-color: #E5E5E5;
    box-shadow: none;
  }
  .main-header__listsearch._active-search .listsearch-results {
    max-height: calc(100vh - 130px);
  }
}
.main-header__listsearch__is-active {
  visibility: visible;
  opacity: 1;
}
.main-header__listsearch-blackout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #171717;
  visibility: hidden;
  opacity: 0;
  z-index: 500;
  transition: 0.1s;
}
.main-header__listsearch-blackout__is-active {
  visibility: visible;
  opacity: 0.7;
}
.main-header__listsearch.is-loading:before {
  opacity: 1;
  visibility: visible;
}
.main-header__form__wrap {
  position: relative;
  margin-left: 30px;
  flex-grow: 1;
  height: 100%;
}
@media only screen and (max-width: 1199px) {
  .main-header__form__wrap {
    margin-left: 0;
  }
}
.main-header__form {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 200px;
  height: 100%;
  z-index: 600;
}
.main-header__form-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 20px;
  background-color: #FFF;
  background-image: url(/images/search.svg);
  background-repeat: no-repeat;
}
.main-header__form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  height: 100%;
  padding: 10px 40px 10px 55px;
  border: 2px solid #22A7D1;
  box-sizing: border-box;
  border-radius: 45px;
  background-color: #fff;
}
.main-header__form-button {
  position: absolute;
  right: 20px;
  border: none;
  box-shadow: none;
  background: none;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  color: #171717;
  cursor: pointer;
  transition: 0.1s;
}
.main-header__form-button:hover {
  color: #22A7D1;
}
.main-header .listsearch-header {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
}
.main-header .listsearch-navblock {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid rgba(189, 189, 189, 0.2);
}
.main-header .listsearch-navblock-btn {
  display: block;
  border-radius: 25px;
  padding: 17px 33px;
  margin-right: 36px;
  margin-bottom: 20px;
  background-color: #F0ECEC;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  text-decoration: none;
  transition: 0.2s;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-navblock-btn {
    font-size: 0.75rem;
    line-height: 0.875;
    padding: 13px 25px;
    margin-right: 15px;
  }
}
.main-header .listsearch-navblock-btn:hover {
  background-color: #FF4374;
  color: #fff;
}
.main-header .listsearch .popular {
  padding: 20px;
}
.main-header .listsearch-products {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px;
  overflow-y: hidden;
}
@media only screen and (max-width: 1399px) {
  .main-header .listsearch-products {
    padding-bottom: 20px;
    overflow-y: auto;
    margin: 0 -20px;
  }
}
.main-header .listsearch-products-item {
  min-width: 180px;
  width: 180px;
  padding: 20px;
  margin-right: 10px;
  position: relative;
  color: #171717;
  background-color: #FFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-products-item {
    min-width: 140px;
    width: 140px;
    padding: 15px;
    border-radius: 25px;
  }
}
@media only screen and (max-width: 1399px) {
  .main-header .listsearch-products-item:first-child {
    margin-left: 20px;
  }
}
.main-header .listsearch-products-item:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1399px) {
  .main-header .listsearch-products-item:last-child {
    margin-right: 20px;
  }
}
.main-header .listsearch-products-item-image {
  width: 105px;
  height: 126px;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-products-item-image {
    width: 85px;
    height: 100px;
  }
}
.main-header .listsearch-products-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main-header .listsearch-products-item-like {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 25px;
  height: 25px;
  background-image: url(/images/like_notactive.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  transition: 0.2s;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-products-item-like {
    width: 20px;
    height: 20px;
    background-size: contain;
    top: 15px;
    right: 10px;
  }
}
.main-header .listsearch-products-item-like__liked {
  background-image: url(/images/like_active.svg);
}
.main-header .listsearch-products-item-like:hover {
  background-image: url(/images/like_active.svg);
}
.main-header .listsearch-products-item-name {
  margin-top: 10px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-products-item-name {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.main-header .listsearch-products-item-rating {
  margin-top: 10px;
  float: left;
}
.main-header .listsearch-results {
  width: 100%;
  max-height: 458px;
  padding-bottom: 10px;
  overflow-x: hidden;
}
.main-header .listsearch-results-item {
  width: 100%;
  padding: 20px;
  padding-left: 26px;
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: 40px;
       column-gap: 40px;
  align-items: flex-start;
  background-color: #EFEFEF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  transition: 0.2s;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item {
    grid-template-columns: auto 1fr;
    -moz-column-gap: 20px;
         column-gap: 20px;
    padding: 20px 10px;
  }
}
.main-header .listsearch-results-item:hover {
  background-color: #FBFBFB;
}
.main-header .listsearch-results-item-image {
  width: 55px;
  height: 67px;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-image {
    grid-row: 1/3;
  }
}
.main-header .listsearch-results-item-image img {
  width: 100%;
  height: 100%;
}
.main-header .listsearch-results-item-central_block-top {
  display: flex;
  align-items: center;
}
.main-header .listsearch-results-item-name {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  text-decoration: none;
}
.main-header .listsearch-results-item-rating {
  margin-left: 20px;
}
.main-header .listsearch-results-item-description {
  margin-top: 10px;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-description {
    font-size: 0.6875rem;
    line-height: 0.8125rem;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-endblock {
    grid-column: 2/2;
  }
}
.main-header .listsearch-results-item-endblock__sale {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-endblock__sale {
    grid-column: 2/2;
  }
}
.main-header .listsearch-results-item-old_price {
  margin-right: 15px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
  text-decoration: line-through;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-old_price {
    font-size: 0.6875rem;
    line-height: 0.8125rem;
  }
}
.main-header .listsearch-results-item-old_price span {
  font-size: 0.7rem;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-old_price span {
    font-size: 0.6875rem;
  }
}
.main-header .listsearch-results-item-price {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.4375rem;
  color: #171717;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-price {
    font-size: 0.875rem;
    line-height: 1rem;
  }
}
.main-header .listsearch-results-item-price span {
  font-size: 1rem;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-price span {
    font-size: 0.675rem;
  }
}
.main-header .listsearch-results-item-sale {
  margin-left: 15px;
  padding: 5px;
  border-radius: 14px;
  background-color: #FEDD56;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.6875rem;
  line-height: 0.8125rem;
  color: #171717;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .main-header .listsearch-results-item-sale {
    padding: 3px 5px;
  }
}
.main-header .listsearch-results-item-sale span {
  font-size: 0.6rem;
}
.main-header .listsearch .not-found {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  margin: 0 !important;
}
.main-header .listsearch .loading {
  height: 38px;
  margin-top: 15px;
  background: url("/images/spinner.svg") no-repeat center;
  background-size: contain;
}
.main-header__block-for-profile {
  position: relative;
  height: 100%;
  display: flex;
  margin-left: 40px;
}
@media only screen and (max-width: 767px) {
  .main-header__block-for-profile {
    justify-self: end;
    margin-left: 0;
  }
}
.main-header__block-for-profile-container {
  margin-right: 10px;
}
.main-header__block-for-profile-container:hover > .btn-header-log {
  background-color: #FF4374;
}
.main-header__block-for-profile-container:hover > .btn-header-log svg g path {
  fill: #fff;
}
.main-header__block-for-profile .btn-like {
  max-width: initial;
}
.main-header__login-blackout {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #171717;
  visibility: hidden;
  opacity: 0;
  z-index: 700;
  transition: 0.1s;
}
.main-header__login-blackout__is-active {
  visibility: visible;
  opacity: 0.7;
}
.main-header .block-profile {
  position: absolute;
  top: 50px;
  right: 0;
  width: 330px;
  margin-top: 10px;
  visibility: hidden;
  opacity: 0;
  z-index: 701;
  background: #FFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 24px;
  transition: 0.1s;
}
.main-header .block-profile-ex {
  position: absolute;
  top: -10px;
  width: 100%;
  height: 10px;
  background-color: transparent;
}
@media only screen and (max-width: 1399px) {
  .main-header .block-profile {
    right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .main-header .block-profile {
    position: fixed;
    top: 90px;
    right: 30px;
    margin-top: 0;
  }
}
.main-header .block-profile__is-active {
  visibility: visible;
  opacity: 1;
}
.main-header .block-profile-header {
  padding: 30px 20px;
  display: flex;
  border-bottom: 1px solid #BDBDBD;
}
.main-header .block-profile-image {
  width: 50px;
  height: 50px;
  position: relative;
}
.main-header .block-profile-image img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
.main-header .block-profile-image-status {
  position: absolute;
  bottom: -2px;
  right: 3px;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background-color: #B6ED8A;
  border: 2px solid #F8F8F8;
}
.main-header .block-profile-textblocks {
  flex-grow: 1;
  margin-left: 26px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
}
.main-header .block-profile-textblocks-headertext {
  color: #171717;
  font-size: 1rem;
  line-height: 1.1875rem;
}
.main-header .block-profile-textblocks p:first-child {
  margin: 0;
}
.main-header .block-profile-textblocks p {
  margin: 0;
  margin-top: 10px;
}
.main-header .block-profile-exit {
  width: 16px;
  height: 18px;
}
.main-header .block-profile-links {
  padding: 32px 36px;
}
.main-header .block-profile-links-item {
  display: flex;
  align-items: center;
  margin-top: 26px;
}
.main-header .block-profile-links-item img {
  width: 18px;
  height: 18px;
}
.main-header .block-profile-links-item a {
  margin-left: 42px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  text-decoration: none;
}
.main-header .block-profile-links-item a:hover {
  color: #FF4374;
}
.main-header .block-profile-links-item:first-child {
  margin-top: 0;
}
.main-header .block-login {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 20px;
  visibility: hidden;
  opacity: 0;
  transition: 0.1s;
  z-index: 700;
  overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
  .main-header .block-login {
    z-index: 701;
  }
}
.main-header .block-login-inner {
  position: relative;
  display: flex;
  max-width: 860px;
  min-height: 540px;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  border-radius: 30px;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-login-inner {
    max-width: 380px;
    min-height: initial;
    border-radius: 24px;
  }
}
.main-header .block-login__is-active {
  visibility: visible;
  opacity: 1;
}
.main-header .block-login__close {
  position: absolute;
  top: 18px;
  right: 18px;
}
.main-header .block-login-main {
  width: 440px;
  padding: 50px 40px 50px 50px;
  background-color: #fff;
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-login-main {
    width: 100%;
    border-radius: 24px;
    padding: 30px;
  }
}
.main-header .block-login-main-nav {
  display: flex;
}
.main-header .block-login-main-nav-item {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
  text-decoration: underline;
  transition: 0.2s;
  cursor: pointer;
}
.main-header .block-login-main-nav-item__is-active {
  color: #22A7D1;
  text-decoration: none;
}
.main-header .block-login-main-nav-item:first-child {
  margin-right: 92px;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-login-main-nav-item:first-child {
    margin-right: 30px;
  }
}
.main-header .block-login-main-nav-item:hover {
  color: #22A7D1;
  text-decoration: none;
}
.main-header .block-login-main .is-active {
  display: block;
}
.main-header .block-login-main-registration {
  width: 100%;
  display: none;
}
.main-header .block-login-main-registration-text {
  margin-top: 60px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-login-main-registration-text {
    margin-top: 30px;
  }
}
.main-header .block-login-main-registration-rule {
  margin-top: 30px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #BDBDBD;
}
.main-header .block-login-main-registration-rule a {
  color: #BDBDBD;
}
.main-header .block-login-main-registration-input {
  position: relative;
  margin-top: 30px;
  height: 50px;
}
.main-header .block-login-main-registration-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  margin-top: 30px;
  height: 50px;
  padding: 0 43px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.main-header .block-login-main-log {
  display: none;
  margin-top: 45px;
  padding-right: 10px;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-login-main-log {
    margin-top: 30px;
  }
}
.main-header .block-login-main-log-title {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin-bottom: 30px;
}
.main-header .block-login-main-log .form-group {
  margin-bottom: 30px;
}
.main-header .block-login-main-log .form-group label {
  display: block;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  margin-bottom: 10px;
}
.main-header .block-login-main-log .form-group .input-text-wrap {
  position: relative;
}
.main-header .block-login-main-log .form-group .input-text-wrap .input-text {
  position: relative;
  height: 50px;
}
.main-header .block-login-main-log .form-group .input-error {
  display: block;
  font-size: 14px;
  line-height: 1.2;
  color: #FF4374;
  margin-top: 10px;
}
.main-header .block-login-main-log .form-group.has-error .input-error {
  border-color: #FF4374;
}
.main-header .block-login-main-log .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}
.main-header .block-login-main-log .bottom .submit {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  height: 50px;
  padding: 0 45px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.main-header .block-login-main-log .bottom .links {
  display: flex;
  flex-direction: column;
}
.main-header .block-login-main-log .bottom .links a {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 10px;
  color: #BDBDBD;
  transition: 0.2s ease;
}
.main-header .block-login-main-log .bottom .links a:hover {
  color: #22A7D1;
}
.main-header .block-login-main-log .bottom .links a:last-child {
  margin-bottom: 0;
}
.main-header .block-login-ad {
  flex-grow: 1;
  background-image: url(/images/back_girl_login.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-login-ad {
    display: none;
  }
}
.main-header .block-login-ad p {
  max-width: 260px;
  margin: 0;
  margin-left: 30px;
  margin-top: 60px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.125rem;
  color: #FFF;
}
.main-header .block-login-ad-link {
  display: inline-block;
  margin-left: 35px;
  margin-top: 30px;
  width: 150px;
  padding: 18px 0;
  border-radius: 45px;
  background-color: #fff;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 0.9rem;
  color: #22A7D1;
  text-decoration: none;
  text-align: center;
}
.main-header .block-registration {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 440px;
  width: 100%;
  padding: 50px 40px 50px 50px;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border-radius: 30px;
  transition: 0.1s;
  z-index: 700;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-registration {
    left: calc(50% - 190px);
    max-width: 340px;
    padding: 30px;
    border-radius: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .main-header .block-registration {
    left: auto;
    right: 20px;
    top: 90px;
    transform: translate(0, 0);
    z-index: 701;
  }
}
.main-header .block-registration__is-active {
  visibility: visible;
  opacity: 1;
}
.main-header .block-registration__close {
  position: absolute;
  top: 18px;
  right: 18px;
}
.main-header .block-registration-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
.main-header .block-registration-padding {
  padding-right: 10px;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-registration-padding {
    padding-right: 0;
  }
}
.main-header .block-registration-toptext {
  margin-top: 60px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-registration-toptext {
    margin-top: 30px;
  }
}
.main-header .block-registration-tel {
  color: #22A7D1;
}
.main-header .block-registration-input {
  position: relative;
  margin-top: 30px;
  height: 50px;
}
.main-header .block-registration-resend {
  display: block;
  margin-top: 20px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  text-decoration: none;
  pointer-events: none;
  cursor: pointer;
}
.main-header .block-registration-resend span#resend_code_time {
  color: #BDBDBD;
}
.main-header .block-registration-resend:hover {
  text-decoration: none;
}
.main-header .block-registration-resend__is-active {
  text-decoration: underline;
  pointer-events: auto;
}
.main-header .block-registration-inline {
  margin-top: 30px;
  display: inline-flex;
  align-items: center;
}
.main-header .block-registration-backlink {
  margin-left: 50px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #171717;
  text-decoration: underline;
  transition: 0.2s;
  cursor: pointer;
}
.main-header .block-registration-backlink:hover {
  color: #22A7D1;
  text-decoration: none;
}
.main-header .block-registration-btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  height: 50px;
  padding: 0 60px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
@media only screen and (max-width: 1199px) {
  .main-header .block-registration-btn {
    padding: 0 30px;
  }
}
.main-header .block-registration-btn_end {
  margin-top: 30px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  height: 50px;
  padding: 0 30px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.main-header .block-registration-rule {
  margin-top: 30px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #BDBDBD;
}
.main-header .block-registration-rule a {
  color: #BDBDBD;
}
.main-header .block-registration-checkboxs {
  margin-top: 40px;
  margin-bottom: 30px;
}
.main-header .block-registration-checkboxs-item {
  margin-top: 20px;
}
.main-header .block-registration-checkboxs-item:first-child {
  margin-top: 0;
}
.main-header .block-registration-checkboxs-item label {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #BDBDBD;
}
.main-header .block-registration-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  /* стили для активного состояния чекбокса (при нажатии на него) */
  /* стили для чекбокса, находящегося в фокусе */
  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  /* стили для чекбокса, находящегося в состоянии disabled */
}
.main-header .block-registration-checkbox + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.main-header .block-registration-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 4px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: center center;
}
.main-header .block-registration-checkbox:checked + label::before {
  border-color: #FF4374;
  background-color: #FF4374;
  background-image: url("/images/check.svg");
}
.main-header .block-registration-checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: #FF4374;
}
.main-header .block-registration-checkbox:not(:disabled):active + label::before {
  background-color: #FF4374;
  border-color: #FF4374;
}
.main-header .block-registration-checkbox:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 43, 74, 0.1);
}
.main-header .block-registration-checkbox:focus:not(:checked) + label::before {
  border-color: #FF4374;
}
.main-header .block-registration-checkbox:disabled + label::before {
  background-color: #BDBDBD;
}
.main-header .input-text {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  padding: 15px 30px 15px 30px;
  border: 2px solid #22A7D1;
  box-sizing: border-box;
  border-radius: 45px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  transition: 0.1s;
}
.main-header .input-text-req {
  padding-right: 55px;
}
.main-header .input-text-required {
  position: absolute;
  top: 18px;
  right: 40px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  color: #FF4374;
  transition: 0.1s;
}
.main-header .input-text:valid ~ .input-text-required {
  opacity: 0;
}
.main-header .btn-header-profile {
  padding-right: 0px;
}
.main-header .header-menu {
  width: 100%;
  padding-bottom: 6px;
}
@media only screen and (max-width: 1399px) {
  .main-header .header-menu {
    overflow-y: auto;
  }
}
.main-header .header-menu ul {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
  justify-content: space-between;
}
.main-header .header-menu ul li {
  margin-right: 20px;
}
.main-header .header-menu ul li:last-child {
  margin-right: 0;
}
.main-header .header-menu ul li a {
  text-decoration: none;
  color: #171717;
  cursor: pointer;
  transition: 0.2s;
}
@media only screen and (max-width: 1399px) {
  .main-header .header-menu ul li a {
    white-space: nowrap;
  }
}
.main-header .header-menu ul li:hover > a {
  color: #FF4374;
}
.main-header .header-menu ul li.submenu_true > a {
  display: inline-flex;
  align-items: center;
}
.main-header .header-menu ul li.submenu_true > a:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url("/images/arrow-bottom-blue.svg") no-repeat center;
  background-size: contain;
  transition: 0.2s ease;
}
.main-header .header-menu ul li.submenu_true:hover > a:after {
  transform: rotateX(180deg);
}
.main-header .header-menu ul li.submenu_true:hover .nav_submenu {
  visibility: visible;
  opacity: 1;
}
.main-header .header-menu ul .nav_submenu {
  position: absolute;
  width: 100%;
  top: calc(100% - 8px);
  left: 0;
  right: 0;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  background-color: #f8f8f8;
  border-radius: 0 0 40px 40px;
  padding: 25px 15px 30px 15px;
}
.main-header .header-menu ul .nav_submenu hr {
  margin: 0;
  height: 1px;
  color: rgba(185, 185, 185, 0.3);
}
.main-header .header-menu ul .nav_submenu_grid {
  margin-bottom: 30px;
}
.main-header .header-menu ul .nav_submenu .subnav {
  display: flex;
  flex-wrap: wrap;
}
.main-header .header-menu ul .nav_submenu .subnav > div {
  width: 25%;
}
.main-header .header-menu ul .nav_submenu .subnav li {
  width: 100%;
  margin-top: 20px;
  margin-right: 0;
}
.main-header .header-menu ul .nav_submenu .subnav li span {
  max-width: calc(100% - 26px);
}
.main-header .header-menu ul .nav_submenu .subnav li a {
  display: inline-block;
  color: #171717;
  white-space: normal;
}
.main-header .header-menu ul .nav_submenu .subnav li a:after {
  display: none;
}
.main-header .header-menu ul .nav_submenu .subnav li a:hover {
  color: #FF4374;
}
.main-header .header-menu-sale {
  display: flex;
}
.main-header .header-menu-sale-image {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(/images/star.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}

.opacity_background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  transition: 0.2s ease;
}

header.opacity_background_active .opacity_background {
  opacity: 1 !important;
  visibility: visible !important;
}
header.submenu_active .top-header {
  position: relative;
  z-index: 1001;
}
header.submenu_active .main-header {
  z-index: 1001;
}
header.submenu_active .opacity_background {
  opacity: 1 !important;
  visibility: visible !important;
}

.all-site-menu {
  position: fixed;
  top: 122px;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  padding-bottom: 100px;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  transition: 0.3s;
}
@media only screen and (max-width: 1199px) {
  .all-site-menu {
    display: none;
  }
}
@media only screen and (max-width: 1500px) {
  .all-site-menu {
    padding-bottom: 70px;
  }
}
.all-site-menu .screen-grad {
  position: absolute;
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 50px;
}
.all-site-menu .screen-grad-top {
  top: 25px;
  background: linear-gradient(to bottom, rgb(248, 248, 248) 0%, rgba(248, 248, 248, 0.8) 50%, transparent 100%);
}
.all-site-menu .screen-grad-bottom {
  background: linear-gradient(to top, rgb(248, 248, 248) 0%, rgba(248, 248, 248, 0.8) 50%, transparent 100%);
  bottom: 40px;
}
.all-site-menu-back {
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  position: relative;
  border-radius: 0 0 45px 45px;
  padding: 50px 15px;
}
.all-site-menu-back .wrapper {
  overflow-y: auto;
  padding-top: 25px;
  padding-bottom: 35px;
}
.all-site-menu-grid:nth-child(2) {
  margin-top: 60px;
}
.all-site-menu-grid.end-block {
  align-items: center;
  grid-template-rows: 110px 50px 14px;
}
.all-site-menu-link {
  text-decoration: none;
  color: #171717;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.all-site-menu-link:link {
  color: #171717;
}
.all-site-menu-time {
  grid-column: 2/2;
  grid-row: 3/3;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin: 0;
}
.all-site-menu-logo {
  grid-column: 4/4;
  grid-row: 1/1;
  align-self: flex-start;
  display: block;
  width: 100%;
  height: 60px;
  margin: 0;
  background-image: url(/images/logo2.svg);
  background-repeat: no-repeat;
}
.all-site-menu-social {
  display: flex;
  margin-left: -5px;
}
.all-site-menu-social-item {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #2386A6;
  background-position: center center;
  background-repeat: no-repeat;
  transition: 0.2s;
}
.all-site-menu-social-item:hover {
  background-color: #20809E;
}
.all-site-menu-social-item#vk {
  background-image: url(/images/vk-svgrepo.svg);
}
.all-site-menu-social-item#tlg {
  background-image: url(/images/telegram-svgrepo.svg);
  margin: 0 41px;
}
.all-site-menu-social-item#ok {
  background-image: url(/images/ok-svgrepo.svg);
}
.all-site-menu-header:first-child {
  margin-top: 0;
}
.all-site-menu-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.all-site-menu-block ul li {
  margin-bottom: 17px;
}
.all-site-menu-block ul li:last-child {
  margin-bottom: 0;
}
.all-site-menu-block ul a {
  text-decoration: none;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #171717;
}
.all-site-menu-block ul a:hover {
  color: #FF4374;
}
.all-site-menu-block-endline {
  grid-row: 2/2;
}
.all-site-menu-header {
  margin-top: 30px;
  margin-bottom: 20px;
}
.all-site-menu-header a {
  font-family: "Roboto" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  line-height: 1.43rem !important;
  color: #22A7D1 !important;
}
.all-site-menu-header a:hover {
  color: #FF4374 !important;
}
.all-site-menu__is-active {
  visibility: visible;
  opacity: 1;
}

.col-4 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 100px;
       column-gap: 100px;
}
@media only screen and (max-width: 1399px) {
  .col-4 {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.modal__active {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}
.modal__background {
  margin-top: 32px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.modal__content {
  width: 100%;
  max-width: 730px;
  float: right;
  padding: 30px;
  background: #FFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  position: relative;
}
.modal__content hr {
  margin: 30px 0;
  color: rgba(189, 189, 189, 0.2);
}
.modal__content-header {
  margin: 0;
  margin-bottom: 30px;
  font-weight: 700;
}
.modal__header {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3rem;
  margin: 0;
}

.header-selector-region .toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-selector-region .toggle .map-pointer {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 14px;
  background: url("/images/map-marker-blue.svg") no-repeat center;
  background-size: contain;
}
.header-selector-region .toggle span {
  font-size: 16px;
  line-height: 1.1;
}

.mobile-header {
  max-width: 380px;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: 0;
  right: -380px;
  transition: right 0.3s;
  background: #F8F8F8;
  overflow-y: auto;
  z-index: 700;
}
@media only screen and (min-width: 1200px) {
  .mobile-header {
    display: none;
  }
}
.mobile-header__is-active {
  right: 0;
}
.mobile-header__close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.mobile-header-wrapper {
  width: 100%;
  padding: 0 20px;
}
.mobile-header-hr {
  margin: 40px 0;
  color: rgba(185, 185, 185, 0.3);
}
.mobile-header a {
  text-decoration: none;
  color: #171717;
}
.mobile-header .mobile-button-block {
  display: flex;
  height: 50px;
}
.mobile-header .mobile-button-block .btn-dft {
  margin-right: 15px;
}
.mobile-header .mobile-button-block .btn-dft:last-child {
  margin-right: 0;
}
.mobile-header .mobile-button-block .btn-dft.btn-like {
  display: flex;
}
.mobile-header .mobile-button-block .btn-dft.btn-like a {
  display: inline-block;
}
.mobile-header .mobile-button-block .mini-cart .btn-cart .btn-counter {
  color: #fff;
}
.mobile-header .mobile-button-block .mini-cart .mini-cart-wrap {
  display: none !important;
}
.mobile-header .mobile-geolocation-block {
  margin-top: 30px;
}
.mobile-header .mobile-contact-block {
  margin-top: 30px;
  display: flex;
}
.mobile-header .mobile-contact-block-item {
  margin-right: 30px;
}
.mobile-header .mobile-contact-block-item p {
  margin: 0;
  margin-top: 20px;
  font-weight: 400;
  color: #BDBDBD;
}
.mobile-header-nav {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
.mobile-header-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile-header-nav ul li {
  margin-top: 20px;
}
.mobile-header-nav ul li:first-child {
  margin-top: 0;
}
.mobile-header-nav ul a:hover {
  color: #FF4374;
}
.mobile-header-nav-list {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
  transition: 0.3s ease;
}
.mobile-header-nav-list-title {
  margin: 0;
  cursor: pointer;
}
.mobile-header-nav-list-title:hover {
  color: #FF4374;
}
.mobile-header-nav-list.is-active .mobile-header-nav-list-title {
  color: #FF4374;
}
.mobile-header-nav-list-ex {
  display: none;
  margin-top: 20px;
  transition: 0.3s;
}
.mobile-header-nav-list-ex a {
  font-size: 1rem;
  line-height: 1.1875rem;
}
.mobile-header-nav-list.is-active > .mobile-header-nav-list-ex {
  display: block;
}
.mobile-header-nav-list-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 13px;
  height: 1.4375rem;
  background-image: url(/images/check-blue.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  transition: 0.3s;
  cursor: pointer;
}
.mobile-header-nav-list.is-active > .mobile-header-nav-list-toggle {
  transform: rotate(180deg);
  background-image: url(/images/check-pink.svg);
}
.mobile-header-endblock {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
.mobile-header-endblock li {
  margin-top: 20px;
}
.mobile-header-endblock li li:first-child {
  margin-top: 0;
}
.mobile-header-endblock li li:first-child a:hover {
  color: #FF4374;
}

.btn-dft {
  position: relative;
  height: 100%;
  border-radius: 45px;
  background-color: #22A7D1;
  color: #FFF;
  font-family: "Roboto";
  font-weight: 500;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.2s;
  cursor: pointer;
}
.btn-dft:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  background: url("/images/spinner-white.svg") no-repeat center;
  background-size: contain;
  transition: 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
.btn-dft-text {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 0.95rem;
}
.btn-dft-textblock {
  margin: 0 15px;
}
.btn-dft-image {
  margin-left: 15px;
}
.btn-dft:hover svg path {
  fill: #fff;
}
.btn-dft-white {
  background-color: #fff;
  color: #22A7D1;
}
.btn-dft-white:hover {
  color: #fff;
}
.btn-dft.btn-blue {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border: none;
  padding: 10px 30px;
  min-width: 140px;
}
.btn-dft.is-loading {
  color: transparent;
}
.btn-dft.is-loading:before {
  opacity: 1;
  visibility: visible;
}

.btn-dft:hover {
  background-color: #FF4374;
}

.btn-counter {
  display: none;
  position: absolute;
  top: -6px;
  right: 2px;
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #FF4374;
  text-align: center;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.7rem;
  line-height: 18px;
  transition: 0.2s;
}
@media only screen and (max-width: 1399px) {
  .btn-counter {
    top: 0;
    right: -3px;
  }
}
.btn-counter.is-active {
  display: block;
}

.btn-dft:hover > .btn-counter {
  background-color: #22A7D1;
}

.btn-close {
  width: 48px;
  height: 48px;
  border-radius: 56px;
  background-color: #FF4374;
  background-image: url(/images/close-x.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.btn-header-log {
  padding-right: 17px;
}
.btn-header-log .btn-image {
  margin-left: 15px;
}
.btn-header-log #btn-login-profile {
  margin-left: 15px;
}

.btn-header-log:hover {
  z-index: 701;
}
.btn-header-log:hover svg g path {
  fill: #fff;
}

.btn-mobile-log-upper-layer {
  display: none;
  position: fixed;
  top: 20px;
  right: 310px;
  width: 50px;
  height: 50px;
  background-position-x: center;
  z-index: 701;
}
.btn-mobile-log-upper-layer__show {
  display: block;
}

.btn-like {
  position: relative;
  max-width: 123px;
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 1399px) {
  .btn-like {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .btn-like .btn-dft-image {
    margin: 0;
  }
  .btn-like .btn-dft-textblock {
    display: none;
  }
}

.mini-cart {
  position: relative;
}
.mini-cart .btn-cart {
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .mini-cart .btn-cart {
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mini-cart .btn-cart .btn-dft-image {
    margin: 0;
  }
  .mini-cart .btn-cart .btn-dft-textblock {
    display: none;
  }
}
.mini-cart .mini-cart-wrap {
  display: none;
  position: absolute;
  z-index: 5;
  top: 100%;
  right: 0;
  padding-top: 10px;
  min-width: 400px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 24px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list {
  border-bottom: 1px solid #BDBDBD;
  padding-bottom: 20px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item {
  position: relative;
  display: flex;
  margin-bottom: 20px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item:last-child {
  margin-bottom: 0;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-image {
  width: 80px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details {
  width: calc(100% - 60px);
  padding-left: 20px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .item-name {
  padding-right: 30px;
  margin-bottom: 10px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .item-name a {
  font-size: 16px;
  line-height: 1.2;
  color: #171717;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .item-name a:hover {
  color: #22A7D1;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .price-wrap {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.1;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .price-wrap .sep {
  padding: 0 5px;
  font-size: 12px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .price-wrap .item-price {
  font-weight: 700;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .item-remove {
  position: absolute;
  top: -4px;
  right: -4px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .item-remove a {
  display: block;
  width: 24px;
  height: 24px;
  background: url("/images/close-red.svg") no-repeat center;
  background-size: 12px;
  cursor: pointer;
  transition: 0.2s ease;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .list .item-details .item-remove a:hover {
  transform: scale(1.1);
}
.mini-cart .mini-cart-wrap .mini-cart-inner .bottom {
  padding-top: 20px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .bottom .total {
  font-size: 16px;
  line-height: 1.1;
  margin-bottom: 20px;
}
.mini-cart .mini-cart-wrap .mini-cart-inner .bottom .btn-checkout {
  width: 100%;
  border: none;
  height: 50px;
  justify-content: center;
}
.mini-cart:hover .mini-cart-wrap {
  display: block;
}

.btn-show-mobile-menu {
  display: none;
  height: 100%;
  width: 40px;
}
@media only screen and (max-width: 1199px) {
  .btn-show-mobile-menu {
    display: flex;
    align-items: center;
  }
}
.btn-show-mobile-menu-container {
  width: 100%;
  height: 9px;
  cursor: pointer;
}
.btn-show-mobile-menu-container:hover > .btn-show-mobile-menu-container__secondline {
  width: 40px;
  margin-left: 0;
}
.btn-show-mobile-menu-container div {
  height: 2px;
  border-radius: 5px;
  background-color: #FF4374;
  transition: 0.2s;
}
.btn-show-mobile-menu-container__firstline {
  width: 100%;
}
.btn-show-mobile-menu-container__secondline {
  width: 30px;
  margin-top: 5px;
  margin-left: 10px;
}
.btn-show-mobile-menu .mobile-menu__toggle {
  opacity: 0;
}
.btn-show-mobile-menu .mobile-menu__toggle:checked ~ .mobile-menu__btn span {
  transform: rotate(45deg);
}
.btn-show-mobile-menu .mobile-menu__toggle:checked ~ .mobile-menu__btn span::before {
  transform: rotate(90deg);
  width: 40px;
}
.btn-show-mobile-menu .mobile-menu__btn {
  display: flex;
  align-items: center;
  width: 100%;
  height: 11px;
  cursor: pointer;
  z-index: 1;
}

.ratingbar input[type=radio] {
  display: none;
}
.ratingbar__label {
  float: right;
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background: url(/images/rating_star.svg) no-repeat 50% 0;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .ratingbar__label {
    width: 10px;
    height: 10px;
    background-size: contain;
  }
}
.ratingbar .ratingbar__label:hover,
.ratingbar .ratingbar__label:hover ~ .ratingbar__label,
.ratingbar input[type=radio]:checked ~ .ratingbar__label {
  background: url(/images/rating_star_active.svg);
}
@media only screen and (max-width: 991px) {
  .ratingbar .ratingbar__label:hover,
  .ratingbar .ratingbar__label:hover ~ .ratingbar__label,
  .ratingbar input[type=radio]:checked ~ .ratingbar__label {
    background-size: contain;
  }
}

@media only screen and (max-width: 1199px) {
  ._1200none {
    display: none;
  }
}

.default-layout {
  padding: 0 15px;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .default-layout {
    margin-top: 80px;
  }
}
.default-layout .top-page-nav {
  margin-top: 40px;
}
.default-layout .top-page-nav-inner {
  max-width: 1420px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
  margin: 0 auto;
}
@media only screen and (max-width: 1399px) {
  .default-layout .top-page-nav-inner {
    max-width: 100vw;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .default-layout .top-page-nav-inner {
    padding: 0 20px;
    padding-bottom: 10px;
  }
}
.default-layout .top-page-nav-link {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  text-decoration: none;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .default-layout .top-page-nav-link {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.default-layout .top-page-nav-link:hover {
  color: #FF4374;
}
.default-layout .top-page-nav-active-link {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
@media only screen and (max-width: 767px) {
  .default-layout .top-page-nav-active-link {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.default-layout .top-page-nav-arrow {
  margin: 0 15px;
}

.block-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.3;
  color: #171717;
}
@media only screen and (max-width: 575px) {
  .block-title {
    font-size: 24px;
  }
}

.home-page-slider {
  position: relative;
  max-width: 1420px;
  width: 100%;
  margin: 40px auto 0 auto;
  overflow: visible !important;
}
@media only screen and (max-width: 1399px) {
  .home-page-slider {
    max-width: 100vw;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .home-page-slider {
    padding: 0 20px;
  }
}
.home-page-slider .slick-list {
  border-radius: 30px;
  background-color: #22A7D1;
}
.home-page-slider .home-slider-item {
  position: relative;
  background-color: #22A7D1;
  background-repeat: no-repeat;
  background-position-x: 55%, 0;
  background-position-y: 40px, 0;
  padding: 40px;
  overflow: hidden;
  border-radius: 30px;
}
@media only screen and (max-width: 1600px) {
  .home-page-slider .home-slider-item {
    padding: 40px 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .home-page-slider .home-slider-item {
    background-position: 0, 0;
  }
}
@media only screen and (max-width: 991px) {
  .home-page-slider .home-slider-item {
    padding: 40px 80px;
  }
}
@media only screen and (max-width: 767px) {
  .home-page-slider .home-slider-item {
    padding: 30px 60px;
    background-image: none !important;
  }
}
.home-page-slider .home-slider-item .promo-main-block {
  height: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto 1fr;
  row-gap: 30px;
}
.home-page-slider .home-slider-item .promo-main-block-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.125rem;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .home-page-slider .home-slider-item .promo-main-block-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.home-page-slider .home-slider-item .promo-main-block-btn {
  width: -moz-min-content;
  width: min-content;
}
.home-page-slider .home-slider-item .promo-main-block-btn a {
  text-decoration: none;
}
.home-page-slider .home-slider-item .promo-main-block-btn a .btn-dft {
  padding: 18px 40px;
}
@media only screen and (max-width: 991px) {
  .home-page-slider .home-slider-item .promo-main-block-btn a .btn-dft {
    padding: 12px 30px;
  }
}
.home-page-slider .home-slider-item .promo-main-block-warning {
  align-self: flex-end;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #fff;
  opacity: 0.5;
}
@media only screen and (max-width: 991px) {
  .home-page-slider .home-slider-item .promo-main-block-warning {
    max-width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .home-page-slider .home-slider-item .promo-main-block-warning {
    max-width: 570px;
  }
}
.home-page-slider .home-slider-item .promo-img {
  position: absolute;
  top: 30px;
  right: 60px;
}
@media only screen and (max-width: 1199px) {
  .home-page-slider .home-slider-item .promo-img {
    right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .home-page-slider .home-slider-item .promo-img {
    max-width: 340px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .home-page-slider .home-slider-item .promo-img {
    max-width: 200px;
    right: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .home-page-slider .home-slider-item .promo-img {
    display: none;
  }
}
.home-page-alphabet {
  margin-top: 60px;
}
.home-page-alphabet-inner {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #BDBDBD;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.home-page-alphabet-inner_letter {
  display: inline-flex;
  text-decoration: none;
  white-space: nowrap;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #BDBDBD !important;
  margin-right: 10px;
  transition: 0.2s ease;
}
.home-page-alphabet-inner_letter:hover {
  color: #FF4374 !important;
}
.home-page-alphabet-inner_letter:last-child {
  margin-right: 0;
}
.home-page-worries {
  margin-top: 60px;
}
.home-page-worries .slick-slider {
  overflow: visible;
}
.home-page-worries .slick-slider .slick-list {
  margin: 0 0 0 -10px;
  width: calc(100% + 20px);
}
.home-page-worries .slick-slider .slider-carousel-item {
  padding: 10px;
}
@media only screen and (max-width: 1600px) {
  .home-page-worries .slick-slider .slick-arrow.slick-prev {
    left: 15px;
  }
}
@media only screen and (max-width: 1600px) {
  .home-page-worries .slick-slider .slick-arrow.slick-next {
    right: 15px;
  }
}
.home-page-worries-item {
  position: relative;
  width: 100%;
  padding: 40px;
  height: 260px;
  background-color: #EFEFEF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .home-page-worries-item {
    height: 250px;
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .home-page-worries-item {
    height: 160px;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.home-page-worries-item:hover {
  background-color: #FBFBFB;
  color: #FF4374;
}
.home-page-worries-item-image {
  position: absolute;
  right: 40px;
  bottom: 40px;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  width: 94px;
  height: 94px;
  background-color: #F7F5F4;
  border-radius: 50%;
}
@media only screen and (max-width: 575px) {
  .home-page-worries-item-image {
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
  }
}
.home-page-worries-item-image img {
  height: 65%;
  margin: auto;
  width: 65%;
}
@media only screen and (max-width: 575px) {
  .home-page-worries-item-image img {
    align-self: center;
  }
}
.home-page-recommendations {
  margin-top: 45px;
  --slider-carousel-item-count: 5;
}
@media only screen and (max-width: 1399px) {
  .home-page-recommendations {
    --slider-carousel-item-count: 4;
  }
}
@media only screen and (max-width: 1199px) {
  .home-page-recommendations {
    --slider-carousel-item-count: 3;
  }
}
@media only screen and (max-width: 767px) {
  .home-page-recommendations {
    --slider-carousel-item-count: 2;
  }
}
@media only screen and (max-width: 575px) {
  .home-page-recommendations {
    --slider-carousel-item-count: 1;
  }
}
.home-page-recommendations .products-list-item .products-item {
  height: 100%;
}
.home-page-compilation {
  margin-top: 45px;
}
.home-page-compilation-content {
  margin-top: 40px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 17px;
}
@media only screen and (max-width: 1399px) {
  .home-page-compilation-content {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .home-page-compilation-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .home-page-compilation-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.home-page-compilation-item {
  position: relative;
  width: 100%;
  border-radius: 30px;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
}
.home-page-compilation-item-title {
  position: relative;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #fff;
  z-index: 2;
}
@media only screen and (max-width: 575px) {
  .home-page-compilation-item-title {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
.home-page-compilation-item-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.home-page-compilation-item-back img {
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-page-compilation-item-btn_container {
  text-decoration: none;
  position: absolute;
  left: 40px;
  bottom: 30px;
  z-index: 2;
}
@media only screen and (max-width: 575px) {
  .home-page-compilation-item-btn_container {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
.home-page-compilation-item-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 35px;
  background-image: url(/images/angle-small-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center, center;
  transition: 0.2s;
}
@media only screen and (max-width: 575px) {
  .home-page-compilation-item-btn {
    background-image: none;
    width: 100%;
  }
}
.home-page-compilation-item-btn span {
  position: relative;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  color: #22A7D1;
  opacity: 0;
  transition: opacity 0.2s;
}
@media only screen and (max-width: 575px) {
  .home-page-compilation-item-btn span {
    opacity: 1;
  }
}
.home-page-compilation-item-link {
  position: relative;
  display: block;
  padding: 40px 40px 30px 40px;
  height: 260px;
}
@media only screen and (max-width: 1399px) {
  .home-page-compilation-item-link {
    padding: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .home-page-compilation-item-link {
    height: 200px;
  }
}
.home-page-compilation-item-link:hover .home-page-compilation-item-btn {
  background-image: none;
  width: 150px;
}
@media only screen and (max-width: 575px) {
  .home-page-compilation-item-link:hover .home-page-compilation-item-btn {
    width: 100%;
  }
}
.home-page-compilation-item-link:hover .home-page-compilation-item-btn span {
  opacity: 1;
}
.home-page-compilation-btn {
  display: block;
  width: -moz-min-content;
  width: min-content;
  margin: 0 auto;
  margin-top: 40px;
  text-decoration: none;
}
.home-page-compilation-btn .btn-dft {
  height: 100%;
  padding: 17px 30px;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
}
.home-page-present {
  margin-top: 60px;
}
.home-page-present-content {
  width: 100%;
  padding: 60px 80px;
  border-radius: 30px;
  box-shadow: 0px 5px 10px rgba(44, 114, 191, 0.1);
  background: url(/images/people/girl-with-man.png), linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media only screen and (max-width: 1399px) {
  .home-page-present-content {
    background-size: 50%, 100%;
  }
}
@media only screen and (max-width: 991px) {
  .home-page-present-content {
    background-image: none;
    background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  }
}
@media only screen and (max-width: 575px) {
  .home-page-present-content {
    padding: 30px;
  }
}
.home-page-present-main_block .block-title {
  color: #fff;
}
.home-page-present-step_block {
  margin-top: 40px;
  width: 686px;
  display: grid;
  grid-template-columns: 200px 200px 170px;
  row-gap: 15px;
  -moz-column-gap: 58px;
       column-gap: 58px;
  background-image: url(/images/dotted-line.svg);
  background-repeat: no-repeat;
  background-position-y: 24px;
  background-position-x: center;
}
@media only screen and (max-width: 991px) {
  .home-page-present-step_block {
    width: 100%;
    background-position-x: left;
    background-size: 85%;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .home-page-present-step_block {
    width: 100%;
    grid-template-columns: 1fr;
    justify-items: center;
    background-image: none;
  }
  .home-page-present-step_block #text-step-one {
    grid-row: 2;
  }
  .home-page-present-step_block #text-step-two {
    grid-row: 4;
  }
}
.home-page-present-step_block #step-one {
  background-image: url(/images/search.svg);
}
.home-page-present-step_block #step-two {
  background-image: url(/images/maps-flag.svg);
}
.home-page-present-step_block #step-three {
  background-image: url(/images/package-box-ico.svg);
}
.home-page-present-circle {
  position: relative;
  width: 100px;
  height: 100px;
  background-color: #F8F8F8;
  border-radius: 50%;
  background-position: center, center;
  background-size: 30px 30px;
  background-repeat: no-repeat;
}
.home-page-present-circle-num {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FF4374;
  border-radius: 50%;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #fff;
}
.home-page-present-text {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #fff;
}
.home-page-present-text span {
  color: #FEDD56;
}
@media only screen and (max-width: 767px) {
  .home-page-present-text {
    margin-bottom: 30px;
    text-align: center;
  }
  .home-page-present-text:last-child {
    margin-bottom: 0;
  }
}
.home-page-connect {
  margin-top: 80px;
}
.home-page-connect-inner {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .home-page-connect-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .home-page-connect-inner {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .home-page-connect-inner {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 60px;
         column-gap: 60px;
    row-gap: 30px;
  }
}
.home-page-connect-item {
  filter: grayscale(1);
  transition: 0.1s;
}
@media only screen and (max-width: 767px) {
  .home-page-connect-item {
    filter: grayscale(0);
  }
}
.home-page-connect-item:hover {
  filter: grayscale(0);
}
.home-page-connect-item img {
  max-height: 60px;
}
@media only screen and (max-width: 1199px) {
  .home-page-connect-item img {
    width: 100%;
  }
}
.home-page-partners {
  margin-top: 80px;
}
.home-page-partners .block-title {
  margin-bottom: 10px;
}
.home-page-partners-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
}
@media only screen and (max-width: 575px) {
  .home-page-partners-list {
    margin: 0 -15px;
  }
}
.home-page-partners-list .item {
  width: 25%;
  padding: 0 20px;
  margin-top: 40px;
}
@media only screen and (max-width: 991px) {
  .home-page-partners-list .item {
    width: 33.33%;
  }
}
@media only screen and (max-width: 575px) {
  .home-page-partners-list .item {
    width: 50%;
    padding: 0 15px;
  }
}
.home-page-partners-list .item .inner {
  display: block;
}
.home-page-partners-list .item .inner img {
  display: block;
  width: 100%;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: 0.2s ease;
  filter: grayscale(1);
}
.home-page-partners-list .item .inner:hover img {
  filter: grayscale(0);
}

.slider-carousel {
  --slider-carousel-item-gap: 17px;
  --slider-carousel-item-width: calc(100%/var(--slider-carousel-item-count));
}
.slider-carousel__inner {
  position: relative;
  z-index: 1;
  display: flex;
  max-width: 1420px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 15px;
  overflow-x: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: 0;
}
@media only screen and (max-width: 767px) {
  .slider-carousel__inner {
    overflow-x: scroll;
  }
}
.slider-carousel-item {
  flex: 0 0 var(--slider-carousel-item-width);
  padding-right: calc(var(--slider-carousel-item-gap) / 2);
  padding-left: calc(var(--slider-carousel-item-gap) / 2);
  white-space: normal;
}
@media only screen and (max-width: 767px) {
  .slider-carousel-item {
    --slider-carousel-item-width: calc(0.95*(100%/var(--slider-carousel-item-count)));
  }
}
.slider-carousel-item a {
  text-decoration: none;
}
.slider-carousel-item:first-child {
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .slider-carousel-item:first-child {
    padding-left: 20px;
  }
}
.slider-carousel-item:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .slider-carousel-item:last-child {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .slider-carousel__controls {
    display: none;
  }
}
.slider-carousel__next, .slider-carousel__prev {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #F0ECEC;
  border-radius: 50%;
  transition: 0.2s;
  z-index: 5;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.slider-carousel__next:hover, .slider-carousel__prev:hover {
  background-color: #22A7D1;
}
.slider-carousel__next:hover svg path, .slider-carousel__prev:hover svg path {
  fill: #fff;
}
.slider-carousel__next {
  right: 0;
}
@media only screen and (max-width: 1399px) {
  .slider-carousel__next {
    right: 5px;
  }
}
.slider-carousel__prev {
  left: 0;
}
@media only screen and (max-width: 1399px) {
  .slider-carousel__prev {
    left: 5px;
  }
}

.wrapper-slider {
  max-width: 1560px;
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
  position: relative;
}
@media only screen and (max-width: 1399px) {
  .wrapper-slider {
    max-width: 100vw;
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper-slider {
    padding: 0;
  }
}

.carousel > input[type=radio]:nth-child(4):checked ~ .carousel__next > label:nth-child(1), .carousel > input[type=radio]:nth-child(4):checked ~ .carousel__prev > label:nth-child(3), .carousel > input[type=radio]:nth-child(3):checked ~ .carousel__next > label:nth-child(4), .carousel > input[type=radio]:nth-child(3):checked ~ .carousel__prev > label:nth-child(2), .carousel > input[type=radio]:nth-child(2):checked ~ .carousel__next > label:nth-child(3), .carousel > input[type=radio]:nth-child(2):checked ~ .carousel__prev > label:nth-child(1), .carousel > input[type=radio]:nth-child(1):checked ~ .carousel__next > label:nth-child(2), .carousel > input[type=radio]:nth-child(1):checked ~ .carousel__prev > label:nth-child(4) {
  opacity: 1 !important;
  z-index: 3;
}

.carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.carousel > input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
}
.carousel > input[type=radio]:checked ~ .carousel__items .carousel__item,
.carousel > input[type=radio]:checked ~ .carousel__prev > label,
.carousel > input[type=radio]:checked ~ .carousel__next > label {
  opacity: 0;
}
.carousel > input[type=radio]:nth-child(1):checked ~ .carousel__items .carousel__item:nth-child(1) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(1):checked ~ .carousel__nav > label:nth-child(1) {
  background: #FF4374;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(2):checked ~ .carousel__items .carousel__item:nth-child(2) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(2):checked ~ .carousel__nav > label:nth-child(2) {
  background: #FF4374;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(3):checked ~ .carousel__items .carousel__item:nth-child(3) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(3):checked ~ .carousel__nav > label:nth-child(3) {
  background: #FF4374;
  cursor: default;
  pointer-events: none;
}
.carousel > input[type=radio]:nth-child(4):checked ~ .carousel__items .carousel__item:nth-child(4) {
  opacity: 1;
}
.carousel > input[type=radio]:nth-child(4):checked ~ .carousel__nav > label:nth-child(4) {
  background: #FF4374;
  cursor: default;
  pointer-events: none;
}
.carousel__items {
  max-width: 1420px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  list-style-type: none;
  position: relative;
}
.carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: opacity 1s;
  -webkit-transition: opacity 1s;
}
.carousel__prev > label, .carousel__next > label {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #F0ECEC;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  opacity: 0;
  z-index: 2;
}
.carousel__prev > label:hover, .carousel__prev > label:focus, .carousel__next > label:hover, .carousel__next > label:focus {
  opacity: 0.5 !important;
  background-color: #22A7D1;
}
@media only screen and (max-width: 767px) {
  .carousel__prev > label, .carousel__next > label {
    width: 30px;
    height: 30px;
  }
}
.carousel__prev > label {
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .carousel__prev > label {
    left: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .carousel__prev > label {
    left: 30px;
  }
}
.carousel__prev > label:hover svg path {
  fill: #FFF;
}
.carousel__next > label {
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .carousel__next > label {
    right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .carousel__next > label {
    right: 30px;
  }
}
.carousel__next > label:hover svg path {
  fill: #FFF;
}
.carousel__nav {
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 3;
}
@media only screen and (max-width: 1199px) {
  .carousel__nav {
    bottom: 10px;
  }
}
.carousel__nav > label {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 7px;
  border-radius: 6px;
  background-color: #BDBDBD;
  transition: 0.2s;
  cursor: pointer;
}

.footer-new {
  margin-top: 90px;
  width: 100%;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  border-radius: 30px 30px 0 0;
  padding: 30px 15px;
}
@media only screen and (max-width: 767px) {
  .footer-new {
    overflow: hidden;
  }
}
.footer-new .footer-main {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 0 60px 0;
}
@media only screen and (max-width: 991px) {
  .footer-new .footer-main {
    padding: 30px 0 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main {
    padding: 10px 0 40px 0;
  }
}
.footer-new .footer-main-menus {
  display: flex;
  width: calc(100% - 270px);
}
@media only screen and (max-width: 1199px) {
  .footer-new .footer-main-menus {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-menus {
    order: 2;
    width: 100%;
  }
}
.footer-new .footer-main-menus-item {
  width: 25%;
  padding-right: 30px;
}
@media only screen and (max-width: 1199px) {
  .footer-new .footer-main-menus-item {
    width: 50%;
    margin-top: 50px;
  }
  .footer-new .footer-main-menus-item:nth-child(1), .footer-new .footer-main-menus-item:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-menus-item {
    width: 100%;
    margin-top: 20px;
    padding-right: 0;
  }
  .footer-new .footer-main-menus-item:nth-child(2) {
    margin-top: 20px;
  }
  .footer-new .footer-main-menus-item:first-child {
    margin-top: 0;
  }
}
.footer-new .footer-main-menus-item:last-child {
  padding-right: 0;
}
.footer-new .footer-main-menus-item h4 {
  position: relative;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  font-family: "Roboto";
  margin: 0 0 50px 0;
}
@media only screen and (max-width: 1199px) {
  .footer-new .footer-main-menus-item h4 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-menus-item h4 {
    margin-bottom: 0;
    cursor: pointer;
  }
  .footer-new .footer-main-menus-item h4:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    background: url("/images/arrow-bottom.svg") no-repeat center;
    background-size: contain;
    transition: 0.2s ease;
  }
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-menus-item ul {
    display: none;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
.footer-new .footer-main-menus-item ul li {
  margin-bottom: 20px;
}
.footer-new .footer-main-menus-item ul li:last-child {
  margin-bottom: 0;
}
.footer-new .footer-main-menus-item ul li a {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  font-family: "Roboto";
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-menus-item ul li a {
    font-size: 16px;
  }
}
.footer-new .footer-main-menus-item ul li a:hover {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-menus-item.is-open h4:after {
    transform: rotateX(180deg);
  }
}
.footer-new .footer-main-info {
  width: 270px;
  margin-top: -15px;
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-info {
    order: 1;
    width: 100%;
    margin: 0 0 40px 0;
  }
}
.footer-new .footer-main-info .logo {
  display: inline-block;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-info .logo {
    margin-bottom: 20px;
  }
}
.footer-new .footer-main-info .logo img {
  display: block;
  height: 60px;
}
.footer-new .footer-main-info .text {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  font-family: "Roboto";
  margin-bottom: 40px;
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-info .text {
    margin-bottom: 20px;
  }
}
.footer-new .footer-main-info .text:last-child {
  margin-bottom: 0;
}
.footer-new .footer-main-actions-wrap {
  position: relative;
  display: flex;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-actions-wrap {
    order: 3;
    padding-top: 60px;
    margin-top: 40px;
  }
  .footer-new .footer-main-actions-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: -35px;
    width: calc(100% + 70px);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
  }
}
.footer-new .footer-main-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  margin-top: -60px;
}
@media only screen and (max-width: 1199px) {
  .footer-new .footer-main-actions {
    align-items: flex-end;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-actions {
    flex-direction: column;
    margin-top: 0;
  }
}
.footer-new .footer-main-actions .contacts {
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 270px);
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-actions .contacts {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 440px) {
  .footer-new .footer-main-actions .contacts {
    margin-bottom: 40px;
  }
}
.footer-new .footer-main-actions .contacts ul {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}
@media only screen and (max-width: 440px) {
  .footer-new .footer-main-actions .contacts ul {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
}
.footer-new .footer-main-actions .contacts ul li {
  position: relative;
  width: 25%;
}
@media only screen and (max-width: 1199px) {
  .footer-new .footer-main-actions .contacts ul li {
    width: 50%;
  }
}
@media only screen and (max-width: 440px) {
  .footer-new .footer-main-actions .contacts ul li {
    width: 100%;
    margin-bottom: 25px;
  }
  .footer-new .footer-main-actions .contacts ul li:last-child {
    margin-bottom: 0;
  }
}
.footer-new .footer-main-actions .contacts ul li label {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
}
.footer-new .footer-main-actions .contacts ul li a {
  display: inline-block;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  font-family: "Roboto";
}
.footer-new .footer-main-actions .contacts ul li span {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
  opacity: 0.7;
}
@media only screen and (max-width: 440px) {
  .footer-new .footer-main-actions .contacts ul li.phone-1 {
    margin-bottom: 45px;
  }
}
.footer-new .footer-main-actions .socials {
  width: 270px;
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-main-actions .socials {
    width: 100%;
  }
}
.footer-new .footer-main-actions .socials h4 {
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  font-family: "Roboto";
  margin: 0 0 30px 0;
}
.footer-new .footer-main-actions .socials ul {
  display: flex;
}
.footer-new .footer-main-actions .socials ul li {
  list-style: none;
  margin-right: 40px;
}
.footer-new .footer-main-actions .socials ul li:last-child {
  margin: 0;
}
.footer-new .footer-main-actions .socials ul li a {
  display: block;
  width: 50px;
  height: 50px;
  background-color: #2386A6;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  transition: 0.2s ease;
}
.footer-new .footer-main-actions .socials ul li a:hover {
  box-shadow: inset 0px 5px 10px #106A87;
}
.footer-new .footer-main-actions .socials ul li a.vk {
  background-image: url("/images/vk-svgrepo.svg");
}
.footer-new .footer-main-actions .socials ul li a.telegram {
  background-image: url("/images/telegram-svgrepo.svg");
}
.footer-new .footer-main-actions .socials ul li a.ok {
  background-image: url("/images/ok-svgrepo.svg");
}
.footer-new .footer-block-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 30px 0;
}
@media only screen and (max-width: 991px) {
  .footer-new .footer-block-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .footer-new .footer-block-bottom {
    padding: 0;
    border-top: none;
  }
}
.footer-new .footer-block-bottom-left {
  display: flex;
  align-items: center;
  width: calc(100% - 270px);
}
@media only screen and (max-width: 991px) {
  .footer-new .footer-block-bottom-left {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .footer-new .footer-block-bottom-left {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer-new .footer-block-bottom-left .site-dev {
  width: 25%;
}
@media only screen and (max-width: 1199px) {
  .footer-new .footer-block-bottom-left .site-dev {
    width: 175px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .footer-new .footer-block-bottom-left .site-dev {
    order: 2;
    margin: 25px 0 0 0;
  }
}
.footer-new .footer-block-bottom-left .site-dev a {
  display: inline-flex;
  align-items: center;
  width: 175px;
  color: #fff;
}
.footer-new .footer-block-bottom-left .site-dev a svg {
  width: 50px;
  margin-right: 10px;
}
.footer-new .footer-block-bottom-left .site-dev a svg path {
  fill: #fff;
}
.footer-new .footer-block-bottom-left .site-dev a span {
  font-size: 14px;
  line-height: 1.2;
  font-family: "Roboto";
  font-weight: 400;
}
.footer-new .footer-block-bottom-left .site-dev a:hover {
  opacity: 0.85;
}
.footer-new .footer-block-bottom-left .text {
  width: 75%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1199px) {
  .footer-new .footer-block-bottom-left .text {
    width: calc(100% - 205px);
    padding-right: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-new .footer-block-bottom-left .text {
    padding-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .footer-new .footer-block-bottom-left .text {
    order: 1;
    width: 100%;
  }
}
.footer-new .footer-block-bottom-right {
  display: flex;
  justify-content: space-between;
  width: 270px;
}
@media only screen and (max-width: 991px) {
  .footer-new .footer-block-bottom-right {
    padding-top: 20px;
    justify-content: space-between;
  }
}
.footer-new .footer-block-bottom-right img {
  margin-right: 10px;
  width: 44px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
.footer-new .footer-block-bottom-right img:last-child {
  margin-right: 0;
}

.footer {
  margin-top: 90px;
  width: 100%;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  border-radius: 30px 30px 0 0;
  padding: 30px 15px;
}
@media only screen and (max-width: 767px) {
  .footer {
    margin-top: 60px;
  }
}
.footer-hr {
  margin: 30px 0;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 767px) {
  .footer-hr {
    display: none;
  }
}
.footer-hr-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .footer-hr-mobile {
    display: block;
  }
}
.footer-top {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr) 270px;
  -moz-column-gap: 50px;
       column-gap: 50px;
}
@media only screen and (max-width: 1199px) {
  .footer-top {
    grid-template-columns: repeat(2, 1fr) 270px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-top {
    grid-template-columns: 1fr;
  }
}
.footer-top-list {
  margin-top: 50px;
  position: relative;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .footer-top-list {
    margin-top: 20px;
  }
}
.footer-top-list-title {
  margin: 0;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .footer-top-list-title {
    cursor: pointer;
    pointer-events: auto;
  }
}
.footer-top-list-ex {
  margin-top: 50px;
  transition: 0.3s;
}
@media only screen and (max-width: 1199px) {
  .footer-top-list-ex {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-top-list-ex {
    display: none;
  }
}
.footer-top-list-ex ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-top-list-ex ul li {
  margin-top: 20px;
}
.footer-top-list-ex ul li:first-child {
  margin-top: 0;
}
.footer-top-list-ex a {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: 0.2s;
}
.footer-top-list-ex a:hover {
  color: #fff;
}
.footer-top-list.is-active > .footer-top-list-ex {
  display: block;
}
.footer-top-list-toggle {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 13px;
  height: 1.4375rem;
  background-image: url(/images/arrow-bottom.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  transition: 0.3s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .footer-top-list-toggle {
    display: block;
  }
}
.footer-top-list.is-active > .footer-top-list-toggle {
  transform: rotate(180deg);
}
.footer-top-main_block {
  margin-top: 25px;
}
@media only screen and (max-width: 1199px) {
  .footer-top-main_block {
    grid-row: 1/3;
    grid-column: 3/4;
  }
}
@media only screen and (max-width: 767px) {
  .footer-top-main_block {
    grid-row: 1/2;
    grid-column: auto;
    margin-top: 0;
    margin-bottom: 75px;
  }
}
.footer-top-main_block-logo {
  background-image: url(/images/logo-footer.svg);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 220px;
  max-height: 60px;
  width: 100%;
  height: 100%;
}
.footer-top-main_block-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: rgba(255, 255, 255, 0.7);
  margin-top: 40px;
}
.footer-top-main_block-text:first-child {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .footer-top-main_block-text {
    margin-top: 20px;
  }
}
.footer-middle {
  margin-top: -60px;
}
@media only screen and (max-width: 1199px) {
  .footer-middle {
    margin-top: -30px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-middle {
    margin-top: 0px;
  }
}
.footer-middle-content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr) 270px;
  -moz-column-gap: 50px;
       column-gap: 50px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .footer-middle-content {
    grid-template-columns: repeat(3, 1fr) 270px;
  }
}
@media only screen and (max-width: 991px) {
  .footer-middle-content {
    grid-template-columns: repeat(2, 1fr) 270px;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .footer-middle-content {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.footer-middle-content-block {
  margin-bottom: 10px;
}
.footer-middle-content-block-small-text {
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 10px 0;
}
.footer-middle-content-block-link {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  text-decoration: none;
  color: #fff;
}
.footer-middle-content-block-link:link {
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .footer-middle-content #footer_first_tel {
    margin-bottom: 20px;
  }
  .footer-middle-content #footer_second_tel {
    grid-column: 1/2;
  }
  .footer-middle-content #footer_email {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .footer-middle-content #footer_social {
    grid-row: 2/4;
    grid-column: 3/4;
  }
}
@media only screen and (max-width: 767px) {
  .footer-middle-content #footer_second_tel {
    grid-column: 1/2;
  }
  .footer-middle-content #footer_email {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  .footer-middle-content #footer_social {
    grid-row: 4/5;
    grid-column: 1/3;
    margin-bottom: 40px;
  }
}
.footer-middle-content-block_text {
  margin-bottom: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .footer-middle-content-block_text {
    grid-row: 3/4;
    grid-column: 1/3;
    margin-top: 40px;
  }
}
.footer-middle-content-top_fill {
  grid-column: 1/5;
}
@media only screen and (max-width: 1199px) {
  .footer-middle-content-top_fill {
    grid-column: 1/4;
  }
}
@media only screen and (max-width: 991px) {
  .footer-middle-content-top_fill {
    grid-column: 1/3;
  }
}
@media only screen and (max-width: 767px) {
  .footer-middle-content-top_fill {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .footer-middle-content-fill {
    display: none;
  }
}
.footer-middle-content-time {
  grid-column: 3/4;
  margin: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 1199px) {
  .footer-middle-content-time {
    grid-column: 2/3;
  }
}
@media only screen and (max-width: 991px) {
  .footer-middle-content-time {
    grid-row: 3/4;
  }
}
@media only screen and (max-width: 767px) {
  .footer-middle-content-time {
    grid-row: 2/3;
  }
}
.footer-middle-content-social {
  max-width: 230px;
  display: flex;
  justify-content: space-between;
}
.footer-middle-content-social #vk {
  background-image: url(/images/vk-svgrepo.svg);
}
.footer-middle-content-social #tlg {
  background-image: url(/images/telegram-svgrepo.svg);
}
.footer-middle-content-social #ok {
  background-image: url(/images/ok-svgrepo.svg);
}
.footer-middle-content-social-item {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #2386A6;
  background-position: center center;
  background-repeat: no-repeat;
}
.footer-middle-content-social-item:hover {
  background-color: #20809E;
}
.footer-bottom {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .footer-bottom {
    flex-direction: column;
    height: auto;
    align-items: flex-start;
  }
}
.footer-bottom-left {
  display: flex;
  align-items: center;
  margin-right: 30px;
  max-width: 640px;
}
@media only screen and (max-width: 991px) {
  .footer-bottom-left {
    max-width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .footer-bottom-left {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer-bottom-left .site-dev {
  margin-right: 30px;
}
@media only screen and (max-width: 575px) {
  .footer-bottom-left .site-dev {
    order: 2;
    margin: 25px 0 0 0;
  }
}
.footer-bottom-left .site-dev a {
  display: inline-flex;
  align-items: center;
  width: 182px;
  color: #fff;
}
.footer-bottom-left .site-dev a svg {
  width: 50px;
  margin-right: 10px;
}
.footer-bottom-left .site-dev a svg path {
  fill: #fff;
}
.footer-bottom-left .site-dev a span {
  font-size: 14px;
  line-height: 1.2;
}
.footer-bottom-left .site-dev a:hover {
  opacity: 0.85;
}
.footer-bottom-left p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #fff;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 575px) {
  .footer-bottom-left p {
    order: 1;
  }
}
.footer-bottom-right {
  display: inline-flex;
}
@media only screen and (max-width: 991px) {
  .footer-bottom-right {
    padding-top: 20px;
    justify-content: space-between;
  }
}
.footer-bottom-right img {
  margin-right: 40px;
}
@media only screen and (max-width: 991px) {
  .footer-bottom-right img {
    margin-right: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .footer-bottom-right img {
    margin-right: 20px;
  }
}
.footer-bottom-right img:last-child {
  margin-right: 0;
}

.input-text-template {
  width: 100%;
  height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  padding: 15px 30px;
  border: 2px solid #22A7D1;
  box-sizing: border-box;
  border-radius: 25px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  transition: 0.1s;
}
@media only screen and (max-width: 575px) {
  .input-text-template {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
}
.input-text-template-required {
  position: absolute;
  top: 18px;
  right: 30px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  color: #FF4374;
  transition: 0.1s;
}
.input-text-template-block {
  position: relative;
}
.input-text-template-error {
  font-size: 13px;
  line-height: 1.2;
  color: #FF4374;
  margin-top: 10px;
}

input[type=checkbox].ios-switch {
  position: absolute;
  display: none;
}

input[type=checkbox].ios-switch + label {
  position: relative;
  padding-left: 100px;
  padding-top: calc(20px - 0.59375rem);
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  white-space: nowrap;
}

input[type=checkbox].ios-switch + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 80px;
  height: 40px;
  border-radius: 45px;
  background: #BDBDBD;
  transition: all 0.3s;
  cursor: pointer;
}

input[type=checkbox].ios-switch + label:after {
  content: "";
  position: absolute;
  display: block;
  left: 3px;
  top: 3px;
  width: 34px;
  height: 34px;
  border-radius: 45px;
  background: #fff;
  box-shadow: inset 0px -5px 10px rgba(180, 180, 180, 0.5);
  transition: all 0.3s;
  cursor: pointer;
}

.ios-switch {
  position: absolute;
  display: none;
}

.ios-switch + label {
  position: relative;
  padding-left: 100px;
  padding-top: calc(20px - 0.59375rem);
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  white-space: nowrap;
}
.ios-switch + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 80px;
  height: 40px;
  border-radius: 45px;
  background: #BDBDBD;
  transition: all 0.3s;
  cursor: pointer;
}
.ios-switch + label:after {
  content: "";
  position: absolute;
  display: block;
  left: 3px;
  top: 3px;
  width: 34px;
  height: 34px;
  border-radius: 45px;
  background: #fff;
  box-shadow: inset 0px -5px 10px rgba(180, 180, 180, 0.5);
  transition: all 0.3s;
  cursor: pointer;
}

.map-menu {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 10px;
  max-height: 600px;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 10px;
  direction: rtl;
  overflow: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 1399px) {
  .map-menu {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .map-menu {
    display: flex;
    max-width: calc(100vw - 100px);
    width: 100%;
    direction: inherit;
    height: auto;
    overflow-y: hidden;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .map-menu {
    max-width: calc(100vw - 40px);
  }
}
.map-menu-item {
  padding: 30px;
  display: grid;
  grid-template-columns: calc(101% - 150px) 1fr;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  transition: 0.2s;
  direction: ltr;
}
@media only screen and (max-width: 1199px) {
  .map-menu-item {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .map-menu-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 30px;
    row-gap: 20px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .map-menu-item {
    padding: 20px;
    min-width: 230px;
  }
  .map-menu-item:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .map-menu-item {
    min-width: 200px;
  }
}
.map-menu-item:hover {
  background: #fff;
}
.map-menu-left {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
}
.map-menu-left-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.map-menu-left-like {
  cursor: pointer;
}
.map-menu-left-like svg path {
  transition: 0.2s;
}
.map-menu-left-like.is-liked svg path, .map-menu-left-like:hover svg path {
  fill: #FF4374;
}
.map-menu-left-name {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
}
@media only screen and (max-width: 991px) {
  .map-menu-left-name {
    font-size: 16px;
  }
}
.map-menu-left-address {
  margin-top: 20px;
}
.map-menu-left-phone {
  margin-top: 10px;
}
.map-menu-left-time {
  margin-top: 10px;
}
.map-menu-right {
  position: relative;
}
.map-menu-right-button {
  position: absolute;
  right: 0;
  height: 50px;
  max-width: -moz-min-content;
  max-width: min-content;
  padding: 0 40px;
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.875rem;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) {
  .map-menu-right-button {
    position: inherit;
    right: auto;
  }
}
@media only screen and (max-width: 991px) {
  .map-menu-right-button {
    margin-top: 20px;
    height: 40px;
  }
}

.yandex-map .map-style-icon {
  width: 24px;
  text-align: center;
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .yandex-map .map-style-balloon {
    padding: 10px;
  }
}
.yandex-map .map-style-balloon-name {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #fff;
}
.yandex-map .map-style-balloon-address, .yandex-map .map-style-balloon-phone {
  margin-top: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #BDBDBD;
}
.yandex-map .ymaps-2-1-79-balloon {
  box-shadow: none;
}
.yandex-map .ymaps-2-1-79-balloon__layout, .yandex-map .ymaps-2-1-79-balloon__content, .yandex-map .ymaps-2-1-79-balloon__tail::after, .yandex-map .ymaps-2-1-79-balloon_layout_panel {
  background-color: #171717;
}
.yandex-map .ymaps-2-1-79-balloon__layout {
  border-radius: 10px;
}
.yandex-map .ymaps-2-1-79-inner-panes {
  border-radius: 30px;
}
.yandex-map .ymaps-2-1-79-balloon__close-button {
  background: url("/images/x-close.png") 40% no-repeat;
}

.product-rating-bar .list {
  display: flex;
}
.product-rating-bar .list .icon {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/images/rating_star.svg");
}
.product-rating-bar .list .icon:last-child {
  margin-right: 0;
}
.product-rating-bar .list .icon.is-active {
  background-image: url("/images/rating_star_active.svg");
}
.product-rating-bar .list.show-1 .icon:nth-child(1) {
  background-image: url("/images/rating_star_active.svg");
}
.product-rating-bar .list.show-2 .icon:nth-child(1), .product-rating-bar .list.show-2 .icon:nth-child(2) {
  background-image: url("/images/rating_star_active.svg");
}
.product-rating-bar .list.show-3 .icon:nth-child(1), .product-rating-bar .list.show-3 .icon:nth-child(2), .product-rating-bar .list.show-3 .icon:nth-child(3) {
  background-image: url("/images/rating_star_active.svg");
}
.product-rating-bar .list.show-4 .icon:nth-child(1), .product-rating-bar .list.show-4 .icon:nth-child(2), .product-rating-bar .list.show-4 .icon:nth-child(3), .product-rating-bar .list.show-4 .icon:nth-child(4) {
  background-image: url("/images/rating_star_active.svg");
}
.product-rating-bar .list.show-5 .icon:nth-child(1), .product-rating-bar .list.show-5 .icon:nth-child(2), .product-rating-bar .list.show-5 .icon:nth-child(3), .product-rating-bar .list.show-5 .icon:nth-child(4), .product-rating-bar .list.show-5 .icon:nth-child(5) {
  background-image: url("/images/rating_star_active.svg");
}

.catalog-page-alphabet {
  margin-top: 0;
}
.catalog-page-alphabet .home-page-alphabet-inner {
  margin-top: 0;
  padding: 20px 0;
}

.catalog-page-nav {
  margin-top: 40px;
}
.catalog-page-nav-inner {
  max-width: 1420px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
  margin: 0 auto;
}
@media only screen and (max-width: 1399px) {
  .catalog-page-nav-inner {
    max-width: 100vw;
  }
}
.catalog-page-nav-link {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  text-decoration: none;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .catalog-page-nav-link {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.catalog-page-nav-link:hover {
  color: #FF4374;
}
.catalog-page-nav-active-link {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
@media only screen and (max-width: 767px) {
  .catalog-page-nav-active-link {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.catalog-page-nav-arrow {
  margin: 0 15px;
}

.catalog-page-categories {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .catalog-page-categories {
    margin-top: 30px;
  }
}
.catalog-page-categories-content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 17px;
  margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-categories-content {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .catalog-page-categories-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .catalog-page-categories-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.catalog-page-categories-item {
  position: relative;
  width: 100%;
  height: 260px;
  padding: 40px;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  background-color: #EFEFEF;
  text-decoration: none;
  transition: 0.2s;
}
@media only screen and (max-width: 1399px) {
  .catalog-page-categories-item {
    height: 0;
    padding-bottom: 96%;
  }
}
@media only screen and (max-width: 767px) {
  .catalog-page-categories-item {
    padding: 20px;
    padding-bottom: 96%;
  }
}
.catalog-page-categories-item-wrapper {
  width: 100%;
  height: 100%;
}
.catalog-page-categories-item-title {
  position: relative;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  z-index: 2;
  transition: 0.2s;
}
@media only screen and (max-width: 575px) {
  .catalog-page-categories-item-title {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
@media only screen and (max-width: 379px) {
  .catalog-page-categories-item-title {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.catalog-page-categories-item-image {
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background-color: #F7F5F4;
  position: absolute;
  right: 40px;
  bottom: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .catalog-page-categories-item-image {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .catalog-page-categories-item-image {
    width: 75px;
    height: 75px;
  }
}
@media only screen and (max-width: 379px) {
  .catalog-page-categories-item-image {
    width: 60px;
    height: 60px;
  }
}
.catalog-page-categories-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.catalog-page-categories-item:hover {
  background-color: #FBFBFB;
}
.catalog-page-categories-item:hover > .catalog-page-categories-item-title {
  color: #FF4374;
}

.catalog-page-list_category {
  margin-top: 80px;
}
@media only screen and (max-width: 991px) {
  .catalog-page-list_category {
    margin-top: 40px;
  }
}
.catalog-page-list_category-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media only screen and (max-width: 991px) {
  .catalog-page-list_category-content {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .catalog-page-list_category-content {
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 20px;
  }
}
.catalog-page-list_category-block a {
  display: block;
  margin-top: 40px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  text-decoration: none;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .catalog-page-list_category-block a {
    margin-top: 20px;
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
@media only screen and (max-width: 575px) {
  .catalog-page-list_category-block a {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.catalog-page-list_category-block a:first-child {
  margin: 0;
}
.catalog-page-list_category-block a:hover {
  color: #FF4374;
}

.catalog-page-list {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 270px 1fr;
  -moz-column-gap: 18px;
       column-gap: 18px;
}
@media only screen and (max-width: 991px) {
  .catalog-page-list {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .catalog-page-list {
    margin-top: 30px;
  }
}
.catalog-page-list-filters {
  width: 270px;
}
@media only screen and (max-width: 991px) {
  .catalog-page-list-filters {
    display: none;
  }
}
.catalog-page-list-filters .filters-block-title {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
}
.catalog-page-list-filters-selected {
  width: 100%;
  padding: 30px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
.catalog-page-list-filters-selected .selected-filters {
  width: 100%;
}
.catalog-page-list-filters-selected .selected-filters-item {
  max-width: 100%;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  padding: 0 15px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  background-color: #22A7D1;
  border-radius: 25px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #fff;
}
.catalog-page-list-filters-selected .selected-filters-item:first-child {
  margin-top: 20px;
}
.catalog-page-list-filters-selected .selected-filters-item:last-child {
  margin-bottom: 25px;
}
.catalog-page-list-filters-selected .selected-filters-item span {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
}
.catalog-page-list-filters-selected .selected-filters-item-delete {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.catalog-page-list-filters-selected .filter-allclean {
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #22A7D1;
  transition: 0.2s;
  cursor: pointer;
}
.catalog-page-list-filters-selected .filter-allclean:hover {
  color: #FF4374;
}
.catalog-page-list-filters-catalog {
  margin-top: 20px;
  width: 100%;
  padding: 30px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
.catalog-page-list-filters-catalog .price-range-container * {
  outline: none;
}
.catalog-page-list-filters-catalog .price-range-container {
  margin-top: 20px;
  width: 100%;
}
.catalog-page-list-filters-catalog .price-range-container .ui-slider {
  position: relative;
  margin: 0 25px;
  margin-top: -1px;
  height: 2px;
  background: #22A7D1;
  border-radius: 1px;
}
.catalog-page-list-filters-catalog .price-range-container .ui-slider .ui-slider-handle {
  position: absolute;
  margin-left: -3px;
  top: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FF4374;
  z-index: 2;
  transition: transform 0.2s;
  cursor: pointer;
}
.catalog-page-list-filters-catalog .price-range-container .ui-slider .ui-slider-handle:hover, .catalog-page-list-filters-catalog .price-range-container .ui-slider .ui-slider-handle:focus {
  transform: scale(1.5);
}
.catalog-page-list-filters-catalog .price-range-container .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 2px;
  border: 0;
  background: #FF4374;
  border-radius: 1px;
}
.catalog-page-list-filters-catalog .price-range-input_container {
  display: inline-flex;
  width: 100%;
}
.catalog-page-list-filters-catalog .price-range-input_container input {
  max-width: 105px;
  height: 50px;
  padding-left: 15px;
  box-shadow: none;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
}
.catalog-page-list-filters-catalog .price-range-input-left {
  border: 1px solid #F0ECEC;
  border-radius: 25px 0 0 25px;
}
.catalog-page-list-filters-catalog .price-range-input-right {
  border: 1px solid #F0ECEC;
  border-left: none;
  border-radius: 0 25px 25px 0;
}
.catalog-page-list-filters-catalog .filters-block-manufacturer {
  margin-top: 50px;
}
.catalog-page-list-filters-catalog .filters-block-manufacturer-content {
  margin-top: 23px;
}
.catalog-page-list-filters-catalog .filters-block-manufacturer-content-item {
  margin-bottom: 15px;
}
.catalog-page-list-filters-catalog .filters-block-manufacturer-content-item:last-child {
  margin: 0;
}
.catalog-page-list-filters-catalog .filters-block-manufacturer-show_all {
  margin-top: 20px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #22A7D1;
  transition: 0.2s;
  cursor: pointer;
}
.catalog-page-list-filters-catalog .filters-block-manufacturer-show_all:hover {
  color: #FF4374;
}
.catalog-page-list-filters-catalog .filters-block-form {
  margin-top: 40px;
}
.catalog-page-list-filters-catalog .filters-block-form-content {
  margin-top: 23px;
}
.catalog-page-list-filters-catalog .filters-block-form-content-item {
  margin-bottom: 15px;
}
.catalog-page-list-filters-catalog .filters-block-form-content-item:last-child {
  margin: 0;
}
.catalog-page-list-filters-catalog .filters-block-addition {
  margin-top: 40px;
}
.catalog-page-list-filters-catalog .filters-block-addition-item {
  margin-top: 20px;
}
.catalog-page-list-filters-catalog .filter-item {
  margin-bottom: 50px;
}
.catalog-page-list-filters-catalog .filter-item:last-child {
  margin-bottom: 0;
}
.catalog-page-list-filters-catalog .filter-item .filters-block-title {
  margin-bottom: 25px;
}
.catalog-page-list-filters-catalog .filter-item .filter-block-content .filters-checkbox-item {
  margin-bottom: 20px;
}
.catalog-page-list-filters-catalog .filter-item .filter-block-content .filters-checkbox-item:last-child {
  margin-bottom: 0;
}
.catalog-page-list-filters .filters-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  cursor: pointer;
  /* стили для активного состояния чекбокса (при нажатии на него) */
  /* стили для чекбокса, находящегося в фокусе */
  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  /* стили для чекбокса, находящегося в состоянии disabled */
}
.catalog-page-list-filters .filters-checkbox + label {
  width: 100%;
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  cursor: pointer;
}
.catalog-page-list-filters .filters-checkbox + label span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.catalog-page-list-filters .filters-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 4px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: center center;
}
.catalog-page-list-filters .filters-checkbox:checked + label::before {
  border-color: #FF4374;
  background-color: #FF4374;
  background-image: url("/images/check.svg");
}
.catalog-page-list-filters .filters-checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: #FF4374;
}
.catalog-page-list-filters .filters-checkbox:not(:disabled):active + label::before {
  background-color: #FF4374;
  border-color: #FF4374;
}
.catalog-page-list-filters .filters-checkbox:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 43, 74, 0.1);
}
.catalog-page-list-filters .filters-checkbox:focus:not(:checked) + label::before {
  border-color: #FF4374;
}
.catalog-page-list-filters .filters-checkbox:disabled + label::before {
  background-color: #BDBDBD;
}
.catalog-page-list-content .block-title p {
  margin: 0;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.catalog-page-list-content .pagination {
  margin-top: 50px;
}
.catalog-page-list-content .pagination .products-sorting-wrap {
  margin-bottom: 30px;
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .left {
  display: flex;
  align-items: center;
  float: none;
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .left {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .limiter {
  margin-right: 25px;
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .limiter label {
  display: block;
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 10px;
  color: #bcbcbc;
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .limiter .selectize-control {
  width: 65px;
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .sorter {
    width: calc(100% - 105px);
  }
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .sorter label {
  display: block;
  font-size: 14px;
  line-height: 1.1;
  color: #bcbcbc;
  margin-bottom: 10px;
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .sorter .selectize-control {
  width: 250px;
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .sorter .selectize-control {
    width: 100%;
  }
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode {
  display: flex;
  align-items: center;
  height: 35px;
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .list-view svg,
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .grid-view svg {
  height: 16px;
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .list-view svg line,
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .grid-view svg line {
  transition: 0.2s ease;
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .list-view:hover svg line, .catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .list-view.is-active svg line,
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .grid-view:hover svg line,
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .grid-view.is-active svg line {
  stroke: #22A7D1;
}
.catalog-page-list-content .pagination .products-sorting-wrap .products-sorting-inner .view-mode .list-view {
  margin-right: 20px;
}
.catalog-page-list-content .pagination-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 1399px) {
  .catalog-page-list-content .pagination-list {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .catalog-page-list-content .pagination-list {
    margin-top: 20px;
  }
}
.catalog-page-list-content .pagination-list-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0;
  margin-right: 10px;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 15px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  transition: 0.2s;
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .pagination-list-button {
    margin-right: 7px;
  }
}
.catalog-page-list-content .pagination-list-button:hover {
  background: #FF4374;
  color: #fff;
}
.catalog-page-list-content .pagination-list-button:last-child {
  margin: 0;
}
.catalog-page-list-content .pagination-list-button--active {
  background: #22A7D1;
  color: #fff;
}
.catalog-page-list-content .pagination-list-button--active:hover {
  background: #22A7D1;
}
.catalog-page-list-content .pagination-list-button--disabled {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 7px;
  margin-right: 17px;
  background: #F8F8F8;
  box-shadow: none;
}
.catalog-page-list-content .pagination-list-button--disabled:hover {
  background: #F8F8F8;
  color: #171717;
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .pagination-list-button--disabled {
    margin-left: 0;
    margin-right: 7px;
  }
}
.catalog-page-list-content .pagination-list-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.catalog-page-list-content .pagination-sorting {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 1399px) {
  .catalog-page-list-content .pagination-sorting {
    width: 100%;
    justify-content: flex-start;
  }
}
.catalog-page-list-content .pagination-sorting-item {
  margin-right: 18px;
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .pagination-sorting-item {
    margin-right: 10px;
  }
}
.catalog-page-list-content .pagination-sorting-item:last-child {
  margin: 0;
}
.catalog-page-list-content .pagination-sorting-item__select {
  position: relative;
  width: 270px;
  height: 40px;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .pagination-sorting-item__select {
    width: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .catalog-page-list-content .pagination-sorting-item__select {
    width: 136px;
  }
}
.catalog-page-list-content .pagination-sorting-item__select[data-state=active] .pagination-sorting-item__select__arrow {
  transform: rotate(180deg);
}
.catalog-page-list-content .pagination-sorting-item__select[data-state=active] .pagination-sorting-item__select__content {
  opacity: 1;
}
.catalog-page-list-content .pagination-sorting-item__select[data-state=active] .pagination-sorting-item__select__label {
  max-height: 40px;
}
.catalog-page-list-content .pagination-sorting-item__select__arrow {
  height: 100%;
  width: 11px;
  position: absolute;
  right: 30px;
  top: 0;
  background-image: url(/images/arrow-bottom-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.2s;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .catalog-page-list-content .pagination-sorting-item__select__arrow {
    right: 10px;
  }
}
.catalog-page-list-content .pagination-sorting-item__select__block-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 30px;
  padding-right: 60px;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 15px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .catalog-page-list-content .pagination-sorting-item__select__block-title {
    padding-left: 10px;
    padding-right: 30px;
  }
}
.catalog-page-list-content .pagination-sorting-item__select__block-title .select-bold-title {
  font-weight: 700;
}
@media only screen and (max-width: 991px) {
  .catalog-page-list-content .pagination-sorting-item__select__after-title span {
    display: none;
  }
  .catalog-page-list-content .pagination-sorting-item__select__after-title::before {
    content: "По";
  }
}
.catalog-page-list-content .pagination-sorting-item__select__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.catalog-page-list-content .pagination-sorting-item__select__content {
  position: absolute;
  top: 50px;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: 2;
}
.catalog-page-list-content .pagination-sorting-item__select__input {
  display: none;
}
.catalog-page-list-content .pagination-sorting-item__select__input:checked + label {
  background-color: #dedede;
}
.catalog-page-list-content .pagination-sorting-item__select__label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  max-height: 0;
  padding: 0 15px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  transition: all 0.2s ease-out;
  cursor: pointer;
  overflow: hidden;
}
.catalog-page-list-content .pagination-sorting-item__select__label:hover {
  background-color: #22A7D1 !important;
  color: #fff;
}
.catalog-page-list-content .pagination-sorting-item__select__label:nth-child(2) {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.catalog-page-list-content .pagination-sorting-item__select__label:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.catalog-page-list-content .pagination-sorting-view {
  margin-right: 20px;
  height: 16px;
  cursor: pointer;
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .pagination-sorting-view {
    margin-right: 10px;
  }
}
.catalog-page-list-content .pagination-sorting-view svg line {
  transition: 0.2s;
}
.catalog-page-list-content .pagination-sorting-view:last-child {
  margin: 0;
}
.catalog-page-list-content .pagination-sorting-view:hover svg line {
  stroke: #22A7D1;
}
.catalog-page-list-content .pagination-sorting-view-container {
  display: inline-flex;
  align-items: center;
  margin-left: 30px;
}
@media only screen and (max-width: 1399px) {
  .catalog-page-list-content .pagination-sorting-view-container {
    width: 100%;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .pagination-sorting-view-container {
    margin-left: 0;
  }
}
@media only screen and (max-width: 379px) {
  .catalog-page-list-content .pagination-sorting-view-container {
    width: -moz-min-content;
    width: min-content;
  }
}
.catalog-page-list-content .pagination-sorting-view-container .pagination-sorting-view--active svg line {
  stroke: #22A7D1;
}
.catalog-page-list-content .products {
  width: 100%;
  margin-top: 30px;
}
.catalog-page-list-content .products-display {
  width: 100%;
}
.catalog-page-list-content .products .--view-type-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 17px;
       column-gap: 17px;
  row-gap: 27px;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .catalog-page-list-content .products .--view-type-grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 17px;
  }
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .products .--view-type-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.catalog-page-list-content .products .--view-type-list .products-item {
  display: grid;
  grid-template-columns: 200px 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  padding: 34px 52px 34px 34px;
  position: relative;
  margin-top: 20px;
}
@media only screen and (max-width: 1399px) {
  .catalog-page-list-content .products .--view-type-list .products-item {
    grid-template-columns: auto 1fr;
  }
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .products .--view-type-list .products-item {
    padding: 20px 15px 15px 15px;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
.catalog-page-list-content .products .--view-type-list .products-item:first-child {
  margin: 0;
}
.catalog-page-list-content .products .--view-type-list .products-item-image {
  max-width: 250px;
  min-width: 150px;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row: 1/4;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-list .products-item-image {
    grid-column: 1/2;
    position: relative;
  }
}
@media only screen and (max-width: 379px) {
  .catalog-page-list-content .products .--view-type-list .products-item-image {
    min-width: 120px;
  }
}
.catalog-page-list-content .products .--view-type-list .products-item-image img {
  max-width: 170px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 1399px) {
  .catalog-page-list-content .products .--view-type-list .products-item-image img {
    max-width: calc(100% - 35px);
  }
}
.catalog-page-list-content .products .--view-type-list .products-item-like {
  top: 30px;
  right: 30px;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-list .products-item-like {
    top: 0;
    right: 0;
  }
}
.catalog-page-list-content .products .--view-type-list .products-item-container-top {
  grid-row: 1/2;
  grid-column: 2/3;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-list .products-item-container-top {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-list .products-item-container-top-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.catalog-page-list-content .products .--view-type-list .products-item-container-top .ratingbar {
  display: flex;
  flex-direction: row-reverse;
}
.catalog-page-list-content .products .--view-type-list .products-item-container-bottom {
  display: grid;
  grid-row: 2/3;
  grid-column: 2/3;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-list .products-item-container-bottom {
    grid-row: 3/4;
    grid-column: 1/3;
  }
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .products .--view-type-list .products-item-container-bottom {
    margin-bottom: 10px;
  }
}
.catalog-page-list-content .products .--view-type-list .products-item .product-rating-bar .list {
  margin-right: 20px;
}
.catalog-page-list-content .products .--view-type-list .products-item-date {
  display: block;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-list .products-item-date {
    margin-left: 0px;
    margin-top: 10px;
  }
}
.catalog-page-list-content .products .--view-type-list .products-item-availability {
  display: block;
  padding: 3px 11px;
  background-color: #28CFA7;
  border-radius: 45px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #fff;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-list .products-item-availability {
    margin-left: 0px;
    margin-top: 10px;
  }
}
.catalog-page-list-content .products .--view-type-list .products-item-lastblock {
  width: 100%;
  grid-column: 2/3;
  grid-row: 3/4;
  display: grid;
  grid-template-columns: 220px 1fr;
  -moz-column-gap: 60px;
       column-gap: 60px;
  margin-top: 30px;
  align-items: baseline;
}
@media only screen and (max-width: 1199px) {
  .catalog-page-list-content .products .--view-type-list .products-item-lastblock {
    grid-row: 2/3;
    grid-column: 2/3;
    grid-template-columns: 180px 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .catalog-page-list-content .products .--view-type-list .products-item-lastblock {
    max-width: 220px;
    min-width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
  }
}
@media only screen and (max-width: 575px) {
  .catalog-page-list-content .products .--view-type-list .products-item-lastblock {
    margin-top: 10px;
  }
}
.catalog-page-list-content .products .--view-type-list .products-item-lastblock-bottom {
  grid-column: 1/2;
  grid-row: 1/2;
}
.catalog-page-list-content .products .--view-type-list .products-item-btn {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .catalog-page-list-content .products .--view-type-list .products-item-btn {
    margin-top: 10px;
  }
}
.catalog-page-list-content .btn_more {
  margin: 0 auto;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 45px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #22A7D1;
  transition: 0.2s;
  cursor: pointer;
}
.catalog-page-list-content .btn_more:hover {
  background: #22A7D1;
  color: #fff;
}

.product-page .catalog-page-nav {
  margin-top: 55px;
}
.product-page-main {
  margin-top: 30px;
}
.product-page-content {
  width: 100%;
  padding: 40px 40px 120px 40px;
  display: grid;
  grid-template-columns: 350px 1fr;
  grid-template-rows: auto 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .product-page-content {
    grid-template-columns: 200px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    background: none;
    box-shadow: none;
    padding: 0;
  }
}
.product-page-content-left {
  grid-row: 1/3;
  grid-column: 1/2;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .product-page-content-left {
    grid-row: 2/3;
    grid-column: 1/2;
  }
}
.product-page-content-left-main_block {
  position: sticky;
  top: 40px;
}
@media only screen and (max-width: 767px) {
  .product-page-content-left-main_block {
    display: flex;
    flex-direction: column-reverse;
  }
}
.product-page-content-left-main_block .product-page-image {
  position: relative;
}
.product-page-content-left-main_block .product-page-image .img-list .item img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: calc(100vh - 320px);
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 1600px) {
  .product-page-content-left-main_block .product-page-image .img-list .item img {
    max-height: calc(100vh - 200px);
  }
}
@media only screen and (max-width: 767px) {
  .product-page-content-left-main_block .product-page-image .img-list .item img {
    max-height: 300px;
  }
}
.product-page-content-left-main_block .product-page-image .tns-controls button {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 36px;
  height: 36px;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  background-color: #22A7D1;
  cursor: pointer;
  border-radius: 40px;
  text-indent: -9999px;
}
.product-page-content-left-main_block .product-page-image .tns-controls button[data-controls=prev] {
  left: 10px;
  background-image: url(/images/angle-small-left-white.svg);
}
.product-page-content-left-main_block .product-page-image .tns-controls button[data-controls=next] {
  right: 10px;
  background-image: url(/images/angle-small-right-white.svg);
}
.product-page-content-left-block {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
}
@media only screen and (max-width: 991px) {
  .product-page-content-left-block {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-content-left-block {
    flex-direction: row;
    align-items: center;
    margin: 20px 0;
  }
}
.product-page-content-left-block-favorites {
  margin-right: 30px;
}
@media only screen and (max-width: 991px) {
  .product-page-content-left-block-favorites {
    margin-bottom: 30px;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-content-left-block-favorites {
    margin-bottom: 0;
    margin-right: 30px;
  }
}
.product-page-content-left-block-favorites .add-to-wishlist {
  display: inline-flex;
  align-items: center;
  margin-left: 0;
  color: #171717;
}
.product-page-content-left-block-favorites .add-to-wishlist.already svg path {
  fill: #FF4374;
}
.product-page-content-left-block-favorites, .product-page-content-left-block-share {
  display: inline-flex;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
}
.product-page-content-left-block-favorites:hover, .product-page-content-left-block-share:hover {
  color: #FF4374;
}
.product-page-content-left-block-favorites:hover svg path, .product-page-content-left-block-share:hover svg path {
  fill: #FF4374;
}
.product-page-content-left-block svg {
  margin-right: 10px;
}
.product-page-content-left-block svg path {
  transition: 0.2s;
}
.product-page-content-header {
  grid-row: 1/2;
  grid-column: 2/3;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #171717;
}
@media only screen and (max-width: 767px) {
  .product-page-content-header {
    grid-column: 1/2;
  }
}
.product-page-content-right {
  grid-row: 2/3;
  grid-column: 2/3;
  align-items: stretch;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .product-page-content-right {
    grid-row: 3/4;
    grid-column: 1/2;
  }
}
.product-page-content-right-top {
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}
.product-page-content-right-top-first_block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 290px;
}
@media only screen and (max-width: 1399px) {
  .product-page-content-right-top-first_block {
    order: 2;
    margin-top: 15px;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .product-page-content-right-top-first_block {
    order: 3;
    width: auto;
    margin-top: 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-content-right-top-first_block {
    order: 2;
    width: 100%;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .product-page-content-right-top-first_block .ratingbar {
    order: 2;
  }
}
.product-page-content-right-top-first_block .product-rating-bar {
  margin-right: 20px;
}
@media only screen and (max-width: 991px) {
  .product-page-content-right-top-first_block .product-rating-bar {
    order: 2;
    margin: 0 0 15px 0;
  }
}
.product-page-content-right-top-first_block .product-page-date {
  margin-right: 20px;
}
@media only screen and (max-width: 991px) {
  .product-page-content-right-top-first_block .product-page-date {
    order: 1;
    margin: 0 0 15px 0;
  }
}
.product-page-content-right-top-first_block .products-item-availability {
  display: block;
  padding: 3px 11px;
  background-color: #28CFA7;
  border-radius: 45px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #fff;
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .product-page-content-right-top-first_block .products-item-availability {
    margin: 0 0 15px 0;
  }
}
.product-page-content-right-top-forms {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 290px);
}
@media only screen and (max-width: 1399px) {
  .product-page-content-right-top-forms {
    order: 1;
    width: 100%;
  }
}
.product-page-content-props {
  width: 100%;
  margin: 35px 0 50px 0;
}
@media only screen and (max-width: 1399px) {
  .product-page-content-props {
    order: 3;
  }
}
@media only screen and (max-width: 991px) {
  .product-page-content-props {
    order: 5;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
  }
}
.product-page-content-props .item {
  display: flex;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .product-page-content-props .item {
    width: 50%;
    flex-direction: column;
  }
  .product-page-content-props .item:first-child {
    width: 100%;
  }
}
.product-page-content-props .item:last-child {
  margin-bottom: 0;
}
.product-page-content-props .item p {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
  margin: 0;
}
@media only screen and (max-width: 1199px) {
  .product-page-content-props .item p {
    width: calc(100% - 250px);
  }
}
@media only screen and (max-width: 991px) {
  .product-page-content-props .item p {
    width: 100%;
  }
}
.product-page-content-props .item p.gray {
  width: 290px;
  color: #BDBDBD;
}
@media only screen and (max-width: 1199px) {
  .product-page-content-props .item p.gray {
    width: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .product-page-content-props .item p.gray {
    width: 100%;
    margin-bottom: 10px;
  }
}
.product-page-content-price-wrap {
  width: 290px;
}
@media only screen and (max-width: 1399px) {
  .product-page-content-price-wrap {
    order: 4;
  }
}
@media only screen and (max-width: 1199px) {
  .product-page-content-price-wrap {
    width: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .product-page-content-price-wrap {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-content-price-wrap {
    order: 3;
  }
}
.product-page-content-price-wrap .stock-status {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.product-page-content-price.single-line {
  display: flex;
  align-items: center;
}
.product-page-content-price .price-big {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.375rem;
  color: #171717;
}
.product-page-content-price .bonus {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #22A7D1;
  margin-left: 20px;
}
.product-page-content-price .bottom {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.product-page-content-price .bottom .price-small {
  margin-right: 20px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #BDBDBD;
  text-decoration: line-through;
  text-align: center;
}
.product-page-content-price .bottom .price-small span {
  font-size: 0.8em;
}
.product-page-content-price .bottom .price-sale {
  padding: 3px 6px;
  border-radius: 14px;
  background-color: #FEDD56;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  color: #171717;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .product-page-content-price .bottom .price-sale {
    font-size: 0.6rem;
    line-height: 0.6875rem;
  }
}
.product-page-content-price .bottom .price-sale span {
  font-size: 0.8rem;
}
@media only screen and (max-width: 1399px) {
  .product-page-content-addcart-wrap {
    order: 5;
  }
}
@media only screen and (max-width: 991px) {
  .product-page-content-addcart-wrap {
    display: flex;
    order: 4;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 379px) {
  .product-page-content-addcart-wrap {
    flex-direction: column;
  }
}
.product-page-content-addcart-wrap .buttons {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .product-page-content-addcart-wrap .buttons {
    flex-direction: column;
  }
}
.product-page-content-addcart-wrap .buttons .products-item-add-to-cart {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border: none;
  width: 180px;
  height: 50px;
  padding: 10px 15px;
  border-radius: 25px;
  transition: 0.2s;
  background-color: #22A7D1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.product-page-content-addcart-wrap .buttons .products-item-add-to-cart:hover {
  background-color: #FF4374;
}
.product-page-content-addcart-wrap .buttons .products-item-add-to-cart .val {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
  color: #fff;
}
.product-page-content-addcart-wrap .buttons .products-item-add-to-cart .minus, .product-page-content-addcart-wrap .buttons .products-item-add-to-cart .plus {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  cursor: pointer;
}
.product-page-content-addcart-wrap .buttons .products-item-add-to-cart.added {
  cursor: default;
  background-color: #FF4374;
}
.product-page-content-addcart-wrap .buttons .products-item-add-to-cart.added .minus, .product-page-content-addcart-wrap .buttons .products-item-add-to-cart.added .plus {
  opacity: 1;
  visibility: visible;
}
.product-page-content-addcart-wrap .buttons .delivery {
  margin-left: 20px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #BDBDBD;
  white-space: nowrap;
}
@media only screen and (max-width: 1199px) {
  .product-page-content-addcart-wrap .buttons .delivery {
    width: 175px;
    text-align: center;
    margin: 10px 0 0 0;
  }
}
.product-page-content .rating-reviews {
  display: flex;
  align-items: flex-end;
  padding-left: 20px;
}
@media only screen and (max-width: 1399px) {
  .product-page-content .rating-reviews {
    order: 5;
    width: 100%;
    padding: 25px 0 0 0;
  }
}
.product-page-content .rating-reviews .btn-dft {
  width: 100%;
  max-width: 180px;
}
@media only screen and (max-width: 767px) {
  .product-page-image {
    display: flex;
    justify-content: center;
  }
}
.product-page-image img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .product-page-image img {
    max-width: 400px;
  }
}
.product-page-date {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
  white-space: nowrap;
}
@media only screen and (max-width: 991px) {
  .product-page-date {
    margin-left: 0;
  }
}
.product-page-forms-item {
  height: 50px;
  padding: 0 40px;
  display: inline-flex;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  color: #171717;
  white-space: nowrap;
  margin: 0 20px 15px 0;
  transition: 0.2s;
  cursor: pointer;
}
.product-page-forms-item:last-child {
  margin-right: 0;
}
.product-page-forms-item:hover {
  background-color: #FF4374;
  color: #fff;
}
.product-page-forms-item--active {
  background-color: #22A7D1;
  color: #fff;
}
.product-page-forms-item--active:hover {
  background-color: #22A7D1;
}
.product-page .attached-products-wrapper .products-list-item {
  display: flex;
}
.product-page .attached-products-wrapper .products-list-item .products-item {
  height: 100%;
}
.product-page-list {
  margin-top: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(189, 189, 189, 0.3);
}
@media only screen and (max-width: 767px) {
  .product-page-list {
    margin-top: 10px;
    padding-bottom: 10px;
  }
}
.product-page-list:nth-child(2) {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .product-page-list:nth-child(2) {
    margin-top: 40px;
  }
}
.product-page-list-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.product-page-list-title {
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.product-page-list-ex {
  max-width: 80%;
  margin-top: 15px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #171717;
  transition: 0.2s;
  display: none;
}
@media only screen and (max-width: 767px) {
  .product-page-list-ex {
    max-width: 100%;
  }
}
.product-page-list.is-active > .product-page-list-ex {
  display: block;
}
.product-page-list-toggle {
  width: 28px;
  height: 28px;
  background-color: #22A7D1;
  border-radius: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
}
.product-page-list-toggle:hover {
  background-color: #FF4374;
}
.product-page-list.is-active > .product-page-list-control .product-page-list-toggle {
  background-color: #FF4374;
  transform: rotate(180deg);
}
.product-page .wrapper-slider {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .product-page .wrapper-slider {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .product-page .wrapper-slider .slider-carousel-item {
    padding-left: 0;
  }
  .product-page .wrapper-slider .slider-carousel-item:first-child {
    margin-left: 20px;
  }
}
.product-page-analog {
  margin-top: 60px;
  --slider-carousel-item-count: 5;
  /*
  #medical-analog-inner{
      @include mq('sm'){
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 15px;
          overflow-x: hidden;

          padding: 0 20px;

          .slider-carousel-item{
              padding: 0;
          }
      }

      @include mq('xl'){
          padding-bottom: 10px;
      }

      &:-webkit-scrollbar { width: 0; }
  }
  */
}
@media only screen and (max-width: 767px) {
  .product-page-analog {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .product-page-analog {
    --slider-carousel-item-count: 4;
  }
}
@media only screen and (max-width: 1199px) {
  .product-page-analog {
    --slider-carousel-item-count: 3;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-analog {
    --slider-carousel-item-count: 2;
  }
}
.product-page-history {
  margin-top: 60px;
  --slider-carousel-item-count: 5;
}
@media only screen and (max-width: 767px) {
  .product-page-history {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1399px) {
  .product-page-history {
    --slider-carousel-item-count: 4;
  }
}
@media only screen and (max-width: 1199px) {
  .product-page-history {
    --slider-carousel-item-count: 3;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-history {
    --slider-carousel-item-count: 2;
  }
}
.product-page-reviews {
  margin-top: 60px;
  --slider-carousel-item-count: 2;
}
@media only screen and (max-width: 991px) {
  .product-page-reviews {
    --slider-carousel-item-count: 1;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-reviews {
    margin-top: 40px;
  }
}
.product-page-reviews .wrapper {
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 767px) {
  .product-page-reviews .wrapper {
    display: grid;
    grid-template-columns: 50% 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px 20px;
    grid-template-areas: "title count stars" "button . .";
  }
}
@media only screen and (max-width: 767px) {
  .product-page-reviews .block-title {
    grid-area: title;
  }
}
.product-page-reviews-counter {
  margin: 0 40px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.2;
  color: #171717;
  opacity: 0.3;
}
@media only screen and (max-width: 767px) {
  .product-page-reviews-counter {
    grid-area: count;
    font-size: 1.25rem;
    margin: 0 20px;
  }
}
.product-page-reviews-rating {
  flex-grow: 1;
  display: inline-flex;
}
@media only screen and (max-width: 767px) {
  .product-page-reviews-rating {
    grid-area: stars;
  }
}
@media only screen and (max-width: 575px) {
  .product-page-reviews-rating {
    justify-content: end;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-reviews-add {
    grid-area: button;
  }
}
.product-page-reviews-add .btn-dft {
  padding: 0 60px;
}
@media only screen and (max-width: 767px) {
  .product-page-reviews-add .btn-dft {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 575px) {
  .product-page-reviews-add .btn-dft {
    padding: 0 25px;
  }
}
.product-page-reviews-item {
  max-width: 790px;
  width: 100%;
  padding: 30px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .product-page-reviews-item {
    max-width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .product-page-reviews-item {
    padding: 20px;
  }
}
.product-page-reviews-item-profile {
  display: flex;
}
.product-page-reviews-item-profile-photo {
  width: 73px;
  height: 73px;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .product-page-reviews-item-profile-photo {
    margin-right: 20px;
  }
}
.product-page-reviews-item-profile-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.product-page-reviews-item-profile-main_block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-page-reviews-item-profile-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  margin-bottom: 15px;
}
.product-page-reviews-item-profile-block {
  display: flex;
  align-items: center;
}
.product-page-reviews-item-profile-block-rating {
  margin-right: 25px;
}
@media only screen and (max-width: 767px) {
  .product-page-reviews-item-profile-block-rating {
    margin-right: 15px;
  }
}
.product-page-reviews-item-profile-block-rating .stars {
  display: flex;
}
.product-page-reviews-item-profile-block-rating .stars .icon {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/images/rating_star.svg");
}
.product-page-reviews-item-profile-block-rating .stars .icon:last-child {
  margin-right: 0;
}
.product-page-reviews-item-profile-block-rating .stars .icon.active {
  background-image: url("/images/rating_star_active.svg");
}
.product-page-reviews-item-profile-block-data {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #BDBDBD;
}
.product-page-reviews-item-text {
  margin: 30px 20px 0 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
@media only screen and (max-width: 575px) {
  .product-page-reviews-item-text {
    margin: 30px 0;
  }
}
.product-page-reviews-item-toggle {
  display: flex;
  cursor: pointer;
  margin-top: 25px;
}
.product-page-reviews-item-toggle-title {
  margin: 0;
  margin-right: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
.product-page-reviews-item-toggle-icon {
  transition: 0.2s;
}
.product-page-reviews-item-toggle-icon.active {
  transform: rotate(180deg) translateY(-3px);
}
.product-page-reviews-item.is-active > .product-page-reviews-item-toggle > .product-page-reviews-item-toggle-icon {
  transform: rotate(180deg);
}
.product-page-add-review {
  display: block;
}
@media only screen and (max-width: 767px) {
  .product-page-add-review .product-page-main .product-page-content-left {
    margin-bottom: 30px;
  }
}
.product-page-add-review .product-page-main .product-page-content-left-main_block .product-image {
  margin-bottom: 15px;
}
.product-page-add-review .product-page-main .product-page-content-left-main_block .product-image a {
  display: block;
}
.product-page-add-review .product-page-main .product-page-content-left-main_block .product-image a img {
  display: block;
  width: 100%;
}
.product-page-add-review .product-page-main .product-page-content-left-main_block .product-name {
  margin-bottom: 15px;
}
.product-page-add-review .product-page-main .product-page-content-left-main_block .product-name a {
  display: inline-block;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #171717;
  transition: 0.2s ease;
}
.product-page-add-review .product-page-main .product-page-content-left-main_block .product-name a:hover {
  color: #22A7D1;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 30px 0;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .control-group {
  margin-bottom: 30px;
  width: 100%;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .control-group label {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  color: #BDBDBD;
  margin-bottom: 10px;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .control-group textarea {
  height: 160px;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .control-group .control-error {
  display: none;
  font-size: 14px;
  line-height: 1.2;
  color: #FF4374;
  margin-top: 10px;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .control-group.has-error .control-error {
  display: block;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .stars {
  display: flex;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .stars .star {
  display: block;
  font-size: 23px;
  color: #BDBDBD;
  transition: 0.2s ease;
  margin-right: 10px;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .stars .star:last-child {
  margin-right: 0;
}
.product-page-add-review .product-page-main .product-page-content-right .review-form .stars .star:before {
  content: "★";
}

.about-page-topblock {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 10px;
  padding-top: 70px;
  padding-left: 40px;
  padding-bottom: 140px;
  background: url(/img/people/girl-about.png), #FFFFFF;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  background-size: auto 90%, auto;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .about-page-topblock {
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about-page-topblock {
    background: #FFFFFF;
    background-size: auto;
    margin-top: 30px;
  }
}
.about-page-topblock-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 4.375rem;
  line-height: 5.3125rem;
  color: #22A7D1;
}
@media only screen and (max-width: 991px) {
  .about-page-topblock-title {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media only screen and (max-width: 575px) {
  .about-page-topblock-title {
    font-size: 30px;
  }
}
.about-page-topblock-text {
  margin-top: 60px;
  max-width: 47%;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 1.75rem;
  line-height: 2.0625rem;
  color: #171717;
}
@media only screen and (max-width: 1199px) {
  .about-page-topblock-text {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .about-page-topblock-text {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .about-page-topblock-text {
    max-width: 100%;
  }
}
.about-page-topblock-text span {
  font-weight: 700;
  color: #FF4374;
}
@media only screen and (max-width: 575px) {
  .about-page .block-title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.about-page-inner {
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 6px;
       column-gap: 6px;
}
@media only screen and (max-width: 767px) {
  .about-page-inner {
    grid-template-columns: repeat(1, 1fr);
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 10px;
  }
}
.about-page-inner-item {
  width: 100%;
  padding: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #22A7D1;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .about-page-inner-item {
    padding: 30px;
  }
}
.about-page-inner-item-image {
  margin-bottom: 15px;
  width: 90px;
  height: 90px;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .about-page-inner-item-image {
    width: 60px;
    height: 60px;
  }
}
.about-page-inner-item-image img {
  width: 35px;
  height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 991px) {
  .about-page-inner-item-image img {
    width: 25px;
    height: 25px;
  }
}
.about-page-inner-item-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 1.6rem;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .about-page-inner-item-title {
    font-size: 17px;
    line-height: 1.25rem;
  }
}
.about-page-inner-item-title span {
  color: #FEDD56;
}
.about-page-inner-item-text {
  margin-top: 18px;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .about-page-inner-item-text {
    font-size: 15px;
    line-height: 1rem;
  }
}
.about-page-licenses {
  margin-top: 10px;
  padding: 70px 40px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .about-page-licenses {
    padding: 30px;
  }
}
.about-page-licenses-inner {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 50px;
       column-gap: 50px;
  row-gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .about-page-licenses-inner {
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .about-page-licenses-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .about-page-licenses-inner {
    margin-top: 30px;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .about-page-licenses-inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
.about-page-licenses-inner-item {
  display: block;
  width: 100%;
  padding: 30px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  text-decoration: none;
  transition: 0.2S;
}
@media only screen and (max-width: 575px) {
  .about-page-licenses-inner-item {
    padding: 20px;
  }
}
.about-page-licenses-inner-item:hover {
  background: #22A7D1;
}
.about-page-licenses-inner-item:hover > .about-page-licenses-inner-item-top {
  color: #fff;
}
.about-page-licenses-inner-item:hover > .about-page-licenses-inner-item-name {
  color: #fff;
}
.about-page-licenses-inner-item:hover > .about-page-licenses-inner-item-year {
  background-color: #FF4374;
}
.about-page-licenses-inner-item-top {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #22A7D1;
  transition: 0.2s;
}
.about-page-licenses-inner-item-name {
  margin-top: 50px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #171717;
  transition: 0.2s;
}
@media only screen and (max-width: 575px) {
  .about-page-licenses-inner-item-name {
    margin-top: 30px;
  }
}
.about-page-licenses-inner-item-year {
  margin-top: 50px;
  width: -moz-min-content;
  width: min-content;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #fff;
  padding: 3px 15px;
  background-color: #22A7D1;
  border-radius: 10px;
  transition: 0.2s;
}
@media only screen and (max-width: 575px) {
  .about-page-licenses-inner-item-year {
    margin-top: 30px;
  }
}
.about-page-requisites {
  margin-top: 10px;
  padding: 70px 40px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .about-page-requisites {
    padding: 30px;
  }
}
.about-page-requisites-header {
  width: 100%;
  margin-bottom: 70px;
  display: grid;
  grid-template-columns: 470px 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .about-page-requisites-header {
    grid-template-columns: 350px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .about-page-requisites-header {
    grid-template-columns: 250px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .about-page-requisites-header {
    margin-bottom: 20px;
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}
.about-page-requisites-header-link {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #22A7D1 !important;
  text-decoration: none;
}
@media only screen and (max-width: 575px) {
  .about-page-requisites-header-link {
    font-size: 18px;
  }
}
.about-page-requisites-block {
  width: 100%;
  padding: 20px 0;
  display: grid;
  grid-template-columns: 470px 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: flex-start;
  border-bottom: 1px solid #BDBDBD;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
}
@media only screen and (max-width: 1199px) {
  .about-page-requisites-block {
    grid-template-columns: 350px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .about-page-requisites-block {
    grid-template-columns: 250px 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .about-page-requisites-block {
    grid-template-columns: 1fr;
    row-gap: 10px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .about-page-requisites-block {
    font-size: 16px;
  }
}
.about-page-requisites-block-title {
  color: #BDBDBD;
}
.about-page-requisites-block:last-child {
  border: none;
  padding-bottom: 0;
}

.contact-page-wrapper {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 270px 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 100px;
}
@media only screen and (max-width: 767px) {
  .contact-page-wrapper {
    grid-template-columns: 1fr;
    row-gap: 30px;
    margin-top: 30px;
  }
}
.contact-page-wrapper .block-title {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .contact-page-wrapper .block-title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-page-support {
    display: flex;
    flex-direction: column;
  }
}
.contact-page-support-block {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
}
.contact-page-support-block-image {
  margin-right: 20px;
}
.contact-page-support-block-link {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  text-decoration: none;
}
.contact-page-support-text {
  margin-top: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
.contact-page-support-button {
  margin-top: 40px;
  height: 50px;
  width: -moz-min-content;
  width: min-content;
}
.contact-page-support-button .btn-dft-image {
  width: 20px;
  height: 20px;
}
.contact-page-support-button-textblock {
  padding: 0 15px;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #fff;
  white-space: nowrap;
}
.contact-page-right {
  justify-self: end;
  max-width: 840px;
  width: 100%;
}
.contact-page-office .block-title {
  grid-column: 1/3;
  margin-bottom: 15px;
}
@media only screen and (max-width: 1199px) {
  .contact-page-office .block-title {
    grid-column: auto;
    grid-row: auto;
  }
}
.contact-page-office-local {
  display: flex;
  align-items: center;
}
.contact-page-office-local-image {
  margin-right: 20px;
}
.contact-page-office-local-title {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
}
.contact-page-office-address {
  margin-top: 30px;
  max-width: 270px;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
}
@media only screen and (max-width: 1199px) {
  .contact-page-office-address {
    max-width: 100%;
  }
}
.contact-page-office-map {
  margin-top: 30px;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}
.contact-page-office-map .map {
  height: 290px;
}
.contact-page-office-map ymaps {
  border-radius: 20px;
}
.contact-page-form-inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -15px;
  width: calc(100% + 30px);
}
.contact-page-form-block {
  width: 50%;
  margin-bottom: 40px;
  padding: 0 15px;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #171717;
}
@media only screen and (max-width: 575px) {
  .contact-page-form-block {
    width: 100%;
    margin-bottom: 30px;
  }
}
.contact-page-form-block > label {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 400;
}
@media only screen and (max-width: 575px) {
  .contact-page-form-block > label {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.contact-page-form-block-textblock {
  width: 100%;
  padding: 0 15px;
}
.contact-page-form-block-textblock > label {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1;
}
@media only screen and (max-width: 575px) {
  .contact-page-form-block-textblock > label {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.contact-page-form-block-textblock textarea {
  height: 150px;
  padding: 15px 20px;
  border-radius: 20px;
  resize: none;
}
.contact-page-form-select {
  width: 100%;
  height: 50px;
  margin-top: 20px;
  position: relative;
}
.contact-page-form-select span {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.contact-page-form-select span svg {
  transition: 0.2s;
}
.contact-page-form-select .select-tamplate {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  padding: 15px 30px;
  border: 2px solid #22A7D1;
  box-sizing: border-box;
  border-radius: 45px;
  background-color: #fff;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  text-decoration: none;
  transition: 0.1s;
}
@media only screen and (max-width: 575px) {
  .contact-page-form-select .select-tamplate {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
}
.contact-page-form-select .select-tamplate.active ~ span svg {
  transform: rotate(180deg);
}
.contact-page-form-select .select-drop {
  position: absolute;
  margin-top: 10px;
  padding: 0;
  width: 100%;
  z-index: 10;
  border: 2px solid #22A7D1;
  border-radius: 25px;
  display: none;
  background: #fff;
}
.contact-page-form-select .select-drop li {
  display: flex;
  align-items: center;
  padding-left: 30px;
  list-style: none;
  height: 50px;
  cursor: pointer;
}
@media only screen and (max-width: 575px) {
  .contact-page-form-select .select-drop li {
    height: 40px;
  }
}
.contact-page-form-select .select-drop li a {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  transition: 0.1s;
}
@media only screen and (max-width: 575px) {
  .contact-page-form-select .select-drop li a {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
}
.contact-page-form-select .select-drop li:hover:first-child {
  background-color: #F0ECEC;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.contact-page-form-select .select-drop li:hover {
  background-color: #F0ECEC;
}
.contact-page-form-select .select-drop li:hover:last-child {
  background-color: #F0ECEC;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.contact-page-form-select .select-drop li:hover > a {
  color: #FF4374;
}
.contact-page-form-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 0 15px;
  margin-top: 40px;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .contact-page-form-buttons {
    justify-content: flex-start;
  }
}
.contact-page-form-button {
  width: -moz-min-content;
  width: min-content;
  height: 50px;
  padding: 0 30px;
  margin: 0;
  white-space: nowrap;
  border: none;
  border-radius: 25px;
  white-space: nowrap;
}
.contact-page-form .info-panel {
  width: 100%;
  margin-top: 30px;
  padding: 0 15px;
}
.contact-page-form .info-panel .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 25px;
  border-radius: 10px;
  background-color: #fff;
}
.contact-page-form .info-panel .inner p {
  margin: 0;
}
.contact-page-form .info-panel.success .inner {
  color: #fff;
  background-color: #78d091;
}
.contact-page-form .info-panel.error .inner {
  color: #fff;
  background-color: #d07878;
}

.sale-page-banner {
  margin-top: 50px;
  padding: 60px;
  width: 100%;
  background-color: #22A7D1;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position-x: right;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .sale-page-banner {
    padding: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sale-page-banner {
    background: #22A7D1;
    margin-top: 30px;
  }
}
.sale-page-banner-title {
  max-width: 57%;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 4.375rem;
  line-height: 4.375rem;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .sale-page-banner-title {
    max-width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .sale-page-banner-title {
    font-size: 2.375rem;
    line-height: 2.375rem;
  }
}
@media only screen and (max-width: 575px) {
  .sale-page-banner-title {
    max-width: 90%;
  }
}
.sale-page-banner-text {
  margin-top: 30px;
  max-width: 57%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .sale-page-banner-text {
    max-width: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .sale-page-banner-text {
    max-width: 100%;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
}
.sale-page-banner-button {
  margin-top: 46px;
  padding: 0 45px;
  max-width: -moz-min-content;
  max-width: min-content;
  height: 50px;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}
.sale-page-inner {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 10px;
}
@media only screen and (max-width: 1199px) {
  .sale-page-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .sale-page-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .sale-page-inner {
    grid-template-columns: 1fr;
  }
}
.sale-page-inner-item {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: flex-end;
  text-decoration: none;
  padding: 30px;
  height: 390px;
  background: #22A7D1;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  overflow: hidden;
  transition: 0.2s;
}
.sale-page-inner-item:hover {
  background: #FF4374;
}
.sale-page-inner-item:hover .sale-page-inner-item-button {
  color: #FF4374;
}
.sale-page-inner-item:hover .sale-page-inner-item-image {
  transform: rotate(-18deg) translate(20%, -15%);
}
@media only screen and (max-width: 1399px) {
  .sale-page-inner-item:hover .sale-page-inner-item-image {
    transform: rotate(-18deg) translate(32%, -22%);
  }
}
@media only screen and (max-width: 575px) {
  .sale-page-inner-item:hover .sale-page-inner-item-image {
    transform: rotate(-18deg) translate(20%, -15%);
  }
}
@media only screen and (max-width: 379px) {
  .sale-page-inner-item:hover .sale-page-inner-item-image {
    transform: rotate(-18deg) translate(32%, -22%);
  }
}
@media only screen and (max-width: 991px) {
  .sale-page-inner-item {
    height: 350px;
  }
}
.sale-page-inner-item-image {
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-18deg) translate(25%, -20%);
  transition: 0.2s;
  z-index: 1;
}
@media only screen and (max-width: 1399px) {
  .sale-page-inner-item-image {
    transform: rotate(-18deg) translate(35%, -25%);
  }
  .sale-page-inner-item-image img {
    transform: scale(70%);
  }
}
@media only screen and (max-width: 575px) {
  .sale-page-inner-item-image {
    transform: rotate(-18deg) translate(25%, -20%);
  }
  .sale-page-inner-item-image img {
    transform: scale(100%);
  }
}
@media only screen and (max-width: 379px) {
  .sale-page-inner-item-image {
    transform: rotate(-18deg) translate(35%, -25%);
  }
  .sale-page-inner-item-image img {
    transform: scale(70%);
  }
}
.sale-page-inner-item-bottom {
  max-width: 80%;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .sale-page-inner-item-bottom {
    max-width: 100%;
  }
}
.sale-page-inner-item-text {
  margin-bottom: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .sale-page-inner-item-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.sale-page-inner-item-button {
  display: inline-flex;
  align-items: center;
  padding: 0 30px;
  height: 50px;
  max-width: -moz-min-content;
  max-width: min-content;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #22A7D1;
  white-space: nowrap;
  border-radius: 25px;
  background-color: #fff;
  transition: 0.2s;
}
@media only screen and (max-width: 991px) {
  .sale-page-inner-item-button {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 575px) {
  .sale-page-inner-item-button {
    padding: 0 30px;
  }
}
.sale-page-bottom {
  margin-top: 20px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
}
.sale-page-bottom-button {
  max-width: -moz-min-content;
  max-width: min-content;
  padding: 0 50px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  white-space: nowrap;
}

.help-bonus-page-wrapper {
  margin-top: 60px;
  padding-top: 70px;
  padding-bottom: 60px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .help-bonus-page-wrapper {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 10px;
  }
}
.help-bonus-page-wrapper-title {
  margin-left: 40px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  color: #171717;
}
@media only screen and (max-width: 767px) {
  .help-bonus-page-wrapper-title {
    margin-left: 30px;
  }
}
.help-bonus-page-wrapper-item {
  padding: 20px 40px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  -moz-column-gap: 200px;
       column-gap: 200px;
  border-bottom: 1px solid #BDBDBD;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
}
@media only screen and (max-width: 1199px) {
  .help-bonus-page-wrapper-item {
    -moz-column-gap: 50px;
         column-gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .help-bonus-page-wrapper-item {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
    padding: 20px 30px;
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
@media only screen and (max-width: 575px) {
  .help-bonus-page-wrapper-item {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}
.help-bonus-page-wrapper-item:last-child {
  border: none;
}
.help-bonus-page-wrapper-item-button {
  max-width: -moz-min-content;
  max-width: min-content;
  padding: 0 30px;
  height: 50px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.825rem;
  white-space: nowrap;
}

.help-page .wrapper {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .help-page .wrapper {
    margin-top: 30px;
  }
}
.help-page-inner {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media only screen and (max-width: 767px) {
  .help-page-inner {
    margin-top: 30px;
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}
.help-page-inner-item {
  margin-bottom: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  transition: 0.2s;
}
.help-page-inner-item:last-child {
  margin: 0;
}
.help-page-inner-item.is-active {
  background: #22A7D1;
  color: #fff;
}
.help-page-inner-item-control {
  width: 100%;
  padding: 25px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.help-page-inner-item-title {
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.help-page-inner-item-ex {
  max-width: 80%;
  padding: 30px;
  padding-top: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #fff;
  transition: 0.2s;
  display: none;
}
@media only screen and (max-width: 991px) {
  .help-page-inner-item-ex {
    max-width: 100%;
  }
}
.help-page-inner-item.is-active > .help-page-inner-item-ex {
  display: block;
}
.help-page-inner-item-toggle {
  margin-left: 15px;
  transition: 0.2s;
  cursor: pointer;
}
.help-page-inner-item-toggle svg path {
  transition: 0.2s;
}
.help-page-inner-item.is-active > .help-page-inner-item-control .help-page-inner-item-toggle {
  transform: rotate(180deg);
}
.help-page-inner-item.is-active > .help-page-inner-item-control .help-page-inner-item-toggle svg path {
  fill: #fff;
}
.help-page-title {
  margin-top: 50px;
}
.help-page-bottom {
  margin-top: 50px;
  padding: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .help-page-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
.help-page-bottom .block-title {
  color: #fff;
}
.help-page-bottom-button {
  padding: 0 60px;
  max-width: -moz-min-content;
  max-width: min-content;
  height: 50px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .help-page-bottom-button {
    margin-top: 30px;
  }
}
.help-page-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 701;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
.help-page-modal.is-active {
  visibility: visible;
  opacity: 1;
}
.help-page-modal-window {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 50px;
  max-width: 944px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 999;
}
@media only screen and (max-width: 1199px) {
  .help-page-modal-window {
    top: 30px;
    transform: translateX(-50%);
    max-width: calc(100vw - 60px);
    max-height: calc(100vh - 60px);
  }
  .help-page-modal-window .contact-page-form {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .help-page-modal-window {
    top: 30px;
    padding: 30px;
  }
  .help-page-modal-window .contact-page-form {
    max-width: 100%;
  }
}
.help-page-modal-window-title {
  margin-bottom: 50px;
}
.help-page-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.help-order-page .wrapper {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .help-order-page .wrapper {
    margin-top: 20px;
  }
}
.help-order-page-image {
  border-radius: 30px;
  width: 100%;
  filter: drop-shadow(0px 5px 10px rgba(28, 97, 173, 0.1));
}
.help-order-page-image img {
  width: 100%;
  border-radius: 30px;
}
.help-order-page-block {
  margin-top: 30px;
  margin-bottom: 10px;
  width: 100%;
  padding: 35px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #22A7D1;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .help-order-page-block {
    padding: 20px 30px;
  }
}
.help-order-page-block:last-child {
  margin-bottom: 0;
}
.help-order-page-block-num {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FF4374;
  border-radius: 50%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .help-order-page-block-num {
    width: 20px;
    height: 20px;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.825rem;
  }
}
.help-order-page-block-text {
  margin-top: 20px;
  text-align: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .help-order-page-block-text {
    margin-top: 10px;
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 0.825rem;
  }
}

.document-page-wrapper {
  width: 100%;
  margin-top: 50px;
  padding: 70px 40px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .document-page-wrapper {
    margin-top: 20px;
    padding: 30px;
  }
}
.document-page-top_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .document-page-top_block {
    flex-direction: column;
    align-items: flex-start;
  }
}
.document-page-top_block-text {
  margin-left: 100px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
}
@media only screen and (max-width: 991px) {
  .document-page-top_block-text {
    margin-left: 0;
    margin-top: 20px;
  }
}
.document-page-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  color: #171717;
  white-space: nowrap;
  margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
  .document-page-title {
    white-space: inherit;
  }
}
.document-page .content-area h2 {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #22A7D1;
  text-transform: uppercase;
}
@media only screen and (max-width: 575px) {
  .document-page .content-area h2 {
    margin-top: 30px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.document-page .content-area p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #171717;
  text-align: justify;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 575px) {
  .document-page .content-area p {
    font-size: 0.75rem;
    line-height: 0.825rem;
  }
}
.document-page .content-area p a {
  text-decoration: none;
  font-weight: 500;
  color: #22A7D1;
}
.document-page .content-area ul, .document-page .content-area ol {
  margin: 0 0 20px 0;
}
.document-page .content-area ul li, .document-page .content-area ol li {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: #171717;
  margin-bottom: 10px;
}
.document-page .content-area ul li:last-child, .document-page .content-area ol li:last-child {
  margin-bottom: 0;
}
.document-page .content-area > *:last-child {
  margin-bottom: 0 !important;
}

.partners-page .wrapper {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .partners-page .wrapper {
    margin-top: 30px;
  }
}
.partners-page-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .partners-page-top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.partners-page-top-button {
  height: 50px;
  padding: 0 60px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .partners-page-top-button {
    margin-top: 20px;
    padding: 0 30px;
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.partners-page-inner {
  width: 100%;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .partners-page-inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .partners-page-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .partners-page-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
.partners-page-inner-item {
  width: 100%;
  padding: 40px 30px 20px 30px;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  text-decoration: none;
  transition: 0.2s ease;
}
.partners-page-inner-item-img {
  display: flex;
  align-items: center;
}
.partners-page-inner-item-img img {
  width: 100%;
}
.partners-page-inner-item-text {
  margin-top: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
}
@media only screen and (max-width: 767px) {
  .partners-page-inner-item-text {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
@media only screen and (max-width: 575px) {
  .partners-page-inner-item-text {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.partners-page-inner-item:hover {
  box-shadow: 0px 5px 15px rgba(28, 97, 173, 0.18);
}
.partners-page-content {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 270px 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 100px;
}
@media only screen and (max-width: 767px) {
  .partners-page-content {
    grid-template-columns: 1fr;
    row-gap: 30px;
    margin-top: 30px;
  }
}
.partners-page-content-left-block {
  display: inline-flex;
  align-items: center;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .partners-page-content-left-block {
    margin-top: 20px;
  }
}
.partners-page-content-left-block-image {
  margin-right: 20px;
}
.partners-page-content-left-block-link {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  text-decoration: none;
}
.partners-page-content-left-text {
  margin-top: 30px;
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
@media only screen and (max-width: 767px) {
  .partners-page-content-left-text {
    margin-top: 20px;
  }
}
.partners-page-content-right {
  justify-self: end;
  max-width: 840px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .partners-page-content-right {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .partners-page-content-right {
    margin-top: 20px;
  }
}
.partners-page-content-right-block {
  margin-top: 20px;
  grid-column: 1/3;
  grid-row: 4/5;
}
@media only screen and (max-width: 1199px) {
  .partners-page-content-right-block {
    grid-column: auto;
    grid-row: auto;
  }
}
.partners-page-content-right-textblock {
  margin-top: 20px;
}
.partners-page-content-right-textblock textarea {
  height: 150px;
  padding: 15px 20px;
  border-radius: 20px;
  resize: none;
}

.map-page-content {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 550px 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 50px;
}
@media only screen and (max-width: 1399px) {
  .map-page-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .map-page-content {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .map-page-content {
    margin-top: 20px;
  }
}
.map-page-content-title {
  display: flex;
  align-items: center;
  position: relative;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .map-page-content-title {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}
.map-page-content-title .selectize-control {
  margin-left: 10px;
}
@media only screen and (max-width: 575px) {
  .map-page-content-title .selectize-control {
    margin-left: 0;
  }
}
.map-page-content-title .selectize-control .selectize-input {
  padding: 0;
  background: none !important;
  box-shadow: none;
  font-size: 28px;
  color: #FF4374;
  overflow: visible;
}
@media only screen and (max-width: 575px) {
  .map-page-content-title .selectize-control .selectize-input {
    font-size: 24px;
  }
}
.map-page-content-title .selectize-control .selectize-input > input {
  display: none !important;
}
.map-page-content-title .selectize-control .selectize-input:after {
  top: 10px;
  right: -26px;
  width: 22px;
  height: 22px;
  border: none;
  background: url("/images/arrow-bottom-red.svg") no-repeat center;
  background-size: contain;
  transition: 0.2s ease;
}
.map-page-content-title .selectize-control .selectize-input.dropdown-active:after {
  transform: rotateX(180deg);
}
.map-page-content-title .selectize-control .selectize-dropdown {
  min-width: 200px;
}
.map-page-content-nav {
  display: flex;
}
.map-page-content-nav-item {
  display: inline-flex;
  align-items: center;
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  text-decoration: underline;
  transition: 0.2s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .map-page-content-nav-item {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
.map-page-content-nav-item:first-child {
  margin-right: 70px;
}
@media only screen and (max-width: 767px) {
  .map-page-content-nav-item:first-child {
    margin-right: 30px;
  }
}
.map-page-content-nav-item:hover {
  text-decoration: none;
}
.map-page-content-nav-item svg {
  margin-left: 10px;
}
.map-page-content-nav-item.is-active {
  color: #22A7D1;
  text-decoration: none;
}
.map-page-content-selector {
  display: flex;
  align-items: center;
}
.map-page-content-selector svg {
  margin-left: 12px;
  margin-top: 5px;
  transition: 0.2s;
}
.map-page-content-selector .select-tamplate {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  color: #FF4374;
  text-decoration: none;
  transition: 0.1s;
}
.map-page-content-selector .select-tamplate.active ~ svg {
  transform: rotate(180deg);
}
.map-page-content-selector .select-drop {
  position: absolute;
  left: 0;
  top: 2.125rem;
  padding: 0;
  width: 100%;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  z-index: 10;
  border: 2px solid #22A7D1;
  border-radius: 25px;
  display: none;
  background: #fff;
}
@media only screen and (max-width: 575px) {
  .map-page-content-selector .select-drop {
    top: 3.125rem;
  }
}
.map-page-content-selector .select-drop li {
  display: flex;
  align-items: center;
  padding-left: 30px;
  list-style: none;
  height: 50px;
  cursor: pointer;
}
@media only screen and (max-width: 575px) {
  .map-page-content-selector .select-drop li {
    height: 40px;
  }
}
.map-page-content-selector .select-drop li a {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  transition: 0.1s;
}
@media only screen and (max-width: 575px) {
  .map-page-content-selector .select-drop li a {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
}
.map-page-content-selector .select-drop li:hover {
  background-color: #F0ECEC;
}
.map-page-content-selector .select-drop li:hover:first-child {
  background-color: #F0ECEC;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.map-page-content-selector .select-drop li:hover:last-child {
  background-color: #F0ECEC;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.map-page-content-selector .select-drop li:hover > a {
  color: #FF4374;
}
.map-page-content-menu {
  position: relative;
}
.map-page-content-menu-grad {
  position: absolute;
  width: 100%;
  height: 30px;
  z-index: 5;
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu-grad {
    width: 30px;
    height: 100%;
  }
}
.map-page-content-menu-grad.top {
  top: -15px;
  background: linear-gradient(180deg, #F8F8F8 0%, #f8f8f8 50%, rgba(248, 248, 248, 0) 100%);
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu-grad.top {
    background: linear-gradient(90deg, rgb(248, 248, 248) 0%, rgb(248, 248, 248) 50%, rgba(248, 248, 248, 0) 100%);
    top: 0;
    left: -15px;
  }
}
.map-page-content-menu-grad.bottom {
  bottom: -15px;
  background: linear-gradient(0deg, #F8F8F8 0%, #f8f8f8 50%, rgba(248, 248, 248, 0) 100%);
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu-grad.bottom {
    background: linear-gradient(-90deg, rgb(248, 248, 248) 0%, rgb(248, 248, 248) 50%, rgba(248, 248, 248, 0) 100%);
    bottom: 0;
    right: -15px;
  }
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu .map-menu {
    max-width: calc(100vw - 135px);
  }
}
@media only screen and (max-width: 767px) {
  .map-page-content-menu .map-menu {
    max-width: calc(100vw - 75px);
  }
}
.map-page-content-menu .map-menu-item {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu .map-menu-item {
    padding: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .map-page-content-menu .map-menu-item {
    position: relative;
  }
}
.map-page-content-menu .map-menu-item .map-menu-left {
  display: flex;
  position: relative;
  width: calc(100% - 160px);
  padding-right: 15px;
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu .map-menu-item .map-menu-left {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .map-page-content-menu .map-menu-item .map-menu-left {
    flex-direction: column;
  }
}
.map-page-content-menu .map-menu-item .map-menu-left-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  margin-right: 30px;
  font-style: normal;
  background-color: #22A7D1;
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu .map-menu-item .map-menu-left-number {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .map-page-content-menu .map-menu-item .map-menu-left-number {
    margin: 0 0 15px 0;
  }
}
.map-page-content-menu .map-menu-item .map-menu-left-block {
  display: block;
  width: calc(100% - 62px);
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu .map-menu-item .map-menu-left-block {
    width: calc(100% - 52px);
  }
}
@media only screen and (max-width: 575px) {
  .map-page-content-menu .map-menu-item .map-menu-left-block {
    width: 100%;
  }
}
.map-page-content-menu .map-menu-item .map-menu-left-name {
  font-size: 16px;
}
@media only screen and (max-width: 575px) {
  .map-page-content-menu .map-menu-item .map-menu-left-name br {
    display: none;
  }
}
.map-page-content-menu .map-menu-item .map-menu-right {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu .map-menu-item .map-menu-right {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (max-width: 575px) {
  .map-page-content-menu .map-menu-item .map-menu-right {
    position: initial;
  }
}
.map-page-content-menu .map-menu-item .map-menu-right-button {
  position: relative;
  padding: 0 30px;
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu .map-menu-item .map-menu-right-button {
    margin-top: 0;
  }
}
.map-page-content-menu .map-menu-item .map-menu-right-like {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  padding-right: 5px;
}
@media only screen and (max-width: 991px) {
  .map-page-content-menu .map-menu-item .map-menu-right-like {
    margin: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .map-page-content-menu .map-menu-item .map-menu-right-like {
    position: absolute;
    top: 25px;
    right: 20px;
  }
}
.map-page-content-menu .map-menu-item .map-menu-right-like .like {
  display: inline-flex;
  cursor: pointer;
}
.map-page-content-menu .map-menu-item .map-menu-right-like .like path {
  transition: 0.2s ease;
}
.map-page-content-menu .map-menu-item .map-menu-right-like .like:hover path {
  fill: #FF4374;
}
.map-page-content-menu .map-menu-item .map-menu-right-like.is-liked .like path {
  fill: #FF4374;
}
.map-page-content-map {
  width: 100%;
  height: 600px;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .map-page-content-map {
    height: 400px;
    border-radius: 20px;
  }
}

.error-page .error-block {
  margin-top: 30px;
  padding: 40px;
  width: 100%;
  background: url(/images/error.svg), linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  background-repeat: no-repeat;
  background-position: 92% center;
  background-size: 140px, contain;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .error-page .error-block {
    margin-top: 20px;
    background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  }
}
.error-page .error-block-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 1.1;
  color: #fff;
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .error-page .error-block-title {
    font-size: 1.8rem;
  }
}
.error-page .error-block-text {
  margin-top: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
  max-width: 50%;
}
@media only screen and (max-width: 991px) {
  .error-page .error-block-text {
    max-width: 300px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .error-page .error-block-text {
    max-width: 100%;
  }
}
.error-page .error-block-text p {
  margin: 0 0 15px 0;
}
.error-page .error-block-text p:last-child {
  margin-bottom: 0;
}
.error-page .error-block-button {
  margin-top: 40px;
  padding: 0 45px;
  height: 50px;
  width: -moz-min-content;
  width: min-content;
  font-size: 0.75rem;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .error-page .error-block-button {
    padding: 0 30px;
    height: 44px;
  }
}

.default-layout {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .default-layout {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .profile-page {
    border: none;
  }
}

.profile-layout {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 270px 1fr;
  -moz-column-gap: 125px;
       column-gap: 125px;
}
@media only screen and (max-width: 1399px) {
  .profile-layout {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-layout {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.profile-layout .block-profile {
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .profile-layout .block-profile {
    display: grid;
    grid-template-columns: 270px 1fr;
    -moz-column-gap: 125px;
         column-gap: 125px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .block-profile {
    display: block;
  }
}
.profile-layout .block-profile-header {
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid rgba(185, 185, 185, 0.3);
}
@media only screen and (max-width: 1199px) {
  .profile-layout .block-profile-header {
    border: none;
    padding: 0;
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .block-profile-header {
    padding: 30px 0;
    border-bottom: 1px solid rgba(185, 185, 185, 0.3);
  }
}
.profile-layout .block-profile-image {
  width: 50px;
  height: 50px;
  position: relative;
}
.profile-layout .block-profile-image img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
.profile-layout .block-profile-image-status {
  position: absolute;
  bottom: -2px;
  right: 3px;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background-color: #B6ED8A;
  border: 2px solid #F8F8F8;
}
.profile-layout .block-profile-textblocks {
  flex-grow: 1;
  margin-left: 20px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
}
.profile-layout .block-profile-textblocks-headertext {
  color: #171717;
  font-size: 1rem;
  line-height: 1.1875rem;
}
.profile-layout .block-profile-textblocks p:first-child {
  margin: 0;
}
.profile-layout .block-profile-textblocks p {
  margin: 0;
  margin-top: 10px;
}
.profile-layout .block-profile-exit {
  position: relative;
  width: 16px;
  height: 18px;
}
.profile-layout .block-profile-exit svg path {
  transition: 0.1s;
}
.profile-layout .block-profile-exit:hover svg path {
  fill: #FF4374;
}
.profile-layout .block-profile-exit:hover > .block-profile-exit-description {
  visibility: visible;
  opacity: 1;
}
.profile-layout .block-profile-exit-description {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 9px;
  left: 25px;
  transform: translateY(-50%);
  width: 100px;
  height: 40px;
  background-color: #171717;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 15px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #BDBDBD;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .profile-layout .block-profile-exit-description {
    display: none;
  }
}
.profile-layout .block-profile-exit-description::before {
  content: "";
  position: absolute;
  left: 0;
  margin-left: -4px;
  width: 12px;
  height: 12px;
  background-color: #171717;
  transform: rotate(45deg);
}
.profile-layout .block-profile-links {
  padding: 30px 12px 30px 5px;
}
@media only screen and (max-width: 1199px) {
  .profile-layout .block-profile-links {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .block-profile-links {
    padding: 30px 12px 30px 5px;
  }
}
.profile-layout .block-profile-links-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.profile-layout .block-profile-links-item a {
  margin-left: 42px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  text-decoration: none;
  transition: 0.1s;
}
@media only screen and (max-width: 1199px) {
  .profile-layout .block-profile-links-item a {
    font-size: 1rem;
    line-height: 1.1875rem;
  }
}
.profile-layout .block-profile-links-item svg {
  width: 18px;
  height: 18px;
}
.profile-layout .block-profile-links-item a:hover {
  color: #FF4374;
}
.profile-layout .block-profile-links-item:first-child {
  margin-top: 0;
}
.profile-layout .block-profile-links-item span {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
}
.profile-layout .block-profile-links-item .block-profile-link-active {
  color: #FF4374;
}
.profile-layout .block-profile-support {
  padding-top: 30px;
  border-top: 1px solid rgba(185, 185, 185, 0.3);
}
@media only screen and (max-width: 1199px) {
  .profile-layout .block-profile-support {
    border: none;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .block-profile-support {
    padding-top: 30px;
    border-top: 1px solid rgba(185, 185, 185, 0.3);
  }
}
.profile-layout .block-profile-support-title {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
}
@media only screen and (max-width: 1199px) {
  .profile-layout .block-profile-support-title {
    border: none;
    font-size: 1.125rem;
    line-height: 1.125rem;
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .block-profile-support-title {
    display: block;
  }
}
.profile-layout .block-profile-support-link {
  margin-top: 30px;
}
@media only screen and (max-width: 1199px) {
  .profile-layout .block-profile-support-link {
    margin-top: 20px;
  }
}
.profile-layout .block-profile-support-link a {
  margin-left: 50px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  text-decoration: none;
  transition: 0.1s;
}
@media only screen and (max-width: 1199px) {
  .profile-layout .block-profile-support-link a {
    font-size: 1rem;
    line-height: 1.1875rem;
    margin-left: 42px;
  }
}
.profile-layout .block-profile-support-link a:hover {
  color: #FF4374;
}
.profile-layout .profile-data {
  padding: 30px 60px;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-data {
    padding: 30px;
  }
}
.profile-layout .profile-data-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-data-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.profile-layout .profile-data-title p {
  display: inline-flex;
  align-items: center;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.1;
  margin: 0;
}
.profile-layout .profile-data-title p .back {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  background: url("/images/angle-small-left-blue.svg") no-repeat center;
  background-size: contain;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-data-title .buttons {
    margin-top: 10px;
  }
}
.profile-layout .profile-data-title .buttons .btn-dft {
  height: 40px;
  min-width: 110px;
  font-size: 14px;
  line-height: 1.1;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-data-title .account-action {
    margin-top: 10px;
  }
}
.profile-layout .profile-data-title .account-action a {
  font-size: 14px;
  line-height: 1.1;
  color: #22A7D1;
  border-bottom: 1px solid transparent;
  transition: 0.2s ease;
}
.profile-layout .profile-data-title .account-action a:hover {
  border-bottom-color: #22A7D1;
}
.profile-layout .profile-data-info .list {
  display: flex;
  flex-wrap: wrap;
}
.profile-layout .profile-data-info .list .item {
  width: 50%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data-info .list .item {
    width: 100%;
  }
}
.profile-layout .profile-data-info .list .item label {
  display: block;
  font-size: 16px;
  line-height: 1.1;
  color: #BDBDBD;
  margin-bottom: 10px;
}
.profile-layout .profile-data-info .list .item p {
  font-size: 16px;
  line-height: 1.1;
  margin: 0;
}
.profile-layout .profile-data-form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data-form {
    margin: 0;
  }
}
.profile-layout .profile-data-form .form-group-set {
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data-form .form-group-set {
    flex-direction: column;
  }
}
.profile-layout .profile-data-form .form-group {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 30px;
}
.profile-layout .profile-data-form .form-group.w-100 {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data-form .form-group {
    width: 100%;
    padding: 0;
  }
}
.profile-layout .profile-data-form .form-group label {
  display: block;
  font-size: 16px;
  line-height: 1.1;
  color: #BDBDBD;
  margin-bottom: 10px;
}
.profile-layout .profile-data-form .form-group .input-text-wrap {
  position: relative;
}
.profile-layout .profile-data-form .form-group .input-text-wrap .input-text-required {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 6px;
  height: 12px;
  margin: auto;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 13px;
  line-height: 1.1;
  color: #FF4374;
  transition: 0.1s;
}
.profile-layout .profile-data-form .form-group .input-text-template {
  transition: 0.2s ease;
}
.profile-layout .profile-data-form .form-group .control-error {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.1;
  color: #FF4374;
}
.profile-layout .profile-data-form .form-group .custom-select {
  position: relative;
}
.profile-layout .profile-data-form .form-group .custom-select:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 14px;
  height: 14px;
  margin: auto;
  background: url("/images/arrow-bottom-blue.svg") no-repeat center;
  background-size: contain;
}
.profile-layout .profile-data-form .form-group .custom-select select {
  cursor: pointer;
}
.profile-layout .profile-data-form .form-group .checkbox {
  margin: 0;
}
.profile-layout .profile-data-form .form-group .checkbox input {
  display: none;
}
.profile-layout .profile-data-form .form-group .checkbox label {
  display: inline-flex;
  align-items: center;
  margin: 0 10px 2px 0;
}
.profile-layout .profile-data-form .form-group.has-error .input-text-template {
  border-color: #FF4374;
}
.profile-layout .profile-data-form .form-group.has-error .control-error {
  display: block;
}
.profile-layout .profile-data-form .button-group {
  width: 100%;
  margin: 0;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data-form .button-group {
    padding: 0;
  }
}
.profile-layout .profile-data-actions {
  padding-top: 10px;
}
.profile-layout .profile-data-select {
  width: 100%;
  height: 50px;
  position: relative;
}
.profile-layout .profile-data-select span {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.profile-layout .profile-data-select span svg {
  transition: 0.2s;
}
.profile-layout .profile-data-select .select-tamplate {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none;
  padding: 15px 30px;
  border: 2px solid #22A7D1;
  box-sizing: border-box;
  border-radius: 45px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  text-decoration: none;
  transition: 0.1s;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-data-select .select-tamplate {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
}
.profile-layout .profile-data-select .select-tamplate.active ~ span svg {
  transform: rotate(180deg);
}
.profile-layout .profile-data-select .select-drop {
  position: absolute;
  margin-top: 10px;
  padding: 0;
  width: 340px;
  border: 2px solid #22A7D1;
  border-radius: 25px;
  display: none;
  background: #fff;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-data-select .select-drop {
    left: 0;
    right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-layout .profile-data-select .select-drop {
    z-index: 10;
  }
}
.profile-layout .profile-data-select .select-drop li {
  display: flex;
  align-items: center;
  padding-left: 30px;
  list-style: none;
  height: 50px;
  cursor: pointer;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-data-select .select-drop li {
    height: 40px;
  }
}
.profile-layout .profile-data-select .select-drop li a {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  transition: 0.1s;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-data-select .select-drop li a {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }
}
.profile-layout .profile-data-select .select-drop li:hover:first-child {
  background-color: #F0ECEC;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.profile-layout .profile-data-select .select-drop li:hover:last-child {
  background-color: #F0ECEC;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}
.profile-layout .profile-data-select .select-drop li:hover > a {
  color: #FF4374;
}
.profile-layout .profile-data-change-password {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 440px;
  width: 100%;
  padding: 30px 50px 40px 50px;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  border-radius: 30px;
  transition: 0.1s;
  z-index: 701;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-data-change-password {
    max-width: calc(100vw - 60px);
    padding: 30px;
  }
}
.profile-layout .profile-data-change-password__is-active {
  visibility: visible;
  opacity: 1;
}
.profile-layout .profile-data-change-password__close {
  position: absolute;
  top: 18px;
  right: 18px;
}
.profile-layout .profile-data-change-password-title {
  margin-bottom: 60px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
.profile-layout .profile-data-change-password-text {
  margin-top: 30px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #171717;
}
.profile-layout .profile-data-change-password-input {
  margin-top: 20px;
  position: relative;
}
.profile-layout .profile-data-change-password-input-show {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.profile-layout .profile-data-change-password-input-show svg path {
  transition: 0.2s;
}
.profile-layout .profile-data-change-password-input-show.view svg path {
  fill: #FF4374;
}
.profile-layout .profile-data-change-password-button_block {
  display: flex;
  align-items: center;
  margin-top: 50px;
  height: 50px;
}
.profile-layout .profile-data-change-password-button_block span {
  margin-left: 40px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #171717;
  text-decoration-line: underline;
  transition: 0.2s;
  cursor: pointer;
}
.profile-layout .profile-data-change-password-button_block span:hover {
  text-decoration-line: none;
}
.profile-layout .profile-data-change-password-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  height: 50px;
  padding: 0 60px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
@media only screen and (max-width: 1199px) {
  .profile-layout .profile-data-change-password-button {
    padding: 0 30px;
  }
}
.profile-layout .profile-data-change-password-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #171717;
  opacity: 0.8;
  visibility: hidden;
  transition: 0.1s;
  z-index: 700;
}
.profile-layout .profile-data-change-password-back.is-active {
  visibility: visible;
}
.profile-layout .profile-data-select_block {
  margin-top: 30px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-data-select_block {
    align-items: flex-start;
    flex-direction: column;
  }
}
.profile-layout .profile-data-select_block-item {
  margin-left: 40px;
}
.profile-layout .profile-data-select_block-item:first-child {
  margin-left: 0;
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-data-select_block-item {
    margin-left: 0;
    margin-top: 30px;
  }
  .profile-layout .profile-data-select_block-item:first-child {
    margin-top: 0;
  }
}
.profile-layout .profile-data-button_block {
  margin-top: 50px;
  display: flex;
  align-items: center;
}
.profile-layout .profile-data-button_block-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  height: 50px;
  padding: 0 50px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
@media only screen and (max-width: 1199px) {
  .profile-layout .profile-data-button_block-button {
    padding: 0 30px;
  }
}
.profile-layout .profile-data-button_block span {
  margin-left: 50px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #171717;
  text-decoration-line: underline;
  transition: 0.2s;
  cursor: pointer;
}
.profile-layout .profile-data-button_block span:hover {
  text-decoration-line: none;
}
.profile-layout .profile-data .account-table-content {
  margin: 0;
}
.profile-layout .profile-data .account-table-content .empty-address {
  padding: 0 15px;
}
.profile-layout .profile-data .account-table-content .empty-address h4 {
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 20px 0;
}
.profile-layout .profile-data .account-table-content .empty-address .link a {
  font-size: 16px;
  line-height: 1.3;
  color: #22A7D1;
  border-bottom: 1px solid transparent;
  transition: 0.2s ease;
}
.profile-layout .profile-data .account-table-content .empty-address .link a:hover {
  border-bottom-color: #22A7D1;
}
.profile-layout .profile-data .account-table-content .address-holder {
  display: flex;
  margin: 0 -15px;
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-data .account-table-content .address-holder {
    margin: 0;
  }
}
.profile-layout .profile-data .account-table-content .address-holder .address-card {
  width: 50%;
  padding: 0 15px;
  margin: 0 0 30px 0;
  border: none;
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-data .account-table-content .address-holder .address-card {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }
}
.profile-layout .profile-data .account-table-content .address-holder .address-card .inner {
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 2px 5px rgba(60, 60, 60, 0.15);
}
.profile-layout .profile-data .account-table-content .address-holder .address-card .inner .bold {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.profile-layout .profile-data .account-table-content .address-holder .address-card .inner .address-card-list li {
  margin-top: 10px;
}
.profile-layout .profile-data .account-table-content .address-holder .address-card .inner .control-links {
  display: flex;
}
.profile-layout .profile-data .account-table-content .address-holder .address-card .inner .control-links span {
  display: block;
  margin-right: 30px;
}
.profile-layout .profile-data .account-table-content .address-holder .address-card .inner .control-links span:last-child {
  margin-right: 0;
}
.profile-layout .profile-data .account-table-content .address-holder .address-card .inner .control-links span a {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  border: 1px solid transparent;
  color: #22A7D1;
  transition: 0.2s ease;
}
.profile-layout .profile-data .account-table-content .address-holder .address-card .inner .control-links span a:hover {
  border-bottom-color: #22A7D1;
}
.profile-layout .profile-data .review-list .list .item {
  position: relative;
  display: flex;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eaeaea;
}
.profile-layout .profile-data .review-list .list .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.profile-layout .profile-data .review-list .list .item .image {
  width: 220px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data .review-list .list .item .image {
    display: none;
  }
}
.profile-layout .profile-data .review-list .list .item .image a {
  display: block;
}
.profile-layout .profile-data .review-list .list .item .image a img {
  display: block;
  width: 100%;
}
.profile-layout .profile-data .review-list .list .item .info {
  width: calc(100% - 220px);
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data .review-list .list .item .info {
    padding-left: 0;
    width: 100%;
  }
}
.profile-layout .profile-data .review-list .list .item .info .product-name {
  margin-bottom: 20px;
  padding-right: 25px;
}
.profile-layout .profile-data .review-list .list .item .info .product-name a {
  display: inline-block;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #171717;
}
.profile-layout .profile-data .review-list .list .item .info .product-name a:hover {
  color: #22A7D1;
}
.profile-layout .profile-data .review-list .list .item .info .stars {
  margin-bottom: 20px;
}
.profile-layout .profile-data .review-list .list .item .info .text {
  font-size: 16px;
  line-height: 1.3;
}
.profile-layout .profile-data .review-list .list .item .remove {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}
.profile-layout .profile-data .review-list .list .item .remove a {
  display: block;
  width: 30px;
  height: 30px;
}
.profile-layout .profile-data .review-list .list .item .remove a svg {
  width: 100%;
}
.profile-layout .profile-data .review-list .list .item .remove a svg path {
  transition: 0.2s ease;
}
.profile-layout .profile-data .review-list .list .item .remove a:hover svg path {
  fill: #22A7D1;
}
.profile-layout .profile-data .review-list .empty p {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card {
  margin-top: 30px;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card:first-child {
  margin-top: 0;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner {
  position: relative;
  display: flex;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .image {
  width: 230px;
  padding-right: 30px;
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .image {
    width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .image {
    display: none;
  }
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .image a {
  display: block;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .image a img {
  display: block;
  width: 100%;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .text {
  width: calc(100% - 230px);
  padding-right: 30px;
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .text {
    width: calc(100% - 170px);
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .text {
    width: 100%;
  }
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .text .title {
  margin-bottom: 30px;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .text .title h4 {
  font-size: 18px;
  line-height: 1.2;
  margin: 0;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .text .title .item-options {
  margin-top: 10px;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .text .stars {
  margin-bottom: 20px;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .remove svg {
  width: 100%;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .remove svg path {
  transition: 0.2s ease;
}
.profile-layout .profile-data .wishlist-items-list .wishlist-item-card .inner .remove:hover svg path {
  fill: #22A7D1;
}
.profile-layout .profile-data .wishlist-items-list .empty p {
  font-size: 16px;
  line-height: 1.2;
  padding: 5px 0 15px 0;
  margin: 0;
}
.profile-layout .profile-data .comparison-component {
  padding: 0;
}
.profile-layout .profile-data .comparison-component .compare-products-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 905px;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-data .comparison-component .compare-products-wrap {
    width: 100%;
    max-width: calc(100vw - 495px);
  }
}
@media only screen and (max-width: 1199px) {
  .profile-layout .profile-data .comparison-component .compare-products-wrap {
    max-width: calc(100vw - 165px);
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-data .comparison-component .compare-products-wrap {
    max-width: calc(100vw - 104px);
  }
}
.profile-layout .profile-data .comparison-component .compare-products tr td {
  vertical-align: top;
  padding: 10px 0;
}
.profile-layout .profile-data .comparison-component .compare-products .table-label {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  color: #BDBDBD;
  padding-right: 20px;
}
.profile-layout .profile-data .comparison-component .compare-products .title {
  display: inline-block;
  font-size: 22px;
  line-height: 1.2;
  padding-right: 20px;
  min-width: 320px;
}
.profile-layout .profile-data .comparison-component .compare-products .title h4 {
  margin: 0;
}
.profile-layout .profile-data .comparison-component .compare-products .image img {
  display: block;
  width: 100%;
  max-width: 200px;
}
.profile-layout .profile-data .comparison-component .compare-products .action .d-inline-block {
  display: none;
}
.profile-layout .profile-data .comparison-component .compare-products .action .remove-product span {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.1;
  cursor: pointer;
  transition: 0.2s ease;
}
.profile-layout .profile-data .comparison-component .compare-products .action .remove-product span:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background: url("/images/close-red.svg") no-repeat center;
  background-size: contain;
  transition: 0.2s ease;
}
.profile-layout .profile-data .comparison-component .compare-products .action .remove-product span:hover {
  color: #22A7D1;
}
.profile-layout .profile-data .comparison-component .compare-products .action .remove-product span:hover:after {
  transform: scale(1.1);
}
.profile-layout .profile-data .comparison-component .compare-products .description {
  font-size: 14px;
  line-height: 1.3;
  padding-right: 20px;
}
.profile-layout .profile-loyalty {
  margin-top: 12px;
  padding: 40px 0 50px 60px;
  border-radius: 30px;
  background: url("/images/people/card1.png"), url("/images/people/card2.png"), url("/images/people/girl-loyality.png"), linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  background-repeat: no-repeat;
  background-position-y: bottom, bottom, bottom;
  background-position-x: 30%, 58%, 82%;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-loyalty {
    padding: 30px 0 50px 30px;
    background: url("/images/people/girl-loyality.png"), linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 90%;
  }
}
@media only screen and (max-width: 1199px) {
  .profile-layout .profile-loyalty {
    padding: 30px 0 30px 30px;
    background-size: 200px, 100%;
  }
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-loyalty {
    background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  }
}
.profile-layout .profile-loyalty-text {
  max-width: 430px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.0625rem;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-loyalty-text {
    max-width: 350px;
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-loyalty-text {
    max-width: 280px;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.profile-layout .profile-loyalty-btn {
  margin-top: 37px;
  text-decoration: none;
  height: 50px;
  padding: 0 50px;
  max-width: 180px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}
.profile-layout .profile-orders {
  padding: 40px 0;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-orders {
    padding: 30px 0;
  }
}
.profile-layout .profile-orders-wrapper {
  padding: 0 60px;
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-orders-wrapper {
    padding: 0 30px;
  }
}
.profile-layout .profile-orders .loading {
  height: 38px;
  background: url("/images/spinner.svg") no-repeat center;
  background-size: contain;
}
.profile-layout .profile-orders-nav {
  margin-bottom: 40px;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-orders-nav {
    display: grid;
    row-gap: 20px;
    margin-bottom: 30px;
  }
}
.profile-layout .profile-orders-nav-item {
  display: flex;
}
.profile-layout .profile-orders-nav-item-actual {
  margin-right: 100px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-nav-item-actual {
    margin-right: 40px;
  }
}
.profile-layout .profile-orders-nav-link {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.1s;
}
.profile-layout .profile-orders-nav-link-active {
  color: #22A7D1;
  text-decoration: none;
}
.profile-layout .profile-orders-nav-link:hover {
  color: #22A7D1;
}
.profile-layout .profile-orders-nav-count {
  margin-left: 35px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #BDBDBD;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-nav-count {
    margin-left: 15px;
  }
}
.profile-layout .profile-orders-active {
  display: none;
}
.profile-layout .profile-orders-active_is-active {
  display: block;
}
.profile-layout .profile-orders-active-no_orders {
  padding: 40px 60px 0 60px;
  border-top: 1px solid rgba(185, 185, 185, 0.3);
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-orders-active-no_orders {
    padding: 30px 30px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-active-no_orders {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-orders-active-no_orders {
    grid-template-columns: 100%;
    justify-items: center;
    row-gap: 30px;
  }
}
.profile-layout .profile-orders-active-no_orders-img {
  max-width: 300px;
  max-height: 250px;
  width: 100%;
  height: 100%;
}
.profile-layout .profile-orders-active-no_orders-block {
  align-self: center;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-active-no_orders-block {
    min-width: 250px;
  }
}
.profile-layout .profile-orders-active-no_orders-block-text {
  max-width: 335px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
}
.profile-layout .profile-orders-active-no_orders-block-button {
  margin-top: 50px;
  width: -moz-min-content;
  width: min-content;
  height: 44px;
  padding: 0 35px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-decoration: none;
  white-space: nowrap;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-orders-active-no_orders-block-button {
    margin-top: 30px;
  }
}
.profile-layout .profile-orders-item {
  padding-top: 30px;
  padding-left: 60px;
  padding-right: 60px;
  margin-bottom: 30px;
  border-top: 1px solid rgba(185, 185, 185, 0.3);
  display: grid;
  grid-template-columns: 400px 170px 1fr;
  -moz-column-gap: 60px;
       column-gap: 60px;
  row-gap: 15px;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-orders-item {
    grid-template-columns: 45% auto 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-orders-item {
    padding-left: 30px;
    padding-right: 30px;
    grid-template-columns: 40% auto 1fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-item {
    grid-template-columns: auto 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 20px;
  }
}
.profile-layout .profile-orders-item-number {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.1325rem;
  color: #171717;
  text-decoration: none;
  transition: 0.1s;
}
.profile-layout .profile-orders-item-number:hover {
  color: #FF4374;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-item-number {
    grid-column: 1/3;
    grid-row: 1/2;
  }
}
.profile-layout .profile-orders-item-price {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-item-price {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.profile-layout .profile-orders-item-delivery {
  max-width: 175px;
  min-height: 40px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #BDBDBD;
}
.profile-layout .profile-orders-item-delivery-true {
  color: #26D922;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-orders-item-delivery {
    justify-self: end;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-item-delivery {
    grid-column: 2/3;
    grid-row: 2/3;
    max-width: 100%;
    min-height: -moz-min-content;
    min-height: min-content;
  }
}
@media only screen and (max-width: 379px) {
  .profile-layout .profile-orders-item-delivery {
    font-size: 0.75rem;
    line-height: 0.875rem;
    align-self: center;
  }
}
.profile-layout .profile-orders-item-address {
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #BDBDBD;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-item-address {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}
@media only screen and (max-width: 379px) {
  .profile-layout .profile-orders-item-address {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.profile-layout .profile-orders-item-photos {
  grid-column: 2/4;
  grid-row: 2/4;
  align-self: bottom;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-item-photos {
    grid-column: 1/3;
    grid-row: 4/5;
  }
}
.profile-layout .profile-orders-item-photos .img {
  display: block;
  margin-right: 10px;
}
.profile-layout .profile-orders-item-photos .img:last-child {
  margin: 0;
}
.profile-layout .profile-orders-item-photos .img img {
  display: block;
  max-width: 70px;
  max-height: 80px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.profile-layout .profile-orders-item-photos-add {
  margin-left: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #BDBDBD;
  white-space: nowrap;
}
@media only screen and (max-width: 379px) {
  .profile-layout .profile-orders-item-photos-add {
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.profile-layout .profile-orders-item-button {
  grid-column: 1/2;
  grid-row: 3/4;
  margin-top: 15px;
  height: 44px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-orders-item-button {
    grid-column: 1/3;
    grid-row: 5/6;
  }
}
@media only screen and (max-width: 379px) {
  .profile-layout .profile-orders-item-button {
    margin-top: 0;
  }
}
.profile-layout .profile-orders-item-button a {
  padding: 0 30px;
  width: -moz-min-content;
  width: min-content;
  white-space: nowrap;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-decoration: none;
}
.profile-layout .profile-orders-more {
  width: 100%;
  margin-top: 20px;
  display: inline-flex;
  justify-content: center;
}
.profile-layout .profile-orders-more-btn {
  display: flex;
  align-items: center;
  color: #22A7D1;
  cursor: pointer;
  transition: 0.1s;
}
.profile-layout .profile-orders-more-btn svg path {
  transition: 0.1s;
}
.profile-layout .profile-orders-more-btn span {
  white-space: nowrap;
  margin-right: 20px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
.profile-layout .profile-orders-more-btn:hover {
  color: #FF4374;
}
.profile-layout .profile-orders-more-btn:hover svg path {
  fill: #FF4374;
}
.profile-layout .profile-orders-all {
  display: none;
}
.profile-layout .profile-orders-all_is-active {
  display: block;
}
.profile-layout .profile-bonus {
  padding: 40px 0;
  background-color: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-bonus {
    padding: 30px 0;
  }
}
.profile-layout .profile-bonus-header {
  padding: 0 60px;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  align-items: center;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-bonus-header {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-bonus-header {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}
.profile-layout .profile-bonus-header-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
.profile-layout .profile-bonus-header-count {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #22A7D1;
  justify-self: end;
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-bonus-header-count {
    justify-self: start;
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
.profile-layout .profile-bonus-table {
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 0 60px;
  border-top: 1px solid rgba(185, 185, 185, 0.3);
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-bonus-table {
    padding: 0 30px;
    margin-top: 30px;
  }
}
.profile-layout .profile-bonus-table-grid {
  display: grid;
  grid-template-columns: 180px 1fr 220px 150px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
}
@media only screen and (max-width: 1399px) {
  .profile-layout .profile-bonus-table-grid {
    grid-template-columns: 180px 1fr 160px 150px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-layout .profile-bonus-table-grid {
    grid-template-columns: 140px 1fr 120px 100px;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-bonus-table-grid {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    row-gap: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .profile-layout .profile-bonus-table-grid {
    grid-template-columns: 140px 1fr;
    font-size: 0.75rem;
    line-height: 0.875rem;
  }
}
.profile-layout .profile-bonus-table-header {
  margin-top: 30px;
  color: #BDBDBD;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-bonus-table-header-data {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .profile-layout .profile-bonus-table-header-number {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .profile-layout .profile-bonus-table-header-price {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .profile-layout .profile-bonus-table-header-bonus {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.profile-layout .profile-bonus-table-item {
  margin-top: 30px;
  color: #171717;
}
.profile-layout .profile-bonus-table-item-bonus {
  color: #28CFA7;
}
@media only screen and (max-width: 767px) {
  .profile-layout .profile-bonus-table-item-data {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .profile-layout .profile-bonus-table-item-number {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .profile-layout .profile-bonus-table-item-price {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .profile-layout .profile-bonus-table-item-bonus {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.profile-layout .customer-order-single .sale-section {
  margin-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.profile-layout .customer-order-single .sale-section:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.profile-layout .customer-order-single .sale-section .secton-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #171717;
  border-bottom: none;
  padding: 0;
  margin-bottom: 25px;
}
.profile-layout .customer-order-single .sale-section .section-content {
  padding: 0 0 20px 0;
  border-bottom: none;
}
.profile-layout .customer-order-single .sale-section.order-list .table {
  max-width: calc(100vw - 190px);
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .customer-order-single .sale-section.order-list .table {
    max-width: calc(100vw - 130px);
  }
}
.profile-layout .customer-order-single .sale-section.order-list .table table thead tr th {
  font-size: 14px;
  line-height: 1.1;
  padding: 10px 15px;
  white-space: nowrap;
  background-color: #f5f5f5;
}
.profile-layout .customer-order-single .sale-section.order-list .table table tbody tr td {
  font-size: 14px;
  line-height: 1.1;
  padding: 10px 15px;
  border-bottom: 1px solid #f5f5f5;
}
.profile-layout .customer-order-single .sale-section.order-list .table table tbody tr td .name {
  width: 200px;
  margin: 0;
}
@media only screen and (max-width: 575px) {
  .profile-layout .customer-order-single .sale-section.order-list .table table tbody tr td .name {
    width: 160px;
  }
}
.profile-layout .customer-order-single .sale-section.order-list .totals {
  padding: 0;
  border-top: none;
}
.profile-layout .customer-order-single .sale-section.order-list .totals .sale-summary {
  left: 0;
  float: none;
  border-collapse: collapse;
}
.profile-layout .customer-order-single .sale-section.order-list .totals .sale-summary tr td {
  padding: 10px 10px 10px 0;
}
.profile-layout .customer-order-single .sale-section.order-list .totals .sale-summary tr.border td {
  border-bottom: 1px solid #f5f5f5;
}
.profile-layout .customer-order-single .sale-section.order-total {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f5f5f5;
}
.profile-layout .customer-order-single .sale-section.order-total .section-content {
  padding: 0;
}
.profile-layout .customer-order-single .sale-section.order-total .order-box-container {
  display: flex;
  flex-wrap: wrap;
}
.profile-layout .customer-order-single .sale-section.order-total .order-box-container .box {
  width: 50%;
  float: none;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .profile-layout .customer-order-single .sale-section.order-total .order-box-container .box {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .profile-layout .customer-order-single .sale-section.order-total .order-box-container .box:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .profile-layout .customer-order-single .sale-section.order-total .order-box-container .box:nth-child(1), .profile-layout .customer-order-single .sale-section.order-total .order-box-container .box:nth-child(2) {
    margin-top: 0;
  }
}
.profile-layout .customer-order-single .sale-section.order-total .order-box-container .box .box-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #171717;
  padding: 0;
  margin: 0 0 10px 0;
}

.auth-content .sign-up-text {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 25px;
  color: #171717;
}
.auth-content .sign-up-text a {
  color: #22A7D1;
}
.auth-content .login-form {
  border: none;
  padding: 50px 70px;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 575px) {
  .auth-content .login-form {
    padding: 40px 30px;
  }
}
.auth-content .login-form .input-text-template-block {
  margin-bottom: 30px;
}
.auth-content .login-form .input-text-template-block label {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.auth-content .login-form .input-text-template-block .control-error {
  display: none;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 10px;
  color: #FF4374;
}
.auth-content .login-form .input-text-template-block.has-error .control-error {
  display: block;
}
.auth-content .login-form .captcha {
  margin-bottom: 25px;
}
.auth-content .login-form button[type=submit] {
  width: 100%;
  font-weight: 700;
}
.auth-content .login-form .bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.auth-content .login-form .bottom .forgot-password-link {
  text-align: right;
  margin-bottom: 0;
}
.auth-content .login-form .bottom .forgot-password-link a {
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  color: #22A7D1;
  margin-bottom: 10px;
}
.auth-content .login-form .bottom .forgot-password-link a:last-child {
  margin-bottom: 0;
}
.auth-content .login-form .back {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  width: 100%;
}
.auth-content .login-form .back a {
  color: #22A7D1;
}

.default-layout {
  margin-top: 35px;
  border-top: 1px solid rgba(185, 185, 185, 0.3);
}
@media only screen and (max-width: 767px) {
  .default-layout {
    margin-top: 70px;
  }
}

.cart-empty {
  margin-top: 30px;
  padding: 40px;
  width: 100%;
  background: url(/images/cart.png), linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .cart-empty {
    margin-top: 20px;
    background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  }
}
.cart-empty-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .cart-empty-title {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}
.cart-empty-text {
  margin-top: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4375rem;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  .cart-empty-text {
    max-width: 300px;
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .cart-empty-text {
    max-width: 100%;
  }
}
.cart-empty-button {
  margin-top: 40px;
  padding: 0 45px;
  height: 50px;
  width: -moz-min-content;
  width: min-content;
  font-size: 0.75rem;
  line-height: 0.875rem;
  white-space: nowrap;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .cart-empty-button {
    padding: 0 30px;
    height: 44px;
  }
}

.cart-layout {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 290px 1fr;
  -moz-column-gap: 125px;
       column-gap: 125px;
}
@media only screen and (max-width: 1399px) {
  .cart-layout {
    grid-template-columns: 270px 1fr;
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .cart-layout {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.cart-layout-total-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.125rem;
  color: #171717;
  margin-bottom: 40px;
}
.cart-layout-total .order-summary {
  margin-bottom: 30px;
}
.cart-layout-total .order-summary .item-detail {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px 0;
}
.cart-layout-total .order-summary .item-detail label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #BDBDBD;
}
.cart-layout-total .order-summary .item-detail label.right {
  float: none;
  color: #171717;
}
.cart-layout-total .order-summary .payable-amount {
  border: none;
  padding-top: 0;
  margin-top: 0;
}
.cart-layout-total .coupon-container {
  margin-bottom: 30px;
}
.cart-layout-total .coupon-container .coupon-form {
  position: relative;
  display: flex;
}
.cart-layout-total .coupon-container .coupon-form .control-group {
  position: initial;
  margin: 0 10px 0 0;
  width: calc(100% - 100px);
  max-width: 240px;
}
.cart-layout-total .coupon-container .coupon-form .control-group .control {
  height: 40px;
  margin: 0;
  padding: 5px 12px;
  font-size: 14px;
  line-height: 1.1;
  border: 1px solid #BDBDBD;
  border-radius: 20px;
}
.cart-layout-total .coupon-container .coupon-form .control-group .control-error {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  font-size: 13px;
  margin: 0;
}
.cart-layout-total .coupon-container .coupon-form .control-group.has-error .control {
  border-color: #FF4374;
}
.cart-layout-total .coupon-container .coupon-form .btn {
  width: 90px;
  height: 40px;
  background-color: #22A7D1 !important;
  font-size: 12px;
  line-height: 1.1;
  padding: 10px;
  border-radius: 20px !important;
}
.cart-layout-checkout {
  padding: 0 50px;
  width: -moz-min-content;
  width: min-content;
  height: 50px;
  font-size: 0.75rem;
  line-height: 0.875rem;
  border: none;
  white-space: nowrap;
  text-decoration: none;
}
.cart-layout-content {
  width: 100%;
  height: -moz-min-content;
  height: min-content;
  padding: 40px 60px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .cart-layout-content {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-layout-content {
    padding: 0;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    padding-top: 30px;
    border-top: 1px solid rgba(185, 185, 185, 0.3);
  }
}
.cart-layout-content-title {
  margin-left: 15px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
.cart-layout-content-products {
  margin-top: 50px;
  display: grid;
  row-gap: 10px;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products {
    margin-top: 20px;
  }
}
.cart-layout-content-products-item {
  padding: 20px 35px 20px 25px;
  display: grid;
  grid-template-columns: auto 1fr auto 120px 22px;
  -moz-column-gap: 40px;
       column-gap: 40px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 15px;
}
@media only screen and (max-width: 1399px) {
  .cart-layout-content-products-item {
    grid-template-columns: auto 1fr auto 70px 22px;
  }
}
@media only screen and (max-width: 991px) {
  .cart-layout-content-products-item {
    grid-template-columns: auto 1fr 160px 22px;
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-layout-content-products-item {
    grid-template-columns: auto 1fr auto 22px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item {
    padding: 20px 30px 20px 20px;
    grid-template-columns: auto 1fr;
    -moz-column-gap: 15px;
         column-gap: 15px;
    position: relative;
  }
}
.cart-layout-content-products-item-photo {
  align-self: center;
  max-width: 60px;
}
@media only screen and (max-width: 991px) {
  .cart-layout-content-products-item-photo {
    grid-column: 1/2;
    grid-row: 1/6;
  }
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-photo {
    max-width: 50px;
  }
}
.cart-layout-content-products-item-textblock {
  padding: 5px 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-textblock {
    padding: 0 15px 0 0;
  }
}
.cart-layout-content-products-item-textblock-name {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #171717;
  text-decoration: none;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-textblock-name {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.cart-layout-content-products-item-textblock-description {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-top: 5px;
  color: #BDBDBD;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-textblock-description {
    font-size: 0.75rem;
    line-height: 0.8175rem;
  }
}
.cart-layout-content-products-item-counter {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .cart-layout-content-products-item-counter {
    grid-column: 3/4;
    grid-row: 2/3;
    justify-self: center;
  }
}
@media only screen and (max-width: 767px) {
  .cart-layout-content-products-item-counter {
    grid-column: 3/4;
    grid-row: 1/3;
  }
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-counter {
    grid-column: 2/3;
    grid-row: 3/4;
    justify-self: flex-start;
  }
}
.cart-layout-content-products-item-counter .products-item-add-to-cart {
  display: flex;
  align-items: center;
}
.cart-layout-content-products-item-counter .products-item-add-to-cart .val {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
  padding: 0 10px;
  min-width: 50px;
}
.cart-layout-content-products-item-counter .products-item-add-to-cart .minus, .cart-layout-content-products-item-counter .products-item-add-to-cart .plus {
  width: 22px;
  height: 22px;
  color: #fff;
  border: none;
  font-size: 26px;
  border-radius: 30px !important;
  text-indent: -9999px;
  background-color: #22A7D1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  transition: 0.2s ease;
  cursor: pointer;
}
.cart-layout-content-products-item-counter .products-item-add-to-cart .minus:hover, .cart-layout-content-products-item-counter .products-item-add-to-cart .plus:hover {
  background-color: #FF4374;
}
.cart-layout-content-products-item-counter .products-item-add-to-cart .minus {
  background-image: url("/images/minus-symbol-white.svg");
}
.cart-layout-content-products-item-counter .products-item-add-to-cart .plus {
  background-image: url("/images/plus-symbol-white.svg");
}
.cart-layout-content-products-item-counter .quantity {
  width: auto;
  margin: 0;
}
.cart-layout-content-products-item-counter .quantity .wrap {
  display: flex;
  align-items: center;
}
.cart-layout-content-products-item-counter .quantity .wrap label {
  display: none;
}
.cart-layout-content-products-item-price {
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .cart-layout-content-products-item-price {
    flex-direction: row;
    align-items: center;
    grid-column: 3/4;
    grid-row: 1/2;
    justify-self: center;
  }
}
@media only screen and (max-width: 767px) {
  .cart-layout-content-products-item-price {
    grid-column: 2/3;
    grid-row: 2/3;
    justify-self: flex-start;
    display: grid;
    grid-template-columns: auto auto auto;
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
.cart-layout-content-products-item-price_price {
  font-family: "Roboto";
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.4375rem;
  color: #171717;
}
@media only screen and (max-width: 991px) {
  .cart-layout-content-products-item-price_price {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-layout-content-products-item-price_price {
    margin: 0;
  }
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-price_price {
    font-size: 1rem;
    line-height: 1rem;
  }
}
.cart-layout-content-products-item-price_price span {
  font-size: 1rem;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-price_price span {
    font-size: 0.675rem;
  }
}
@media only screen and (max-width: 379px) {
  .cart-layout-content-products-item-price_price span {
    font-size: 0.5rem;
  }
}
.cart-layout-content-products-item-price_old {
  position: absolute;
  left: 0;
  top: 5px;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
  text-decoration: line-through;
}
@media only screen and (max-width: 1399px) {
  .cart-layout-content-products-item-price_old {
    position: relative;
    top: auto;
  }
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-price_old {
    font-size: 0.6175rem;
    line-height: 0.8125rem;
  }
}
@media only screen and (max-width: 379px) {
  .cart-layout-content-products-item-price_old {
    font-size: 0.6rem;
    line-height: 0.6875rem;
  }
}
.cart-layout-content-products-item-price_old span {
  font-size: 0.7rem;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-price_old span {
    font-size: 0.6875rem;
  }
}
@media only screen and (max-width: 379px) {
  .cart-layout-content-products-item-price_old span {
    font-size: 0.5rem;
  }
}
.cart-layout-content-products-item-price_sale {
  margin-left: 15px;
  padding: 3px 5px;
  border-radius: 14px;
  background-color: #FEDD56;
  font-family: "Roboto";
  font-weight: 700;
  font-size: 0.6875rem;
  line-height: 0.8125rem;
  color: #171717;
  text-align: center;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (max-width: 1399px) {
  .cart-layout-content-products-item-price_sale {
    margin-left: 0;
  }
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-price_sale {
    font-size: 0.6rem;
    line-height: 0.6875rem;
  }
}
.cart-layout-content-products-item-price_sale span {
  font-size: 0.6rem;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-price_sale span {
    font-size: 0.5rem;
  }
}
.cart-layout-content-products-item-btn {
  align-self: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  background-color: #FF4374;
  border-radius: 50%;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .cart-layout-content-products-item-btn {
    grid-column: 4/5;
    grid-row: 1/3;
  }
}
@media only screen and (max-width: 575px) {
  .cart-layout-content-products-item-btn {
    position: absolute;
    top: 0;
    right: 15px;
  }
}
.cart-layout-content .bottom-block {
  padding: 50px 0 0 0;
}
.cart-layout-content .bottom-block .buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content .bottom-block .buttons .btn-dft {
    padding: 0 25px;
  }
}
.cart-layout-content .bottom-block .total {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
.cart-layout-content .bottom-block .total span {
  margin-left: 30px;
}
@media only screen and (max-width: 575px) {
  .cart-layout-content .bottom-block .total span {
    margin-left: 15px;
  }
}

.ordering-layout {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 290px 1fr;
  -moz-column-gap: 125px;
       column-gap: 125px;
}
@media only screen and (max-width: 1399px) {
  .ordering-layout {
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media only screen and (max-width: 991px) {
  .ordering-layout {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.ordering-layout-total {
  position: sticky;
  align-self: start;
  top: 30px;
}
.ordering-layout-total-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.125rem;
  color: #171717;
}
.ordering-layout-total-products {
  margin-top: 40px;
  margin-bottom: 30px;
}
.ordering-layout-total .cart-list {
  margin-top: 40px;
  margin-bottom: 30px;
}
.ordering-layout-total .cart-list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.ordering-layout-total .cart-list .item:last-child {
  margin-bottom: 0;
}
.ordering-layout-total .cart-list .item p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
  margin: 0;
}
.ordering-layout-total .cart-list .item p:first-child {
  padding-right: 15px;
}
.ordering-layout-total .cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(185, 185, 185, 0.3);
  padding-top: 30px;
}
.ordering-layout-total .cart-total p {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1;
  color: #171717;
  margin: 0;
}
.ordering-layout-total-policy {
  margin: 40px 0;
}
.ordering-layout-total-policy-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  /* стили для активного состояния чекбокса (при нажатии на него) */
  /* стили для чекбокса, находящегося в фокусе */
  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  /* стили для чекбокса, находящегося в состоянии disabled */
}
.ordering-layout-total-policy-checkbox + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #222;
}
.ordering-layout-total-policy-checkbox + label a {
  color: #40596E;
}
.ordering-layout-total-policy-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 2px;
  margin-right: 17px;
  background-repeat: no-repeat;
  background-position: center center;
}
.ordering-layout-total-policy-checkbox:checked + label::before {
  border-color: #FF4374;
  background-color: #FF4374;
  background-image: url(/images/check.svg?05666fb9544734dae6eee8c6b1deee02);
}
.ordering-layout-total-policy-checkbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: #FF4374;
}
.ordering-layout-total-policy-checkbox:not(:disabled):active + label::before {
  background-color: #FF4374;
  border-color: #FF4374;
}
.ordering-layout-total-policy-checkbox:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 43, 74, 0.1);
}
.ordering-layout-total-policy-checkbox:focus:not(:checked) + label::before {
  border-color: #FF4374;
}
.ordering-layout-total-policy-checkbox:disabled + label::before {
  background-color: #BDBDBD;
}
.ordering-layout-content {
  width: 100%;
  height: -moz-min-content;
  height: min-content;
  padding: 35px 70px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 1199px) {
  .ordering-layout-content {
    padding: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .ordering-layout-content {
    padding: 0;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    padding-top: 30px;
    border-top: 1px solid rgba(185, 185, 185, 0.3);
  }
}
.ordering-layout-content-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
.ordering-layout-content-err {
  font-size: 14px;
  line-height: 1.2;
  color: #FF4374;
  margin: 20px 0 0 0;
}
.ordering-layout-content-data {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 75px;
       column-gap: 75px;
  row-gap: 40px;
}
@media only screen and (max-width: 1199px) {
  .ordering-layout-content-data {
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .ordering-layout-content-data {
    grid-template-columns: 1fr;
  }
}
.ordering-layout-content-data-block {
  width: 100%;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
.ordering-layout-content-data-block span {
  display: block;
  margin-bottom: 20px;
}
.ordering-layout-content-data-block .input-error {
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 1.2;
  color: #FF4374;
}
.ordering-layout-content-data-block.has-error .input-text-template {
  border-color: #FF4374;
}
.ordering-layout-content-data-textblock {
  grid-column: 1/3;
  grid-row: 3/4;
}
@media only screen and (max-width: 767px) {
  .ordering-layout-content-data-textblock {
    grid-column: auto;
    grid-row: auto;
  }
}
.ordering-layout-content-data-textblock textarea {
  height: 150px;
  padding: 15px 20px;
  border-radius: 20px;
  resize: none;
}
.ordering-layout-content-out {
  margin: 50px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(185, 185, 185, 0.3);
}
.ordering-layout-content-out.is-deactive {
  display: none;
}
.ordering-layout-content-out-selected {
  display: grid;
  margin: 50px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(185, 185, 185, 0.3);
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 75px;
       column-gap: 75px;
  row-gap: 40px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .ordering-layout-content-out-selected {
    -moz-column-gap: 30px;
         column-gap: 30px;
    row-gap: 30px;
  }
}
.ordering-layout-content-out-selected-change {
  align-self: flex-end;
  justify-self: end;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #22A7D1;
  text-decoration: underline;
  cursor: pointer;
}
.ordering-layout-content-out-selected-num {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .ordering-layout-content-out-selected-num {
    grid-column: 1/3;
  }
}
.ordering-layout-content-out-selected-num-time {
  margin-top: 10px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #BDBDBD;
}
.ordering-layout-content-out-selected-address {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .ordering-layout-content-out-selected-address {
    grid-column: 1/3;
  }
}
.ordering-layout-content-out-select {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ordering-layout-content-out-select {
    display: grid;
    row-gap: 20px;
  }
}
.ordering-layout-content-out-select-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
.ordering-layout-content-out-select-text p {
  font-size: 14px;
  line-height: 1.1;
  color: #FF4374;
  margin-top: 10px;
}
.ordering-layout-content-out-select-btn {
  height: 50px;
  width: -moz-min-content;
  width: min-content;
  padding: 0 50px;
  min-width: 170px;
  justify-content: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  margin-top: 30px;
}
.ordering-layout-content-pay-ways {
  margin-top: 45px;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .ordering-layout-content-pay-ways {
    margin-top: 30px;
    flex-direction: column;
  }
}
.ordering-layout-content-pay-ways-way {
  width: 230px;
  padding: 20px;
  display: grid;
  grid-template-rows: 1fr 32px;
  row-gap: 15px;
  border: 2px solid #22A7D1;
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  transition: 0.2s;
  cursor: pointer;
}
.ordering-layout-content-pay-ways-way:first-child {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .ordering-layout-content-pay-ways-way:first-child {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .ordering-layout-content-pay-ways-way:first-child {
    margin-right: 0;
    margin-bottom: 20px;
    min-height: 120px;
  }
}
.ordering-layout-content-pay-ways-way.is-active {
  background-color: #22A7D1;
}
.ordering-layout-content-pay-ways-way.is-active > .ordering-layout-content-pay-ways-way-text {
  color: #fff;
}
.ordering-layout-content-pay-ways-way.is-active > .ordering-layout-content-pay-ways-way-images svg path {
  fill: #fff;
}
.ordering-layout-content-pay-ways-way:hover {
  background-color: #22A7D1;
}
.ordering-layout-content-pay-ways-way:hover > .ordering-layout-content-pay-ways-way-text {
  color: #fff;
}
.ordering-layout-content-pay-ways-way:hover > .ordering-layout-content-pay-ways-way-images svg path {
  fill: #fff;
}
.ordering-layout-content-pay-ways-way-text {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #22A7D1;
}
.ordering-layout-content-pay-ways-way-images {
  display: flex;
  align-items: center;
}
.ordering-layout-content-pay-ways-way-images svg {
  margin-right: 20px;
}
.ordering-layout-content-pay-email {
  margin-top: 40px;
}
.ordering-layout-content-pay-email-check {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.ordering-layout-content-pay-email-check.is-active label:before {
  background: #22A7D1;
}
.ordering-layout-content-pay-email-check.is-active label:after {
  margin-left: 40px;
}
@media only screen and (max-width: 575px) {
  .ordering-layout-content-pay-email-check {
    margin-top: 70px;
  }
  .ordering-layout-content-pay-email-check input[type=checkbox].ios-switch + label {
    padding-top: 44px;
    padding-left: 0px;
  }
}
.ordering-layout-content-pay-email-input {
  margin-top: 40px;
}
.ordering-layout-content-pay-email-input-text {
  margin-bottom: 20px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
.ordering-layout-content-pay-email-input-block {
  position: relative;
  max-width: 400px;
}
.ordering-layout-content-pay-bottom {
  margin-top: 50px;
  display: grid;
  grid-template-columns: auto min-content min-content auto;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media only screen and (max-width: 1399px) {
  .ordering-layout-content-pay-bottom {
    grid-template-columns: 1fr min-content min-content;
    align-items: center;
    row-gap: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .ordering-layout-content-pay-bottom {
    grid-template-columns: auto auto;
  }
}
.ordering-layout-content-pay-bottom-price {
  margin-right: 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #BDBDBD;
  white-space: nowrap;
}
@media only screen and (max-width: 1399px) {
  .ordering-layout-content-pay-bottom-price {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.ordering-layout-content-pay-bottom-price-sum {
  margin-top: 7px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #171717;
}
.ordering-layout-content-pay-bottom .btn-dft {
  height: 50px;
  padding: 0 70px;
  border: none;
  justify-content: center;
}
.ordering-layout-content-pay-bottom-btn_bonus {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 25px;
  border-radius: 25px;
  border: 2px solid #22A7D1;
  text-decoration: none;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  white-space: nowrap;
  color: #22A7D1;
  transition: 0.2s;
  cursor: pointer;
}
@media only screen and (max-width: 1399px) {
  .ordering-layout-content-pay-bottom-btn_bonus {
    grid-column: 3/4;
    grid-row: 1/3;
  }
}
@media only screen and (max-width: 1399px) {
  .ordering-layout-content-pay-bottom-btn_bonus {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
@media only screen and (max-width: 575px) {
  .ordering-layout-content-pay-bottom-btn_bonus {
    max-width: 200px;
    grid-column: 2/3;
    grid-row: 2/3;
    white-space: break-spaces;
    text-align: center;
  }
}
.ordering-layout-content-pay-bottom-btn_bonus:hover {
  background-color: #22A7D1;
  color: #fff;
}
.ordering-layout-content-pay-bottom-bonus {
  display: flex;
  align-items: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  color: #171717;
  white-space: nowrap;
}
@media only screen and (max-width: 1399px) {
  .ordering-layout-content-pay-bottom-bonus {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media only screen and (max-width: 575px) {
  .ordering-layout-content-pay-bottom-bonus {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
.ordering-layout-content-pay-bottom-bonus svg {
  margin-right: 15px;
}

.cart_modal_background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 700;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  overflow-x: hidden;
}
.cart_modal_background.active {
  opacity: 1;
  visibility: visible;
}

.cart-select-delivery {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 978px;
  width: 100%;
  height: 418px;
  margin: 50px auto;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  transition: 0.2s;
}
.cart-select-delivery.deactive {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 1199px) {
  .cart-select-delivery {
    max-width: 800px;
  }
}
@media only screen and (max-width: 991px) {
  .cart-select-delivery {
    height: auto;
    max-width: -moz-min-content;
    max-width: min-content;
    grid-template-columns: 340px;
  }
}
@media only screen and (max-width: 400px) {
  .cart-select-delivery {
    grid-template-columns: calc(100vw - 40px);
  }
}
.cart-select-delivery__close {
  position: absolute;
  top: 20px;
  right: 40px;
}
@media only screen and (max-width: 991px) {
  .cart-select-delivery__close {
    right: 20px;
  }
}
.cart-select-delivery-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  .cart-select-delivery-block {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 991px) {
  .cart-select-delivery-block {
    padding: 40px 0;
  }
  .cart-select-delivery-block:first-child {
    border-right: none;
    border-bottom: 1px solid rgba(185, 185, 185, 0.3);
  }
}
.cart-select-delivery-block:first-child {
  border-right: 1px solid rgba(185, 185, 185, 0.3);
}
@media only screen and (max-width: 991px) {
  .cart-select-delivery-block:first-child {
    border-right: none;
  }
}
.cart-select-delivery-block img {
  width: 60px;
  height: 60px;
}
.cart-select-delivery-text {
  margin-top: 30px;
  white-space: nowrap;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 991px) {
  .cart-select-delivery-text {
    margin-top: 20px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.cart-select-delivery-button {
  margin-top: 20px;
  padding: 0 30px;
  height: 50px;
  font-size: 0.75rem;
  line-height: 0.875rem;
  white-space: nowrap;
}
.cart-select-delivery-add_address {
  margin-top: 20px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-decoration: underline;
  transition: 0.2s;
  cursor: pointer;
}
.cart-select-delivery-add_address:hover {
  text-decoration: none;
}
.cart-add_address {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 50px auto;
  padding: 50px;
  max-width: 860px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
@media only screen and (max-width: 991px) {
  .cart-add_address {
    max-width: 700px;
    padding: 50px 0 50px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-add_address {
    max-width: 500px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-add_address {
    max-width: calc(100% - 40px);
    padding: 30px 0 30px 30px;
    margin: 25px auto;
  }
}
.cart-add_address.active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 991px) {
  .cart-add_address-wrapper {
    height: 100%;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-add_address-wrapper {
    padding: 10px 30px 10px 0;
  }
}
.cart-add_address-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 575px) {
  .cart-add_address-header {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.cart-add_address_title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.cart-add_address_back {
  font-family: "Roboto";
  text-decoration: underline;
  color: #22A7D1;
  transition: 0.2s;
  cursor: pointer;
}
.cart-add_address_back:hover {
  text-decoration: none;
}
@media only screen and (max-width: 575px) {
  .cart-add_address_back {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.cart-add_address-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 80px;
       column-gap: 80px;
  row-gap: 30px;
}
@media only screen and (max-width: 991px) {
  .cart-add_address-form {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-add_address-form {
    grid-template-columns: 100%;
  }
}
.cart-add_address-form .cart-add_address-block.has-error input {
  border-color: #FF4374;
}
.cart-add_address-form .cart-add_address-block .cart-add_address-block-input.has-error input {
  border-color: #FF4374;
}
.cart-add_address-form .cart-add_address-block .input-error {
  display: block;
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 1.2;
  color: #FF4374;
}
.cart-add_address-block {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1875rem;
}
.cart-add_address-block-city {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 575px) {
  .cart-add_address-block-city {
    flex-direction: column;
  }
}
.cart-add_address-block-city-btn {
  color: #22A7D1;
  text-decoration: underline;
  transition: 0.2s;
  cursor: pointer;
}
.cart-add_address-block-city-btn:hover {
  text-decoration: none;
}
@media only screen and (max-width: 575px) {
  .cart-add_address-block-city-btn {
    margin-top: 5px;
  }
}
.cart-add_address-block-input {
  position: relative;
  margin-top: 20px;
  height: 50px;
}
.cart-add_address-btn {
  grid-column: 1/2;
  width: -moz-min-content;
  width: min-content;
  height: 50px;
  padding: 0 40px;
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.875rem;
  white-space: nowrap;
  border: none;
}
@media only screen and (max-width: 991px) {
  .cart-add_address-btn {
    margin-bottom: 15px;
  }
}
.cart-add_address-grad {
  position: absolute;
  height: 30px;
  width: 600px;
  display: none;
  --margin-grad: 30px;
}
@media only screen and (max-width: 767px) {
  .cart-add_address-grad {
    width: 400px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-add_address-grad {
    width: 240px;
    --margin-grad: 15px;
  }
}
.cart-add_address-grad_top {
  top: var(--margin-grad);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
.cart-add_address-grad_bottom {
  bottom: var(--margin-grad);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
.cart-add_existaddress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 50px auto;
  padding: 70px 60px 60px 60px;
  max-width: 700px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
@media only screen and (max-width: 1399px) {
  .cart-add_existaddress {
    padding: 50px 40px 40px 40px;
  }
}
@media only screen and (max-width: 991px) {
  .cart-add_existaddress {
    top: 30px;
    max-height: calc(100vh - 60px);
    overflow: hidden;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 767px) {
  .cart-add_existaddress {
    padding: 30px;
    max-width: calc(100% - 60px);
  }
}
.cart-add_existaddress.active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.cart-add_existaddress-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 1399px) {
  .cart-add_existaddress-header {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-add_existaddress-header {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-add_existaddress-header {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.cart-add_existaddress_back {
  font-family: "Roboto";
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-decoration: underline;
  color: #22A7D1;
  transition: 0.2s;
  cursor: pointer;
}
.cart-add_existaddress_back:hover {
  text-decoration: none;
}
@media only screen and (max-width: 575px) {
  .cart-add_existaddress_back {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.cart-add_existaddress_title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 1.75rem;
  line-height: 2.125rem;
}
@media only screen and (max-width: 575px) {
  .cart-add_existaddress_title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.cart-add_existaddress-content .map-menu {
  padding: 0;
  height: auto;
  overflow-x: visible;
  overflow-y: visible;
}
.cart-add_existaddress-content .map-menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 575px) {
  .cart-add_existaddress-content .map-menu-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.cart-add_existaddress-content .map-menu-left {
  width: calc(100% - 130px);
}
@media only screen and (max-width: 575px) {
  .cart-add_existaddress-content .map-menu-left {
    width: 100%;
  }
}
.cart-add_existaddress-content .map-menu-right .btn-dft {
  position: relative;
  margin-top: 0;
}
.cart-select-point {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 50px auto;
  padding: 70px 60px 60px 60px;
  max-width: 1440px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}
@media only screen and (max-width: 1500px) {
  .cart-select-point {
    max-width: calc(100vw - 50px);
  }
}
@media only screen and (max-width: 1399px) {
  .cart-select-point {
    padding: 50px 40px 40px 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .cart-select-point {
    max-width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 991px) {
  .cart-select-point {
    margin: 25px auto;
  }
}
@media only screen and (max-width: 767px) {
  .cart-select-point {
    padding: 30px;
    max-width: calc(100% - 40px);
  }
}
.cart-select-point.active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
.cart-select-point-search {
  position: absolute;
  top: -65px;
  height: 40px;
  width: calc(50% - 20px);
  padding: 10px 30px 10px 30px;
}
.cart-select-point-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 1500px) {
  .cart-select-point-header {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 1399px) {
  .cart-select-point-header {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-select-point-header {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-select-point-header {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.cart-select-point_back {
  font-family: "Roboto";
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-decoration: underline;
  color: #22A7D1;
  transition: 0.2s;
  cursor: pointer;
}
.cart-select-point_back:hover {
  text-decoration: none;
}
@media only screen and (max-width: 575px) {
  .cart-select-point_back {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.cart-select-point_title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 1.75rem;
  line-height: 2.125rem;
}
@media only screen and (max-width: 575px) {
  .cart-select-point_title {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}
.cart-select-point-content {
  width: 100%;
  display: grid;
  grid-template-columns: 550px 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  position: relative;
  /*

  &-wrapper{
      display: grid;
      grid-template-columns: 100%;
      row-gap: 10px;
      max-height: 600px;
      padding-left: 20px;
      padding-bottom: 10px;
      padding-right: 10px;
      direction: rtl;
      overflow-y: scroll;

      @include mq('md'){
          display: flex;
          flex-direction: row-reverse;
          overflow-y: hidden;
          overflow-x: auto;

          padding-left: 10px;
          //max-height: 200px;
      }
  }

  &-item{
      padding: 30px;
      display: grid;

      grid-template-columns: 200px 1fr;
      background: #EFEFEF;
      box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
      border-radius: 30px;

      transition: .2s;

      @include mq('xl'){
          grid-template-columns: 1fr;
          row-gap: 30px;
      }

      @include mq('md'){
          display: block;
          padding: 20px;
          min-width: 230px;

          margin-right: 10px;

          &:last-child{
              margin-right: 0;
          }
      }

      &:hover{
          background: #fff;
      }

      &-textblock{
          grid-column: 2/3;
          grid-row: 1/2;
          justify-self: end;
          text-align: left;
          font-family: "Roboto";
          font-style: normal;
          font-weight: 400;
          font-size: 0.875rem;
          line-height: 1rem;

          @include mq('xl'){
              grid-column: 1/2;
          }

          &-name{
              font-weight: 700;
              font-size: 1.125rem;
              line-height: 1.3125rem;
          }

          &-address{
              margin-top: 20px;
          }

          &-time{
              margin-top: 10px;
          }
      }

      &-btn{
          justify-self: start;

          width: min-content;
          height: 50px;
          padding: 0 40px;

          font-family: "Roboto";
          font-weight: 500;
          font-style: normal;
          font-size: 0.75rem;
          line-height: 0.875rem;
          white-space: nowrap;

          @include mq('md'){
              margin-top: 20px;
          }
      }
  }


  &-map{
      #cart-map{
          width: 100%;
          height: 100%;

          @include mq('md'){
              height: 200px;
          }
      }

      .ymaps-2-1-79-inner-panes, .ymaps-2-1-79-map{
          border-radius: 30px;
      }

      .map-style-icon{
          font-family: "Roboto";
          font-weight: 500;
          font-style: normal;
          font-size: 1rem;
          line-height: 1.1875rem;
          color: #fff;
      }

      .map-style-balloon{
          //margin: 50px;
          width: 230px;
          padding: 16px;
          background-color: $blk;
          box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
          border-radius: 10px;

          &-name{
              font-family: "Roboto";
              font-weight: 700;
              font-style: normal;
              font-size: 1rem;
              line-height: 1.1875rem;
              color: #fff;
          }

          &-address, &-phone{
              margin-top: 10px;

              font-family: "Roboto";
              font-weight: 400;
              font-style: normal;
              font-size: 0.75rem;
              line-height: 0.875rem;
              color: $gray;
          }


      }
  }
  */
}
@media only screen and (max-width: 1399px) {
  .cart-select-point-content {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .cart-select-point-content {
    grid-template-columns: 1fr;
    row-gap: 30px;
    overflow: hidden;
    overflow-y: auto;
  }
}
.cart-select-point-content .map-menu-item {
  background-color: #EFEFEF;
  transition: 0.2s;
}
.cart-select-point-content .map-menu-item:hover {
  background-color: #fff;
}
.cart-select-point-content-menu {
  position: relative;
}
@media only screen and (max-width: 991px) {
  .cart-select-point-content-menu {
    max-width: calc(100vw - 140px);
  }
}
@media only screen and (max-width: 767px) {
  .cart-select-point-content-menu {
    max-width: calc(100vw - 120px);
  }
}
.cart-select-point-content-menu-grad {
  position: absolute;
  width: 100%;
  height: 30px;
  z-index: 5;
}
@media only screen and (max-width: 991px) {
  .cart-select-point-content-menu-grad {
    width: 30px;
    height: 100%;
  }
}
.cart-select-point-content-menu-grad.top {
  top: -15px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (max-width: 991px) {
  .cart-select-point-content-menu-grad.top {
    background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    left: -15px;
  }
}
.cart-select-point-content-menu-grad.bottom {
  bottom: -15px;
  background: linear-gradient(0deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (max-width: 991px) {
  .cart-select-point-content-menu-grad.bottom {
    background: linear-gradient(-90deg, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    right: -15px;
  }
}
.cart-select-point-content-menu .map-menu-item {
  display: flex;
}
.cart-select-point-content-menu .map-menu-item .map-menu-left {
  display: flex;
  position: relative;
  width: calc(100% - 130px);
  padding-right: 15px;
}
@media only screen and (max-width: 991px) {
  .cart-select-point-content-menu .map-menu-item .map-menu-left {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .cart-select-point-content-menu .map-menu-item .map-menu-left {
    flex-direction: column;
  }
}
.cart-select-point-content-menu .map-menu-item .map-menu-left-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  margin-right: 30px;
  font-style: normal;
  background-color: #22A7D1;
  border-radius: 30px;
}
@media only screen and (max-width: 991px) {
  .cart-select-point-content-menu .map-menu-item .map-menu-left-number {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-select-point-content-menu .map-menu-item .map-menu-left-number {
    margin: 0 0 15px 0;
  }
}
.cart-select-point-content-menu .map-menu-item .map-menu-left-name {
  font-size: 16px;
}
.cart-select-point-content-menu .map-menu-item .map-menu-left-block {
  display: block;
  width: calc(100% - 62px);
}
@media only screen and (max-width: 991px) {
  .cart-select-point-content-menu .map-menu-item .map-menu-left-block {
    width: calc(100% - 52px);
  }
}
@media only screen and (max-width: 575px) {
  .cart-select-point-content-menu .map-menu-item .map-menu-left-block {
    width: 100%;
  }
}
.cart-select-point-content-menu .map-menu-item .map-menu-right {
  width: 130px;
}
.cart-select-point-content-map {
  width: 100%;
  height: 600px;
  z-index: 1000;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 1399px) {
  .cart-select-point-content-map {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .cart-select-point-content-map {
    height: 400px;
  }
}
.cart-select-bonus {
  max-width: 570px;
  width: 100%;
  padding: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
  transition: 0.2s;
}
@media only screen and (max-width: 575px) {
  .cart-select-bonus {
    max-width: 300px;
    padding: 30px;
  }
}
.cart-select-bonus__close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.cart-select-bonus-title {
  width: 100%;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #171717;
}
@media only screen and (max-width: 575px) {
  .cart-select-bonus-title {
    max-width: 200px;
  }
}
.cart-select-bonus-container {
  position: relative;
  margin-top: 60px;
  max-width: 350px;
  width: 100%;
  height: 50px;
  padding: 0 40px;
  border: 1px solid #F0ECEC;
  border-radius: 25px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .cart-select-bonus-container {
    max-width: 240px;
    margin-top: 40px;
  }
}
.cart-select-bonus-container-count {
  font-weight: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1875rem;
  color: #171717;
}
.cart-select-bonus-container-all_bonus {
  font-weight: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #BDBDBD;
}
.cart-select-bonus .ui-slider {
  position: relative;
  margin: 0 25px;
  margin-top: -1px;
  height: 2px;
  width: 300px;
  background: #22A7D1;
  border-radius: 1px;
}
@media only screen and (max-width: 575px) {
  .cart-select-bonus .ui-slider {
    max-width: 190px;
  }
}
.cart-select-bonus .ui-slider .ui-slider-handle {
  position: absolute;
  margin-left: -3px;
  top: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FF4374;
  z-index: 2;
  transition: transform 0.2s;
  cursor: pointer;
}
.cart-select-bonus .ui-slider .ui-slider-handle:hover, .cart-select-bonus .ui-slider .ui-slider-handle:focus {
  transform: scale(1.5);
}
.cart-select-bonus .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 2px;
  border: 0;
  background: #FF4374;
  border-radius: 1px;
}
.cart-select-bonus-buttons {
  margin-top: 50px;
  display: flex;
}
.cart-select-bonus-buttons-btn {
  width: -moz-min-content;
  width: min-content;
  height: 50px;
  padding: 0 70px;
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.cart-finish {
  width: 100%;
  margin-top: 40px;
  padding: 40px;
  position: relative;
  background: url(/images/people/cart-man.png), linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  background-repeat: no-repeat;
  background-position: bottom right;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .cart-finish {
    background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
  }
}
.cart-finish-block {
  max-width: 400px;
}
.cart-finish-block-title {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3rem;
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .cart-finish-block-title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.cart-finish-block-text {
  margin-top: 40px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #fff;
}
@media only screen and (max-width: 575px) {
  .cart-finish-block-text {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media only screen and (max-width: 575px) {
  .cart-finish-block-text {
    margin-top: 30px;
  }
}
.cart-finish-block-bottom {
  margin-top: 50px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .cart-finish-block-bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 30px;
  }
}
.cart-finish-block-button {
  height: 50px;
  max-width: -moz-min-content;
  max-width: min-content;
  padding: 0 30px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 0.875rem;
  white-space: nowrap;
}
.cart-finish-block-bonus {
  position: absolute;
  bottom: 25%;
  right: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 25px;
  background-color: #fff;
  border-radius: 40px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 3rem;
  color: #22A7D1;
}
.cart-finish-block-bonus svg {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .cart-finish-block-bonus {
    position: initial;
    margin-left: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-finish-block-bonus {
    height: auto;
    padding: 5px 20px;
    align-items: flex-end;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  .cart-finish-block-bonus svg {
    width: 15px;
    height: 15px;
  }
}

.page-search {
  padding: 80px 0 0 0;
}
@media only screen and (max-width: 575px) {
  .page-search {
    padding: 60px 0 0 0;
  }
}
.page-search .page-title {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .page-search .page-title {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .page-search .page-title {
    margin-bottom: 30px;
  }
}
.page-search .page-title h2 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .page-search .page-title h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .page-search .page-title h2 {
    font-size: 24px;
  }
}
.page-search .products-list-item {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
@media only screen and (max-width: 575px) {
  .page-search .products-list-item {
    margin: 0;
  }
}
.page-search .products-list-item .products-item {
  width: calc(25% - 30px);
  margin: 0 15px 30px 15px;
}
@media only screen and (max-width: 1199px) {
  .page-search .products-list-item .products-item {
    width: calc(33.33% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .page-search .products-list-item .products-item {
    width: calc(50% - 30px);
  }
}
@media only screen and (max-width: 575px) {
  .page-search .products-list-item .products-item {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.blog-page .catalog-page-nav {
  margin-bottom: 50px;
}
@media only screen and (max-width: 575px) {
  .blog-page .catalog-page-nav {
    margin-bottom: 30px;
  }
}
.blog-post-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media only screen and (max-width: 700px) {
  .blog-post-list {
    row-gap: 20px;
  }
}
.blog-post-list-item {
  display: flex;
  flex-direction: column;
  width: calc(25% - 12px);
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(28, 97, 173, 0.1);
  border-radius: 30px;
}
@media only screen and (max-width: 1350px) {
  .blog-post-list-item {
    width: calc(33.33% - 10px);
  }
}
@media only screen and (max-width: 1050px) {
  .blog-post-list-item {
    width: calc(50% - 8px);
  }
}
@media only screen and (max-width: 700px) {
  .blog-post-list-item {
    width: 100%;
    border-radius: 20px;
  }
}
.blog-post-list-item .img {
  border-radius: 30px;
  overflow: hidden;
  background-color: #eee;
}
@media only screen and (max-width: 700px) {
  .blog-post-list-item .img {
    border-radius: 20px;
  }
}
.blog-post-list-item .img img {
  display: block;
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  filter: drop-shadow(0px 5px 10px rgba(28, 97, 173, 0.1));
}
@media only screen and (max-width: 700px) {
  .blog-post-list-item .img img {
    height: 35vh;
  }
}
.blog-post-list-item .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding: 40px 20px 20px 20px;
}
@media only screen and (max-width: 700px) {
  .blog-post-list-item .text {
    padding-top: 30px;
  }
}
.blog-post-list-item .text h4 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 20px 0;
  min-height: 72px;
}
@media only screen and (max-width: 700px) {
  .blog-post-list-item .text h4 {
    font-size: 18px;
    min-height: initial;
  }
}
.blog-post-list-item .text .actions {
  display: flex;
  align-items: center;
}
.blog-post-list-item .text .actions .date {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: #BDBDBD;
  margin-right: 30px;
}
.blog-post-list-item .text .actions .btn-dft {
  flex: 1;
}

.blog-post-single .content .img {
  float: left;
  width: 50%;
  border-radius: 30px;
  overflow: hidden;
  margin: 0 30px 30px 0;
}
@media only screen and (max-width: 991px) {
  .blog-post-single .content .img {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post-single .content .img {
    border-radius: 20px;
  }
}
.blog-post-single .content .img img {
  display: block;
  width: 100%;
  height: auto;
}
.blog-post-single .content h1 {
  font-size: 70px;
  line-height: 1.2;
  margin: 0 0 50px 0;
}
@media only screen and (max-width: 1500px) {
  .blog-post-single .content h1 {
    font-size: 54px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .blog-post-single .content h1 {
    font-size: 46px;
  }
}
@media only screen and (max-width: 991px) {
  .blog-post-single .content h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-post-single .content h1 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post-single .content h1 {
    font-size: 28px;
  }
}
.blog-post-single .content p {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1199px) {
  .blog-post-single .content p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post-single .content p {
    font-size: 16px;
  }
}
.blog-post-single .content ul, .blog-post-single .content ol {
  padding-left: 18px;
  margin-bottom: 25px;
}
.blog-post-single .content ul li, .blog-post-single .content ol li {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 15px;
  list-style: disc;
}
.blog-post-single .content ul li:last-child, .blog-post-single .content ol li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .blog-post-single .content ul li, .blog-post-single .content ol li {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post-single .content ul li, .blog-post-single .content ol li {
    font-size: 16px;
  }
}
.blog-post-single .content > *:last-child {
  margin-bottom: 0 !important;
}
.blog-post-single .post-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
@media only screen and (max-width: 575px) {
  .blog-post-single .post-nav {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
  }
}
.blog-post-single .post-nav-item {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 575px) {
  .blog-post-single .post-nav-item {
    margin-bottom: 30px;
  }
  .blog-post-single .post-nav-item:last-child {
    margin-bottom: 0;
  }
}
.blog-post-single .post-nav-item i {
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F0ECEC;
  border-radius: 40px;
  transition: 0.2s ease;
  background-size: 18px;
}
@media only screen and (max-width: 575px) {
  .blog-post-single .post-nav-item i {
    width: 34px;
    height: 34px;
    background-size: 15px;
  }
}
.blog-post-single .post-nav-item span {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  color: #BDBDBD;
  transition: 0.2s ease;
}
@media only screen and (max-width: 1500px) {
  .blog-post-single .post-nav-item span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .blog-post-single .post-nav-item span {
    font-size: 16px;
  }
}
.blog-post-single .post-nav-item:hover i {
  background-color: #FF4374;
}
.blog-post-single .post-nav-item:hover span {
  color: #171717;
}
.blog-post-single .post-nav-item.prev i {
  margin-right: 30px;
  background-image: url("/images/angle-small-left-blue.svg");
}
@media only screen and (max-width: 575px) {
  .blog-post-single .post-nav-item.prev i {
    margin-right: 20px;
  }
}
.blog-post-single .post-nav-item.prev:hover i {
  background-image: url("/images/angle-small-left-white.svg");
}
.blog-post-single .post-nav-item.next i {
  margin-left: 30px;
  background-image: url("/images/angle-small-right-blue.svg");
}
@media only screen and (max-width: 575px) {
  .blog-post-single .post-nav-item.next i {
    margin-left: 20px;
  }
}
.blog-post-single .post-nav-item.next:hover i {
  background-image: url("/images/angle-small-right-white.svg");
}

.other-posts {
  margin-top: 60px;
}
.other-posts h2 {
  font-size: 28px;
  line-height: 1.1;
  margin: 0 0 40px 0;
}
@media only screen and (max-width: 575px) {
  .other-posts h2 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1050px) and (max-width: 1350px) {
  .other-posts .blog-post-list-item:nth-child(4) {
    display: none;
  }
}

html.blind-version ::-webkit-scrollbar {
  background-color: #000;
}
html.blind-version__font-size-150 {
  font-size: 125% !important;
  line-height: 1.5 !important;
}
html.blind-version__font-size-200 {
  font-size: 150% !important;
  line-height: 1.7 !important;
}
html.blind-version__letter-spacing-150 {
  letter-spacing: 1px !important;
}
html.blind-version__letter-spacing-200 {
  letter-spacing: 2px !important;
}
html.blind-version__theme-dark body {
  background-color: #171717;
  color: #fff;
}
html.blind-version__theme-dark .top-header {
  background: #000;
}
html.blind-version__theme-dark .top-header .change-view {
  background-color: #333;
}
html.blind-version__theme-dark .top-header .change-view-wrap .modal .modal__content {
  background-color: #000;
}
html.blind-version__theme-dark .top-header .change-view-wrap .modal .modal__content .change-view-correction-edit input {
  background-color: #000;
}
html.blind-version__theme-dark .main-header {
  background-color: #171717;
}
html.blind-version__theme-dark .main-header__block-for-listsearch .main-header__form__wrap .main-header__form-icon {
  background-color: transparent;
}
html.blind-version__theme-dark .main-header__block-for-listsearch .main-header__form__wrap .main-header__form-input {
  background-color: #333;
}
html.blind-version__theme-dark .main-header__block-for-listsearch .main-header__form__wrap .main-header__form-button {
  color: #fff;
}
html.blind-version__theme-dark .main-header .header-menu ul li a {
  color: #fff;
}
html.blind-version__theme-dark .main-header .header-menu ul li a:hover {
  color: #FF4374;
}
html.blind-version__theme-dark .main-header .header-menu .nav_submenu {
  background-color: #171717;
}
html.blind-version__theme-dark .main-header .header-menu .nav_submenu .subnav li a {
  color: #fff;
}
html.blind-version__theme-dark .main-header .header-menu .nav_submenu .subnav li a:hover {
  color: #FF4374;
}
html.blind-version__theme-dark .main-header .main-header-block.top {
  background-color: #171717;
}
html.blind-version__theme-dark .main-header .main-header-block .block-profile {
  background-color: #171717;
}
html.blind-version__theme-dark .main-header .main-header-block .block-profile-textblocks-headertext {
  color: #fff;
}
html.blind-version__theme-dark .main-header .main-header-block .block-profile-links-item a {
  color: #fff;
}
html.blind-version__theme-dark .main-header .main-header-block .mini-cart .mini-cart-wrap .mini-cart-inner {
  background-color: #000;
}
html.blind-version__theme-dark .main-header .main-header-block .mini-cart .mini-cart-wrap .mini-cart-inner .list .item-name a {
  color: #fff;
}
html.blind-version__theme-dark .main-header .main-header-block .block-login .block-login-main {
  background-color: #171717;
}
html.blind-version__theme-dark .main-header .main-header-block .block-login .block-login-main-nav-item {
  color: #fff;
}
html.blind-version__theme-dark .main-header .main-header-block .block-login .block-login-main-nav-item__is-active {
  color: #22A7D1;
}
html.blind-version__theme-dark .all-site-menu-back {
  background-color: #171717;
}
html.blind-version__theme-dark .all-site-menu-back .screen-grad-top {
  background: linear-gradient(to bottom, rgb(23, 23, 23) 0%, rgba(23, 23, 23, 0.8) 50%, transparent 100%);
}
html.blind-version__theme-dark .all-site-menu-back .screen-grad-bottom {
  background: linear-gradient(to top, rgb(23, 23, 23) 0%, rgba(23, 23, 23, 0.8) 50%, transparent 100%);
}
html.blind-version__theme-dark .all-site-menu-block ul li a {
  color: #fff !important;
}
html.blind-version__theme-dark .all-site-menu-block-endline .all-site-menu-link {
  color: #fff !important;
}
html.blind-version__theme-dark .all-site-menu-grid ul li a {
  color: #fff !important;
}
html.blind-version__theme-dark .block-title {
  color: #fff;
}
html.blind-version__theme-dark .products-list-item .products-item {
  background-color: #000;
}
html.blind-version__theme-dark .products-list-item .products-item .products-item-name a {
  color: #fff;
}
html.blind-version__theme-dark .products-list-item .products-item .product-page-content-price .price-big {
  color: #fff;
}
html.blind-version__theme-dark .products-list-item .products-item .products-item-container-bottom-description {
  color: #fff;
}
html.blind-version__theme-dark .catalog-page-nav .catalog-page-nav-link, html.blind-version__theme-dark .catalog-page-nav .catalog-page-nav-active-link {
  color: #fff;
}
html.blind-version__theme-dark .top-page-nav .top-page-nav-link, html.blind-version__theme-dark .top-page-nav .top-page-nav-active-link {
  color: #fff;
}
html.blind-version__theme-dark .catalog-page-list-filters-catalog {
  background-color: #000;
}
html.blind-version__theme-dark .catalog-page-list-filters-catalog .filter-item .filters-block-title {
  color: #fff;
}
html.blind-version__theme-dark .catalog-page-list-filters-catalog .filter-item .filter-block-content .filters-checkbox-item .filters-checkbox + label:before {
  background-color: #fff;
}
html.blind-version__theme-dark .catalog-page-list-filters-catalog .filter-item .filter-block-content .filters-checkbox-item label span {
  color: #fff;
}
html.blind-version__theme-dark .product-page-main .product-page-content {
  background-color: #000;
}
html.blind-version__theme-dark .product-page-main .product-page-content-header {
  color: #fff;
}
html.blind-version__theme-dark .product-page-main .product-page-content-left-block-share {
  color: #fff;
}
html.blind-version__theme-dark .product-page-main .product-page-content-props .item p {
  color: #fff;
}
html.blind-version__theme-dark .product-page-main .product-page-content-price .price-big {
  color: #fff;
}
html.blind-version__theme-dark .product-page-main .product-page-content .product-page-list-control {
  color: #fff;
}
html.blind-version__theme-dark .product-page-main .product-page-content .product-page-list-ex {
  color: #fff;
}
html.blind-version__theme-dark .product-page-reviews-item {
  background-color: #000;
}
html.blind-version__theme-dark .product-page-reviews-item-profile-name {
  color: #fff;
}
html.blind-version__theme-dark .product-page-reviews-item-text {
  color: #fff;
}
html.blind-version__theme-dark .product-page-reviews-item-toggle-title {
  color: #fff;
}
html.blind-version__theme-dark .home-page-slider .home-slider-item {
  background-color: #000;
}
html.blind-version__theme-dark .home-page-present .home-page-present-content {
  background: url(/images/people/girl-with-man.png), #000;
  background-repeat: no-repeat;
  background-position: bottom right;
}
html.blind-version__theme-dark .home-page-worries-item {
  color: #fff;
  background-color: #000;
}
html.blind-version__theme-dark .home-page-worries-item-image {
  background-color: transparent;
}
html.blind-version__theme-dark .cart-layout-content {
  background-color: #000;
}
html.blind-version__theme-dark .cart-layout-content-title {
  color: #fff;
}
html.blind-version__theme-dark .cart-layout-content-products-item {
  background-color: #171717;
}
html.blind-version__theme-dark .cart-layout-content-products-item-textblock-name {
  color: #fff;
}
html.blind-version__theme-dark .cart-layout-content-products-item-price_price {
  color: #fff;
}
html.blind-version__theme-dark .cart-layout-content .bottom-block .total {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-total-title {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-total .cart-list .item p {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-total .cart-total p {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-total-policy label {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-total-policy label a {
  color: #22A7D1;
}
html.blind-version__theme-dark .ordering-layout-content {
  background-color: #000;
}
html.blind-version__theme-dark .ordering-layout-content-title {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-content-data-block span:not(.input-error) {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-content-out-select-text {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-content-pay-email-check label {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-content-pay-email-input-text {
  color: #fff;
}
html.blind-version__theme-dark .ordering-layout-content-pay-bottom-price-sum {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .block-profile-textblocks-headertext {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .block-profile-links-item a {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .block-profile-links-item a:hover {
  color: #22A7D1;
}
html.blind-version__theme-dark .profile-layout .block-profile-links-item.active a {
  color: #22A7D1;
}
html.blind-version__theme-dark .profile-layout .block-profile-support-title {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .block-profile-support-link a {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .block-profile-support-link a:hover {
  color: #22A7D1;
}
html.blind-version__theme-dark .profile-layout .profile-content .profile-data {
  background-color: #000;
}
html.blind-version__theme-dark .profile-layout .profile-content .profile-orders {
  background-color: #000;
}
html.blind-version__theme-dark .profile-layout .profile-content .profile-orders-nav-link {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .profile-orders-nav-link-active {
  color: #22A7D1;
}
html.blind-version__theme-dark .profile-layout .profile-content .profile-orders-item-number {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .profile-orders-item-number:hover {
  color: #22A7D1;
}
html.blind-version__theme-dark .profile-layout .profile-content .profile-orders-item-price {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .customer-order-single .sale-section .sale {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .customer-order-single .order-list .secton-title {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .customer-order-single .order-list .section-content .table thead th {
  color: #fff;
  background: transparent;
}
html.blind-version__theme-dark .profile-layout .profile-content .customer-order-single .order-list .section-content .table tbody td {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .customer-order-single .order-list .section-content .totals tbody td {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .customer-order-single .order-total .box-title {
  color: #fff !important;
}
html.blind-version__theme-dark .profile-layout .profile-content .customer-order-single .order-total .box-content {
  color: #fff !important;
}
html.blind-version__theme-dark .profile-layout .profile-content .account-table-content .empty-address h4 {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .account-table-content .address-card {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .account-table-content .address-card .inner {
  background-color: #171717;
}
html.blind-version__theme-dark .profile-layout .profile-content .account-table-content .address-card .bold {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .review-list .list .item .product-name a {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .review-list .list .item .product-name a:hover {
  color: #22A7D1;
}
html.blind-version__theme-dark .profile-layout .profile-content .review-list .list .item .stars .star-icon {
  background-image: url(/images/star.svg);
}
html.blind-version__theme-dark .profile-layout .profile-content .wishlist-item-card .title h4 {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .wishlist-item-card .stars .star-icon {
  background-image: url(/images/star.svg);
}
html.blind-version__theme-dark .profile-layout .profile-content .comparison-component .compare-products td {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .comparison-component .compare-products td a {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .comparison-component .compare-products td a:hover {
  color: #22A7D1;
}
html.blind-version__theme-dark .profile-layout .profile-content .comparison-component .compare-products td h4 {
  color: #fff;
}
html.blind-version__theme-dark .profile-layout .profile-content .comparison-component .compare-products td .product-page-content-price .price-big {
  color: #fff;
}
html.blind-version__theme-dark .auth-content .sign-up-text {
  color: #fff;
}
html.blind-version__theme-dark .auth-content .login-form {
  background-color: #000;
}
html.blind-version__theme-dark .switcher-wrap span {
  color: #fff;
}
html.blind-version__theme-dark .footer {
  background: #000;
}
html.blind-version__theme-dark .footer .footer-middle-content-social-item {
  background-color: #333;
}
html.blind-version__theme-dark .cart-select-delivery {
  background-color: #171717;
}
html.blind-version__theme-dark .cart-add_address {
  background-color: #171717;
}
html.blind-version__theme-dark .cart-select-point {
  background-color: #171717;
}
html.blind-version__theme-dark .cart-select-point-header .cart-select-point_title {
  color: #fff;
}
html.blind-version__theme-dark .cart-select-point-content-menu .map-menu-item {
  background-color: #000;
}
html.blind-version__theme-dark .cart-select-point-content-menu-grad.top {
  background: linear-gradient(180deg, rgb(23, 23, 23) 50%, transparent 100%);
}
html.blind-version__theme-dark .cart-select-point-content-menu-grad.bottom {
  background: linear-gradient(0deg, rgb(23, 23, 23) 50%, transparent 100%);
}
html.blind-version__theme-dark .contact-page-wrapper .contact-page-support-block a {
  color: #fff;
}
html.blind-version__theme-dark .contact-page-wrapper .contact-page-support-text {
  color: #fff;
}
html.blind-version__theme-dark .contact-page-wrapper .contact-page-right .contact-page-office-local-title {
  color: #fff;
}
html.blind-version__theme-dark .contact-page-wrapper .contact-page-right .contact-page-office-address {
  color: #fff;
}
html.blind-version__theme-dark .contact-page-wrapper .contact-page-right .contact-page-form-block span {
  color: #fff;
}
html.blind-version__theme-dark .document-page-wrapper {
  background-color: #000;
}
html.blind-version__theme-dark .document-page-wrapper .document-page-title {
  color: #fff;
}
html.blind-version__theme-dark .document-page-wrapper .content-area p {
  color: #fff;
}
html.blind-version__theme-dark .document-page-wrapper .content-area ul li, html.blind-version__theme-dark .document-page-wrapper .content-area ol li {
  color: #fff;
}
html.blind-version__theme-dark .document-page-wrapper .content-area h2 {
  color: #fff;
}
html.blind-version__theme-dark .about-page-topblock {
  background-color: #000;
}
html.blind-version__theme-dark .about-page-topblock-title {
  color: #fff;
}
html.blind-version__theme-dark .about-page-topblock-text {
  color: #fff;
}
html.blind-version__theme-dark .about-page .home-page-present-content {
  background: url(/images/people/girl-with-man.png), #000;
  background-repeat: no-repeat;
  background-position: bottom right;
}
html.blind-version__theme-dark .about-page .about-page-inner-item {
  background-color: #000;
}
html.blind-version__theme-dark .about-page-licenses {
  background-color: #000;
}
html.blind-version__theme-dark .about-page-licenses .title-text {
  color: #fff;
}
html.blind-version__theme-dark .about-page-licenses-inner-item {
  background-color: #171717;
}
html.blind-version__theme-dark .about-page-licenses-inner-item-name {
  color: #fff;
}
html.blind-version__theme-dark .about-page-requisites {
  background-color: #000;
}
html.blind-version__theme-dark .about-page-requisites-header .title-text {
  color: #fff;
}
html.blind-version__theme-dark .about-page-requisites-header-link {
  color: #fff;
}
html.blind-version__theme-dark .about-page-requisites-block-title {
  color: #fff;
}
html.blind-version__theme-dark .about-page-requisites-block-text {
  color: #fff;
}
html.blind-version__theme-dark .map-page-content-nav-item {
  color: #fff;
}
html.blind-version__theme-dark .map-page-content-nav-item.is-active {
  color: #22A7D1;
}
html.blind-version__theme-dark .map-page-content-menu-grad.top {
  background: linear-gradient(180deg, #171717 0%, #171717 50%, rgba(248, 248, 248, 0) 100%);
}
@media only screen and (max-width: 991px) {
  html.blind-version__theme-dark .map-page-content-menu-grad.top {
    background: linear-gradient(90deg, #171717 0%, #171717 50%, rgba(248, 248, 248, 0) 100%);
  }
}
html.blind-version__theme-dark .map-page-content-menu-grad.bottom {
  background: linear-gradient(0deg, #171717 0%, #171717 50%, rgba(248, 248, 248, 0) 100%);
}
@media only screen and (max-width: 991px) {
  html.blind-version__theme-dark .map-page-content-menu-grad.bottom {
    background: linear-gradient(-90deg, #171717 0%, #171717 50%, rgba(248, 248, 248, 0) 100%);
  }
}
html.blind-version__theme-dark .map-page-content-menu .map-menu-item {
  background-color: #000;
}
html.blind-version__theme-dark .map-page-content-menu .map-menu-item .map-menu-left-name {
  color: #fff;
}
html.blind-version__theme-dark .map-page-content-menu .map-menu-item .map-menu-left-phone {
  color: #fff;
}
html.blind-version__theme-dark .error-page .error-block {
  background: url(/images/error.svg), #000;
  background-repeat: no-repeat;
  background-position: 92% center;
  background-size: 140px, contain;
}
@media only screen and (max-width: 767px) {
  html.blind-version__theme-dark .error-page .error-block {
    background: #000;
  }
}
html.blind-version__theme-dark .help-bonus-page-wrapper {
  background-color: #000;
}
html.blind-version__theme-dark .help-bonus-page-wrapper-title {
  color: #fff;
}
html.blind-version__theme-dark .help-bonus-page-wrapper-item {
  color: #fff;
}
html.blind-version__theme-dark .help-page-inner-item {
  color: #fff;
  background-color: #000;
}
html.blind-version__theme-dark .help-page-inner-item.is-active {
  background-color: #22A7D1;
}
html.blind-version__theme-dark .help-page-bottom {
  background: #000;
}
html.blind-version__theme-dark .partners-page-inner-item {
  background-color: #000;
}
html.blind-version__theme-dark .partners-page-inner-item-text {
  color: #fff;
}
html.blind-version__theme-dark .partners-page-content-left-block-link {
  color: #fff;
}
html.blind-version__theme-dark .partners-page-content-left-text {
  color: #fff;
}
html.blind-version__theme-dark .partners-page-content-right .contact-page-form-block span {
  color: #fff;
}
html.blind-version__no-image img {
  display: none !important;
}
html.blind-version__no-image .home-page-present-content {
  background: #eee;
}
html.blind-version__no-image .home-page-present-content .block-title {
  color: #171717;
}
html.blind-version__no-image .home-page-present-content .home-page-present-text {
  color: #171717;
}
html.blind-version__no-image .home-page-present-content .home-page-present-text span {
  color: #171717;
}
html.blind-version__discolor {
  mix-blend-mode: luminosity !important;
  filter: grayscale(1) !important;
}

.vm--container {
  padding: 50px 0;
}

.vm--overlay {
  background-color: rgba(23, 23, 23, 0.7) !important;
}

.vm--modal {
  background-color: transparent !important;
  border-radius: 0px !important;
  box-shadow: none !important;
}
@media only screen and (max-width: 900px) {
  .vm--modal {
    width: 100% !important;
    max-width: 490px;
    left: 0 !important;
    right: 0 !important;
    margin: auto;
    padding: 0 15px;
  }
}
.vm--modal .modal-wrap {
  position: relative;
}
.vm--modal .modal-wrap .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  border-radius: 48px;
  border: none;
  background: url("/images/close-white.svg") no-repeat center #FF4374;
  background-size: 20px;
  cursor: pointer;
  transition: 0.2s ease;
}
@media only screen and (max-width: 575px) {
  .vm--modal .modal-wrap .modal-close {
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background-size: 17px;
  }
}
.vm--modal .modal-wrap .modal-close:hover {
  background-color: #ff2a61;
}
.vm--modal .modal-wrap .modal-content-block {
  position: relative;
  border-radius: 30px;
  background-color: transparent;
  margin: 0 auto;
}
.vm--modal .modal-wrap .modal-content-block-inner {
  position: relative;
  padding: 50px;
  background-color: #fff;
  border-radius: 30px;
  margin: 0 auto;
}
@media only screen and (max-width: 575px) {
  .vm--modal .modal-wrap .modal-content-block-inner {
    padding: 55px 30px 30px 30px;
  }
}
.vm--modal .modal-wrap .modal-content-block-title {
  margin-bottom: 60px;
}
@media only screen and (max-width: 575px) {
  .vm--modal .modal-wrap .modal-content-block-title {
    margin-bottom: 40px;
  }
}
.vm--modal .modal-wrap .modal-content-block-title h4 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0;
}
@media only screen and (max-width: 575px) {
  .vm--modal .modal-wrap .modal-content-block-title h4 {
    font-size: 18px;
  }
}
.vm--modal .modal-wrap .common-form .form-group {
  margin-bottom: 30px;
}
.vm--modal .modal-wrap .common-form .form-group span {
  display: block;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.vm--modal .modal-wrap .common-form .form-group span em {
  font-style: normal;
}
.vm--modal .modal-wrap .common-form .form-group span em.blue {
  color: #22A7D1;
}
.vm--modal .modal-wrap .common-form .form-group span em.gray {
  color: #BDBDBD;
}
.vm--modal .modal-wrap .common-form .form-group span.bottom-label {
  margin: 15px 0 0 0;
}
.vm--modal .modal-wrap .common-form .form-group span.bottom-label.error {
  color: #FF4374;
}
.vm--modal .modal-wrap .common-form .form-group span.send-code {
  display: inline-block;
  margin: 15px 0 0 0;
}
.vm--modal .modal-wrap .common-form .form-group span.send-code i {
  font-size: 14px;
  line-height: 1.2;
  color: #171717;
  font-style: normal;
  border-bottom: 1px solid #171717;
  transition: 0.2s ease;
  cursor: pointer;
}
.vm--modal .modal-wrap .common-form .form-group span.send-code i:hover {
  color: #22A7D1;
  border-bottom-color: #22A7D1;
}
.vm--modal .modal-wrap .common-form .form-group .input-text-template-block {
  position: relative;
}
.vm--modal .modal-wrap .common-form .form-group .input-text-template-block .show-password {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 20px;
  height: 22px;
  margin: auto;
  background: url("/images/eye-close-blue.svg") no-repeat center;
  background-size: 80%;
  cursor: pointer;
}
.vm--modal .modal-wrap .common-form .form-group .input-text-template-block .show-password.is-open {
  background-image: url("/images/eye-open-blue.svg");
}
.vm--modal .modal-wrap .common-form .submit {
  min-width: 140px;
  justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  height: 50px;
  padding: 0 45px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1;
}
.vm--modal .modal-wrap .common-form-botton {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 575px) {
  .vm--modal .modal-wrap .common-form-botton {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 575px) {
  .vm--modal .modal-wrap .common-form-botton .submit {
    width: 100%;
  }
}
.vm--modal .modal-wrap .common-form-botton .submit.is-disabled {
  opacity: 0.7;
  pointer-events: none;
}
.vm--modal .modal-wrap .common-form-botton .links > a, .vm--modal .modal-wrap .common-form-botton .links > span {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 10px;
  color: #BDBDBD;
  transition: 0.2s ease;
  cursor: pointer;
}
.vm--modal .modal-wrap .common-form-botton .links > a:last-child, .vm--modal .modal-wrap .common-form-botton .links > span:last-child {
  margin-bottom: 0;
}
.vm--modal .modal-wrap .common-form-botton .links > a:hover, .vm--modal .modal-wrap .common-form-botton .links > span:hover {
  color: #22A7D1;
}
.vm--modal .modal-wrap .common-form-botton .link-back {
  flex: 1;
  justify-content: center;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .vm--modal .modal-wrap .common-form-botton .link-back {
    margin-top: 15px;
  }
}
.vm--modal .modal-wrap .common-form-botton .link-back span {
  font-size: 14px;
  line-height: 1.1;
  margin-bottom: 10px;
  color: #171717;
  transition: 0.2s ease;
  margin-bottom: 0;
  border-bottom: 1px solid #171717;
  cursor: pointer;
}
.vm--modal .modal-wrap .common-form-botton .link-back span:hover {
  color: #22A7D1;
  border-bottom-color: #22A7D1;
}
.vm--modal .modal-wrap .common-form-botton .custom-checkbox-group {
  width: 100%;
  margin-top: 40px;
}
.vm--modal .modal-wrap .common-form-botton .custom-checkbox-group .custom-checkbox {
  margin-bottom: 20px;
}
.vm--modal .modal-wrap .common-form-botton .custom-checkbox-group .custom-checkbox:last-child {
  margin-bottom: 0;
}
.vm--modal .modal-wrap .common-form-botton .custom-checkbox-group .custom-checkbox span {
  font-size: 12px;
  color: #BDBDBD;
}
.vm--modal .modal-wrap .common-form-botton .bottom-label {
  font-size: 14px;
  line-height: 1.2;
  margin: 15px 0 0 0;
}
.vm--modal .modal-wrap .common-form-botton .bottom-label.error {
  color: #FF4374;
}
.vm--modal .modal-wrap .common-form .gray-text {
  font-size: 10px;
  line-height: 1.3;
  color: #BDBDBD;
  margin-top: 30px;
}
.vm--modal .modal-wrap .common-form .gray-text a {
  color: #BDBDBD;
  text-decoration: underline;
}
.vm--modal .modal-wrap .common-form .gray-text a:hover {
  text-decoration: none;
}

div[data-modal=modal-auth] + .vm--modal .modal-content-block-inner {
  width: 460px;
}
@media only screen and (max-width: 575px) {
  div[data-modal=modal-auth] + .vm--modal .modal-content-block-inner {
    width: 100%;
  }
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block-type-nav {
  display: flex;
  margin-bottom: 60px;
}
@media only screen and (max-width: 575px) {
  div[data-modal=modal-auth] + .vm--modal .modal-content-block-type-nav {
    margin-bottom: 40px;
  }
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block-type-nav span {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin-right: 90px;
  transition: 0.2s ease;
  border-bottom: 2px solid #171717;
  cursor: pointer;
}
@media only screen and (max-width: 575px) {
  div[data-modal=modal-auth] + .vm--modal .modal-content-block-type-nav span {
    font-size: 18px;
    margin-right: 30px;
  }
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block-type-nav span:last-child {
  margin-right: 0;
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block-type-nav span.is-active {
  color: #22A7D1;
  border-bottom-color: transparent;
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block .modal-content-block-loyalty {
  padding: 60px 30px;
  min-height: 500px;
  background: url("/images/back_girl_login.svg") no-repeat right bottom;
  background-size: 90%;
}
@media only screen and (max-width: 900px) {
  div[data-modal=modal-auth] + .vm--modal .modal-content-block .modal-content-block-loyalty {
    display: none;
  }
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block .modal-content-block-loyalty .text h4 {
  font-size: 28px;
  line-height: 1.3;
  font-family: "Gill Sans", "Gill Sans MT", "Calibri", "Trebuchet MS", sans-serif;
  color: #fff;
  margin: 0 0 25px 0;
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block .modal-content-block-loyalty .text .btn-blue {
  background-color: #fff;
  color: #22A7D1;
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block.is-wide-form {
  display: flex;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
}
@media only screen and (max-width: 900px) {
  div[data-modal=modal-auth] + .vm--modal .modal-content-block.is-wide-form {
    width: 100%;
    max-width: 460px;
  }
}
@media only screen and (max-width: 900px) {
  div[data-modal=modal-auth] + .vm--modal .modal-content-block.is-wide-form .modal-close {
    z-index: 2;
  }
}
div[data-modal=modal-auth] + .vm--modal .modal-content-block.is-wide-form .modal-content-block-loyalty {
  width: 440px;
}

div[data-modal=modal-select-region] + .vm--modal .modal-content-block-inner {
  padding: 40px 50px 50px 50px;
  background: linear-gradient(180deg, #167695 -21.23%, #22A7D1 120.57%);
}
@media only screen and (max-width: 440px) {
  div[data-modal=modal-select-region] + .vm--modal .modal-content-block-inner {
    padding: 40px 30px 50px 30px;
  }
}
div[data-modal=modal-select-region] + .vm--modal .modal-content-block h4 {
  font-size: 20px;
  line-height: 1.2;
  font-family: "Gill Sans", "Gill Sans MT", "Calibri", "Trebuchet MS", sans-serif;
  color: #fff;
  margin: 0 0 50px 0;
}
div[data-modal=modal-select-region] + .vm--modal .modal-content-block .selectize-border-blue {
  margin-bottom: 30px;
}
div[data-modal=modal-select-region] + .vm--modal .modal-content-block .selectize-border-blue .selectize-input {
  border: none;
}
div[data-modal=modal-select-region] + .vm--modal .modal-content-block .selectize-border-blue .selectize-dropdown-content {
  max-height: 110px;
}
div[data-modal=modal-select-region] + .vm--modal .modal-content-block .btn-dft {
  min-width: 190px;
  justify-content: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  border: none;
  height: 50px;
  padding: 0 30px;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.1;
  background-color: #fff;
  color: #22A7D1;
}

div[data-modal=modal-new-question] + .vm--modal .modal-content-block .common-form .form-group-set {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
div[data-modal=modal-new-question] + .vm--modal .modal-content-block .common-form .form-group-set .form-group {
  width: calc(50% - 10px);
}
@media only screen and (max-width: 900px) {
  div[data-modal=modal-new-question] + .vm--modal .modal-content-block .common-form .form-group-set .form-group {
    width: 100%;
  }
}
div[data-modal=modal-new-question] + .vm--modal .modal-content-block .common-form .form-group-set .form-group.wide {
  width: 100%;
}
div[data-modal=modal-new-question] + .vm--modal .modal-content-block .common-form .form-group-set .form-group textarea {
  resize: none;
  min-height: 160px;
}