/* Start:/local/templates/palas/css/optimization/catalog.css?1747905428171921*/

.filter-left {
  height: 100%;
  width: 100%;
  max-height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: #f9fafb;
  border-right: 1px solid #c4d0d7;
  position: relative
}

@media screen and (max-width: 1440px) {
  .filter-left {
    width: calc(100% - var(--sidebarSmallWidth))
  }
}

@media screen and (max-width: 1024px) {
  .filter-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 35px 25px 0
  }
}

@media screen and (max-width: 1024px) and (max-width: 600px) {
  .filter-left {
    padding: 0;
    opacity: 0
  }
}

@media screen and (max-width: 1024px) {
  .filter-left.filter-open {
    -webkit-transform: translateX(125%);
    -ms-transform: translateX(125%);
    transform: translateX(125%)
  }
}

@media screen and (max-width: 1024px) and (max-width: 600px) {
  .filter-left.filter-open {
    opacity: 1
  }
}

@media screen and (max-width: 1024px) {
  .filter-left:not(.filter-open) .filter-left__group-popup {
    display: none
  }
}

.filter-left__main {
  position: relative;
  height: 100%;
  overflow: visible !important;
  padding-bottom: calc(100vw / (var(--vwIdth) / 45))
}

@media screen and (max-width: 1024px) {
  .filter-left__main {
    padding-bottom: calc(100vw / (var(--vwIdth) / 100))
  }
}

@media screen and (max-width: 600px) {
  .filter-left__overflow {
    padding: 35px 25px 0;
    overflow: hidden auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
  }
}

.filter-left__close {
  position: absolute;
  top: -25px;
  right: -15px;
  width: 25px;
  height: 25px;
  padding: 5px;
  z-index: 2
}

@media screen and (max-width: 600px) {
  .filter-left__close {
    top: 0;
    right: 0
  }
}

@media screen and (min-width: 1025px) {
  .filter-left__close {
    display: none
  }
}

.filter-left__close .icon {
  width: 100%;
  height: 100%
}

.filter-left__tittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 30));
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 115%;
  border-bottom: 1px solid #c4d0d7;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15))
}

.filter-left__group {
  position: relative;
  padding: calc(100vw / (var(--vwIdth) / 10)) 0;
  text-align: center;
  z-index: 1;
  border-bottom: 1px solid #c4d0d7;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media screen and (max-width: 600px) {
  .filter-left__group {
    padding: calc(100vw / (var(--vwIdth) / 10)) 0 calc(100vw / (var(--vwIdth) / 15))
  }
}

.filter-left__group-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100vw / (var(--vwIdth) / 10));
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.filter-left__group-arrow .icon {
  width: 100%;
  height: 100%;
  fill: #2a0e72;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (hover: hover) {
  .filter-left__group-arrow:hover .icon {
    opacity: 0.75
  }
}

.filter-left__group-tittle {
  margin-bottom: calc(100vw / (var(--vwIdth) / 5));
  padding: 0 calc(100vw / (var(--vwIdth) / 15)) 0 calc(100vw / (var(--vwIdth) / 25));
  font-weight: 600;
  font-size: .875rem;
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #241e35;
  position: relative;
  text-align: left;
  z-index: 1
}

.filter-left__group-tittle-group {
  position: relative;
  cursor: pointer;
  padding-right: calc(100vw / (var(--vwIdth) / 15));
  font-size: calc(100vw / (var(--vwIdth) / 14));
}

.filter-left__group-tittle-group.open .filter-left__group-arrow .icon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.filter-left__group-tittle .tooltipe {
  position: absolute !important;
  left: calc(100vw / (var(--vwIdth) / 5));
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (min-width: 1025px) {
  .filter-left__group-tittle .filter-left__tooltipe {
    opacity: 1;
    visibility: visible
  }
}

.filter-left__group-result {
  font-weight: normal;
  float: right;
  color: #8f8e91;
  font-size: 0.7rem
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .filter-left__group-result {
    width: 100%;
    float: unset
  }
}

.filter-left__group-content {
  padding: 0 calc(100vw / (var(--vwIdth) / 15)) 0 calc(100vw / (var(--vwIdth) / 25));
  position: relative
}

.filter-left__group-content--shape ul {
  width: calc(100% + 5px);
  margin: 0 -5px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.filter-left__group-content--shape li {
  width: calc(33.33% - 5px);
  margin: 0 5px 5px 0
}

.filter-left__group-content--color ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width: 600px) {
  .filter-left__group-content--color ul {
    margin-bottom: 0
  }
}

.filter-left__group-content--color ul li {
  width: 20%;
  padding: calc(100vw / (var(--vwIdth) / 5))
}

@media screen and (max-width: 600px) {
  .filter-left__group-content--color ul li {
    width: calc(100% / 8)
  }
}

@media screen and (hover: hover) {
  .filter-left__group-content--color ul li:hover .filter-left__group-info, .filter-left__group-content--color ul li:hover .filter-left__group-color-item::after {
    opacity: 1;
    visibility: visible
  }
}

.filter-left__group-content.js-scroll-y {
  overflow: auto;
  max-height: 16vh
}

@media screen and (max-width: 1024px) {
  .filter-left__group-content.js-scroll-y {
    max-height: unset
  }
}

.filter-left__group-content input[type='checkbox'] {
  display: none
}

.filter-left__group-content input[type='checkbox']:checked + .checkbox {
  background: #2a0e72 !important
}

.filter-left__group-content input[type='checkbox']:checked + .checkbox:after {
  border-color: #fff;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(-50deg);
  -ms-transform: translate(-50%, -50%) rotate(-50deg);
  transform: translate(-50%, -50%) rotate(-50deg)
}

.filter-left__group-content input[type='checkbox']:checked + .filter-left__group-shape-item {
  border-color: #2a0e72
}

.filter-left__group-content input[type='checkbox']:checked + .filter-left__group-shape-item .icon {
  fill: #2a0e72
}

.filter-left__group-content input[type='checkbox']:checked + .filter-left__group-color-item {
  border-color: #1792d4
}

.filter-left__group-content input[type='checkbox']:checked ~ .filter-left__group-text {
  color: #2a0e72
}

.filter-left__group-content .checkbox {
  display: inline-block;
  margin: 0 calc(100vw / (var(--vwIdth) / 10)) 0 0;
  width: calc(100vw / (var(--vwIdth) / 15));
  height: calc(100vw / (var(--vwIdth) / 15));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 2));
  border-radius: calc(100vw / (var(--vwIdth) / 2));
  border: 1px solid #a3a3a3;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (min-width: 1921px) {
  .filter-left__group-content .checkbox {
    margin: 0 calc(100vw / (var(--vwIdth) / 10)) 0 0;
    width: calc(100vw / (var(--vwIdth) / 16));
    height: calc(100vw / (var(--vwIdth) / 16));
    -webkit-border-radius: calc(100vw / (var(--vwIdth) / 2));
    border-radius: calc(100vw / (var(--vwIdth) / 2))
  }
}

@media screen and (max-width: 1440px) {
  .filter-left__group-content .checkbox {
    margin-right: 5px
  }
}

.filter-left__group-content .checkbox::after {
  content: '';
  width: calc(100vw / (var(--vwIdth) / 7));
  height: calc(100vw / (var(--vwIdth) / 3));
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (min-width: 1921px) {
  .filter-left__group-content .checkbox::after {
    width: calc(100vw / (var(--vwIdth) / 8));
    height: calc(100vw / (var(--vwIdth) / 4))
  }
}

.filter-left__group-content ul li {
  margin-bottom: calc(100vw / (var(--vwIdth) / 5))
}

.filter-left__group-content ul li label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
  padding-left: calc(100vw / (var(--vwIdth) / 25));
  text-align: left
}

@media screen and (min-width: 1921px) {
  .filter-left__group-content ul li label {
    padding-left: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 1024px) {
  .filter-left__group-content ul li label {
    padding-left: calc(100vw / (var(--vwIdth) / 35))
  }
}

.filter-left__group-content ul li label .checkbox {
  position: absolute;
  left: 0;
  top: 1px
}

@media screen and (max-width: 600px) {
  .filter-left__group-content ul li.li--hidden {
    display: none
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .filter-left__group-content ul li:hover .checkbox {
    background: #e5e5e5
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .filter-left__group-content ul li:hover .filter-left__group-text {
    color: #2a0e72
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .filter-left__group-content ul li:hover .filter-left__group-text::after {
    width: 100%
  }
}

.filter-left__group-desc {
  display: inline-block
}

@media screen and (max-width: 1152px) {
  .filter-left__group-desc {
    max-width: calc(100% - toVw(25))
  }
}

.filter-left__group-color {
  padding: 0 !important;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.filter-left__group-color-item {
  border: 3px solid #e5e5e5;
  width: 100%;
  padding-top: calc(100% - 6px);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.filter-left__group-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (min-width: 601px) {
  .filter-left__group-sidebar {
    position: absolute;
    left: 100%;
    top: 0;
    padding: calc(100vw / (var(--vwIdth) / 20));
    background: #f9fafb;
    -webkit-box-shadow: 0px calc(100vw / (var(--vwIdth) / 4)) calc(100vw / (var(--vwIdth) / 15)) #d3dde2;
    box-shadow: 0px calc(100vw / (var(--vwIdth) / 4)) calc(100vw / (var(--vwIdth) / 15)) #d3dde2;
    -webkit-border-radius: calc(100vw / (var(--vwIdth) / 7));
    border-radius: calc(100vw / (var(--vwIdth) / 7));
    left: 90%
  }
}

@media screen and (max-width: 600px) {
  .filter-left__group-sidebar {
    display: none !important
  }
}

.filter-left__group-sidebar-btn {
  position: absolute;
  right: calc(100vw / (var(--vwIdth) / 20));
  top: 50%;
  width: calc(100vw / (var(--vwIdth) / 6));
  height: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer
}

@media screen and (max-width: 600px) {
  .filter-left__group-sidebar-btn {
    position: static;
    width: 100%;
    height: 15px;
    margin-top: 15px
  }
}

.filter-left__group-sidebar-btn .icon {
  width: 100%;
  height: 100%
}

@media screen and (max-width: 600px) {
  .filter-left__group-sidebar-btn .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

.filter-left__group-sidebar.active {
  left: 100%;
  opacity: 1;
  visibility: visible
}

@media screen and (max-width: 600px) {
  .filter-left__group-sidebar.active {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}

.filter-left__group-sidebar._bottom {
  bottom: 0;
  top: auto
}

.filter-left__group-info {
  position: absolute;
  left: 0;
  padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10));
  font-size: .875rem;
  line-height: 120%;
  color: #000;
  background: #fff;
  -webkit-box-shadow: 0 calc(100vw / (var(--vwIdth) / 4)) calc(100vw / (var(--vwIdth) / 4)) rgba(0, 0, 0, 0.25);
  box-shadow: 0 calc(100vw / (var(--vwIdth) / 4)) calc(100vw / (var(--vwIdth) / 4)) rgba(0, 0, 0, 0.25);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 4));
  border-radius: calc(100vw / (var(--vwIdth) / 4));
  white-space: nowrap;
  z-index: 1;
  top: 100%;
  opacity: 0;
  visibility: visible;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  pointer-events: none
}

@media screen and (max-width: 600px) {
  .filter-left__group-info {
    display: none
  }
}

.filter-left__group-text {
  position: relative;
  display: inline-block;
  font-size: calc(100vw / (var(--vwIdth) / 13));
  letter-spacing: 0.015em
}

.filter-left__group-text::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  border-bottom: 1px solid #2a0e72;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.filter-left__group-count {
  margin-left: calc(100vw / (var(--vwIdth) / 5));
  color: #8f8e91;
  font-size: calc(100vw / (var(--vwIdth) / 11.1));
}

.filter-left__group-count::before {
  content: '('
}

.filter-left__group-count::after {
  content: ')'
}

.filter-left__group-btn {
  width: 100%;
  margin-top: calc(100vw / (var(--vwIdth) / 10));
  padding: calc(100vw / (var(--vwIdth) / 5));
  font-size: calc(100vw / (var(--vwIdth) / 13.9));
  background: #fff;
  border: none;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  -webkit-transition: -webkit-box-shadow .3s ease-in-out;
  transition: -webkit-box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  cursor: pointer;
  color: #1792d4;
  position: relative
}

@media screen and (max-width: 1440px) {
  .filter-left__group-btn {
    font-size: calc(100vw / (var(--vwIdth) / 12));
  }
}

.filter-left__group-btn-wrap {
  position: relative
}

.filter-left__group-btn span {
  font-size: inherit;
  margin: 0 calc(100vw / (var(--vwIdth) / 2)) 0 0
}

.filter-left__group-btn span.hide {
  display: none
}

.filter-left__group-btn::after {
  content: '';
  position: absolute;
  right: calc(100vw / (var(--vwIdth) / 5));
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid #1792d4;
  border-right: 1px solid #1792d4;
  width: calc(100vw / (var(--vwIdth) / 5));
  height: calc(100vw / (var(--vwIdth) / 5));
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

@media screen and (hover: hover) {
  .filter-left__group-btn:hover {
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    -webkit-box-shadow: 0px 1px 4px rgba(192, 212, 223, 0.5);
    box-shadow: 0px 1px 4px rgba(192, 212, 223, 0.5)
  }

  .filter-left__group-btn:hover::after {
    border-color: #1792d4
  }
}

@media screen and (min-width: 601px) {
  .filter-left__group-popup {
    background: #fff;
    width: auto;
    padding: calc(100vw / (var(--vwIdth) / 25));
    position: absolute;
    left: 100%;
    top: calc(100vw / (var(--vwIdth) / -15));
    -webkit-box-shadow: 15px 1px 25px rgba(179, 197, 207, 0.75);
    box-shadow: 15px 1px 25px rgba(179, 197, 207, 0.75);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden
  }
}

@media screen and (max-width: 600px) {
  .filter-left__group-popup {
    display: none
  }
}

.filter-left__group-popup label {
  white-space: nowrap
}

.filter-left__group-popup.columns-3 ul {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3
}

@media screen and (max-width: 800px) {
  .filter-left__group-popup.columns-3 ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
  }
}

@media screen and (max-width: 600px) {
  .filter-left__group-popup.columns-3 ul {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1
  }
}

.filter-left__group-popup._bottom {
  bottom: 0;
  top: auto
}

.filter-left__group-shape {
  padding: 0 !important
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .filter-left__group-shape:hover .filter-left__group-shape-item {
    border-color: #2a0e72
  }
}

.filter-left__group-shape-item {
  width: 100%;
  padding-top: 88%;
  position: relative;
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.filter-left__group-shape-item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  max-width: 50%;
  max-height: calc(100% - 7px);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  fill: #dadada
}

.filter-left__group.active {
  z-index: 2
}

@media screen and (min-width: 601px) {
  .filter-left__group.active .filter-left__group-popup {
    opacity: 1;
    visibility: visible
  }
}

@media screen and (max-width: 600px) {
  .filter-left__group.active .filter-left__group-popup {
    display: block
  }

  .filter-left__group.active .filter-left__group-popup.filter-left__group-sidebar {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 1;
    visibility: visible
  }
}

.filter-left__group.active .hide {
  display: inline-block !important
}

.filter-left__group.active .show {
  display: none !important
}

.filter-left__group.extra-z {
  z-index: 2
}

@media screen and (hover: hover) {
  .filter-left__group:hover {
    background-color: #f0f7fb
  }

  .filter-left__group:hover .filter-left__group-tittle {
    color: #2a0e72
  }
}

.filter-left__tooltipe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: calc(100vw / (var(--vwIdth) / 14));
  height: calc(100vw / (var(--vwIdth) / 14));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #c4d0d7;
  top: 50%;
  left: calc(100vw / (var(--vwIdth) / 5));
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
  z-index: 1
}

.filter-left__tooltipe-content {
  display: none;
  position: absolute;
  width: calc((100vw - 45px - var(--sidebarLargeWidth)) / 2);
  background-color: #fff;
  left: 90%;
  top: calc(100vw / (var(--vwIdth) / -15));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 7));
  border-radius: calc(100vw / (var(--vwIdth) / 7));
  -webkit-box-shadow: 0px 4px 15px #d3dde2;
  box-shadow: 0px 4px 15px #d3dde2;
  color: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  margin-top: var(--offsetHeight)
}

@media screen and (max-width: 1440px) {
  .filter-left__tooltipe-content {
    width: calc((100vw - 30px - var(--sidebarLargeWidth)) / 2)
  }
}

@media screen and (max-width: 1024px) {
  .filter-left__tooltipe-content {
    width: calc(100vw - var(--sidebarMiddleWidth))
  }
}

@media screen and (max-width: 600px) {
  .filter-left__tooltipe-content {
    width: 100%;
    left: 0;
    top: 150%
  }

  .filter-left__tooltipe-content._revers {
    top: auto !important;
    bottom: 100% !important;
    margin-top: 0 !important
  }
}

.filter-left__tooltipe-content p {
  font-size: .875rem;
  line-height: 143%;
  color: #000
}

.filter-left__tooltipe-content::before {
  position: absolute;
  left: calc(100vw / (var(--vwIdth) / 0));
  top: calc(100vw / (var(--vwIdth) / 28));
  width: calc(100vw / (var(--vwIdth) / 16));
  height: calc(100vw / (var(--vwIdth) / 16));
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #fff;
  margin-top: calc(-1 * var(--offsetHeight));
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s
}

@media screen and (min-width: 601px) {
  .filter-left__tooltipe-content::before {
    content: ''
  }
}

.filter-left__tooltipe-content::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100vw / (var(--vwIdth) / 35));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64.72%, #fff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64.72%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64.72%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64.72%);
  z-index: 2;
  pointer-events: none
}

.filter-left__tooltipe-content[style='--offsetHeight: 0px']:after {
  opacity: 0
}

.filter-left__tooltipe-content.active {
  display: block;
  left: 100%;
  opacity: 1;
  visibility: visible
}

@media screen and (max-width: 600px) {
  .filter-left__tooltipe-content.active {
    left: 0;
    top: 100%
  }
}

.filter-left__tooltipe-scroll {
  max-height: calc(100vw / (var(--vwIdth) / 350));
  padding: calc(100vw / (var(--vwIdth) / 17)) 0 calc(100vw / (var(--vwIdth) / 17)) calc(100vw / (var(--vwIdth) / 22));
  overflow: hidden auto !important;
  font-weight: 400;
  font-size: .8125rem
}

@media screen and (max-width: 1024px) {
  .filter-left__tooltipe-scroll {
    padding-right: calc(100vw / (var(--vwIdth) / 22))
  }
}

@media screen and (max-width: 600px) {
  .filter-left__tooltipe-scroll {
    max-height: calc(100vw / (var(--vwIdth) / 200));
    overflow: auto !important
  }
}

.filter-left__tooltipe-scroll .mCSB_container {
  min-height: 100%
}

.filter-left__tooltipe-scroll .title {
  font-weight: bold;
  font-size: .875rem;
  color: #241e35
}

.filter-left__tooltipe-scroll p, .filter-left__tooltipe-scroll span, .filter-left__tooltipe-scroll a, .filter-left__tooltipe-scroll li {
  font-size: .8125rem;
  font-weight: 400
}

.filter-left__tooltipe-scroll li {
  margin-bottom: calc(100vw / (var(--vwIdth) / 10))
}

.filter-left__tooltipe .icon {
  width: 50%;
  height: 50%;
  fill: #c4d0d7;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

.filter-left__tooltipe.active {
  border-color: #241e35
}

.filter-left__tooltipe.active .icon {
  fill: #241e35
}

@media screen and (hover: hover) {
  .filter-left__tooltipe:hover {
    border-color: #241e35
  }

  .filter-left__tooltipe:hover .icon {
    fill: #241e35
  }
}

.filter-left--hide {
  -webkit-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  -ms-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px))
}

.filter-left__reset {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: calc(100vw / (var(--vwIdth) / 55));
  left: 0;
  bottom: 0;
  z-index: 1;
  height: calc(100vw / (var(--vwIdth) / 45));
  width: 100%;
  -webkit-box-shadow: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / -4)) calc(100vw / (var(--vwIdth) / 25)) #d3dde3;
  box-shadow: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / -4)) calc(100vw / (var(--vwIdth) / 25)) #d3dde3;
  background: #fff;
  overflow: hidden;
  z-index: 2;
  color: #2a0e72;
  font-size: .875rem
}

@media screen and (max-width: 1024px) {
  .filter-left__reset {
    height: calc(100vw / (var(--vwIdth) / 50));
    bottom: calc(100vw / (var(--vwIdth) / 50))
  }
}

.filter-left__reset-result {
  line-height: 100%;
  font-weight: 500;
  text-align: center
}

.filter-left__reset-cross {
  border: none;
  border-left: 1px solid #dedce3;
  cursor: pointer;
  width: calc(100vw / (var(--vwIdth) / 55));
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.filter-left__reset-cross::before, .filter-left__reset-cross::after {
  content: '';
  position: absolute;
  width: calc(100vw / (var(--vwIdth) / 20));
  height: 1px;
  background-color: #2a0e72;
  left: 50%;
  top: 50%;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  pointer-events: none
}

.filter-left__reset-cross::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.filter-left__reset-cross::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

@media screen and (hover: hover) {
  .filter-left__reset-cross:hover {
    border-color: #1792d4
  }

  .filter-left__reset-cross:hover::before, .filter-left__reset-cross:hover::after {
    background-color: #1792d4
  }
}

.filter-left__reset-button {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: 0;
  border: none;
  padding: 0;
  -webkit-transform: translate(100%);
  -ms-transform: translate(100%);
  transform: translate(100%);
  width: 100%;
  height: 100%;
  background-color: #d24c4e;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 1;
  font-size: inherit
}

@media screen and (hover: hover) {
  .filter-left__reset-button:hover {
    background-color: #f10003
  }
}

.filter-left__reset._ready .filter-left__reset-button {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%)
}

.filter-left::after {
  content: '';
  width: 100%;
  height: calc(100vw / (var(--vwIdth) / 150));
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 250, 251, 0)), to(#f9fafb));
  background: -webkit-linear-gradient(top, rgba(249, 250, 251, 0) 0%, #f9fafb 100%);
  background: -o-linear-gradient(top, rgba(249, 250, 251, 0) 0%, #f9fafb 100%);
  background: linear-gradient(180deg, rgba(249, 250, 251, 0) 0%, #f9fafb 100%);
  pointer-events: none
}

.filter-left .mCustomScrollBox {
  overflow: visible
}

.filter-left .mCSB_vertical .mCSB_container {
  margin: 0;
  overflow: visible;
  position: relative;
  z-index: 2
}

.filter-left .mCSB_vertical .mCSB_scrollTools_vertical,
.aside-wide .nav-menu__container .mCSB_vertical .mCSB_scrollTools_vertical {
  width: 0.157vw;
}

.filter-left .mCSB_dragger .mCSB_dragger_bar,
.aside-wide .mCSB_dragger .mCSB_dragger_bar {
  width: initial;
}

@media screen and (min-width: 1025px) {
  .filter-left .mCSB_vertical .mCSB_container {
    margin-right: calc(100vw / (var(--vwIdth) / 3))
  }
}

@media screen and (max-width: 1024px) {
  .filter-left .mCSB_vertical .mCSB_scrollTools_vertical {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
  }
}

.filter-left .btn-purple {
  position: fixed;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  bottom: 0px;
  z-index: 5;
  width: 100%
}

@media screen and (min-width: 1025px) {
  .filter-left .btn-purple {
    display: none
  }
}

@media screen and (max-width: 1024px) {
  .filter-left .btn-purple {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(100vw / (var(--vwIdth) / 50))
  }
}

.bx-filter-parameters-box {
  position: relative;
  z-index: 1
}

.bx-filter-parameters-box.extra-z {
  z-index: 2
}

@-moz-document url-prefix() {
  .filter-left__group-color-item {
    border: none;
    outline: 1.5px solid #e5e5e5;
    padding-top: 100%
  }
  @media screen and (max-width: 1024px) {
    .filter-left__group-color-item {
      outline: 2px solid #e5e5e5
    }
  }
  .filter-left__group-content input[type='checkbox']:checked + .filter-left__group-color-item {
    outline-color: #1792d4
  }
}

.filter-top {
  padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 20));
  background: #fff;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  position: relative;
  z-index: 3
}

@media screen and (max-width: 1024px) {
  .filter-top {
    z-index: 1000;
    padding: 0;
    background: transparent
  }
}

.filter-top__form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  z-index: 2
}

@media screen and (max-width: 1024px) {
  .filter-top__form {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (max-width: 600px) {
  .filter-top__form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

.filter-top__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

@media screen and (min-width: 1025px) {
  .filter-top__btn {
    display: none
  }
}

.filter-top__btn .icon {
  display: block;
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  fill: transparent;
  stroke: #fff;
  stroke-width: 2px;
  background: #1792d4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}

.filter-top__btn span {
  font-size: calc(100vw / (var(--vwIdth) / 16));
  margin-left: calc(100vw / (var(--vwIdth) / 10));
  font-weight: 500;
  color: #000
}

.filter-top__btn.fixed {
  position: fixed;
  margin: calc(100vw / (var(--vwIdth) / 15));
  bottom: calc(100vw / (var(--vwIdth) / 80));
  right: 0
}

@media screen and (max-width: 1024px) {
  .filter-top__btn.fixed {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .filter-top__btn.fixed {
    bottom: calc(100vw / (var(--vwIdth) / 140))
  }
}

.filter-top__btn.fixed.show-when-scroll-end {
  display: block
}

.filter-top__btn.fixed .icon {
  background: #f0f7fb;
  stroke: #2a0e72;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}

.filter-top__btn.fixed .icon circle {
  stroke: transparent
}

.filter-top__btn.fixed span {
  display: none
}

.filter-top__select {
  margin-right: calc(100vw / (var(--vwIdth) / 30));
  white-space: nowrap;
  font-size: .875rem
}

@media screen and (max-width: 1024px) {
  .filter-top__select {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (max-width: 600px) {
  .filter-top__select {
    width: calc(100% - 100px)
  }
}

.filter-top__select > span {
  margin-right: calc(100vw / (var(--vwIdth) / 10))
}

@media screen and (max-width: 600px) {
  .filter-top__select > span {
    display: none
  }
}

.filter-top__scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  overflow: auto hidden !important
}

.filter-top__scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
  -ms-overflow-style: none;
  scrollbar-width: none
}

@media screen and (max-width: 1024px) {
  .filter-top__scroll {
    display: none
  }
}

.filter-top__scroll .mCustomScrollBox {
  min-width: 100%
}

.filter-top__scroll-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width: 1025px) {
  .filter-top__scroll-list li:not(:last-of-type) {
    margin-right: calc(100vw / (var(--vwIdth) / 10))
  }
}

.filter-top__scroll-list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-width: calc(100vw / (var(--vwIdth) / 170));
  margin-bottom: 10px;
  padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10));
  margin: 0;
  font-size: .875rem;
  line-height: 100%;
  color: #241e35;
  background: #fff;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 10));
  border-radius: calc(100vw / (var(--vwIdth) / 10));
  cursor: pointer;
  border: 1px solid #e0e0e0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.filter-top__scroll-list a.active {
  border-color: #2a0e72;
  background-color: #2a0e72;
  color: #fff
}

@media screen and (hover: hover) {
  .filter-top__scroll-list a:hover {
    color: #fff;
    background-color: #2a0e72;
    border-color: #2a0e72
  }
}

@media screen and (min-width: 1921px) {
  .filter-top__scroll-list a {
    min-width: calc(100vw / (var(--vwIdth) / 170));
    font-size: calc(100vw / (var(--vwIdth) / 13));
    padding: calc(100vw / (var(--vwIdth) / 7)) calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (max-width: 1024px) {
  .filter-top__scroll-list a {
    width: 100%;
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 5px 10px 6px;
    font-size: 1rem
  }
}

@media screen and (max-width: 800px) {
  .filter-top__scroll-list a {
    padding: 10px
  }
}

@media screen and (max-width: 450px) {
  .filter-top__scroll-list a {
    padding: 5px 10px
  }
}

.filter-hash {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: calc(100vw / (var(--vwIdth) / 20)) 0 calc(100vw / (var(--vwIdth) / 10))
}

@media screen and (max-width: 800px) {
  .filter-hash {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.filter-hash__item {
  position: relative;
  display: inline-block;
  padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10));
  border: 1px solid #c4d0d7;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  -webkit-transition: -webkit-box-shadow .3s ease-in-out;
  transition: -webkit-box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  font-size: .875rem;
  color: #241e35;
  cursor: pointer
}

@media screen and (min-width: 1921px) {
  .filter-hash__item {
    font-size: calc(100vw / (var(--vwIdth) / 14))
  }
}

@media screen and (max-width: 800px) {
  .filter-hash__item {
    white-space: nowrap
  }
}

.filter-hash__item:not(:last-child) {
  margin: 0 0 calc(100vw / (var(--vwIdth) / 10)) 0
}

@media screen and (max-width: 800px) {
  .filter-hash__item:not(:last-child) {
    margin-right: calc(100vw / (var(--vwIdth) / 10))
  }
}

.filter-hash__item:not(:first-child) {
  margin: 0 0 calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 10))
}

@media screen and (max-width: 800px) {
  .filter-hash__item:not(:first-child) {
    margin-left: 0;
    margin-right: calc(100vw / (var(--vwIdth) / 10))
  }
}

.filter-hash__item._clear {
  margin-left: calc(100vw / (var(--vwIdth) / 10));
  background-color: #d0dce2
}

@media screen and (max-width: 800px) {
  .filter-hash__item._clear {
    margin-top: calc(100vw / (var(--vwIdth) / 10));
    margin-left: auto
  }
}

.filter-hash__item span {
  line-height: 100%
}

@media screen and (hover: hover) {
  .filter-hash__item:hover {
    -webkit-box-shadow: 0px 2px 4px rgba(192, 212, 223, 0.5);
    box-shadow: 0px 2px 4px rgba(192, 212, 223, 0.5)
  }

  .filter-hash__item:hover .filter-hash__delete {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
  }
}

.filter-hash__delete {
  position: absolute;
  top: 50%;
  right: calc(100vw / (var(--vwIdth) / 10));
  width: calc(100vw / (var(--vwIdth) / 10));
  height: calc(100vw / (var(--vwIdth) / 10));
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.filter-hash__delete::before, .filter-hash__delete::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #2a0e72
}

.filter-hash__delete::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.filter-hash__delete::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

@media screen and (max-width: 800px) {
  .filter-hash__list {
    width: 100%
  }
}

.pagination {
  position: fixed;
  bottom: calc(100vw / (var(--vwIdth) / 15));
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  -webkit-box-shadow: 0px 0px 30px rgba(199, 208, 212, 0.95);
  box-shadow: 0px 0px 30px rgba(199, 208, 212, 0.95);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 4));
  border-radius: calc(100vw / (var(--vwIdth) / 4));
  overflow: hidden;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media screen and (max-width: 600px) {
  .pagination {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    position: fixed;
    bottom: 0;
    left: 35px;
    width: calc(100% - 35px);
    height: 32px;
    -webkit-border-radius: 0;
    border-radius: 0
  }
}

.pagination__wrap .container {
  padding-top: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width: 1024px) {
  .pagination__wrap .container {
    padding-top: 15px
  }
}

@media screen and (max-width: 600px) {
  .pagination__wrap .container {
    padding: 0
  }
}

.pagination .icon {
  width: calc(100vw / (var(--vwIdth) / 10));
  height: calc(100vw / (var(--vwIdth) / 10));
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (max-width: 600px) {
  .pagination li {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (min-width: 601px) {
  .pagination li.active a {
    color: #1792d4
  }
}

@media screen and (max-width: 600px) {
  .pagination li.active a {
    background-color: #b8bbbd;
    color: #fff
  }
}

.pagination li:first-child {
  margin-right: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (min-width: 601px) {
  .pagination li:first-child {
    border-right: 1px solid #e2ecf1
  }
}

@media screen and (max-width: 600px) {
  .pagination li:first-child {
    margin-right: 0
  }
}

.pagination li:last-child {
  margin-left: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (min-width: 601px) {
  .pagination li:last-child {
    border-left: 1px solid #e2ecf1
  }
}

@media screen and (max-width: 600px) {
  .pagination li:last-child {
    margin: 0
  }
}

@media screen and (max-width: 600px) {
  .pagination li:not(:last-child) {
    border-right: 1px solid #e2ecf1
  }
}

.pagination a {
  padding: calc(100vw / (var(--vwIdth) / 15));
  line-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: #241e35
}

@media screen and (min-width: 1921px) {
  .pagination a {
    padding: calc(100vw / (var(--vwIdth) / 6)) calc(100vw / (var(--vwIdth) / 12))
  }
}

@media screen and (max-width: 600px) {
  .pagination a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (hover: hover) {
  .pagination a:hover {
    color: #1792d4
  }

  .pagination a:hover .icon {
    fill: #1792d4
  }
}

.scroll-top {
  position: absolute;
  display: none;
  right: 0%;
  bottom: 100%;
  margin: calc(100vw / (var(--vwIdth) / 15));
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f0f7fb;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 1;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

@media screen and (max-width: 600px) {
  .scroll-top {
    bottom: calc(100vw / (var(--vwIdth) / 80))
  }
}

.scroll-top .icon {
  width: 40%;
  height: 40%;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out;
  fill: #241e35
}

.scroll-top.show {
  opacity: 1;
  visibility: visible
}

.scroll-top.show-when-scroll-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width: 1024px) {
  aside {
    z-index: 8
  }
}

@media screen and (max-width: 600px) {
  aside {
    height: 100% !important
  }
}

@media screen and (max-width: 600px) {
  aside:not(.aside-wide) {
    width: 100%
  }
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item {
    padding: 0 calc(5% + 20px) 0 25% !important
  }
}

@media screen and (max-width: 600px) {
  aside:not(.aside-wide) .nav-menu__item {
    padding-left: 75px !important
  }
}

aside:not(.aside-wide) .nav-menu__item-img {
  width: 75%;
  padding-top: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item-img {
    width: 15%;
    padding-top: 15%;
    left: 7.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media screen and (max-width: 600px) {
  aside:not(.aside-wide) .nav-menu__item-img {
    width: 40px;
    height: 40px;
    padding: 0;
    left: 20px
  }
}

aside:not(.aside-wide) .nav-menu__item-text {
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item-text {
    padding-left: 27.5%;
    opacity: 1;
    visibility: visible;
    font-size: 1.125rem
  }
}

@media screen and (max-width: 600px) {
  aside:not(.aside-wide) .nav-menu__item-text {
    padding-left: 55px
  }
}

aside:not(.aside-wide) .nav-menu__item-inner {
  width: 300%
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item-inner {
    width: 100%
  }
}

aside:not(.aside-wide) .nav-menu__item-inner .nav-menu__item-inner {
  width: 100%
}

aside:not(.aside-wide) .nav-menu__item::after {
  width: 100%
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-img .icon, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-img .icon {
    fill: #fff
  }
}

aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-text, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-text {
  width: 350%;
  padding-left: 100%
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-text, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-text {
    color: #fff
  }
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-text, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-text {
    padding-left: 0
  }
}

aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-hover, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-hover {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px);
  filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px)
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-arrow .icon, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-arrow .icon {
    fill: #fff
  }
}

aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-text, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-text {
  left: 0;
  opacity: 1;
  visibility: visible
}

aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-hover, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-hover {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

aside:not(.aside-wide) .nav-menu__wrap--hide {
  -webkit-transform: translateX(calc(-100% - 50px));
  -ms-transform: translateX(calc(-100% - 50px));
  transform: translateX(calc(-100% - 50px))
}

aside:not(.aside-wide) .nav-menu__content {
  width: 53%
}

@media screen and (max-width: 1440px) {
  aside:not(.aside-wide) .nav-menu__content {
    width: 70%
  }
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__content {
    left: calc(4 * var(--sidebarSmallWidth))
  }
}

aside:not(.aside-wide) .nav-menu__btn {
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  border-radius: 0
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__btn .icon {
    fill: white !important
  }
}

aside:not(.aside-wide) .nav-menu__btn span {
  display: none
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) {
    width: 100% !important
  }
}

@media screen and (max-width: 1152px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item {
    padding: 0 calc(5% + 20px) 0 25% !important
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item {
    padding-left: 75px !important
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-img {
  position: absolute;
  width: 15%;
  padding-top: 20%;
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width: 1152px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-img {
    left: 7.5%
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-img {
    left: 2.5%
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-img {
    width: 40px;
    height: 40px;
    padding: 0;
    left: 20px
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-text {
  padding: 0 10% 0 30%;
  line-height: 115%;
  font-size: 1.5rem
}

@media screen and (max-width: 1440px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-text {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 1152px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-text {
    font-size: 1.125rem
  }
}

@media screen and (max-width: 1024px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-text {
    padding-left: 27.5%
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-text {
    padding-left: 75px !important;
    font-size: 1.125rem
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-inner {
  width: 100%
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item.active .nav-menu__item-img .icon, aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item:hover .nav-menu__item-img .icon {
    fill: #fff
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item.active .nav-menu__item-text, aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item:hover .nav-menu__item-text {
    color: #fff
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item.active .nav-menu__item-hover, aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item:hover .nav-menu__item-hover {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px);
  filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px)
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item.active .nav-menu__item-arrow .icon, aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item:hover .nav-menu__item-arrow .icon {
    fill: #fff
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item::after {
  width: 90%
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__wrap--hide {
  -webkit-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  -ms-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px))
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__content {
    width: 60%;
    left: calc(2 * var(--sidebarMiddleWidth))
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide.aside-wide--catalog {
    width: 100%
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__wrap {
  min-width: var(--sidebarSmallWidth)
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__wrap {
    width: var(--sidebarSmallWidth)
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__wrap--hide {
  -webkit-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  -ms-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px))
}

aside.aside-wide.aside-wide--catalog .nav-menu__wrap .button-close {
  left: calc(var(--sidebarLargeWidth) + 15px)
}

@media screen and (max-width: 450px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__wrap .button-close {
    left: calc(var(--sidebarLargeWidth) + 5px)
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-img {
  width: 75%;
  padding-top: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-img {
    width: 100%;
    height: 100%;
    padding-top: 0;
    z-index: 3
  }
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-img .icon {
    max-width: 50%;
    max-height: 50%
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-text {
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-text {
    font-size: 1.125rem
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-inner {
  width: calc(var(--sidebarLargeWidth) - var(--sidebarSmallWidth))
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-inner .nav-menu__item-inner {
  width: 100%
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-inner .nav-menu__item-inner.active {
  left: 100%
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-inner .nav-menu__item-inner.active {
    left: 0
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-inner.active {
  left: var(--sidebarSmallWidth)
}

aside.aside-wide.aside-wide--catalog .nav-menu__item::after {
  width: 100%
}

@media screen and (min-width: 1025px) and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-img .icon, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-img .icon {
    fill: #fff
  }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-text, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-text {
    left: 0;
    width: 300%;
    padding-left: 0;
    opacity: 1;
    visibility: visible;
    color: #fff;
    background: transparent
  }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-text, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-text {
    padding-left: 0
  }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-hover, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-hover {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px);
    filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px)
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-arrow .icon, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-arrow .icon {
    fill: #fff
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-text, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-text {
  left: var(--sidebarSmallWidth);
  width: calc(var(--sidebarLargeWidth) - var(--sidebarSmallWidth));
  opacity: 1;
  visibility: visible;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-text, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-text {
    background: #fff;
    font-size: 1.125rem;
    padding: 0 25px 0 15px
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-hover, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-hover {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__content {
  width: 53%
}

@media screen and (max-width: 1440px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__content {
    width: 70%
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__content {
    left: var(--sidebarLargeWidth)
  }
}

@media screen and (min-width: 1921px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__content {
    left: 15.6vw
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__btn {
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  border-radius: 0
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__btn .icon {
    fill: white !important
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__btn span {
  display: none
}

aside::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .15s;
  -o-transition: .15s;
  transition: .15s;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
  z-index: 4
}

aside.blur {
  overflow: hidden
}

aside.blur::after {
  opacity: 1;
  visibility: visible
}

aside.show {
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important
}

.nav-menu {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 4;
  background: #fff
}

@media screen and (min-width: 1025px) {
  .nav-menu {
    -webkit-box-shadow: 5px 0px 10px rgba(204, 215, 221, 0.5);
    box-shadow: 5px 0px 10px rgba(204, 215, 221, 0.5)
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu {
    max-height: 100%;
    overflow: hidden auto
  }
}

@media screen and (max-width: 600px) {
  .nav-menu {
    display: block;
    background: #f0f7fb
  }
}

.nav-menu__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 4
}

@media screen and (min-width: 1025px) {
  .nav-menu__wrap {
    height: calc(100% - 5vw)
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__wrap {
    height: 100%
  }
}

@media screen and (min-width: 1025px) {
  .nav-menu__wrap > .nav-menu__content-close {
    display: none
  }
}

.nav-menu__item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .nav-menu__item {
    min-height: 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.nav-menu__item.text-purple .nav-menu__item-img .icon {
  /*fill: #2a0e72 !important*/
}

.nav-menu__item.text-purple .nav-menu__item-text {
  color: #2a0e72 !important
}

@media screen and (max-width: 600px) {
  .nav-menu__item.current .nav-menu__item-text {
    color: #1792d4 !important
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item.current .nav-menu__item-img .icon {
    fill: #1792d4 !important
  }
}

.nav-menu__item-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  line-height: 115%;
  letter-spacing: 0.015em;
  color: #2a0e72;
  z-index: 2;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  line-height: 115%;
  font-size: calc(100vw / (var(--vwIdth) / 23.79));
}

.nav-menu__item-img {
  z-index: 2
}

.nav-menu__item-img .icon {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav-menu__item-arrow {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  right: 0;
  top: 0;
  width: calc(100vw / (var(--vwIdth) / 40));
  height: 100%;
  z-index: 2;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (min-width: 1921px) {
  .nav-menu__item-arrow {
    width: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item-arrow {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.nav-menu__item-arrow .icon {
  width: 10px;
  height: 10px
}

@media screen and (min-width: 1921px) {
  .nav-menu__item-arrow .icon {
    width: calc(100vw / (var(--vwIdth) / 10));
    height: calc(100vw / (var(--vwIdth) / 10))
  }
}

.nav-menu__item-hover {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  width: auto;
  height: 100%
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-hover {
    display: none !important
  }
}

.nav-menu__item-hover img {
  /*height: 100%;*/
  /*width: auto;*/
  max-width: unset;
}

.nav-menu__item-inner {
  background: #f0f7fb;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% + 5vw);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 3
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-inner {
    left: -100%;
    z-index: 5;
    height: 100%;
    opacity: 1
  }
}

.nav-menu__item-inner ul {
  height: 100%;
  overflow: hidden auto
}

@media screen and (min-width: 1025px) {
  .nav-menu__item-inner ul {
    -webkit-box-shadow: 5px 0px 25px rgba(3, 16, 35, 0.2);
    box-shadow: 5px 0px 25px rgba(3, 16, 35, 0.2)
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-inner ul {
    max-height: calc(100% - 68px);
    overflow: auto
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.nav-menu__item-inner li {
  position: relative
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
}

.nav-menu__item-inner li a {
  height: 100%;
  padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 40)) calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 20));
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: calc(100vw / (var(--vwIdth) / 18));
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #241e35;
  position: relative
}

@media screen and (min-width: 1921px) {
  .nav-menu__item-inner li a {
    padding: calc(100vw / (var(--vwIdth) / 10)) 7.5%
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item-inner li a {
    padding: 20px;
    font-size: 1.125rem;
    border-bottom: 1px solid #e2e9ee
  }
}

.nav-menu__item-inner li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.209vw;
  background: #1792d4;
  z-index: 1;
  -webkit-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .nav-menu__item-inner li a:hover:before {
    width: 100%
  }

  .nav-menu__item-inner li a:hover .nav-menu__item-arrow .icon {
    fill: #1792d4
  }
}

.nav-menu__item-inner li:not(:last-child) a::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  height: 1px;
  background: #f1f2f2
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner li:not(:last-child) a::after {
    content: ""
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner li.active a {
    color: #2a0e72;
    -webkit-box-shadow: 6px 2px 12px #e5ebee;
    box-shadow: 6px 2px 12px #e5ebee
  }

  .nav-menu__item-inner li.active a:before {
    width: 100%
  }

  .nav-menu__item-inner li.active a .nav-menu__item-arrow .icon {
    fill: #1792d4
  }
}

.nav-menu__item-inner li::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner li::after {
    content: ""
  }
}

.nav-menu__item-inner.active {
  opacity: 1;
  visibility: visible;
  left: 100%
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-inner.active {
    left: 0
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item-inner .current a {
    color: #1792d4
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item-inner .current .icon {
    fill: #1792d4
  }
}

.nav-menu__item-back {
  padding: 20px 20px 20px 50px;
  display: none;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #241e35;
  position: relative;
  text-transform: uppercase;
  background: #f5f9fc;
  -webkit-box-shadow: 0px 2px 4px #d3d9de;
  box-shadow: 0px 2px 4px #d3d9de;
  background-image: url(/local/templates/palas/css/optimization/../img/icons/cross-color.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  color: #2a0e72
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-back {
    display: block
  }
}

.nav-menu__item-back .nav-menu__item-arrow {
  left: 20px
}

.nav-menu__item-back .icon {
  fill: #2a0e72;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.nav-menu__item .nav-menu__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%
}

@media screen and (max-width: 1024px) {
  .nav-menu__item .nav-menu__btn {
    width: 90%
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item .nav-menu__btn {
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 75px)
  }
}

.nav-menu__item .icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #2a0e72
}

.nav-menu__item:not(:last-child)::after {
  content: "";
  position: absolute;
  height: 1px;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.1)
}

.nav-menu__item:not(.nav-menu__item-with-menu) .nav-menu__item-arrow {
  display: none
}

.nav-menu__btn {
  position: relative;
  -webkit-border-radius: 1vw;
  border-radius: 1vw;
  background-color: #2a0e72;
  padding: 5% 5% 5% 25%;
  font-weight: bold;
  font-size: calc(100vw / (var(--vwIdth) / 24));
  line-height: 120%;
  letter-spacing: 0.015em;
  color: #fbf3ff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

@media screen and (max-width: 1024px) {
  .nav-menu__btn {
    min-height: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30%
  }
}

@media screen and (max-width: 800px) {
  .nav-menu__btn {
    -webkit-border-radius: 2vw;
    border-radius: 2vw
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__btn {
    -webkit-border-radius: 12vw;
    border-radius: 12vw;
    font-weight: 500
  }
}

.nav-menu__btn .nav-menu__item-img .icon {
  fill: #f4fbff !important
}

.nav-menu__content {
  position: fixed;
  top: var(--headerHeight);
  height: calc(100% - var(--headerHeight));
  background: #f9fafb;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 1;
  pointer-events: none
}

@media screen and (max-width: 1024px) {
  .nav-menu__content {
    position: absolute;
    left: var(--sidebarMiddleWidth);
    width: calc(100vw - var(--sidebarMiddleWidth) - 50px);
    height: 100%;
    top: 0
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__content {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    visibility: hidden
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__content {
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5
  }
}

.nav-menu__content-close {
  position: absolute;
  left: 100%;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  background: #1792d4;
  cursor: pointer
}

@media screen and (max-width: 600px) {
  .nav-menu__content-close {
    display: none
  }
}

.nav-menu__content-close .icon {
  width: 40%;
  height: 40%;
  fill: #fff
}

.nav-menu__content.active {
  pointer-events: all
}

@media screen and (min-width: 601px) {
  .nav-menu__content.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__content.active {
    left: 0%
  }
}

.nav-menu__container {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative
}

@media screen and (max-width: 1024px) {
  .nav-menu__container {
    height: 100%
  }
}

@media screen and (min-width: 1025px) {
  .nav-menu__container .mCSB_vertical .mCSB_container {
    margin-right: 4px
  }
}

@media screen and (min-width: 1025px) {
  .nav-menu__container .mCSB_vertical .mCSB_scrollTools_vertical {
    width: 4px
  }
}

.nav-menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  max-height: 100%
}

@media screen and (max-width: 600px) {
  .nav-menu__list {
    padding: 0
  }
}

@media screen and (max-width: 800px) {
  .nav-menu__list {
    display: block
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__list {
    height: auto
  }
}

.nav-menu__list-scroll {
  width: 100%;
  position: absolute;
  max-height: 100%;
  overflow-y: auto;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  left: 0;
  top: 0
}

@media screen and (min-width: 601px) {
  .nav-menu__list-scroll {
    opacity: 0;
    visibility: hidden
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__list-scroll {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    height: 100%
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__list-scroll.active {
    opacity: 1;
    visibility: visible
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__list-scroll.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
  }
}

.nav-menu__list-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  left: 100%;
  top: 0;
  min-height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow: auto
}

@media screen and (max-width: 600px) {
  .nav-menu__list-wrap {
    width: 100%;
    left: -100%;
    z-index: 2
  }
}

.nav-menu__list-wrap.active {
  opacity: 1;
  visibility: visible;
  z-index: 1
}

@media screen and (max-width: 1024px) {
  .nav-menu__list-wrap.active {
    left: 0
  }
}

.nav-menu__list-back {
  font-style: normal;
  font-weight: 600;
  font-size: .875rem;
  line-height: 141.69%;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 15px;
  padding-left: 25px
}

@media screen and (min-width: 601px) {
  .nav-menu__list-back {
    display: none
  }
}

.nav-menu__list-col {
  width: 33.33%
}

@media screen and (min-width: 1025px) {
  .nav-menu__list-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.nav-menu__list-col > .nav-menu__list-back {
  position: relative;
  padding: 10px 0 10px 70px
}

.nav-menu__list-col > .nav-menu__list-back .decor-icon__bg {
  display: none
}

.nav-menu__list-col > .nav-menu__list-back .nav-menu__item-img {
  left: 0
}

.nav-menu__list-col > .nav-menu__list-back .nav-menu__list-icon {
  position: absolute;
  left: 30px;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.nav-menu__list-col > .nav-menu__list-back .nav-menu__list-icon .icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #241e35 !important
}

@media screen and (max-width: 1024px) {
  .nav-menu__list-col:not(:last-of-type) {
    margin-right: 0
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__list-col {
    width: 49%
  }
}

@media screen and (max-width: 800px) {
  .nav-menu__list-col {
    width: 100%
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__list .nav-menu__item-back {
    display: none
  }
}

.nav-menu__group {
  width: 25%;
  padding: calc(100vw / (var(--vwIdth) / 20)) calc(100vw / (var(--vwIdth) / 30)) calc(100vw / (var(--vwIdth) / 40));
  overflow: hidden;
  outline: 1px solid #dde6ea;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

@media screen and (min-width: 601px) {
  .nav-menu__group {
    position: relative
  }
}

@media screen and (min-width: 1921px) {
  .nav-menu__group {
    padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 1440px) {
  .nav-menu__group {
    width: 33.33%
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__group {
    width: 50%
  }
}

@media screen and (max-width: 800px) {
  .nav-menu__group {
    width: 100%;
    margin: 0;
    padding: 10px
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group {
    padding: 0;
    background: #f0f7fb;
    outline: none;
    border-bottom: 1px solid #e2e9ee
  }
}

.nav-menu__group-tittle {
  width: 100%;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 130%;
  letter-spacing: 0.015em;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  padding-bottom: calc(100vw / (var(--vwIdth) / 15));
  color: #2a0e72;
  word-break: break-word;
  border-bottom: 1px solid #1792d4
}

@media screen and (min-width: 1921px) {
  .nav-menu__group-tittle {
    padding-right: calc(100vw / (var(--vwIdth) / 30));
    margin-bottom: calc(100vw / (var(--vwIdth) / 7));
    padding-bottom: calc(100vw / (var(--vwIdth) / 7))
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-tittle {
    width: 100%;
    font-size: 1.125rem;
    font-weight: normal;
    color: #241e35;
    margin-bottom: 0;
    padding: 20px;
    border: none;
    font-weight: bold
  }
}

.nav-menu__group-tittle a {
  color: #241e35
}

@media screen and (hover: hover) {
  .nav-menu__group-tittle a:hover {
    color: #2a0e72
  }
}

.nav-menu__group-button {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  width: 25px;
  height: 25px
}

@media screen and (min-width: 1921px) {
  .nav-menu__group-button {
    width: calc(100vw / (var(--vwIdth) / 25));
    height: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__group-button {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-button {
    width: 10px;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotateZ(-90deg)
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__group-button.active .nav-menu__group-arrow {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
  }
}

.nav-menu__group-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.nav-menu__group-icon .icon {
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.nav-menu__group-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 10px;
  height: 10px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (min-width: 1921px) {
  .nav-menu__group-arrow {
    width: calc(100vw / (var(--vwIdth) / 10));
    height: calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-arrow {
    width: 15px;
    height: 15px
  }
}

.nav-menu__group-arc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 25%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-width: 600px) {
  .nav-menu__group-arc {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item {
    padding: 0;
    border-bottom: 1px solid #e2e9ee
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item.current a {
    color: #1792d4
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__group-item:not(:last-child) {
    margin-bottom: 5px
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item:not(:last-child) {
    position: relative;
    margin: 0
  }
}

.nav-menu__group-item:not(:last-child)::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  height: 1px;
  background: #f1f2f2
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item:not(:last-child)::after {
    content: ""
  }
}

.nav-menu__group-item a {
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500
}

@media screen and (min-width: 601px) {
  .nav-menu__group-item a {
    color: #2a0e72
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item a {
    width: 100%;
    margin: 0 !important;
    padding: 20px;
    color: #241e35;
    font-size: 1.125rem;
    font-weight: bold
  }
}

@media screen and (hover: hover) {
  .nav-menu__group-item a:hover {
    color: #2a0e72
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-list {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: -100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #f0f7fb;
    z-index: 3
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .nav-menu__group-list {
    display: block !important
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-list.active {
    left: 0;
    opacity: 1;
    visibility: visible
  }
}

.nav-menu__group-list a {
  margin-bottom: calc(100vw / (var(--vwIdth) / 8));
  color: #241e35;
  font-size: calc(100vw / (var(--vwIdth) / 16));
}

@media screen and (hover: hover) {
  .nav-menu__group-list a:hover {
    color: #2a0e72
  }
}

@media screen and (min-width: 1025px) {
  .nav-menu__group:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
}

.nav-menu__group:last-child.active::after {
  opacity: 1;
  visibility: visible;
  position: static;
  width: calc(100% + 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0 -10px
}

.nav-menu__group::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .075s ease-in-out;
  -o-transition: all .075s ease-in-out;
  transition: all .075s ease-in-out;
  background: #fff;
  opacity: 0;
  visibility: hidden
}

@media screen and (min-width: 601px) {
  .nav-menu__group::after {
    content: ""
  }
}

.nav-menu__group.active {
  -webkit-box-shadow: 0px 4px 75px rgba(70, 82, 88, 0.2);
  box-shadow: 0px 4px 75px rgba(70, 82, 88, 0.2);
  z-index: 1
}

.nav-menu__group.active .nav-menu__group-tittle a {
  color: #2a0e72
}

@media screen and (max-width: 600px) {
  .nav-menu__group.current .nav-menu__group-tittle a {
    color: #1792d4
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group.current .nav-menu__group-button .icon {
    fill: #1792d4
  }
}

.nav-menu__seo {
  padding: calc(100vw / (var(--vwIdth) / 30));
  color: #8b8b8b
}

.nav-menu__close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/local/templates/palas/css/optimization/../img/icons/cross-color.svg);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 5
}

@media screen and (min-width: 601px) {
  .nav-menu__close {
    display: none
  }
}

.nav-menu__btn-footer {
  position: absolute;
  right: calc(100vw / (var(--vwIdth) / 15));
  bottom: calc(100vw / (var(--vwIdth) / 80));
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  padding: 0;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.14);
  background: #eff7fa;
  z-index: 4
}

@media screen and (min-width: 601px) {
  .nav-menu__btn-footer {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__btn-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.nav-menu__btn-footer-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.nav-menu__btn-footer .icon {
  width: 65%;
  height: 65%;
  fill: #2a0e72;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap {
    width: var(--sidebarMiddleWidth);
    padding: 0 1.75% 0 4.75%;
    font-size: 1.5rem;
    font-weight: 500;
    position: absolute;
    bottom: 100%;
    left: 0
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap {
    font-size: 1.25rem
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap .footer__button {
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100vw / (var(--vwIdth) / 45));
    height: calc(100vw / (var(--vwIdth) / 45));
    padding: 0;
    position: absolute;
    border-color: #fff
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap .footer__button {
    width: calc(100vw / (var(--vwIdth) / 25));
    height: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap .footer__button .icon {
    fill: #fff
  }

  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap span {
    display: block;
    padding: 0 10%;
    color: inherit
  }

  aside.aside-wide:not(.aside-wide--catalog) ~ .footer.active .footer__button-wrap {
    position: relative
  }
}

.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  z-index: 7
}

@media screen and (max-width: 1024px) {
  .footer {
    z-index: 6
  }
}

.footer__button {
  position: relative;
  width: 45%;
  padding-top: 45%;
  border: 3px solid #2a0e72;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-color: #fff
}

@media screen and (max-width: 600px) {
  .footer__button {
    border: 2px solid #fff
  }
}

.footer__button-wrap {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: var(--sidebarSmallWidth);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5vw;
  background-color: #2a0e72;
  color: #fff;
  -webkit-box-shadow: 5px 0px 10px rgba(204, 215, 221, 0.5);
  box-shadow: 5px 0px 10px rgba(204, 215, 221, 0.5);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer
}

@media screen and (max-width: 1024px) {
  .footer__button-wrap {
    width: 60px;
    height: 60px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
  }
}

@media screen and (max-width: 600px) {
  .footer__button-wrap {
    width: 40px;
    height: 32px;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: 1px solid #2a0e72;
    background: #2a0e72
  }
}

@media screen and (hover: hover) {
  .footer__button-wrap:hover {
    background-color: #2a0e72;
    color: white !important
  }

  .footer__button-wrap:hover .footer__button {
    border-color: #fff
  }

  .footer__button-wrap:hover .icon {
    fill: #fff
  }
}

.footer__button-wrap span {
  display: none
}

.footer__button .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: #2a0e72;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  fill: #fff
}

.footer__dropdown {
  padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 30)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 80));
  background: #f0f7fb;
  -webkit-box-shadow: 0px -25px 50px rgba(66, 66, 66, 0.15);
  box-shadow: 0px -25px 50px rgba(66, 66, 66, 0.15);
  overflow: hidden;
  display: none;
  max-height: 65vh;
  overflow: hidden auto;
  position: relative
}

@media screen and (max-width: 1440px) {
  .footer__dropdown {
    padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 80))
  }
}

@media screen and (max-width: 1024px) {
  .footer__dropdown {
    padding: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 600px) {
  .footer__dropdown {
    padding: calc(100vw / (var(--vwIdth) / 15))
  }
}

.footer__dropdown::before {
  content: "";
  width: 0%;
  height: 2px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #2a0e72
}

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

@media screen and (max-width: 1440px) {
  .footer__row {
    padding: calc(100vw / (var(--vwIdth) / 15)) 0
  }
}

.footer__row--bg-img {
  position: relative
}

@media screen and (min-width: 1441px) {
  .footer__row--bg-img .footer__row {
    padding: calc(100vw / (var(--vwIdth) / 15)) 0
  }
}

@media screen and (min-width: 801px) {
  .footer__row--bg-img {
    background-image: url(/local/templates/palas/css/optimization/../img/global/footer-logo.svg);
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: right bottom
  }
}

.footer__row--bg-img::after {
  content: "";
  position: absolute;
  width: 150%;
  height: 1px;
  background: #e8f2f8;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.footer__row > a {
  margin: 0 calc(100vw / (var(--vwIdth) / 15)) 0 auto
}

@media screen and (max-width: 450px) {
  .footer__row > a {
    margin: 0
  }
}

.footer__title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 100%
}

.footer__title-sm {
  font-size: 1rem
}

.footer__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width: 1440px) {
  .footer__menu {
    width: 100%;
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.footer__menu a {
  font-size: 1rem;
  line-height: 160%;
  color: #241e35
}

@media screen and (hover: hover) {
  .footer__menu a:hover {
    color: #2a0e72
  }
}

.footer__menu li:not(:last-child) {
  margin-right: calc(100vw / (var(--vwIdth) / 30))
}

.footer__soc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 600px) {
  .footer__soc {
    margin: calc(100vw / (var(--vwIdth) / 15)) 0
  }
}

.footer__soc span {
  margin-right: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 1024px) {
  .footer__soc span {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.footer__copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width: 600px) {
  .footer__copy li {
    width: 100%;
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.footer__copy li:not(:last-child) {
  margin-right: calc(100vw / (var(--vwIdth) / 50))
}

.footer__copy a {
  margin-left: calc(100vw / (var(--vwIdth) / 5));
  color: #241e35
}

@media screen and (hover: hover) {
  .footer__copy a:hover {
    color: #2a0e72
  }
}

.footer__text {
  font-size: .875rem;
  line-height: 160%;
  color: #8b8b8b
}

@media screen and (min-width: 1441px) {
  .footer__text {
    width: 71%
  }
}

@media screen and (max-width: 1440px) {
  .footer__text {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (min-width: 1441px) {
  .footer__pay {
    margin-right: calc(100vw / (var(--vwIdth) / 100))
  }
}

.footer__pay ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.footer-extra-z-index {
  z-index: 7
}

.footer.active .footer__button-wrap {
  background-color: #2a0e72;
  color: white !important
}

.footer.active .footer__button-wrap .footer__button {
  border-color: #fff
}

.footer.active .footer__button-wrap .icon {
  fill: #fff
}

.footer.active .footer__dropdown::before {
  width: 100%
}

.breadcrumbs {
  margin-bottom: calc(100vw / (var(--vwIdth) / 5))
}

@media screen and (max-width: 1024px) {
  .breadcrumbs {
    margin-bottom: calc(100vw / (var(--vwIdth) / 20))
  }
}

.breadcrumbs .bx-breadcrumb-item {
  display: inline-block
}

.breadcrumbs .bx-breadcrumb span {
  font-weight: 400;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.breadcrumbs .bx-breadcrumb a {
  position: relative;
  margin-right: calc(100vw / (var(--vwIdth) / 25))
}

.breadcrumbs .bx-breadcrumb a span {
  color: #2a0e72;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (hover: hover) {
  .breadcrumbs .bx-breadcrumb a:hover span {
    color: #1792d4
  }
}

.breadcrumbs .bx-breadcrumb a::after {
  content: '';
  position: absolute;
  left: calc(100% + 5px);
  top: 50%;
  width: 15px;
  height: 1px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #c4d0d7;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.socmedia {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.socmedia__tittle {
  color: #241e35;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  text-align: left;
  font-weight: bold
}

@media screen and (min-width: 1921px) {
  .socmedia__tittle {
    margin-bottom: calc(100vw / (var(--vwIdth) / 11))
  }
}

.socmedia li {
  width: calc(100vw / (var(--vwIdth) / 50))
}

.socmedia li:not(:last-child) {
  margin-right: calc(100vw / (var(--vwIdth) / 15))
}

.socmedia a {
  width: 100%;
  padding-top: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (hover: hover) {
  .socmedia a:hover {
    background-color: #2a0e72
  }

  .socmedia a:hover .icon {
    fill: #fff
  }
}

.socmedia .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  fill: #2a0e72;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.cookies {
  position: fixed;
  right: 0;
  bottom: 0;
  max-width: 282px;
  margin: calc(100vw / (var(--vwIdth) / 10));
  padding: calc(100vw / (var(--vwIdth) / 20));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  background: #fff;
  z-index: 7;
  -webkit-box-shadow: 0px 12px 33px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 12px 33px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

@media screen and (min-width: 1921px) {
  .cookies {
    width: calc(100vw / (var(--vwIdth) / 282));
    max-width: unset
  }
}

@media screen and (max-width: 600px) {
  .cookies {
    max-width: 282px;
    width: 100%;
    padding: 15px 13px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
  }
}

.cookies-close {
  position: absolute;
  right: 0;
  top: 0;
  margin: calc(100vw / (var(--vwIdth) / 8));
  width: calc(100vw / (var(--vwIdth) / 12));
  height: calc(100vw / (var(--vwIdth) / 12));
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: none
}

@media screen and (max-width: 600px) {
  .cookies-close {
    width: 20px;
    height: 20px
  }
}

.cookies-close .icon {
  width: 50%;
  height: 50%;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

@media screen and (hover: hover) {
  .cookies-close:hover {
    fill: #1792d4
  }
}

.cookies-text {
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  line-height: 145%;
  font-size: calc(100vw / (var(--vwIdth) / 12))
}

@media screen and (max-width: 600px) {
  .cookies-text {
    font-size: .875rem
  }
}

.cookies-text p {
  line-height: inherit
}

.cookies-text a {
  color: #1792d4;
  text-decoration: underline
}

@media screen and (hover: hover) {
  .cookies-text a:hover {
    color: #2a0e72
  }
}

.cookies-btn {
  padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 15));
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: .875rem;
  line-height: 115%;
  cursor: pointer;
  border: none;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.cookies-btn:hover {
  background-color: #2a0e72
}

.cookies-btn--gray {
  background-color: #c4c4c4
}

.cookies-btn--blue {
  background-color: #1792d4
}

.cookies-btn:last-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.cookies-btn__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(100vw / (var(--vwIdth) / 10))
}

.cookies--hidden {
  opacity: 0;
  pointer-events: none
}

.catalog {
  position: relative;
  z-index: 1
}

@media screen and (min-width: 601px) {
  .catalog__scroll {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-y: auto
  }
}

@media screen and (max-width: 600px) {
  .catalog__scroll {
    width: 100vw
  }
}

.catalog__wrap {
  overflow: hidden
}

.catalog__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 15px -7.5px 0
}

@media screen and (min-width: 1921px) {
  .catalog__list {
    margin: calc(100vw / (var(--vwIdth) / 15)) -7.5px 0
  }
}

@media screen and (max-width: 600px) {
  .catalog__list {
    padding-bottom: 25px;
    margin: 15px 0 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.catalog__list-item {
  width: calc(100% / 6 - 15px);
  margin: 0 15px 15px 0
}

@media screen and (min-width: 7680px) {
  .catalog__list-item {
    width: calc(100% / 8 - 15px)
  }

  .catalog__list-item .catalog__item-desc .catalog__item-stock, .catalog__list-item .catalog__item-desc .price {
    width: 100%
  }
}

@media screen and (min-width: 4600px) and (max-width: 7679px) {
  .catalog__list-item {
    width: calc(100% / 8 - 15px)
  }

  .catalog__list-item .catalog__item-desc .catalog__item-stock, .catalog__list-item .catalog__item-desc .price {
    width: 100%
  }
}

@media screen and (min-width: 2048px) and (max-width: 4599px) {
  .catalog__list-item {
    width: calc(100% / 7 - 15px)
  }

  .catalog__list-item .catalog__item-desc .catalog__item-stock, .catalog__list-item .catalog__item-desc .price {
    width: 100%
  }
}

@media screen and (max-width: 1680px) {
  .catalog__list-item {
    width: calc(20% - 15px)
  }
}

@media screen and (max-width: 1440px) {
  .catalog__list-item {
    width: calc(25% - 15px)
  }
}

@media screen and (max-width: 1152px) {
  .catalog__list-item {
    width: calc(33.33% - 15px)
  }
}

@media screen and (max-width: 800px) {
  .catalog__list-item {
    width: calc(50% - 15px)
  }
}

@media screen and (max-width: 600px) {
  .catalog__list-item {
    width: calc(50% - 7.5px);
    margin: 0 0 15px 0
  }
}

.catalog__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 2px 15px #c5cfd6;
  box-shadow: 0px 2px 15px #c5cfd6;
  -webkit-border-radius: 10px;
  border-radius: 10px
}

.catalog__item--rect .catalog__item-visual {
  padding-top: 128%
}

.catalog__item--square .catalog__item-visual {
  padding-top: 100%
}

.catalog__item-visual {
  width: 100%;
  position: relative;
  overflow: hidden
}

.catalog__item-main-slider {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.catalog__item-main-slide {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%
}

.catalog__item-main-slide img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out
}

.catalog__item-main-slide img._opacity {
  opacity: 0
}

.catalog__item-nav-slider {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.catalog__item-nav-slide {
  background-color: #fff;
  display: block !important;
  width: 100%;
  padding-top: 112%;
  border: 1px solid #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
  position: relative
}

.catalog__item-nav-slide:not(:last-child) {
  margin-bottom: 10%
}

.catalog__item-nav-slide._active {
  border-color: #2a0e72;
  pointer-events: none
}

.catalog__item-nav-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media screen and (hover: hover) {
  .catalog__item-nav-slide:hover {
    border-color: #2a0e72
  }
}

.catalog__item-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  width: 23.5%;
  height: 100%;
  padding: 5% 3% 28%;
  background: rgba(255, 255, 255, 0.25);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 2
}

@media screen and (max-width: 1440px) {
  .catalog__item-sidebar {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.catalog__item-favorite {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 17.5%;
  height: 15%;
  right: 3%;
  bottom: 5%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: translate(200%, 200%);
  -ms-transform: translate(200%, 200%);
  transform: translate(200%, 200%);
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 3;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (max-width: 1440px) {
  .catalog__item-favorite {
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    border-color: #fff
  }
}

@media screen and (max-width: 600px) {
  .catalog__item-favorite {
    bottom: 4%
  }
}

.catalog__item-favorite .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 33.33%;
  max-height: 33.33%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  stroke: #2a0e72;
  fill: transparent
}

@media screen and (hover: hover) {
  .catalog__item-favorite:hover .icon {
    stroke: #d12d2f
  }
}

.catalog__item-favorite.liked .icon {
  -webkit-animation: heart-animate 0.75s;
  animation: heart-animate 0.75s;
  fill: #d12d2f;
  stroke: #d12d2f
}

.catalog__item-favorite::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 65%;
  padding-top: 65%;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.catalog__item-info {
  padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 10));
  background: #fff;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (min-width: 1921px) {
  .catalog__item-info {
    padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 1024px) {
  .catalog__item-info {
    padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (max-width: 600px) {
  .catalog__item-info {
    padding: calc(100vw / (var(--vwIdth) / 10))
  }
}

.catalog__item-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: auto
}

.catalog__item-desc .catalog__item-stock, .catalog__item-desc .price {
  width: 50%
}

@media screen and (max-width: 600px) {
  .catalog__item-desc .catalog__item-stock, .catalog__item-desc .price {
    width: 100%
  }
}

.catalog__item-desc .price {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  line-height: 100%
}

@media screen and (max-width: 600px) {
  .catalog__item-desc .price {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
  }
}

.catalog__item-desc .price__main {
  font-size: 1rem;
  line-height: 100%
}

.catalog__item-desc .price__coin {
  font-size: .75rem;
  margin-left: calc(100vw / (var(--vwIdth) / 3))
}

.catalog__item-desc .price__discount {
  text-align: left
}

.catalog__item-tittle {
  font-size: .875rem;
  line-height: 115%;
  color: #241e35;
  margin-bottom: calc(100vw / (var(--vwIdth) / 5))
}

@media screen and (max-width: 600px) {
  .catalog__item-tittle {
    font-size: .75rem
  }
}

.catalog__item-stock {
  width: 100%;
  position: relative;
  padding-left: calc(100vw / (var(--vwIdth) / 15));
  font-size: .75rem;
  line-height: 100%;
  color: #1792d4
}

@media screen and (max-width: 600px) {
  .catalog__item-stock {
    font-size: .75rem
  }
}

.catalog__item-stock::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100vw / (var(--vwIdth) / 2));
  width: calc(100vw / (var(--vwIdth) / 8));
  height: calc(100vw / (var(--vwIdth) / 8));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #1792d4
}

.catalog__item-attr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  line-height: 120%;
  color: #8f8e91;
  font-size: 0.75rem
}

@media screen and (min-width: 1921px) {
  .catalog__item-attr {
    margin-bottom: calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 600px) {
  .catalog__item-attr {
    font-size: .75rem
  }
}

@media screen and (max-width: 450px) {
  .catalog__item-attr {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.catalog__item-attr-name {
  padding-right: 5%
}

.catalog__item-label {
  height: calc(100vw / (var(--vwIdth) / 27));
  height: round(calc(100vw / (var(--vwIdth) / 27)));
  margin: 0 calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 5)) 0;
  padding: calc(100vw / (var(--vwIdth) / 5)) 0 calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 15));
  font-size: .875rem;
  line-height: 120%;
  color: #fff;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 5)) 0 calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 5)) 0 calc(100vw / (var(--vwIdth) / 5));
  position: relative;
  min-height: 21px;
}

@media screen and (max-width: 600px) {
  .catalog__item-label {
    font-size: .625rem
  }
}

.catalog__item-label-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  left: 0;
  bottom: calc(100vw / (var(--vwIdth) / 15));
  -webkit-transition-delay: calc(0.25 * $speed);
  -o-transition-delay: calc(0.25 * $speed);
  transition-delay: calc(0.25 * $speed);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 1;
  pointer-events: none;
}

.catalog__item-label--special {
  background: gold
}

.catalog__item-label--discount {
  background: #d12d2f
}

.catalog__item-label--new {
  background: #1792d4
}

.catalog__item-label--sale {
  background: #ff5c00
}
.catalog__item-label--promo {
  background: #0EA737;
}

.catalog__item-label span {
  position: relative;
  z-index: 1
}

.catalog__item-label::after {
  content: "";
  position: absolute;
  left: 99%;
  top: 0;
  width: calc(100vw / (var(--vwIdth) / 35));
  height: 101%;
  -webkit-transform: skew(45deg) translateX(-50%);
  -ms-transform: skew(45deg) translateX(-50%);
  transform: skew(45deg) translateX(-50%);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  background-color: inherit;
  z-index: 0;
  border-bottom-left-radius: 0;
  max-height: 100%;
}

.catalog__item .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width: 1024px) {
  .catalog__item .price {
    margin: 10px 0 0 auto
  }
}

.catalog__item .price__discount {
  width: auto;
  margin-right: calc(100vw / (var(--vwIdth) / 10))
}

@media screen and (hover: hover) {
  .catalog__item:hover .catalog__item-sidebar {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
  }

  .catalog__item:hover .catalog__item-favorite, .catalog__item:hover .catalog__item-view {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible
  }
}

.catalog__card-wrap {
  position: fixed;
  top: calc(var(--headerHeight) + 50px);
  right: 0;
  width: calc(100% - var(--sidebarLargeWidth) - 150px);
  height: 100%;
  z-index: 5;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 1000;
  overflow: auto
}

.catalog__card-wrap.show {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%)
}

.catalog__card-wrap .button-close {
  position: absolute;
  height: 30px;
  right: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: 15px;
  right: 15px;
  z-index: 1
}

@media screen and (max-width: 1024px) {
  .catalog__seo {
    margin-bottom: calc(100vw / (var(--vwIdth) / 50))
  }
}

.catalog .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width: 600px) {
  .catalog .container {
    padding: 0 10px !important
  }
}

@media screen and (max-width: 600px) {
  .mfp-fade--catalog {
    position: fixed !important;
    width: 100%;
    height: 100% !important;
    overflow: auto;
    top: 0 !important
  }
}

.mfp-wrap {
  z-index: 99999
}

@media screen and (max-width: 1024px) {
  .cookies {
    margin: 0 calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 100))
  }
}

@media screen and (max-width: 600px) {
  .cookies {
    margin: 0 auto 60px
  }
}

@-webkit-keyframes arrow-animate-up {
  from {
    -webkit-transform: rotateX(180deg) translateY(0);
    transform: rotateX(180deg) translateY(0)
  }
  50% {
    -webkit-transform: rotateX(180deg) translateY(5px);
    transform: rotateX(180deg) translateY(5px)
  }
  to {
    -webkit-transform: rotateX(180deg) translateY(0);
    transform: rotateX(180deg) translateY(0)
  }
}

@keyframes arrow-animate-up {
  from {
    -webkit-transform: rotateX(180deg) translateY(0);
    transform: rotateX(180deg) translateY(0)
  }
  50% {
    -webkit-transform: rotateX(180deg) translateY(5px);
    transform: rotateX(180deg) translateY(5px)
  }
  to {
    -webkit-transform: rotateX(180deg) translateY(0);
    transform: rotateX(180deg) translateY(0)
  }
}

@-webkit-keyframes arrow-animate-down {
  from {
    -webkit-transform: rotateX(0deg) translateY(0);
    transform: rotateX(0deg) translateY(0)
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(5px);
    transform: rotateX(0deg) translateY(5px)
  }
  to {
    -webkit-transform: rotateX(0deg) translateY(0);
    transform: rotateX(0deg) translateY(0)
  }
}

@keyframes arrow-animate-down {
  from {
    -webkit-transform: rotateX(0deg) translateY(0);
    transform: rotateX(0deg) translateY(0)
  }
  50% {
    -webkit-transform: rotateX(0deg) translateY(5px);
    transform: rotateX(0deg) translateY(5px)
  }
  to {
    -webkit-transform: rotateX(0deg) translateY(0);
    transform: rotateX(0deg) translateY(0)
  }
}

.services {
  padding-top: calc(100vw / (var(--vwIdth) / 20));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: calc(100vw / (var(--vwIdth) / -45))
}

@media screen and (max-width: 600px) {
  .services {
    margin-right: 0
  }
}

.services__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 calc(100vw / (var(--vwIdth) / 45)) calc(100vw / (var(--vwIdth) / 25)) 0;
  letter-spacing: 0.015em;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #241e35;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.services__item span {
  margin-left: calc(100vw / (var(--vwIdth) / 20))
}

.services__item img {
  display: block;
  width: calc(100vw / (var(--vwIdth) / 35))
}

@media screen and (hover: hover) {
  .services__item:hover {
    color: #2a0e72;
    text-decoration: none
  }
}

.services li {
  width: 33.33%
}

@media screen and (max-width: 1440px) {
  .services li {
    width: 50%
  }
}

@media screen and (max-width: 1024px) {
  .services li {
    width: 100%
  }
}

.card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-right: 4%
}

@media screen and (max-width: 600px) {
  .card {
    padding: 0px
  }
}

.card__wrap {
  max-height: 85vh;
  padding: 1.5%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff
}

@media screen and (max-width: 1024px) {
  .card__wrap {
    height: 100%;
    max-height: unset
  }
}

@media screen and (max-width: 600px) {
  .card__wrap {
    background: #f0f7fb;
    padding: 20px;
    overflow: unset;
    height: auto;
    max-height: initial
  }
}

@media screen and (max-width: 600px) {
  .card__col {
    overflow: hidden
  }
}

@media screen and (max-width: 600px) {
  .card__col .services {
    margin-right: 0
  }
}

.card__col:nth-child(1) {
  width: 48%
}

@media screen and (max-width: 600px) {
  .card__col:nth-child(1) {
    width: 100%
  }
}

.card__col:nth-child(2) {
  width: 49%
}

@media screen and (max-width: 600px) {
  .card__col:nth-child(2) {
    width: 100%
  }
}

.card__col:nth-child(3) {
  width: 100%;
  margin-top: calc(100vw / (var(--vwIdth) / 150))
}

@media screen and (max-width: 1024px) {
  .card__col:nth-child(3) {
    margin-top: calc(100vw / (var(--vwIdth) / 100))
  }
}

@media screen and (max-width: 600px) {
  .card__col:nth-child(3) {
    margin-top: calc(100vw / (var(--vwIdth) / 50))
  }
}

.card__col:nth-child(3) p {
  color: #000
}

.card__col:nth-child(3) p:not(:last-child) {
  margin-bottom: calc(100vw / (var(--vwIdth) / 20))
}

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

@media screen and (max-width: 600px) {
  .card-slider {
    position: static;
    margin-bottom: 15px
  }
}

@media screen and (max-width: 1024px) {
  .card-slider {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.card-slider__main {
  width: 77%;
  position: relative
}

@media screen and (max-width: 1024px) {
  .card-slider__main {
    width: 100%
  }
}

.card-slider__main-fix-wrap {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.card-slider__main-slide {
  width: 100%;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  background-color: #fff;
  border: 1px solid #e5e5e5
}

.card-slider__main-slide img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.card-slider__main-slide.hide-background {
  background: white !important
}

.card-slider__main-slide.hide-background img {
  opacity: 1 !important
}

.card-slider__main-slide img {
  pointer-events: none
}

.card-slider__nav {
  width: 18%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative
}

@media screen and (max-width: 1024px) {
  .card-slider__nav {
    display: none
  }
}

.card-slider__nav-fix-wrap {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.card-slider__nav-slide {
  background-color: #fff;
  width: 100%;
  padding-top: 100%;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border: 1px solid #e5e5e5;
  cursor: pointer
}

@media screen and (max-width: 1024px) {
  .card-slider__nav.slick-initialized {
    padding: 0 30px
  }
}

.card-slider__nav .slick-current .card-slider__nav-slide {
  border-color: #1792d4
}

.card-slider__nav .slider__nav {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (max-width: 1024px) {
  .card-slider__nav .slider__nav {
    opacity: 1;
    visibility: visible
  }
}

.card-slider__nav .slider__nav-prev {
  top: 30px
}

@media screen and (max-width: 1024px) {
  .card-slider__nav .slider__nav-prev {
    top: 50%;
    left: 0;
    right: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

@media screen and (max-width: 1024px) {
  .card-slider__nav .slider__nav-prev .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

.card-slider__nav .slider__nav-next {
  bottom: 30px
}

@media screen and (max-width: 1024px) {
  .card-slider__nav .slider__nav-next {
    top: 50%;
    right: 0;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

@media screen and (max-width: 1024px) {
  .card-slider__nav .slider__nav-next .icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .card-slider__nav:hover .slider__nav-prev {
    top: 15px;
    opacity: 1;
    visibility: visible
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .card-slider__nav:hover .slider__nav-next {
    bottom: 15px;
    opacity: 1;
    visibility: visible
  }
}

.card-slider--rect .card-slider__main-slide {
  padding-top: 128%
}

.card-slider--rect .card-slider__nav {
  margin: calc(100vw / (var(--vwIdth) / -5)) 0
}

.card-slider--rect .card-slider__nav-fix-wrap {
  padding: calc(100vw / (var(--vwIdth) / 5)) 0
}

.card-slider--square .card-slider__main-slide {
  padding-top: 100%
}

.card-slider--square .card-slider__nav {
  margin: -3% 0
}

.card-slider--square .card-slider__nav-fix-wrap {
  padding: 3% 0
}

.card__title {
  font-size: 1.875rem;
  line-height: 115%;
  color: #000
}

@media screen and (max-width: 1024px) {
  .card__title {
    font-size: 1.25rem;
    margin-bottom: calc(100vw / (var(--vwIdth) / 20))
  }
}

.card__attr {
  font-size: 1rem;
  line-height: 115%;
  color: #000;
  margin-bottom: calc(100vw / (var(--vwIdth) / 30))
}

.card__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: calc(100vw / (var(--vwIdth) / 40));
  margin-bottom: calc(100vw / (var(--vwIdth) / 20));
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px solid #f0f7fb
}

@media screen and (max-width: 600px) {
  .card__info {
    padding-bottom: 0
  }
}

.card__info-order {
  width: 36%
}

@media screen and (max-width: 1440px) {
  .card__info-order {
    width: 100%;
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.card__info-order-title {
  margin-bottom: calc(100vw / (var(--vwIdth) / 12))
}

.card__info-order-econome {
  width: 100%;
  margin-top: calc(100vw / (var(--vwIdth) / 15));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: calc(100vw / (var(--vwIdth) / 8));
  background: #f0f7fb;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 2));
  border-radius: calc(100vw / (var(--vwIdth) / 2))
}

.card__info-order-econome .price {
  margin-left: calc(100vw / (var(--vwIdth) / 5))
}

.card__info-tab {
  margin-bottom: calc(100vw / (var(--vwIdth) / 20))
}

.card__info-tab-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  overflow: hidden
}

.card__info-tab-btn {
  width: 50%;
  border: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-color: #f0f7fb
}

@media screen and (hover: hover) {
  .card__info-tab-btn:hover {
    color: #1792d4
  }
}

.card__info-tab-btn.active {
  background-color: #1792d4;
  color: #fff;
  pointer-events: none
}

.card__info-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.card__info-btns button:nth-child(1) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (min-width: 1441px) and (max-width: 1680px) {
  .card__info-btns button:nth-child(1) {
    padding: 0;
    max-width: 65%
  }
}

.card__info-btns button:nth-child(3) {
  width: 100%;
  margin-top: calc(100vw / (var(--vwIdth) / 15))
}

.card__info-stock {
  width: 61%
}

@media screen and (max-width: 1440px) {
  .card__info-stock {
    width: 100%
  }
}

.card__info-stock-title {
  margin-bottom: calc(100vw / (var(--vwIdth) / 20));
  font-weight: 500;
  font-size: 1rem;
  color: #000
}

@media screen and (min-width: 1025px) {
  .card__info-stock-title {
    display: none
  }
}

.card__info-stock-list {
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 8));
  border-radius: calc(100vw / (var(--vwIdth) / 8));
  border: 1.5px solid #f0f7fb
}

.card__info-stock-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.card__info-stock-item:not(:last-child) {
  border-bottom: 1px solid #f0f7fb
}

.card__info-stock-adress, .card__info-stock-icon {
  width: 50%;
  padding: calc(100vw / (var(--vwIdth) / 13)) calc(100vw / (var(--vwIdth) / 20));
  font-size: .875rem
}

@media screen and (max-width: 1024px) {
  .card__info-stock-adress, .card__info-stock-icon {
    width: auto
  }
}

@media screen and (max-width: 600px) {
  .card__info-stock-adress, .card__info-stock-icon {
    padding: calc(100vw / (var(--vwIdth) / 13)) 0
  }
}

.card__info-stock-adress {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #000
}

@media screen and (max-width: 1024px) {
  .card__info-stock-adress {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
}

.card__info-stock-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 1024px) {
  .card__info-stock-icon {
    text-align: right
  }
}

.card__info-stock-icon .icon {
  width: calc(100vw / (var(--vwIdth) / 16));
  height: calc(100vw / (var(--vwIdth) / 16))
}

.card__info-stock-icon .icon-tick {
  fill: #1792d4
}

.card__info-stock-icon .icon-cross-light {
  fill: #e251b1
}

.card__info-stock-icon span {
  width: calc(100% - 40px);
  margin-left: calc(100vw / (var(--vwIdth) / 16))
}

.card__info-stock-upd {
  padding: calc(100vw / (var(--vwIdth) / 20));
  font-size: .875rem;
  line-height: 100%;
  letter-spacing: 0.015em;
  color: #373f4a;
  opacity: 0.8
}

.card__info .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.card__info .price--old {
  color: #5f656e;
  position: relative;
  margin-right: calc(100vw / (var(--vwIdth) / 15))
}

.card__info .price--old::before, .card__info .price--old::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #241e35
}

.card__info .price--old::before {
  -webkit-transform: translate(-50%, -50%) rotate(15deg);
  -ms-transform: translate(-50%, -50%) rotate(15deg);
  transform: translate(-50%, -50%) rotate(15deg)
}

.card__info .price--old::after {
  -webkit-transform: translate(-50%, -50%) rotate(-15deg);
  -ms-transform: translate(-50%, -50%) rotate(-15deg);
  transform: translate(-50%, -50%) rotate(-15deg)
}

.card__info .price--old .price__main {
  font-size: 1.5rem;
  color: inherit
}

.card__info .price--old .price__coin {
  color: inherit
}

.card__info .price--new .price__main {
  font-size: 1.75rem
}

.card__info .price-wrap {
  padding: calc(100vw / (var(--vwIdth) / 15)) 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 600px) {
  .card__info .price {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.card__note {
  margin-bottom: calc(100vw / (var(--vwIdth) / 20));
  font-size: 1rem;
  color: #373f4a;
  opacity: 0.8
}

@media screen and (min-width: 601px) {
  .card__note {
    padding-left: 6%;
    background-image: url(/local/templates/palas/css/optimization/../img/svg/eye-eyelid.svg);
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: 5% auto;
    background-size: 5% auto
  }
}

@media screen and (max-width: 1024px) {
  .card__note {
    font-size: .875rem
  }
}

.card__desc {
  margin-bottom: calc(100vw / (var(--vwIdth) / 40))
}

@media screen and (max-width: 1024px) {
  .card__desc {
    margin-bottom: calc(100vw / (var(--vwIdth) / 20))
  }
}

.card__desc-title {
  position: relative;
  padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 50)) calc(100vw / (var(--vwIdth) / 25)) 0;
  font-weight: 500;
  line-height: 115%;
  color: #000;
  border-bottom: 1px solid #dbf2ff;
  cursor: pointer
}

@media screen and (max-width: 1024px) {
  .card__desc-title {
    padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 50)) calc(100vw / (var(--vwIdth) / 15)) 0;
    font-size: .875rem
  }
}

.card__desc-title::after {
  content: '';
  width: 0%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out;
  background: #1792d4
}

.card__desc-title.open .card__desc-btn {
  -webkit-transform: translateY(-50%) rotateX(180deg);
  transform: translateY(-50%) rotateX(180deg)
}

.card__desc-title.open::after {
  width: 100%
}

.card__desc-btn {
  width: calc(100vw / (var(--vwIdth) / 15));
  height: calc(100vw / (var(--vwIdth) / 15));
  position: absolute;
  right: calc(100vw / (var(--vwIdth) / 25));
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.card__desc-btn .icon {
  width: 100%;
  height: 100%;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out;
  fill: #1792d4
}

@media screen and (hover: hover) {
  .card__desc-btn:hover .icon {
    fill: #2a0e72
  }
}

.card__desc-content {
  padding: calc(100vw / (var(--vwIdth) / 5)) 0
}

.card__desc th, .card__desc td {
  width: 50%
}

.card .bx-breadcrumb-item:last-child {
  display: none
}

.card .breadcrumbs .bx-breadcrumb-item:nth-last-child(2) a::after {
  content: none
}

@media screen and (max-width: 600px) {
  .card ~ .mfp-close {
    top: calc(100vw / (var(--vwIdth) / 20)) !important;
    right: 0;
    padding: calc(100vw / (var(--vwIdth) / 25));
    -webkit-background-size: calc(100vw / (var(--vwIdth) / 25));
    background-size: calc(100vw / (var(--vwIdth) / 25))
  }
}

.text-page {
  font-size: 1rem;
  line-height: 125%;
  letter-spacing: 0.015em;
  color: #241e35;
  padding-left: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 800px) {
  .text-page {
    font-size: .875rem
  }
}

.text-page__map {
  position: relative;
  width: 100%;
  padding-top: 47%;
  margin-bottom: 2%
}

@media screen and (max-width: 800px) {
  .text-page__map {
    min-height: calc(100vw / (var(--vwIdth) / 300));
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.text-page__map-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.text-page__map-container .ymaps-2-1-77-ground-pane {
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.text-page__gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -1% -2%;
  position: relative
}

@media screen and (max-width: 800px) {
  .text-page__gallery {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.text-page__gallery-item {
  width: 33.33%;
  padding: 0 1% 2%
}

.text-page__gallery-item img {
  margin: 0 auto
}

.text-page__gallery .slider__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  .text-page__gallery .slider__nav {
    visibility: visible;
    opacity: 1
  }
}

.text-page__gallery .slider__nav-next {
  right: 55px
}

@media screen and (max-width: 1024px) {
  .text-page__gallery .slider__nav-next {
    right: 25px
  }
}

.text-page__gallery .slider__nav-prev {
  left: 55px
}

@media screen and (max-width: 1024px) {
  .text-page__gallery .slider__nav-prev {
    left: 25px
  }
}

.text-page__gallery .slider__nav-prev .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media screen and (hover: hover) {
  .text-page__gallery:hover .slider__nav {
    opacity: 1;
    visibility: visible
  }

  .text-page__gallery:hover .slider__nav-next {
    right: 25px
  }

  .text-page__gallery:hover .slider__nav-prev {
    left: 25px
  }
}

.text-page__gallery .slick-list, .text-page__gallery .slick-track {
  width: 100%
}

.text-page .table {
  overflow: auto hidden
}

.text-page img {
  width: 100%
}

.text-page hr {
  margin-bottom: calc(100vw / (var(--vwIdth) / 30));
  border: none;
  color: #e3e8ed;
  background-color: #e3e8ed;
  height: 1px
}

.text-page p, .text-page span {
  font-size: 1rem;
  line-height: 125%;
  letter-spacing: 0.015em
}

@media screen and (max-width: 800px) {
  .text-page p, .text-page span {
    font-size: .875rem
  }
}

.text-page p a, .text-page span a {
  color: #1792d4;
  text-decoration: underline
}

@media screen and (hover: hover) {
  .text-page p a:hover, .text-page span a:hover {
    text-decoration: none
  }
}

.text-page p:not(:last-child) {
  margin-bottom: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 600px) {
  .text-page p:not(:last-child) {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (max-width: 600px) {
  .text-page h1:not(:last-child), .text-page .h1:not(:last-child), .text-page h2:not(:last-child), .text-page .h2:not(:last-child), .text-page h3:not(:last-child), .text-page .h3:not(:last-child), .text-page h4:not(:last-child), .text-page .h4:not(:last-child), .text-page h5:not(:last-child), .text-page .h5:not(:last-child), .text-page h6:not(:last-child), .text-page .h6:not(:last-child) {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.text-page li {
  position: relative;
  margin: calc(100vw / (var(--vwIdth) / 10)) 0;
  font-size: 1rem;
  line-height: 125%;
  padding-left: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 800px) {
  .text-page li {
    font-size: .875rem
  }
}

.text-page li::before {
  content: '';
  width: calc(100vw / (var(--vwIdth) / 8));
  height: calc(100vw / (var(--vwIdth) / 8));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #1792d4;
  position: absolute;
  left: 0;
  top: calc(100vw / (var(--vwIdth) / 6))
}

.text-page li a {
  color: #1792d4;
  text-decoration: underline
}

.text-page ol {
  padding-left: calc(100vw / (var(--vwIdth) / 40));
  counter-reset: counter
}

.text-page ol li {
  position: relative;
  margin: calc(100vw / (var(--vwIdth) / 10)) 0;
  padding-left: calc(100vw / (var(--vwIdth) / 0));
  font-size: 1rem;
  line-height: 125%
}

@media screen and (max-width: 800px) {
  .text-page ol li {
    font-size: .875rem
  }
}

.text-page ol li::before {
  content: counter(counter) " ";
  counter-increment: counter;
  width: calc(100vw / (var(--vwIdth) / 26));
  height: calc(100vw / (var(--vwIdth) / 26));
  position: absolute;
  left: calc(100vw / (var(--vwIdth) / -40));
  top: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #e3e8ed;
  font-weight: bold;
  color: #1792d4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.text-page ol li a {
  color: #1792d4;
  text-decoration: underline
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: calc(100vw / (var(--vwIdth) / 15));
  margin-right: calc(100vw / (var(--vwIdth) / -15))
}

.form__item {
  width: 33.33%;
  padding-right: calc(100vw / (var(--vwIdth) / 15));
  margin-bottom: calc(100vw / (var(--vwIdth) / 20))
}

@media screen and (max-width: 800px) {
  .form__item {
    width: 50%
  }
}

@media screen and (max-width: 450px) {
  .form__item {
    width: 100%;
    margin-bottom: 5%
  }
}

.form__item.error input[type='text'], .form__item.error input[type='tel'], .form__item.error input[type='email'], .form__item.error textarea, .form__item.error-online input[type='text'], .form__item.error-online input[type='tel'], .form__item.error-online input[type='email'], .form__item.error-online textarea {
  border-color: #d12d2f
}

.form__item.error .agreement, .form__item.error-online .agreement {
  color: #d12d2f
}

.form__item.error .checkbox-blue__marker, .form__item.error-online .checkbox-blue__marker {
  border-color: #d12d2f
}

.form label {
  display: block;
  position: relative
}

.form label span {
  position: absolute;
  left: 5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 1%;
  background: #fff;
  z-index: 1;
  font-size: 1rem;
  line-height: 115%;
  color: #241e35
}

@media screen and (max-width: 1152px) {
  .form label span {
    font-size: .75rem
  }
}

.form input[type='text'], .form input[type='tel'], .form input[type='email'], .form textarea {
  display: inline-block;
  width: 100%;
  padding: 4% 4.5%;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.form textarea {
  min-height: 100%;
  resize: none
}

.form::-webkit-input-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.form:-moz-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.form::-moz-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.form:-ms-input-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.form .agreement {
  display: block;
  cursor: pointer;
  margin-bottom: 7.5%;
  padding: 4.5% 2% 4.5% 12.5%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: 300;
  font-size: .8125rem;
  line-height: 108%;
  color: #696969;
  background: #fbfbfb;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (max-width: 1152px) {
  .form .agreement {
    padding-left: 15%
  }
}

.form .agreement .button.button--white {
  position: absolute;
  padding: 0;
  left: 5%;
  width: calc(100vw / (var(--vwIdth) / 16));
  height: calc(100vw / (var(--vwIdth) / 16));
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.form .agreement .button.button--white .jq-checkbox {
  margin: 0
}

.form .agreement .button.button--white::after {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.form .agreement .button.button--white.active::after {
  background-image: url(/local/templates/palas/css/optimization/../../img/svg/tick.svg)
}

.form .agreement .styler {
  opacity: 0;
  visibility: hidden
}

.form button {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 160%;
  letter-spacing: 0.015em
}

@media screen and (max-width: 800px) {
  .form button {
    width: 100%
  }
}

.visited {
  padding: 0 calc(100vw / (var(--vwIdth) / 40)) 2.75% 2.75%
}

@media screen and (max-width: 1024px) {
  .visited {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: visible
  }
}

@media screen and (max-width: 600px) {
  .visited {
    padding: 0 10px
  }
}

@media screen and (max-width: 450px) {
  .visited {
    padding-bottom: 50px
  }
}

.visited #favorite-list {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2
}

.visited__wrap {
  width: 75%;
  max-width: 1300px;
  max-height: 100vh;
  overflow: auto;
  height: auto;
  position: fixed;
  right: -100%;
  top: 0%;
  -webkit-box-shadow: -4px 4px 25px rgba(7, 15, 29, 0.2);
  box-shadow: -4px 4px 25px rgba(7, 15, 29, 0.2);
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 1000;
  -webkit-transition: right .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  transition: right .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  -o-transition: box-shadow .15s, transform .15s, right .15s;
  transition: box-shadow .15s, transform .15s, right .15s;
  transition: box-shadow .15s, transform .15s, right .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  background: #f0f7fb
}

@media screen and (max-width: 1152px) {
  .visited__wrap {
    width: 100%;
    max-width: 100%;
    padding-left: 45px
  }
}

@media screen and (max-width: 1024px) {
  .visited__wrap {
    width: calc(100% - 50px);
    max-width: calc(100% - 50px);
    padding-left: 45px
  }
}

@media screen and (max-width: 1024px) {
  .visited__wrap .button-close {
    left: 10px;
    top: 2%;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

@media screen and (max-width: 600px) {
  .visited__wrap .button-close {
    top: 1%
  }
}

.visited__wrap.active {
  right: 0%
}

@media screen and (max-width: 1024px) {
  .visited__wrap.active .button-close {
    position: fixed
  }
}

.visited__wrap.favorite-resize {
  max-width: 100%;
  height: 100%
}

@media screen and (min-width: 1025px) {
  .visited__wrap.favorite-resize {
    margin-left: 17px
  }
}

@media screen and (max-width: 1024px) {
  .visited__wrap.favorite-resize {
    padding-left: 0
  }
}

@media screen and (min-width: 601px) {
  .visited__wrap.favorite-resize {
    background: #f9f9f9
  }
}

@media screen and (max-width: 600px) {
  .visited__wrap.favorite-resize {
    overflow: auto
  }
}

@media screen and (min-width: 1025px) {
  .visited__wrap.favorite-resize::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none
  }
}

.visited__wrap.favorite-resize .visited {
  max-width: 100%;
  overflow: auto
}

@media screen and (min-width: 601px) {
  .visited__wrap.favorite-resize .visited {
    height: 100%;
    padding-left: 40px
  }
}

@media screen and (min-width: 1921px) {
  .visited__wrap.favorite-resize .visited {
    padding-left: calc(100vw / (var(--vwIdth) / 40))
  }
}

@media screen and (max-width: 600px) {
  .visited__wrap.favorite-resize .visited {
    height: inherit;
    margin-left: auto
  }
}

@media screen and (min-width: 1025px) {
  .visited__wrap.favorite-resize .visited::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none
  }
}

.visited__wrap.favorite-resize .visited__category-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.visited__wrap.favorite-resize .visited__category-list.item-count--2 .visited__category-item {
  width: calc(50% - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--3 .visited__category-item {
  width: calc(33.33% - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--4 .visited__category-item {
  width: calc(25% - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--5 .visited__category-item {
  width: calc(20% - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--6 .visited__category-item {
  width: calc(100% / 6 - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--7 .visited__category-item {
  width: calc(100% / 7 - 10px)
}

.visited__wrap.favorite-resize .visited__category-list .ui-sortable-placeholder {
  background: #e5e5e5 !important;
  visibility: visible !important;
  opacity: 0.25
}

.visited__wrap.favorite-resize .visited .visited__category-item {
  width: 265px;
  float: left
}

.visited__wrap.favorite-resize .visited .visited__category-item:active {
  cursor: url(/local/templates/palas/css/optimization/../img/svg/hand.svg), url(/local/templates/palas/css/optimization/../img/svg/hand.png), auto !important
}

.visited__wrap.favorite-resize .visited__category {
  margin: 15px 0 0
}

@media screen and (min-width: 1921px) {
  .visited__wrap.favorite-resize .visited__category {
    margin: calc(100vw / (var(--vwIdth) / 15)) 0 0
  }
}

@media screen and (max-width: 600px) {
  .visited__wrap.favorite-resize .visited__category {
    margin: 0
  }
}

.visited__wrap.favorite-resize .ui-resizable-w {
  left: 0;
  width: 40px;
  height: 100%;
  background-color: #f0f7fb;
  background-image: url(/local/templates/palas/css/optimization/../img/svg/resize.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  background-position: center center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (min-width: 1921px) {
  .visited__wrap.favorite-resize .ui-resizable-w {
    width: calc(100vw / (var(--vwIdth) / 40));
    -webkit-background-size: calc(100vw / (var(--vwIdth) / 30)) auto;
    background-size: calc(100vw / (var(--vwIdth) / 30)) auto
  }
}

@media screen and (hover: hover) {
  .visited__wrap.favorite-resize .ui-resizable-w:hover {
    background-color: #f9fafb
  }
}

.visited__category {
  margin-bottom: 1.75%;
  border-bottom: 1px solid #eee
}

.visited__category-tittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8a8a8a;
  margin-bottom: 15px
}

.visited__category-tittle h2, .visited__category-tittle .h2 {
  margin: 0 calc(100vw / (var(--vwIdth) / 15)) 0 0
}

.visited__category-tittle span {
  font-size: 1.375rem;
  color: #241e35
}

@media screen and (max-width: 800px) {
  .visited__category-tittle span {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 1921px) {
  .visited__category-tittle {
    margin-bottom: tovw(15);
    font-size: calc(100vw / (var(--vwIdth) / 20))
  }
}

.visited__category-wrap {
  width: 100%;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (max-width: 1024px) {
  .visited__category-wrap {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
  }
}

.visited__category-list {
  margin: 0 -10px
}

@media screen and (max-width: 600px) {
  .visited__category-list {
    margin: 0 -5px
  }
}

@media screen and (max-width: 450px) {
  .visited__category-list {
    margin: 0 -10px 0 0
  }
}

.visited__category-list .catalog__item-main-slide img {
  -o-object-fit: cover;
  object-fit: cover
}

.visited__category-item {
  position: relative;
  width: calc(20% - 10px);
  margin: 0 5px 5px;
  -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease !important;
  transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease !important;
  -o-transition: transform .3s ease, box-shadow .3s ease !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease !important
}

@media screen and (max-width: 1440px) {
  .visited__category-item {
    width: calc(25% - 10px)
  }
}

@media screen and (max-width: 1024px) {
  .visited__category-item {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
  }
}

@media screen and (max-width: 800px) {
  .visited__category-item {
    width: calc(33.33% - 10px)
  }
}

@media screen and (max-width: 600px) {
  .visited__category-item {
    width: calc(50% - 10px);
    margin: 0 10px 10px 0
  }
}

@media screen and (hover: hover) {
  .visited__category-item:hover {
    -webkit-transform: translate(3px, -3px);
    -ms-transform: translate(3px, -3px);
    transform: translate(3px, -3px);
    -webkit-box-shadow: 0px 25px 49px rgba(9, 30, 49, 0.09), 0px 9.62963px 15.6074px rgba(9, 30, 49, 0.0546667), 0px 2.03704px 3.99259px rgba(9, 30, 49, 0.0353333);
    box-shadow: 0px 25px 49px rgba(9, 30, 49, 0.09), 0px 9.62963px 15.6074px rgba(9, 30, 49, 0.0546667), 0px 2.03704px 3.99259px rgba(9, 30, 49, 0.0353333)
  }
}

.visited__category-item .catalog__item {
  height: 100%
}

.visited__category-item .button-close {
  position: absolute !important;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 25px;
  height: 25px;
  top: 10px;
  right: 10px !important;
  left: auto;
  z-index: 2
}

@media screen and (min-width: 1921px) {
  .visited__category-item .button-close {
    width: calc(100vw / (var(--vwIdth) / 25));
    height: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 600px) {
  .visited__category-item .button-close {
    width: 20px;
    height: 20px
  }
}

.visited__form {
  position: relative;
  min-height: 15px
}

@media screen and (max-width: 1024px) {
  .visited__form {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
  }
}

.visited__form .jq-selectbox {
  position: absolute;
  right: 0;
  top: 0
}

@media screen and (max-width: 450px) {
  .visited__form .jq-selectbox {
    width: 100%;
    position: static
  }
}

.visited__button {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  right: calc(100vw / (var(--vwIdth) / 50));
  bottom: calc(100vw / (var(--vwIdth) / 25));
  z-index: 2
}

@media screen and (max-width: 600px) {
  .visited__button {
    width: 100%;
    margin: 0;
    right: 0;
    text-align: center
  }
}

.visited__button .btn-purple, .visited__button .btn-blue {
  margin: 0 auto
}

@media screen and (max-width: 600px) {
  .visited__button .btn-purple, .visited__button .btn-blue {
    width: 75%
  }
}

.visited__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto 1.5% 0 0
}

@media screen and (max-width: 450px) {
  .visited__buttons button {
    width: 100%
  }
}

@media screen and (max-width: 600px) {
  .visited__buttons {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto 0 0 0
  }
}

.visited__social {
  text-align: center
}

@media screen and (max-width: 1024px) {
  .visited__social {
    margin-bottom: 15px
  }
}

.visited__empty {
  display: none;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.015em;
  color: #2a0e72;
  text-align: center
}

@media screen and (max-width: 1024px) {
  .visited__empty {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
  }
}

@media screen and (max-width: 600px) {
  .visited__empty {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
  }
}

.visited__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

@media screen and (max-width: 1024px) {
  .visited__footer {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 15px
  }
}

@media screen and (max-width: 1024px) {
  .visited .lc-tittle {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0
  }
}

/* End */


/* Start:/local/templates/palas/css/optimization/critical.css?1712231507103426*/
:root {
  --sidebarLargeWidth: 15.6vw;
  --sidebarMiddleWidth: 15%;
  --sidebarSmallWidth: 4.2vw;
  --headerHeight: 4.8vw;
  --vwIdth: 1903
}

@media screen and (max-width: 1024px) {
  :root {
    --sidebarLargeWidth: 320px;
    --sidebarMiddleWidth: 320px;
    --headerHeight: 60px
  }
}

@media screen and (max-width: 800px) {
  :root {
    --headerHeight: 110px
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --vwIdth: 1024
  }
}

@media screen and (max-width: 800px) {
  :root {
    --vwIdth: 768
  }
}

@media screen and (max-width: 600px) {
  :root {
    --vwIdth: 600
  }
}

@media screen and (max-width: 450px) {
  :root {
    --vwIdth: 450
  }
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("/local/templates/palas/css/optimization/./../fonts/roboto/light.woff2") format("woff2"), url("/local/templates/palas/css/optimization/./../fonts/roboto/light.woff") format("woff"), url("/local/templates/palas/css/optimization/./../fonts/roboto/light.ttf") format("truetype"), url("/local/templates/palas/css/optimization/./../fonts/roboto/light.eot"), url("/local/templates/palas/css/optimization/./../fonts/roboto/light.eot#iefix") format("embedded-opentype")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/local/templates/palas/css/optimization/./../fonts/roboto/regular.woff2") format("woff2"), url("/local/templates/palas/css/optimization/./../fonts/roboto/regular.woff") format("woff"), url("/local/templates/palas/css/optimization/./../fonts/roboto/regular.ttf") format("truetype"), url("/local/templates/palas/css/optimization/./../fonts/roboto/regular.eot"), url("/local/templates/palas/css/optimization/./../fonts/roboto/regular.eot#iefix") format("embedded-opentype")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url("/local/templates/palas/css/optimization/./../fonts/roboto/medium.woff2") format("woff2"), url("/local/templates/palas/css/optimization/./../fonts/roboto/medium.woff") format("woff"), url("/local/templates/palas/css/optimization/./../fonts/roboto/medium.ttf") format("truetype"), url("/local/templates/palas/css/optimization/./../fonts/roboto/medium.eot"), url("/local/templates/palas/css/optimization/./../fonts/roboto/medium.eot#iefix") format("embedded-opentype")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("/local/templates/palas/css/optimization/./../fonts/roboto/bold.woff2") format("woff2"), url("/local/templates/palas/css/optimization/./../fonts/roboto/bold.woff") format("woff"), url("/local/templates/palas/css/optimization/./../fonts/roboto/bold.ttf") format("truetype"), url("/local/templates/palas/css/optimization/./../fonts/roboto/bold.eot"), url("/local/templates/palas/css/optimization/./../fonts/roboto/bold.eot#iefix") format("embedded-opentype")
}

.col-1 {
  width: 8.33333%
}

.col-2 {
  width: 16.66667%
}

.col-3 {
  width: 25%
}

.col-4 {
  width: 33.33333%
}

.col-5 {
  width: 41.66667%
}

.col-6 {
  width: 50%
}

.col-7 {
  width: 58.33333%
}

.col-8 {
  width: 66.66667%
}

.col-9 {
  width: 75%
}

.col-10 {
  width: 83.33333%
}

.col-11 {
  width: 91.66667%
}

.col-12 {
  width: 100%
}

@media screen and (max-width: 600px) {
  html.menu-open, body.menu-open {
    overflow: hidden !important;
    position: relative;
    height: var(--viewport-height)
  }
}

html {
  margin: 0 !important;
  background-repeat: repeat;
  -ms-overflow-style: none;
  scrollbar-width: none;
  font-size: 1rem
}

@media screen and (min-width: 1921px) {
  html {
    font-size: calc(100vw / (var(--vwIdth) / 16))
  }
}

html.overflow {
  height: 100%;
  overflow: hidden
}

html::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
  -ms-overflow-style: none;
  scrollbar-width: none
}

body {
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Roboto";
  background: #f0f7fb;
  -ms-overflow-style: none;
  scrollbar-width: none;
  color: #241e35
}

@media screen and (min-width: 1025px) {
  body {
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

body.menu-open {
  overflow: hidden !important
}

body.menu-open::after {
  opacity: 0.5;
  visibility: visible
}

body.overflow {
  height: 100%;
  overflow: hidden
}

body.mobile-load article {
  position: relative
}

body.mobile-load article._disabledEvent {
  pointer-events: none
}

body.mobile-load article::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .15s;
  -o-transition: .15s;
  transition: .15s;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  z-index: 6
}

body.mobile-load article.blur {
  overflow: hidden
}

body.mobile-load article.blur::after {
  opacity: 1;
  visibility: visible
}

body.mobile-load main {
  position: relative;
  max-width: 100%;
  z-index: 1;
  min-height: 100%
}

body.mobile-load main::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 1000
}

body.mobile-load main.menu-open {
  overflow: hidden !important
}

body.mobile-load main.menu-open::after {
  opacity: 1;
  visibility: visible
}

body.mobile-load aside {
  position: fixed;
  left: 0;
  z-index: 7;
  -webkit-transform: translateX(-125%);
  -ms-transform: translateX(-125%);
  transform: translateX(-125%);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  top: var(--headerHeight);
  height: 100%
}

@media screen and (max-width: 600px) {
  body.mobile-load aside {
    top: 0
  }
}

body.mobile-load aside:not(.aside-wide) {
  width: var(--sidebarLargeWidth)
}

@media screen and (max-width: 450px) {
  body.mobile-load aside:not(.aside-wide) {
    width: calc(100vw - 75px)
  }
}

body.mobile-load aside:not(.aside-wide) ~ article {
  width: 100%;
  margin: 0
}

body.mobile-load aside.aside-wide:not(.aside-wide--catalog) {
  width: var(--sidebarMiddleWidth)
}

@media screen and (max-width: 450px) {
  body.mobile-load aside.aside-wide:not(.aside-wide--catalog) {
    width: calc(100vw - 75px)
  }
}

body.mobile-load aside.aside-wide:not(.aside-wide--catalog) ~ article {
  width: 100%;
  margin: 0
}

body.mobile-load aside.aside-wide.aside-wide--catalog {
  width: var(--sidebarLargeWidth);
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important
}

@media screen and (max-width: 450px) {
  body.mobile-load aside.aside-wide.aside-wide--catalog {
    width: calc(100vw - 75px)
  }
}

body.mobile-load aside.aside-wide.aside-wide--catalog ~ article {
  width: calc(100% - var(--sidebarLargeWidth));
  margin-left: 0
}

@media screen and (max-width: 1024px) {
  body:not(.mobile-load) aside {
    display: none !important
  }
}

body::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
  -ms-overflow-style: none;
  scrollbar-width: none
}

@media screen and (min-width: 1025px) {
  article {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-repeat: repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative
  }

  article._disabledEvent {
    pointer-events: none
  }

  article::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    z-index: 6
  }

  article.blur {
    overflow: hidden
  }

  article.blur::after {
    opacity: 1;
    visibility: visible
  }
}

@media screen and (min-width: 1025px) {
  main {
    position: relative;
    max-width: 100%;
    z-index: 1;
    min-height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }

  main::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1000
  }

  main.menu-open {
    overflow: hidden !important
  }

  main.menu-open::after {
    opacity: 1;
    visibility: visible
  }
}

@media screen and (min-width: 1025px) {
  aside {
    position: fixed;
    left: 0;
    height: calc(100vh - var(--headerHeight));
    top: var(--headerHeight);
    z-index: 7
  }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) {
  aside {
    -webkit-transform: translateX(-125%);
    -ms-transform: translateX(-125%);
    transform: translateX(-125%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
  }
}

@media screen and (min-width: 1025px) and (max-width: 600px) {
  aside {
    z-index: 7;
    top: 0;
    height: 100%;
    display: none
  }
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) {
    width: var(--sidebarSmallWidth)
  }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) {
  aside:not(.aside-wide) {
    width: var(--sidebarLargeWidth)
  }
}

@media screen and (min-width: 1025px) and (max-width: 450px) {
  aside:not(.aside-wide) {
    width: calc(100vw - 75px)
  }
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) ~ article {
    width: calc(100% - var(--sidebarSmallWidth));
    margin-left: var(--sidebarSmallWidth)
  }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) {
  aside:not(.aside-wide) ~ article {
    width: 100%;
    margin: 0
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) {
    width: var(--sidebarMiddleWidth)
  }
}

@media screen and (min-width: 1025px) and (max-width: 450px) {
  aside.aside-wide:not(.aside-wide--catalog) {
    width: calc(100vw - 75px)
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ article {
    width: calc(100% - var(--sidebarMiddleWidth));
    margin-left: var(--sidebarMiddleWidth)
  }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ article {
    width: 100%;
    margin: 0
  }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__btn {
    width: 90%
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog {
    width: var(--sidebarLargeWidth);
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}

@media screen and (min-width: 1025px) and (max-width: 450px) {
  aside.aside-wide.aside-wide--catalog {
    width: calc(100vw - 75px)
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog ~ article {
    width: calc(100% - var(--sidebarLargeWidth));
    margin-left: var(--sidebarLargeWidth)
  }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog ~ article {
    margin-left: 0
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog ~ article .loader-wrap {
    width: calc(100% - var(--sidebarLargeWidth));
    margin-left: var(--sidebarLargeWidth)
  }
}

@media screen and (min-width: 1025px) and (min-width: 1921px) {
  aside.aside-wide.aside-wide--catalog ~ article .loader-wrap {
    width: calc(100% - 15.6vw);
    margin-left: 15.6vw
  }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog ~ article .loader-wrap {
    margin-left: 0;
    width: 100%;
    height: 100%
  }
}

h1, .h1 {
  margin-bottom: calc(100vw / (var(--vwIdth) / 20));
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 125%;
  color: #241e35
}

@media screen and (max-width: 800px) {
  h1, .h1 {
    margin-bottom: calc(100vw / (var(--vwIdth) / 10));
    font-size: 1.375rem
  }
}

h2, .h2 {
  margin-bottom: calc(100vw / (var(--vwIdth) / 20));
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 125%;
  color: #241e35
}

@media screen and (max-width: 800px) {
  h2, .h2 {
    font-size: 1.125rem
  }
}

h3, .h3 {
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  font-weight: bold;
  font-size: 1rem;
  line-height: 125%;
  color: #241e35
}

@media screen and (max-width: 800px) {
  h3, .h3 {
    font-size: .875rem
  }
}

a {
  text-decoration: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

img {
  max-width: 100%
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 50px
}

@media screen and (max-width: 1440px) {
  .container {
    padding-left: 25px;
    padding-right: 25px
  }
}

@media screen and (max-width: 800px) {
  .container {
    padding-left: 15px;
    padding-right: 15px
  }
}

.container {
  padding: calc(var(--headerHeight) + 30px) calc(100vw / (var(--vwIdth) / 30)) calc(100vw / (var(--vwIdth) / 30));
  background: #f0f7fb
}

@media screen and (max-width: 1024px) {
  .container {
    padding: calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (max-width: 600px) {
  .container {
    padding: 10px
  }
}

.container--blank {
  padding: calc(100vw / (var(--vwIdth) / 25));
  background: #fff;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 10));
  border-radius: calc(100vw / (var(--vwIdth) / 10))
}

@media screen and (max-width: 1024px) {
  .container--blank {
    padding: 10px
  }
}

.button {
  display: inline-block;
  position: relative;
  padding: 4.5% 14% 5.5%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-style: normal;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 0px 2px 2px rgba(14, 40, 51, 0.18);
  box-shadow: 0px 2px 2px rgba(14, 40, 51, 0.18);
  cursor: pointer;
  text-align: center
}

@media screen and (max-width: 1680px) {
  .button {
    padding: 4.5% 10% 5.5%
  }
}

@media screen and (max-width: 1152px) {
  .button {
    padding: 2.5% 7.5% 2.5%
  }
}

.button span {
  position: relative;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #241e35;
  text-shadow: 1px 4px 5px rgba(0, 0, 0, 0.15);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 3
}

@media screen and (max-width: 1680px) {
  .button span {
    font-size: 1.125rem
  }
}

@media screen and (max-width: 1440px) {
  .button span {
    font-size: .875rem
  }
}

@media screen and (max-width: 1152px) {
  .button span {
    font-size: 1.125rem
  }
}

.button::before, .button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border: 2px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.button::before {
  width: calc(100% - 2px);
  height: 100%;
  -webkit-transform: translate(-50%, calc(-50% + 2px));
  -ms-transform: translate(-50%, calc(-50% + 2px));
  transform: translate(-50%, calc(-50% + 2px));
  z-index: 1
}

@media screen and (max-width: 600px) {
  .button::before {
    width: calc(100% - 1px);
    -webkit-transform: translate(-50%, calc(-50% + 1px));
    -ms-transform: translate(-50%, calc(-50% + 1px));
    transform: translate(-50%, calc(-50% + 1px))
  }
}

.button::after {
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2
}

.button--red::before {
  border-color: #992122
}

.button--red::after {
  border-color: #d12d2f
}

@media screen and (hover: hover) {
  .button--red:hover::after {
    background: #d12d2f
  }
}

.button--red.added span, .button--red:active span {
  color: #fff
}

.button--red.added::after, .button--red:active::after {
  background: #992122;
  border-color: #992122
}

.button--yellow::before {
  border-color: #ccbf51
}

.button--yellow::after {
  border-color: gold
}

@media screen and (hover: hover) {
  .button--yellow:hover::after {
    background: gold
  }
}

.button--yellow:active::after {
  background: #ccbf51;
  border-color: #ccbf51
}

.button--yellow span {
  color: #241e35 !important
}

.button--purple span {
  color: #2a0e72
}

.button--purple::before {
  border-color: #241e35
}

.button--purple::after {
  border-color: #2a0e72
}

@media screen and (hover: hover) {
  .button--purple:hover {
    background: #2a0e72
  }

  .button--purple:hover span {
    color: #fff
  }

  .button--purple:hover::after {
    background: #2a0e72
  }
}

.button--purple:active {
  background: #2a0e72
}

.button--purple:active::after {
  background: #2a0e72;
  border-color: #2a0e72
}

.button--white span {
  color: #fff
}

.button--white::before {
  border-color: #e5e5e5
}

.button--white::after {
  border-color: #fff
}

@media screen and (hover: hover) {
  .button--white:hover span {
    color: #241e35
  }

  .button--white:hover::after {
    background: #fff
  }
}

.button--white:active::after {
  background: #e5e5e5;
  border-color: #e5e5e5
}

@media screen and (hover: hover) {
  .button:hover:not(.button--white) span {
    color: #fff
  }
}

.button.added, .button.active, .button:active {
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  -webkit-box-shadow: 0px 0px 0px rgba(14, 40, 51, 0.18);
  box-shadow: 0px 0px 0px rgba(14, 40, 51, 0.18)
}

.button.added::before, .button.active::before, .button:active::before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.button.disabled {
  pointer-events: none
}

.button-close {
  display: inline-block;
  width: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 2px rgba(14, 40, 51, 0.18);
  box-shadow: 0px 2px 2px rgba(14, 40, 51, 0.18);
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.button-close:not(.button-close--yellow) {
  background: #fff
}

.button-close:not(.button-close--yellow) .icon {
  fill: #2a0e72
}

.button-close.button-close--yellow {
  background: #ffd700
}

.button-close.button-close--yellow .icon {
  fill: #fff
}

.button-close .icon {
  display: block;
  max-width: 50%;
  max-height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (hover: hover) {
  .button-close:hover {
    -webkit-transform: translate(3px, calc(-50% - 3px));
    -ms-transform: translate(3px, calc(-50% - 3px));
    transform: translate(3px, calc(-50% - 3px));
    -webkit-box-shadow: 0px 25px 49px rgba(9, 30, 49, 0.09), 0px 9.62963px 15.6074px rgba(9, 30, 49, 0.0546667), 0px 2.03704px 3.99259px rgba(9, 30, 49, 0.0353333);
    box-shadow: 0px 25px 49px rgba(9, 30, 49, 0.09), 0px 9.62963px 15.6074px rgba(9, 30, 49, 0.0546667), 0px 2.03704px 3.99259px rgba(9, 30, 49, 0.0353333)
  }
}

.link-underline {
  position: relative
}

.link-underline::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 1px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-width: 1024px) {
  .link-underline::after {
    content: none
  }
}

@media screen and (hover: hover) {
  .link-underline:hover::after {
    width: 100%
  }
}

.icon-link {
  display: inline-block;
  position: relative
}

.icon-link::after {
  content: attr(data-count);
  position: absolute;
  width: calc(100vw / (var(--vwIdth) / 18));
  height: calc(100vw / (var(--vwIdth) / 18));
  right: calc(100vw / (var(--vwIdth) / -5));
  top: calc(100vw / (var(--vwIdth) / -5));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2a0e72;
  color: #fff;
  font-weight: 400;
  font-size: .5625rem;
  line-height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (max-width: 1440px) {
  .icon-link::after {
    font-size: .5625rem
  }
}

@media screen and (max-width: 600px) {
  .icon-link::after {
    width: 17px;
    height: 17px;
    font-size: .6875rem
  }
}

.icon-link .icon {
  display: block;
  max-width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.icon-link.added::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.icon-link.disabled .icon-link__bg .icon {
  fill: #b5b5b5
}

.price {
  display: inline-block
}

.price__main {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 80%;
  letter-spacing: -0.02em;
  color: #2a0e72
}

@media screen and (max-width: 600px) {
  .price__main {
    font-size: 1.375rem
  }
}

.price__coin {
  margin-left: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: .875rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2a0e72
}

@media screen and (max-width: 450px) {
  .price__coin {
    font-size: .75rem
  }
}

.price__discount {
  width: 100%;
  text-align: right;
  font-size: 1.125rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #241e35
}

.price__discount .price__main, .price__discount .price__coin {
  color: #241e35;
  font-weight: 400;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}

@media screen and (max-width: 1440px) {
  .price__discount {
    font-size: 1rem
  }
}

@media screen and (max-width: 1024px) {
  .price__discount {
    font-size: .875rem
  }
}

@media screen and (max-width: 450px) {
  .price__discount {
    font-size: .75rem
  }
}

.price--red .price__main, .price--red .price__discount, .price--red .price__coin {
  color: #d12d2f !important
}

.price-total {
  display: inline-block
}

.price-total__main {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 90%;
  letter-spacing: -0.02em;
  color: #2a0e72
}

.price-total__coin {
  margin-left: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: #2a0e72
}

.price-total__discount {
  font-style: normal;
  font-weight: normal;
  font-size: 1.0625rem;
  line-height: 177%;
  letter-spacing: -0.02em;
  color: #d12d2f
}

.price-total__discount::before {
  content: "Выгода:";
  color: #d12d2f;
  padding-right: 2px
}

.slider-ui {
  border: 1px solid #c4d0d7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  padding: calc(100vw / (var(--vwIdth) / 5));
  position: relative
}

.slider-ui__text {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.slider-ui__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  font-weight: 300;
  font-size: .875rem;
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #766969
}

.slider-ui__input:first-of-type {
  padding-right: calc(100vw / (var(--vwIdth) / 10))
}

.slider-ui__input:last-of-type {
  padding-left: calc(100vw / (var(--vwIdth) / 10))
}

.slider-ui__input input[type="text"] {
  padding: 0 0 0 calc(100vw / (var(--vwIdth) / 5));
  width: 70%;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: inherit;
  line-height: 160%;
  letter-spacing: 0.015em
}

@media screen and (max-width: 1440px) {
  .slider-ui__input input[type="text"] {
    width: auto
  }
}

.slider-ui__input input[type="text"]:focus {
  border-color: #f2f2f2
}

.slider-ui .ui-widget.ui-widget-content {
  width: 100%;
  height: 2px;
  border: none;
  background: #cfd7db;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0
}

.slider-ui .ui-slider-horizontal .ui-slider-range {
  height: 3px;
  background: #1792d4
}

.slider-ui .ui-slider-horizontal .ui-slider-handle {
  z-index: 1;
  top: calc(100vw / (var(--vwIdth) / -5));
  margin-left: calc(100vw / (var(--vwIdth) / -6))
}

@media screen and (max-width: 600px) {
  .slider-ui .ui-slider-horizontal .ui-slider-handle {
    top: calc(100vw / (var(--vwIdth) / -8));
    margin-left: calc(100vw / (var(--vwIdth) / -10))
  }
}

.slider-ui .ui-state-default, .slider-ui .ui-widget-content .ui-state-default {
  width: calc(100vw / (var(--vwIdth) / 12));
  height: calc(100vw / (var(--vwIdth) / 12));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #2a0e72;
  border: none;
  cursor: pointer;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s
}

@media screen and (max-width: 600px) {
  .slider-ui .ui-state-default, .slider-ui .ui-widget-content .ui-state-default {
    width: calc(100vw / (var(--vwIdth) / 20));
    height: calc(100vw / (var(--vwIdth) / 20))
  }
}

.slider-ui .ui-state-default::after, .slider-ui .ui-widget-content .ui-state-default::after {
  content: "";
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.slider-ui .ui-state-default:hover, .slider-ui .ui-state-default.ui-state-active, .slider-ui .ui-widget-content .ui-state-default:hover, .slider-ui .ui-widget-content .ui-state-default.ui-state-active {
  border: transparent
}

.slider-ui .ui-state-default:hover::after, .slider-ui .ui-state-default.ui-state-active::after, .slider-ui .ui-widget-content .ui-state-default:hover::after, .slider-ui .ui-widget-content .ui-state-default.ui-state-active::after {
  background: #1792d4
}

.jq-selectbox {
  min-width: calc(100vw / (var(--vwIdth) / 150))
}

.jq-selectbox__select {
  height: auto;
  border-bottom-color: #b3b3b3;
  border: 1px solid #e0e0e0;
  padding: calc(100vw / (var(--vwIdth) / 7)) calc(100vw / (var(--vwIdth) / 30)) calc(100vw / (var(--vwIdth) / 7)) calc(100vw / (var(--vwIdth) / 15));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #241e35;
  text-shadow: none
}

@media screen and (hover: hover) {
  .jq-selectbox__select:hover {
    background: transparent
  }
}

.jq-selectbox__select-text {
  width: auto !important;
  text-align: left;
  position: relative
}

.jq-selectbox__trigger {
  width: calc(100vw / (var(--vwIdth) / 30));
  border-left: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.jq-selectbox__trigger-arrow {
  width: calc(100vw / (var(--vwIdth) / 6));
  height: calc(100vw / (var(--vwIdth) / 3));
  border: none;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: calc(100vw / (var(--vwIdth) / 3)) solid transparent;
  border-right: calc(100vw / (var(--vwIdth) / 3)) solid transparent;
  border-top: calc(100vw / (var(--vwIdth) / 3)) solid #241e35
}

.jq-selectbox__dropdown {
  width: auto;
  min-width: 100%
}

.jq-selectbox select {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%
}

.jq-selectbox li {
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.jq-selectbox li:hover, .jq-selectbox li.selected {
  background-color: #2a0e72
}

.jq-selectbox.focused {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.jq-selectbox.opened .jq-selectbox__trigger-arrow {
  -webkit-transform: translate(50%, -50%) rotateX(180deg);
  transform: translate(50%, -50%) rotateX(180deg)
}

.mCSB_vertical .mCSB_container {
  margin-right: 3px;
  min-height: 100%
}

.mCSB_vertical .mCSB_scrollTools_vertical {
  width: 3px
}

.mCSB_vertical .mCSB_scrollTools .mCSB_draggerRail {
  background: #f4f4f4
}

.mCSB_vertical .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #2a0e72;
  max-width: 100%
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0
}

.mCSB_horizontal .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 2px;
  opacity: 1
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer {
  height: 100%
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #2a0e72;
  height: 100%;
  margin: 0
}

.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
  margin: 0;
  background-color: #f4f4f4
}

body .ymaps-2-1-77-balloon {
  -webkit-border-radius: 10px;
  border-radius: 10px
}

body .ymaps-2-1-77-balloon__layout {
  -webkit-border-radius: 10px;
  border-radius: 10px
}

body .ymaps-2-1-77-balloon__content {
  margin-right: 0;
  background: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 25px !important;
  position: relative
}

body .ymaps-2-1-77-balloon__content > ymaps {
  width: auto !important
}

body .ymaps-2-1-77-balloon-content__header {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 1.5625rem;
  line-height: 160%;
  color: #2a0e72
}

body .ymaps-2-1-77-balloon .balloon__body {
  padding: 7px 0 10px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee
}

body .ymaps-2-1-77-balloon .balloon__body-row {
  font-family: "Roboto";
  font-style: normal;
  font-size: 1rem;
  line-height: 160%
}

body .ymaps-2-1-77-balloon .balloon__body-row:not(span) {
  white-space: nowrap;
  color: #8e9199;
  font-weight: 300
}

body .ymaps-2-1-77-balloon .balloon__body-row:last-of-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

body .ymaps-2-1-77-balloon .balloon__body-row span {
  display: inline-block;
  padding-left: 5px;
  font-weight: normal;
  color: #241e35
}

body .ymaps-2-1-77-balloon .balloon__body-col {
  white-space: pre-wrap
}

body .ymaps-2-1-77-balloon__close {
  position: absolute;
  margin-bottom: 0;
  top: 25px;
  right: 25px
}

body .ymaps-2-1-77-balloon__close-button {
  width: 10px;
  height: 10px
}

.balloon__body-col span {
  display: block;
  width: 100%
}

body .ymaps-2-1-77-balloon__close + .ymaps-2-1-77-balloon__content {
  margin-right: 0
}

[class*="ymaps-2"][class*="-ground-pane"] {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale") !important;
  -webkit-filter: grayscale(100%) !important
}

@media screen and (max-width: 600px) {
  .ymaps-map {
    -ms-touch-action: auto !important;
    touch-action: auto !important
  }
}

.telephone {
  display: block;
  margin-right: auto;
  padding-left: 25px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 160%;
  color: #241e35;
  background-image: url(/local/templates/palas/css/optimization/../img/svg/phone.svg);
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: 13px 13px;
  background-size: 13px 13px
}

@media screen and (hover: hover) {
  .telephone:hover {
    color: #2a0e72
  }
}

.slider__nav {
  width: 35px;
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  -webkit-box-shadow: 0px 2px 2px rgba(14, 40, 51, 0.18);
  box-shadow: 0px 2px 2px rgba(14, 40, 51, 0.18);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer
}

@media screen and (max-width: 1152px) {
  .slider__nav {
    width: 30px;
    height: 30px
  }
}

@media screen and (max-width: 1024px) {
  .slider__nav {
    background: rgba(255, 255, 255, 0.35)
  }
}

@media screen and (max-width: 800px) {
  .slider__nav {
    width: 25px;
    height: 25px
  }
}

.slider__nav .icon {
  width: 17px;
  height: 9px;
  fill: #2a0e72
}

.slider__nav-prev .icon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.text {
  font-style: normal;
  font-size: .875rem;
  line-height: 160%;
  letter-spacing: 0.015em
}

.text--gray {
  font-weight: 300;
  color: #8a8a8a
}

.text--black {
  font-weight: normal;
  color: #241e35
}

@media screen and (max-width: 1024px) {
  .text--filled {
    background: #2a0e72;
    padding: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: white !important
  }
}

@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .text--filled {
    padding-left: 5px !important
  }
}

@media screen and (max-width: 1024px) {
  .text--filled .icon {
    display: none
  }
}

@media screen and (hover: hover) {
  a.text:hover {
    color: #2a0e72
  }
}

a.text:not(:last-of-type)::after {
  content: ", "
}

.lc-tittle {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 70));
  border-bottom: 1px solid #eee;
  margin-bottom: 2%
}

@media screen and (min-width: 1921px) {
  .lc-tittle {
    padding: 2.5% calc(100vw / (var(--vwIdth) / 30)) 2.5% calc(100vw / (var(--vwIdth) / 70))
  }
}

@media screen and (max-width: 600px) {
  .lc-tittle {
    padding-left: calc(100vw / (var(--vwIdth) / 50))
  }
}

@media screen and (max-width: 600px) {
  .lc-tittle {
    padding: 5% 0 5% calc(100vw / (var(--vwIdth) / 60));
    margin-bottom: 5%
  }
}

.lc-tittle__sort {
  margin-left: auto
}

@media screen and (max-width: 450px) {
  .lc-tittle__sort {
    margin-left: 0
  }
}

.lc-tittle h1, .lc-tittle .h1 {
  margin: 0
}

.lc-tittle .icon-link {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 50px
}

@media screen and (min-width: 1921px) {
  .lc-tittle .icon-link {
    width: calc(100vw / (var(--vwIdth) / 50));
    height: calc(100vw / (var(--vwIdth) / 50))
  }
}

@media screen and (max-width: 800px) {
  .lc-tittle .icon-link {
    width: 35px;
    height: 35px
  }
}

@media screen and (max-width: 800px) and (min-width: 1921px) {
  .lc-tittle .icon-link {
    width: calc(100vw / (var(--vwIdth) / 35));
    height: calc(100vw / (var(--vwIdth) / 35))
  }
}

.lc-tittle .icon-link .icon {
  fill: #2a0e72
}

.lc-tittle .button-close {
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  padding-top: 0
}

@media screen and (min-width: 1921px) {
  .lc-tittle .button-close {
    width: calc(100vw / (var(--vwIdth) / 25));
    height: calc(100vw / (var(--vwIdth) / 25))
  }
}

.triple-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2%
}

.triple-col__col {
  width: 30%
}

@media screen and (max-width: 1152px) {
  .triple-col__col {
    width: 100%
  }
}

.list-with-icon__item {
  position: relative;
  padding: 1% 0 0 8.5%;
  margin-bottom: 3%
}

@media screen and (max-width: 1024px) {
  .list-with-icon__item {
    padding-top: 0
  }
}

.list-with-icon__icon {
  position: absolute;
  width: 6%;
  padding-top: 6%;
  left: 0;
  top: 0
}

@media screen and (max-width: 1024px) {
  .list-with-icon__icon {
    top: 3px
  }
}

@media screen and (max-width: 600px) {
  .list-with-icon__icon {
    top: 5px
  }
}

.list-with-icon__icon .icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #2a0e72
}

.list-with-icon__content .text.text--black {
  margin-right: 0.5%
}

.list-with-icon__content .text--gray:not(:last-of-type) {
  margin-right: 4.5%
}

.callback {
  padding: 25px
}

.callback__title {
  margin-bottom: 10px;
  line-height: 115%;
  font-size: 1.625rem;
  text-align: center;
  color: #2a0e72
}

.callback__desc {
  margin-bottom: 45px;
  text-align: center;
  font-size: .9375rem;
  color: #757575
}

@media screen and (max-width: 1024px) {
  .callback__desc {
    font-size: .875rem
  }
}

.callback-popup.mfp-bg.mfp-fade.mfp-ready {
  background: #0b0b0b;
  opacity: 0.5;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px)
}

.callback-popup .mfp-content {
  max-width: 600px
}

.callback-popup .form {
  display: block;
  padding: 0
}

.callback-popup .form__item {
  width: 100%
}

.callback-popup .form__item:last-of-type {
  text-align: center
}

.placemark-icon .icon {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
  stroke: #fff;
  fill: #a0a0a0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (hover: hover) {
  .placemark-icon:hover .icon {
    fill: #2d9bd7
  }
}

.img-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.img-bg__wrap {
  position: relative;
  width: 100%;
  overflow: hidden
}

@-webkit-keyframes heart-animate {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }
  25% {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
    transform: translate(-50%, -50%) scale(1.25)
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.15);
    transform: translate(-50%, -50%) scale(1.15)
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
    transform: translate(-50%, -50%) scale(1.25)
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }
}

@keyframes heart-animate {
  from {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }
  25% {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
    transform: translate(-50%, -50%) scale(1.25)
  }
  50% {
    -webkit-transform: translate(-50%, -50%) scale(1.15);
    transform: translate(-50%, -50%) scale(1.15)
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1.25);
    transform: translate(-50%, -50%) scale(1.25)
  }
  to {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }
}

.btn {
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.btn-border {
  padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 15));
  border: 1px solid;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  font-size: 1rem;
  line-height: 119%
}

.btn-border--blue {
  border-color: #1792d4;
  color: #1792d4
}

@media screen and (hover: hover) {
  .btn-border--blue:hover {
    background-color: #1792d4;
    color: #fff
  }
}

.btn-border--purple {
  border-color: #2a0e72;
  color: #2a0e72
}

@media screen and (hover: hover) {
  .btn-border--purple:hover {
    background-color: #2a0e72;
    color: #fff
  }
}

.btn-blue, .btn-purple {
  padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 25));
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  line-height: 160%;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer
}

.btn-blue {
  background-color: #1792d4
}

@media screen and (hover: hover) {
  .btn-blue:hover {
    background-color: #2a0e72
  }
}

.btn-purple {
  background-color: #2a0e72
}

@media screen and (hover: hover) {
  .btn-purple:hover {
    background-color: #1792d4
  }
}

.btn-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: calc(100vw / (var(--vwIdth) / 12));
  border: 1.5px solid #2a0e72;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  font-size: 1.125rem;
  color: #2a0e72;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.btn-icon .icon {
  width: calc(100vw / (var(--vwIdth) / 26));
  height: calc(100vw / (var(--vwIdth) / 26));
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (max-width: 600px) {
  .btn-icon .icon {
    width: calc(100vw / (var(--vwIdth) / 24))
  }
}

.btn-icon .icon:not(.icon-heart-fill) {
  fill: #2a0e72
}

.btn-icon .icon-heart-fill {
  fill: transparent;
  stroke: #2a0e72
}

.btn-icon span {
  margin-left: calc(100vw / (var(--vwIdth) / 30));
  line-height: 100%
}

@media screen and (hover: hover) {
  .btn-icon:hover {
    border-color: #d12d2f;
    color: #d12d2f
  }

  .btn-icon:hover .icon {
    fill: #d12d2f
  }

  .btn-icon:hover .icon-heart-fill {
    stroke: #d12d2f
  }
}

.btn-icon.liked {
  border-color: #d12d2f;
  color: #d12d2f
}

.btn-icon.liked .icon {
  fill: #d12d2f;
  stroke: #d12d2f
}

.btn .hidden {
  display: none
}

.gradient {
  padding: 0 calc(100vw / (var(--vwIdth) / 25))
}

.gradient .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .gradient .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  width: calc(100vw / (var(--vwIdth) / 12.5));
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain
}

.gradient .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  background-image: url(/local/templates/palas/css/optimization/../img/svg/arrow-left.svg)
}

.gradient .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  background-image: url(/local/templates/palas/css/optimization/../img/svg/arrow-right.svg)
}

.gradient .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  position: static;
  height: 0 !important
}

.gradient .mCSB_scrollTools .mCSB_draggerContainer {
  visibility: hidden
}

.gradient .mCustomScrollBox.mCSB_horizontal.mCSB_outside::after, .gradient .mCustomScrollBox.mCSB_horizontal.mCSB_outside::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 100%;
  top: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.gradient .mCustomScrollBox.mCSB_horizontal.mCSB_outside::before {
  content: "";
  left: 0;
  background: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, #fff 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)
}

@media screen and (max-width: 1152px) {
  .gradient .mCustomScrollBox.mCSB_horizontal.mCSB_outside::before {
    display: none
  }
}

.gradient .mCustomScrollBox.mCSB_horizontal.mCSB_outside::after {
  content: "";
  right: 0px;
  background: #fff;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

@media screen and (max-width: 1152px) {
  .gradient .mCustomScrollBox.mCSB_horizontal.mCSB_outside::after {
    display: none
  }
}

.gradient-left .mCustomScrollBox.mCSB_horizontal.mCSB_outside::before {
  opacity: 1;
  visibility: visible
}

.gradient-right .mCustomScrollBox.mCSB_horizontal.mCSB_outside::after {
  opacity: 1;
  visibility: visible
}

.input-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 calc(100vw / (var(--vwIdth) / -5)) calc(100vw / (var(--vwIdth) / 15));
  height: calc(100vw / (var(--vwIdth) / 50))
}

.input-number button, .input-number input[type="number"] {
  height: 100%;
  width: 33.33%;
  margin: 0 calc(100vw / (var(--vwIdth) / 5));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  background: #fff;
  text-align: center;
  border: none;
  background-color: #f0f7fb;
  color: #2a0e72
}

@media screen and (max-width: 600px) {
  .input-number button, .input-number input[type="number"] {
    background-color: #fff
  }
}

.input-number button {
  font-size: 1.25rem;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer
}

@media screen and (hover: hover) {
  .input-number button:hover {
    background-color: #2a0e72;
    color: #fff
  }
}

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

.input-number input[type="number"]::-webkit-outer-spin-button, .input-number input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.date {
  font-size: 1rem;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.015em;
  margin-bottom: calc(100vw / (var(--vwIdth) / 25));
  color: #8a8a8a
}

@media screen and (max-width: 800px) {
  .date {
    font-size: .875rem
  }
}

@media screen and (max-width: 600px) {
  .date {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.date span {
  padding-left: calc(100vw / (var(--vwIdth) / 5));
  color: #241e35
}

[data-tab-content]:not(.active) {
  display: none
}

.table table {
  width: 100%
}

.table tr {
  position: relative
}

@media screen and (max-width: 600px) {
  .table tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
}

.table th {
  font-weight: bold;
  line-height: 115%;
  color: #241e35;
  text-align: left
}

.table th, .table td {
  padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10));
  border-bottom: 1px solid #e5ebee;
  letter-spacing: 0.015em;
  line-height: 160%;
  color: rgba(0, 0, 0, 0.8)
}

@media screen and (max-width: 1024px) {
  .table th, .table td {
    padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 5));
    font-size: .875rem
  }
}

@media screen and (max-width: 600px) {
  .table th, .table td {
    width: 100%
  }
}

.table th img, .table td img {
  margin: 0;
  width: calc(100vw / (var(--vwIdth) / 14));
  height: calc(100vw / (var(--vwIdth) / 14))
}

.tooltipe {
  display: inline-block;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle
}

@media screen and (max-width: 450px) {
  .tooltipe {
    position: static;
    vertical-align: middle
  }
}

.tooltipe__tittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100vw / (var(--vwIdth) / 15));
  height: calc(100vw / (var(--vwIdth) / 15));
  border: 1px solid #241e35;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0.25
}

.tooltipe__tittle .icon {
  width: 50%;
  height: 50%;
  fill: #241e35
}

@media screen and (hover: hover) {
  .tooltipe__tittle:hover {
    opacity: 1
  }
}

.tooltipe__content {
  position: absolute;
  padding: calc(100vw / (var(--vwIdth) / 10));
  left: 0;
  top: 150%;
  width: 100%;
  height: auto;
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px rgba(6, 32, 44, 0.35);
  box-shadow: 0px 0px 15px rgba(6, 32, 44, 0.35);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 10));
  border-radius: calc(100vw / (var(--vwIdth) / 10));
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 1;
  color: #241e35
}

.tooltipe__content._overflow {
  max-height: 250px;
  overflow: auto
}

.tooltipe__content--reverse {
  bottom: -55px;
  top: auto !important
}

.tooltipe__close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 10px;
  height: 10px;
  z-index: 1
}

.tooltipe__close .icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.tooltipe.active .tooltipe__content {
  opacity: 1;
  visibility: visible;
  top: 100%
}

.tooltipe.active .tooltipe__content--reverse {
  bottom: 25px;
  top: auto
}

.slick-dotted.slick-slider {
  margin-bottom: 0
}

.slick-dots {
  bottom: 0;
  position: static
}

@media screen and (max-width: 1024px) {
  .slick-dots {
    margin-top: 15px
  }
}

.slick-dots li {
  width: 40px;
  height: 4px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden
}

.slick-dots li.slick-active button::before {
  opacity: 1
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .slick-dots li:not(.slick-active):hover button::before {
    opacity: 0.5
  }
}

.slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0
}

.slick-dots li button::before {
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: #1792d4;
  opacity: 0.25;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

button.mfp-close {
  margin: 0;
  width: calc(100vw / (var(--vwIdth) / 30));
  height: calc(100vw / (var(--vwIdth) / 30));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
  background-image: url(/local/templates/palas/css/optimization/../img/icons/cross-color.svg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 50% auto;
  background-size: 50% auto;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: none;
  box-shadow: none
}

@media screen and (max-width: 600px) {
  button.mfp-close {
    width: 20px;
    height: 20px;
    -webkit-background-size: 75% auto;
    background-size: 75% auto
  }
}

button-arrow {
  opacity: 1;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 90px;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5)
}

@media screen and (max-width: 1024px) {
  button-arrow {
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25)
  }
}

button-arrow::before, button-arrow::after {
  margin: 0;
  border: none
}

button-arrow .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  fill: #2a0e72;
  pointer-events: none
}

button-arrow-left {
  left: 50px
}

@media screen and (max-width: 1024px) {
  button-arrow-left {
    left: 15px
  }
}

button-arrow-left .icon {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

button-arrow-right {
  right: 50px
}

@media screen and (max-width: 1024px) {
  button-arrow-right {
    right: 15px
  }
}

button-arrow-right .icon {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg)
}

.mfp-fade.mfp-bg.mfp-ready {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px)
}

@media screen and (min-width: 1025px) {
  .mfp-fade--catalog.mfp-bg.mfp-ready {
    height: calc(100% - var(--headerHeight));
    top: var(--headerHeight)
  }
}

@media screen and (min-width: 1025px) {
  .mfp-fade--catalog.mfp-bg.mfp-ready + .mfp-fade--catalog .mfp-container {
    height: calc(100% - var(--headerHeight));
    top: var(--headerHeight);
    padding-left: var(--sidebarLargeWidth)
  }
}

@media screen and (max-width: 1024px) {
  .mfp-fade--catalog.mfp-bg.mfp-ready + .mfp-fade--catalog .mfp-container {
    padding: 20px
  }
}

@media screen and (max-width: 600px) {
  .mfp-fade--catalog.mfp-bg.mfp-ready + .mfp-fade--catalog .mfp-container {
    padding: 0
  }
}

@media screen and (max-width: 1024px) {
  .mfp-fade--catalog.mfp-bg.mfp-ready + .mfp-fade--catalog .mfp-content {
    position: relative;
    height: 100%
  }
}

@media screen and (max-width: 600px) {
  .mfp-fade--catalog.mfp-bg.mfp-ready + .mfp-fade--catalog .mfp-content {
    padding: 0
  }
}

.mfp-fade--catalog.mfp-bg.mfp-ready + .mfp-fade--catalog .mfp-close {
  margin-top: 0
}

.mfp-content {
  height: 100%;
  max-width: 95%;
  height: auto;
  max-height: 100%;
  margin: 0 auto;
  background: #fff;
  -webkit-box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.35);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5))
}

@media screen and (max-width: 1024px) {
  .mfp-content {
    max-width: 100%
  }
}

.mfp-fade.mfp-bg {
  height: 100% !important;
  opacity: 0
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0
}

@media screen and (min-width: 1025px) {
  .mfp-fade.mfp-wrap {
    height: 100% !important
  }
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0
}

.mfp-gallery .mfp-close, .mfp-gallery .mfp-bottom-bar {
  display: none
}

.mfp-gallery .mfp-img {
  padding: 0
}

.mfp-preloader {
  font-size: 0
}

.ul-list {
  padding-left: calc(100vw / (var(--vwIdth) / 25))
}

.ul-list li {
  position: relative;
  margin: calc(100vw / (var(--vwIdth) / 10)) 0;
  font-size: 1rem;
  line-height: 125%;
  padding-left: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 800px) {
  .ul-list li {
    font-size: .875rem
  }
}

.ul-list li::before {
  content: '';
  width: calc(100vw / (var(--vwIdth) / 8));
  height: calc(100vw / (var(--vwIdth) / 8));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #1792d4;
  position: absolute;
  left: 0;
  top: calc(100vw / (var(--vwIdth) / 6))
}

.ul-list li a {
  color: #1792d4;
  text-decoration: underline
}

.ol-list {
  padding-left: calc(100vw / (var(--vwIdth) / 40));
  counter-reset: counter
}

.ol-list li {
  position: relative;
  margin: calc(100vw / (var(--vwIdth) / 10)) 0;
  padding-left: calc(100vw / (var(--vwIdth) / 0));
  font-size: 1rem;
  line-height: 125%
}

@media screen and (max-width: 800px) {
  .ol-list li {
    font-size: .875rem
  }
}

.ol-list li::before {
  content: counter(counter) " ";
  counter-increment: counter;
  width: calc(100vw / (var(--vwIdth) / 26));
  height: calc(100vw / (var(--vwIdth) / 26));
  position: absolute;
  left: calc(100vw / (var(--vwIdth) / -40));
  top: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #e3e8ed;
  font-weight: bold;
  color: #1792d4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.ol-list li a {
  color: #1792d4;
  text-decoration: underline
}

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

.double-col__col {
  width: 48%
}

@media screen and (max-width: 600px) {
  .double-col__col:first-of-type {
    margin-bottom: 15px
  }
}

@media screen and (max-width: 600px) {
  .double-col__col {
    width: 100%
  }
}

@media screen and (max-width: 600px) {
  .double-col--revers {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

@media screen and (max-width: 600px) {
  .double-col--revers .shops__item-tittle {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .double-col--revers .text--black + .text--black {
    vertical-align: top;
    max-width: calc(100% - 30px)
  }
}

@media screen and (max-width: 1024px) {
  .double-col--shops .double-col__col {
    width: 100%
  }
}

@media screen and (max-width: 1024px) {
  .double-col--shops .double-col__col:first-of-type {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .double-col--shops .text--gray + .text--black {
    vertical-align: top;
    max-width: calc(100% - 30px)
  }
}

.double-col .text {
  font-size: 1rem
}

.double-col .hidden {
  display: none;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  fill: #2a0e72
}

@media screen and (max-width: 600px) {
  .double-col .hidden {
    display: inline-block
  }
}

@media screen and (max-width: 600px) {
  .double-col .hidden + span {
    display: none
  }
}

.seo-text.text-page {
  padding-left: 0
}

.seo-text__container {
  padding: calc(100vw / (var(--vwIdth) / 30))
}

@media screen and (max-width: 1024px) {
  .seo-text__container {
    padding: calc(100vw / (var(--vwIdth) / 15));
    margin-bottom: 60px
  }
}

@media screen and (max-width: 600px) {
  .seo-text__container {
    margin-bottom: 32px
  }
}

.seo-text__info {
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  position: relative;
  overflow: hidden
}

.seo-text__info::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f0f7fb));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f0f7fb 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f0f7fb 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f0f7fb 100%)
}

.seo-text__info:not(.show-all) {
  max-height: 60px
}

.seo-text__info:not(.show-all)::after {
  content: ""
}

.personal-data {
  font-size: calc(100vw / (var(--vwIdth) / 13));
  color: rgba(117, 117, 117, 0.8)
}

@media screen and (max-width: 1024px) {
  .personal-data {
    font-size: 12px
  }
}

.personal-data__text {
  margin-bottom: 15px
}

.personal-data__field {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  cursor: pointer
}

.personal-data__field-text {
  margin-left: 10px
}

@media screen and (hover: hover) {
  .personal-data__field:hover .checkbox-blue__marker {
    border-color: #1792d4
  }
}

.personal-data a {
  color: #2a0e72;
  text-decoration: underline
}

@media screen and (hover: hover) {
  .personal-data a:hover {
    text-decoration: none
  }
}

.checkbox-blue__marker {
  position: relative;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(23, 146, 212, 0.3);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.checkbox-blue__marker::after {
  content: "";
  width: 12px;
  height: 6px;
  border-bottom: 1px solid #1792d4;
  border-left: 1px solid #1792d4;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translate(-50%, -50%) scale(0) rotate(0deg);
  -ms-transform: translate(-50%, -50%) scale(0) rotate(0deg);
  transform: translate(-50%, -50%) scale(0) rotate(0deg)
}

.checkbox-blue input[type="checkbox"] {
  display: none
}

.checkbox-blue input[type="checkbox"]:checked ~ .checkbox-blue__marker::after {
  -webkit-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
  transform: translate(-50%, -50%) scale(1) rotate(-45deg)
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button, hr, input {
  overflow: visible
}

a, audio, canvas, progress, video {
  display: inline-block
}

progress, sub, sup {
  vertical-align: baseline
}

[type='checkbox'], [type='radio'], legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

*, legend {
  padding: 0
}

*, :active, :focus, :hover, :visited {
  outline: 0
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

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

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button, select, textarea, input {
  text-transform: none;
  background: none;
  padding: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid;
  resize: none;
  display: block;
  font-size: 1em;
  font-family: inherit
}

[type='reset'], [type='submit'], button, html [type='button'] {
  -webkit-appearance: button
}

[type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring, button:-moz-focusring {
  outline: ButtonText dotted 1px
}

fieldset {
  padding: 0.35em 0.75em 0.625em
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

textarea {
  overflow: auto
}

[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
  height: auto
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

[hidden], template {
  display: none
}

.clearfix:after, .clearfix:before {
  content: ' ';
  display: table
}

.clearfix:after {
  clear: both
}

ul > li {
  list-style: none
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}

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

input, select, button {
  outline: none
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: initial
}

span {
  display: inline-block
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.header {
  position: fixed;
  width: 100%;
  height: var(--headerHeight);
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 calc(100vw / (var(--vwIdth) / 30));
  background: #fff;
  -webkit-box-shadow: 0px 4px 15px #d3dde2;
  box-shadow: 0px 4px 15px #d3dde2;
  z-index: 8
}

@media screen and (max-width: 1024px) {
  .header {
    width: 100%;
    position: relative;
    z-index: 9
  }
}

@media screen and (max-width: 800px) {
  .header {
    padding: 10px 15px
  }
}

@media screen and (max-width: 600px) {
  .header {
    padding: 0 0 calc(100vw / (var(--vwIdth) / 10));
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 7
  }
}

.header__burger {
  margin: auto auto auto 2%;
  position: relative;
  min-width: calc(100vw / (var(--vwIdth) / 20));
  height: calc(100vw / (var(--vwIdth) / 20));
  display: none;
  margin-right: 15px
}

@media screen and (max-width: 1024px) {
  .header__burger {
    margin: 0;
    display: block
  }
}

@media screen and (max-width: 600px) {
  .header__burger {
    margin: 0 calc(100vw / (var(--vwIdth) / 20)) 0 0;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
  }
}

.header__burger span {
  position: absolute;
  width: 100%;
  height: calc(100vw / (var(--vwIdth) / 3));
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 1));
  border-radius: calc(100vw / (var(--vwIdth) / 1));
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: #2a0e72;
  z-index: 1
}

.header__burger span:nth-child(1) {
  top: 0
}

.header__burger span:nth-child(1)::before {
  background-color: #1792d4;
  border-color: #1792d4
}

.header__burger span:nth-child(2) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1
}

.header__burger span:nth-child(2)::before {
  background-color: #fff
}

.header__burger span:nth-child(3) {
  bottom: 0
}

.header__burger span:nth-child(3)::before {
  background-color: #1792d4;
  border-color: #1792d4
}

.header__burger span::before {
  content: "";
  width: calc(100vw / (var(--vwIdth) / 3));
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0
}

.header__burger span::after {
  content: "";
  width: calc(100vw / (var(--vwIdth) / 15));
  height: 100%;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  border: 1px solid #fff;
  position: absolute;
  right: 0;
  top: 0
}

.header__burger.opened span:nth-child(1) {
  -webkit-animation: burger-top-open 0.5s;
  animation: burger-top-open 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.header__burger.opened span:nth-child(2) {
  opacity: 0
}

.header__burger.opened span:nth-child(3) {
  -webkit-animation: burger-bottom-open 0.5s;
  animation: burger-bottom-open 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.header__burger.closed span:nth-child(1) {
  -webkit-animation: burger-top-close 0.5s;
  animation: burger-top-close 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.header__burger.closed span:nth-child(2) {
  opacity: 1
}

.header__burger.closed span:nth-child(3) {
  -webkit-animation: burger-bottom-close 0.5s;
  animation: burger-bottom-close 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.header__burger::before {
  content: "";
  width: calc(100vw / (var(--vwIdth) / 40));
  height: calc(100vw / (var(--vwIdth) / 40));
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #2a0e72;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 1
}

.header__info {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  margin: 0 calc(100vw / (var(--vwIdth) / 50))
}

@media screen and (max-width: 1152px) {
  .header__info {
    margin: 0 calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 1024px) {
  .header__info {
    margin: 0 calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (max-width: 800px) {
  .header__info {
    height: auto
  }
}

@media screen and (max-width: 600px) {
  .header__info {
    padding: calc(100vw / (var(--vwIdth) / 10));
    margin: 0 0 calc(100vw / (var(--vwIdth) / 10));
    border-bottom: 1px solid #f0f7fb;
    z-index: 1
  }
}

@media screen and (min-width: 1025px) {
  .header__info--city .header__info-head {
    display: grid;
    grid-template-columns:auto auto auto;
    grid-template-rows:auto auto;
    padding: calc(100vw / (var(--vwIdth) / 7)) calc(100vw / (var(--vwIdth) / 26))
  }
}

@media screen and (min-width: 1025px) and (max-width: 1152px) {
  .header__info--city .header__info-head {
    padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (min-width: 1025px) {
  .header__info--city .header__info-dropdown {
    margin-top: calc(100vw / (var(--vwIdth) / -15));
    padding-top: calc(100vw / (var(--vwIdth) / 30))
  }
}

@media screen and (max-width: 1024px) {
  .header__info--city .header__info-dropdown {
    right: 0;
    left: auto
  }
}

@media screen and (max-width: 600px) {
  .header__info--city .header__info-name {
    display: none
  }
}

@media screen and (max-width: 1024px) {
  .header__info:not(.header__info--city) .header__info-dropdown {
    right: 0;
    left: auto
  }
}

@media screen and (max-width: 600px) {
  .header__info:not(.header__info--city) {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: calc(100vw / (var(--vwIdth) / -20))
  }
}

.header__info.active .header__info-button {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.header__info.active .header__info-dropdown {
  opacity: 1;
  visibility: visible
}

.header__info.active .hover-blue {
  color: #1792d4
}

@media screen and (hover: hover) {
  .header__info:hover .header__info-button {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
  }

  .header__info:hover .header__info-dropdown {
    opacity: 1;
    visibility: visible
  }

  .header__info:hover .hover-blue {
    color: #1792d4
  }
}

.header__info-head {
  font-size: calc(100vw / (var(--vwIdth) / 16));
  line-height: 119%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

@media screen and (max-width: 600px) {
  .header__info-head {
    font-size: .75rem
  }
}

@media screen and (hover: hover) {
  .header__info-head a:hover {
    color: #1792d4;
    text-decoration: underline
  }
}

.header__info-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  grid-row: 1/3;
  grid-column: 1/2
}

@media screen and (max-width: 1024px) {
  .header__info-icon {
    width: calc(100vw / (var(--vwIdth) / 40));
    height: calc(100vw / (var(--vwIdth) / 40))
  }
}

.header__info-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #f0f7fb
}

.header__info-icon img {
  position: relative;
  z-index: 1;
  width: 70%;
  height: 70%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.header__info-name {
  margin: 0 calc(100vw / (var(--vwIdth) / 10));
  grid-column: 2/3;
  grid-row: 1/2;
  font-weight: 400;
  color: #000;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
  .header__info-name {
    display: none
  }
}

@media screen and (max-width: 450px) {
  .header__info-name {
    max-width: calc(100vw / (var(--vwIdth) / 95));
    font-size: .875rem
  }
}

.header__info-title {
  margin: 0 calc(100vw / (var(--vwIdth) / 10));
  grid-column: 2/3;
  grid-row: 2/3;
  font-weight: 600;
  color: #2a0e72;
  -webkit-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
  .header__info-title {
    display: none
  }
}

@media screen and (max-width: 450px) {
  .header__info-title {
    font-size: .875rem
  }
}

.header__info-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100vw / (var(--vwIdth) / 12));
  height: calc(100vw / (var(--vwIdth) / 12));
  grid-column: 3/4;
  grid-row: 2/3;
  padding: 0;
  border: none;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media screen and (max-width: 1024px) {
  .header__info-button {
    margin-left: calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 600px) {
  .header__info-button {
    margin-left: calc(100vw / (var(--vwIdth) / 5))
  }
}

.header__info-button .icon {
  width: 100%;
  height: 100%;
  fill: #2a0e72
}

.header__info-dropdown {
  width: auto;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 15));
  background: #fff;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0 0 calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 10));
  border-radius: 0 0 calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 10));
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (max-width: 600px) {
  .header__info-dropdown {
    padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 15)) 0
  }
}

.header__info-dropdown-row {
  padding: calc(100vw / (var(--vwIdth) / 10)) 0
}

@media screen and (max-width: 600px) {
  .header__info-dropdown-row {
    padding: calc(100vw / (var(--vwIdth) / 5)) 0
  }
}

.header__info-dropdown-row:not(:last-child) {
  border-bottom: 1px solid #a8a8a8
}

.header__info-dropdown-title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 117%;
  color: #2a0e72
}

@media screen and (max-width: 1024px) {
  .header__info-dropdown-title {
    font-size: 1rem
  }
}

@media screen and (max-width: 600px) {
  .header__info-dropdown-title {
    font-size: .875rem
  }
}

@media screen and (hover: hover) {
  .header__info-dropdown-title:hover {
    color: #1792d4;
    text-decoration: underline
  }
}

.header__info-shop-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.header__info-shop-row:not(:last-child) {
  margin-bottom: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (max-width: 1024px) {
  .header__info-shop-row:not(:last-child) {
    margin-bottom: calc(100vw / (var(--vwIdth) / 10))
  }
}

.header__info-shop-icon {
  width: calc(100vw / (var(--vwIdth) / 13));
  height: calc(100vw / (var(--vwIdth) / 13))
}

.header__info-shop-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.header__info-shop-data {
  padding-left: calc(100vw / (var(--vwIdth) / 13));
  white-space: nowrap
}

@media screen and (max-width: 1024px) {
  .header__info-shop-text {
    font-size: .875rem
  }
}

.header__info-shop-text a {
  margin-bottom: calc(100vw / (var(--vwIdth) / 5));
  font-weight: 600;
  color: #000
}

@media screen and (hover: hover) {
  .header__info-shop-text a:hover {
    color: #1792d4;
    text-decoration: underline
  }
}

.header__info-shop-link {
  padding-top: calc(100vw / (var(--vwIdth) / 15));
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 117%;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #1792d4
}

@media screen and (max-width: 1024px) {
  .header__info-shop-link {
    font-size: 1rem
  }
}

@media screen and (hover: hover) {
  .header__info-shop-link:hover {
    color: #2a0e72;
    text-decoration: none
  }
}

.header__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 15%;
  width: 100%
}

@media screen and (max-width: 1024px) {
  .header__logo {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 800px) {
  .header__logo {
    max-width: 25%;
    margin-right: auto
  }
}

@media screen and (max-width: 600px) {
  .header__logo {
    max-width: 40%;
    margin: 0 auto 0 calc(100vw / (var(--vwIdth) / 10));
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
  }
}

.header__logo picture {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.header__logo svg {
  max-height: 100%;
  height: auto
}

.header__logo img {
  max-height: 100%
}

.header__logo img.loaded {
  width: 100%
}

@media screen and (max-width: 600px) {
  .header__logo img.loaded {
    max-height: 25px
  }
}

@media screen and (max-width: 600px) {
  .header__lc {
    margin-right: 20px;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    padding: 0
  }
}

.header__lc .icon-link {
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  vertical-align: middle;
  border: 1px solid #2a0e72;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

@media screen and (max-width: 1024px) {
  .header__lc .icon-link {
    width: calc(100vw / (var(--vwIdth) / 40));
    height: calc(100vw / (var(--vwIdth) / 40))
  }
}

.header__lc .icon-link:not(:last-child) {
  margin-right: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (max-width: 600px) {
  .header__lc .icon-link:not(:last-child) {
    margin-right: calc(100vw / (var(--vwIdth) / 15))
  }
}

.header__lc .icon-link .icon {
  width: 50%;
  height: 50%;
  fill: #2a0e72;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.header__lc .icon-link span {
  position: absolute;
  top: 75%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 20px 15px rgba(6, 32, 44, 0.35);
  box-shadow: 0px 20px 15px rgba(6, 32, 44, 0.35);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #2a0e72;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (max-width: 1024px) {
  .header__lc .icon-link span {
    display: none
  }
}

.header__lc .icon-link span::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 0;
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

@media screen and (hover: hover) {
  .header__lc .icon-link:hover .icon {
    opacity: 0.75
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .header__lc .icon-link:hover span {
    top: 100%;
    opacity: 1;
    visibility: visible
  }
}

.header__search {
  max-width: calc(100vw / (var(--vwIdth) / 600));
  margin: 0 auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative
}

@media screen and (max-width: 1024px) {
  .header__search {
    max-width: unset
  }
}

@media screen and (max-width: 800px) {
  .header__search {
    margin-top: 10px;
    width: 100%;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
  }
}

@media screen and (max-width: 600px) {
  .header__search {
    margin: 0;
    padding: 10px calc(100vw / (var(--vwIdth) / 60)) 10px 10px;
    height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 1;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
  }
}

.header__search.active {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  z-index: 1
}

@media screen and (max-width: 600px) {
  .header__search.active {
    z-index: 2
  }
}

@media screen and (min-width: 601px) {
  .header__search-button {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .header__search-button {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100vw / (var(--vwIdth) / 40));
    height: calc(100vw / (var(--vwIdth) / 40));
    top: 0;
    margin: 0 0 calc(100vw / (var(--vwIdth) / 10)) 0;
    right: calc(100vw / (var(--vwIdth) / 10));
    background: #f0f7fb;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
    border: 1px solid #2a0e72
  }

  .header__search-button::before, .header__search-button::after {
    content: "";
    position: absolute;
    bottom: calc(100vw / (var(--vwIdth) / -11));
    height: 1px;
    background: #f0f7fb
  }

  .header__search-button::before {
    width: 100%;
    left: 0
  }

  .header__search-button::after {
    left: 100%;
    width: calc(100vw / (var(--vwIdth) / 10))
  }
}

.header__search-button .icon {
  width: 50%;
  height: 50%;
  fill: #2a0e72
}

.header__search-button .icon.hidden {
  display: none
}

.header-contacts__button {
  display: none;
  width: 30px;
  height: 30px;
  padding: 0.5% 0
}

@media screen and (max-width: 600px) {
  .header-contacts__button {
    display: block;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    width: 35px;
    height: 35px;
    margin: 5px 0 0 0;
    padding: 0
  }
}

.header-contacts__button .icon {
  width: 100%;
  height: 100%;
  fill: #2a0e72
}

.header-contacts__dropdown {
  position: absolute;
  top: 100%;
  left: -100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: #f9f9f9;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
  height: auto
}

@media screen and (max-width: 600px) {
  .header-contacts__dropdown {
    padding: calc(100vw / (var(--vwIdth) / 10));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-right: none;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

.header-contacts__dropdown.active {
  left: 0
}

@media screen and (max-width: 600px) {
  .header-contacts__dropdown .header__block-wrap {
    width: 100%
  }
}

.header-contacts__dropdown .header__block-wrap:not(:last-child) {
  margin-bottom: calc(100vw / (var(--vwIdth) / 15))
}

.header-contacts__dropdown .header__block-content {
  width: 100%
}

@media screen and (max-width: 600px) {
  .header-contacts__dropdown .header__block-button {
    top: 25px;
    bottom: auto
  }
}

.header.z-index-main {
  z-index: 20
}

.header::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .15s;
  -o-transition: .15s;
  transition: .15s;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  z-index: 4
}

.header.blur::after {
  opacity: 1;
  visibility: visible
}

@-webkit-keyframes burger-top-open {
  from {
    top: 0
  }
  50% {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  to {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
  }
}

@keyframes burger-top-open {
  from {
    top: 0
  }
  50% {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  to {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
  }
}

@-webkit-keyframes burger-bottom-open {
  from {
    bottom: 0
  }
  50% {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
  }
  to {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
  }
}

@keyframes burger-bottom-open {
  from {
    bottom: 0
  }
  50% {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
  }
  to {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
  }
}

@-webkit-keyframes burger-top-close {
  from {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
  }
  50% {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  to {
    top: 0
  }
}

@keyframes burger-top-close {
  from {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
  }
  50% {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
  to {
    top: 0
  }
}

@-webkit-keyframes burger-bottom-close {
  from {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
  }
  50% {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
  }
  to {
    bottom: 0
  }
}

@keyframes burger-bottom-close {
  from {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
  }
  50% {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
  }
  to {
    bottom: 0
  }
}

.search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: relative
}

.search__result {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  background: #fbfbfb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden
}

@media screen and (min-width: 801px) {
  .search__result {
    min-width: calc(100vw / (var(--vwIdth) / 700))
  }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .search__result {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media screen and (min-width: 1921px) {
  .search__result {
    min-width: calc(100vw / (var(--vwIdth) / 700))
  }
}

.search__result-wrap {
  max-height: calc(var(--viewport-height) - var(--headerHeight));
  overflow: auto
}

.search__result.active {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  visibility: visible
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
  .search__result.active {
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
  }
}

.search__result .hidden {
  display: none
}

.search__result .price__main {
  font-size: 1.25rem
}

.search__result .price__coin {
  font-size: .75rem
}

.search__result .mCSB_vertical .mCSB_container {
  margin: 0
}

.search__title {
  font-weight: bold;
  font-size: 1rem;
  line-height: 160%;
  text-transform: uppercase;
  color: #000
}

.search__block {
  padding: 10px
}

@media screen and (min-width: 1921px) {
  .search__block {
    padding: calc(100vw / (var(--vwIdth) / 10))
  }
}

.search__block:not(:last-child) {
  border-bottom: 1px solid #dbe4e4
}

.search__catalog li {
  margin-bottom: 10px
}

@media screen and (max-width: 800px) {
  .search__catalog li {
    margin-bottom: 5px
  }
}

@media screen and (max-width: 800px) and (min-width: 1921px) {
  .search__catalog li {
    margin-bottom: calc(100vw / (var(--vwIdth) / 5))
  }
}

.search__catalog a {
  font-style: normal;
  font-weight: 500;
  font-size: .875rem;
  line-height: 100%;
  color: #434343
}

@media screen and (max-width: 800px) {
  .search__catalog a {
    font-size: .875rem
  }
}

@media screen and (hover: hover) {
  .search__catalog a:hover {
    color: #1792d4
  }
}

.search__product-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  position: relative;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media screen and (min-width: 1921px) {
  .search__product-item {
    padding: calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 800px) {
  .search__product-item {
    display: grid;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-template-columns:30% 70%;
    grid-template-rows:auto 1fr auto;
    gap: 10px
  }
}

.search__product-item::before, .search__product-item::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 100%;
  background-color: #f7f8f9;
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  opacity: 0
}

.search__product-item::before {
  right: 100%
}

.search__product-item::after {
  left: 100%
}

.search__product-item:not(:last-child) {
  border-bottom: 1px solid #dbe4e4
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .search__product-item:hover {
    background-color: #f7f8f9
  }

  .search__product-item:hover::before, .search__product-item:hover::after {
    opacity: 1
  }

  .search__product-item:hover .search__product-price {
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%)
  }

  .search__product-item:hover .search__product-name {
    text-decoration: underline
  }

  .search__product-item:hover .search__product-btn {
    -webkit-transform: translate(-50%, 25%);
    -ms-transform: translate(-50%, 25%);
    transform: translate(-50%, 25%);
    opacity: 1;
    visibility: visible
  }
}

@media screen and (min-width: 801px) {
  .search__product-img {
    width: 15%;
    margin-right: 3%
  }
}

@media screen and (max-width: 800px) {
  .search__product-img {
    grid-column: 1/2;
    grid-row: 1/3
  }
}

.search__product-img .img-bg__wrap {
  padding-top: 100%
}

.search__product-name {
  font-weight: 500;
  font-size: .875rem;
  line-height: 108%;
  color: #434343;
  cursor: pointer
}

@media screen and (min-width: 801px) {
  .search__product-name {
    max-width: calc(100vw / (var(--vwIdth) / 250));
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 3%
  }
}

@media screen and (max-width: 800px) {
  .search__product-name {
    grid-column: 2/3;
    grid-row: 1/2
  }
}

.search__product-status .ul-list {
  padding-left: 0
}

@media screen and (min-width: 801px) {
  .search__product-status {
    min-width: calc(100vw / (var(--vwIdth) / 130));
    margin-right: 3%
  }
}

@media screen and (max-width: 800px) {
  .search__product-status {
    grid-column: 2/3;
    grid-row: 2/3
  }
}

.search__product-status ul li {
  font-size: .875rem;
  margin-bottom: 0;
  margin-top: 0
}

.search__product-order {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width: 801px) {
  .search__product-order {
    min-width: calc(100vw / (var(--vwIdth) / 115))
  }
}

@media screen and (max-width: 800px) {
  .search__product-order {
    grid-column: 1/3;
    grid-row: 3/4;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 10px
  }
}

.search__product-price {
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media screen and (min-width: 801px) {
  .search__product-price {
    margin-bottom: 10px
  }
}

@media screen and (min-width: 1025px) {
  .search__product-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
  }
}

.search__product-btn .button {
  min-width: calc(100vw / (var(--vwIdth) / 115))
}

.search__product-btn .button::before {
  content: none
}

.search__product-btn .button span {
  white-space: nowrap;
  font-size: .875rem;
  line-height: 160%
}

.search input[type="search"] {
  width: calc(100% - 25px);
  padding: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: 1px solid #dedce3;
  padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 55));
  font-size: 1rem;
  line-height: 100%;
  color: #241e35;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

@media screen and (max-width: 600px) {
  .search input[type="search"] {
    padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 55));
    width: calc(100% - 25px);
    -webkit-box-flex: unset;
    -webkit-flex-grow: unset;
    -ms-flex-positive: unset;
    flex-grow: unset
  }
}

.search input[type="search"]::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 119%;
  color: #a8a8a8
}

.search input[type="search"]:-moz-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 119%;
  color: #a8a8a8
}

.search input[type="search"]::-moz-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 119%;
  color: #a8a8a8
}

.search input[type="search"]:-ms-input-placeholder {
  font-weight: 400;
  font-size: 1rem;
  line-height: 119%;
  color: #a8a8a8
}

.search input[type="search"]:focus {
  border-color: #2a0e72
}

@media screen and (max-width: 600px) {
  .search input[type="search"].focus {
    padding: calc(100vw / (var(--vwIdth) / 10));
    width: 100%
  }
}

@media screen and (max-width: 600px) {
  .search input[type="search"].focus ~ [type="submit"] {
    opacity: 0
  }
}

.search button, .search input[type="submit"] {
  padding: 0;
  font-family: "Roboto";
  width: calc(100vw / (var(--vwIdth) / 55));
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  left: 0;
  top: 0
}

@media screen and (min-width: 1921px) {
  .search button, .search input[type="submit"] {
    width: calc(100vw / (var(--vwIdth) / 45))
  }
}

@media screen and (hover: hover) {
  .search button:hover .icon, .search input[type="submit"]:hover .icon {
    fill: #1792d4
  }
}

.search button .icon, .search input[type="submit"] .icon {
  width: calc(100vw / (var(--vwIdth) / 25));
  height: calc(100vw / (var(--vwIdth) / 25));
  fill: #a8a8a8;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

@media screen and (min-width: 1921px) {
  .search button .icon, .search input[type="submit"] .icon {
    width: calc(100vw / (var(--vwIdth) / 15));
    height: calc(100vw / (var(--vwIdth) / 15))
  }
}

/* End */


/* Start:/local/templates/palas/css/optimization/main.css?1712231507174429*/
@media screen and (max-width: 1024px) {
  aside {
    z-index: 8
  }
}

@media screen and (max-width: 600px) {
  aside {
    height: 100% !important
  }
}

@media screen and (max-width: 600px) {
  aside:not(.aside-wide) {
    width: 100%
  }
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item {
    padding: 0 calc(5% + 20px) 0 25% !important
  }
}

@media screen and (max-width: 600px) {
  aside:not(.aside-wide) .nav-menu__item {
    padding-left: 75px !important
  }
}

aside:not(.aside-wide) .nav-menu__item-img {
  width: 75%;
  padding-top: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item-img {
    width: 15%;
    padding-top: 15%;
    left: 7.5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media screen and (max-width: 600px) {
  aside:not(.aside-wide) .nav-menu__item-img {
    width: 40px;
    height: 40px;
    padding: 0;
    left: 20px
  }
}

aside:not(.aside-wide) .nav-menu__item-text {
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item-text {
    padding-left: 27.5%;
    opacity: 1;
    visibility: visible;
    font-size: 1.125rem
  }
}

@media screen and (max-width: 600px) {
  aside:not(.aside-wide) .nav-menu__item-text {
    padding-left: 55px
  }
}

aside:not(.aside-wide) .nav-menu__item-inner {
  width: 300%
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item-inner {
    width: 100%
  }
}

aside:not(.aside-wide) .nav-menu__item-inner .nav-menu__item-inner {
  width: 100%
}

aside:not(.aside-wide) .nav-menu__item::after {
  width: 100%
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-img .icon, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-img .icon {
    fill: #fff
  }
}

aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-text, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-text {
  width: 350%;
  padding-left: 100%
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-text, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-text {
    color: #fff
  }
}

@media screen and (max-width: 1024px) {
  aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-text, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-text {
    padding-left: 0
  }
}

aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-hover, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-hover {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px);
  filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px)
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-arrow .icon, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-arrow .icon {
    fill: #fff
  }
}

aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-text, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-text {
  left: 0;
  opacity: 1;
  visibility: visible
}

aside:not(.aside-wide) .nav-menu__item.active .nav-menu__item-hover, aside:not(.aside-wide) .nav-menu__item:hover .nav-menu__item-hover {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

aside:not(.aside-wide) .nav-menu__wrap--hide {
  -webkit-transform: translateX(calc(-100% - 50px));
  -ms-transform: translateX(calc(-100% - 50px));
  transform: translateX(calc(-100% - 50px))
}

aside:not(.aside-wide) .nav-menu__content {
  width: 53%
}

@media screen and (max-width: 1440px) {
  aside:not(.aside-wide) .nav-menu__content {
    width: 70%
  }
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__content {
    left: calc(4 * var(--sidebarSmallWidth))
  }
}

aside:not(.aside-wide) .nav-menu__btn {
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  border-radius: 0
}

@media screen and (min-width: 1025px) {
  aside:not(.aside-wide) .nav-menu__btn .icon {
    fill: white !important
  }
}

aside:not(.aside-wide) .nav-menu__btn span {
  display: none
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) {
    width: 100% !important
  }
}

@media screen and (max-width: 1152px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item {
    padding: 0 calc(5% + 20px) 0 25% !important
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item {
    padding-left: 75px !important
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-img {
  position: absolute;
  width: 15%;
  padding-top: 20%;
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width: 1152px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-img {
    left: 7.5%
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-img {
    left: 2.5%
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-img {
    width: 40px;
    height: 40px;
    padding: 0;
    left: 20px
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-text {
  padding: 0 10% 0 30%;
  line-height: 115%;
  font-size: calc(100vw / (var(--vwIdth) / 24));
}

@media screen and (max-width: 1024px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-text {
    padding-left: 27.5%;
    font-size: 1.125rem
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-text {
    padding-left: 75px !important;
    font-size: 1.125rem
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item-inner {
  width: 100%
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item.active .nav-menu__item-img .icon, aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item:hover .nav-menu__item-img .icon {
    fill: #fff
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item.active .nav-menu__item-text, aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item:hover .nav-menu__item-text {
    color: #fff
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item.active .nav-menu__item-hover, aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item:hover .nav-menu__item-hover {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px);
  filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px)
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item.active .nav-menu__item-arrow .icon, aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item:hover .nav-menu__item-arrow .icon {
    fill: #fff
  }
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__item::after {
  width: 90%
}

aside.aside-wide:not(.aside-wide--catalog) .nav-menu__wrap--hide {
  -webkit-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  -ms-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px))
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) .nav-menu__content {
    width: 60%;
    left: calc(2 * var(--sidebarMiddleWidth))
  }
}

@media screen and (max-width: 600px) {
  aside.aside-wide.aside-wide--catalog {
    width: 100%
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__wrap {
  min-width: var(--sidebarSmallWidth)
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__wrap {
    width: var(--sidebarSmallWidth)
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__wrap--hide {
  -webkit-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  -ms-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px))
}

aside.aside-wide.aside-wide--catalog .nav-menu__wrap .button-close {
  left: calc(var(--sidebarLargeWidth) + 15px)
}

@media screen and (max-width: 450px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__wrap .button-close {
    left: calc(var(--sidebarLargeWidth) + 5px)
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-img {
  width: 75%;
  padding-top: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-img {
    width: 100%;
    height: 100%;
    padding-top: 0;
    z-index: 3
  }
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-img .icon {
    max-width: 50%;
    max-height: 50%
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-text {
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-text {
    font-size: 1.125rem
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-inner {
  width: calc(var(--sidebarLargeWidth) - var(--sidebarSmallWidth))
}

@media screen and (min-width: 1921px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-inner {
    width: 10.85vw
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-inner .nav-menu__item-inner {
  width: 100%
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-inner .nav-menu__item-inner.active {
  left: 100%
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item-inner .nav-menu__item-inner.active {
    left: 0
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item-inner.active {
  left: var(--sidebarSmallWidth)
}

aside.aside-wide.aside-wide--catalog .nav-menu__item::after {
  width: 100%
}

@media screen and (min-width: 1025px) and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-img .icon, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-img .icon {
    fill: #fff
  }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-text, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-text {
    left: 0;
    width: 300%;
    padding-left: 0;
    opacity: 1;
    visibility: visible;
    color: #fff;
    background: transparent
  }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-text, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-text {
    padding-left: 0
  }
}

@media screen and (min-width: 1025px) and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-hover, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-hover {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px);
    filter: drop-shadow(rgba(20, 22, 26, 0.4) -5px 35px 10px)
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-arrow .icon, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-arrow .icon {
    fill: #fff
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-text, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-text {
  left: var(--sidebarSmallWidth);
  width: calc(var(--sidebarLargeWidth) - var(--sidebarSmallWidth));
  opacity: 1;
  visibility: visible;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 1024px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-text, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-text {
    background: #fff;
    font-size: 1.125rem;
    padding: 0 25px 0 15px
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__item.active .nav-menu__item-hover, aside.aside-wide.aside-wide--catalog .nav-menu__item:hover .nav-menu__item-hover {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__content {
  width: 53%
}

@media screen and (max-width: 1440px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__content {
    width: 70%
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__content {
    left: var(--sidebarLargeWidth)
  }
}

@media screen and (min-width: 1921px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__content {
    left: 15.6vw
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__btn {
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  border-radius: 0
}

@media screen and (min-width: 1025px) {
  aside.aside-wide.aside-wide--catalog .nav-menu__btn .icon {
    fill: white !important
  }
}

aside.aside-wide.aside-wide--catalog .nav-menu__btn span {
  display: none
}

aside::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: .15s;
  -o-transition: .15s;
  transition: .15s;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
  z-index: 4
}

aside.blur {
  overflow: hidden
}

aside.blur::after {
  opacity: 1;
  visibility: visible
}

aside.show {
  -webkit-transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  transform: translateX(0) !important
}

.nav-menu {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 4;
  background: #fff
}

@media screen and (min-width: 1025px) {
  .nav-menu {
    -webkit-box-shadow: 5px 0px 10px rgba(204, 215, 221, 0.5);
    box-shadow: 5px 0px 10px rgba(204, 215, 221, 0.5)
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu {
    max-height: 100%;
    overflow: hidden auto
  }
}

@media screen and (max-width: 600px) {
  .nav-menu {
    display: block;
    background: #f0f7fb
  }
}

.nav-menu__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 4
}

@media screen and (min-width: 1025px) {
  .nav-menu__wrap {
    height: calc(100% - 5vw)
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__wrap {
    height: 100%
  }
}

@media screen and (min-width: 1025px) {
  .nav-menu__wrap > .nav-menu__content-close {
    display: none
  }
}

.nav-menu__item {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  cursor: pointer
}

@media screen and (max-width: 1024px) {
  .nav-menu__item {
    min-height: 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.nav-menu__item.text-purple .nav-menu__item-img .icon {
  fill: #2a0e72 !important
}

.nav-menu__item.text-purple .nav-menu__item-text {
  color: #2a0e72 !important
}

@media screen and (max-width: 600px) {
  .nav-menu__item.current .nav-menu__item-text {
    color: #1792d4 !important
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item.current .nav-menu__item-img .icon {
    fill: #1792d4 !important
  }
}

.nav-menu__item-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.015em;
  color: #2a0e72;
  z-index: 2;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  line-height: 115%;
  font-size: calc(100vw / (var(--vwIdth) / 24));
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-text {
    font-size: 1.125rem;
  }
}

.nav-menu__item-img {
  z-index: 2
}

.nav-menu__item-img .icon {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.nav-menu__item-arrow {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  right: 0;
  top: 0;
  width: calc(100vw / (var(--vwIdth) / 40));
  height: 100%;
  z-index: 2;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (min-width: 1921px) {
  .nav-menu__item-arrow {
    width: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item-arrow {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.nav-menu__item-arrow .icon {
  width: 10px;
  height: 10px
}

@media screen and (min-width: 1921px) {
  .nav-menu__item-arrow .icon {
    width: calc(100vw / (var(--vwIdth) / 10));
    height: calc(100vw / (var(--vwIdth) / 10))
  }
}

.nav-menu__item-hover {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  width: auto;
  height: 100%
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-hover {
    display: none !important
  }
}

.nav-menu__item-hover img {
  /*height: 100%;*/
  /*width: auto;*/
  max-width: unset
}

.nav-menu__item-inner {
  background: #f0f7fb;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% + 5vw);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 3
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-inner {
    left: -100%;
    z-index: 5;
    height: 100%;
    opacity: 1
  }
}

.nav-menu__item-inner ul {
  height: 100%;
  overflow: hidden auto
}

@media screen and (min-width: 1025px) {
  .nav-menu__item-inner ul {
    -webkit-box-shadow: 5px 0px 25px rgba(3, 16, 35, 0.2);
    box-shadow: 5px 0px 25px rgba(3, 16, 35, 0.2)
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-inner ul {
    max-height: calc(100% - 68px);
    overflow: auto
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.nav-menu__item-inner li {
  position: relative
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner li {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
}

.nav-menu__item-inner li a {
  height: 100%;
  padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 40)) calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 20));
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: calc(100vw / (var(--vwIdth) / 18));
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #241e35;
  position: relative
}

@media screen and (min-width: 1921px) {
  .nav-menu__item-inner li a {
    padding: calc(100vw / (var(--vwIdth) / 10)) 7.5%
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item-inner li a {
    padding: 20px;
    font-size: 1.125rem;
    border-bottom: 1px solid #e2e9ee
  }
}

.nav-menu__item-inner li a:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.209vw;;
  background: #1792d4;
  z-index: 1;
  -webkit-transition: width .3s ease-in-out;
  -o-transition: width .3s ease-in-out;
  transition: width .3s ease-in-out
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .nav-menu__item-inner li a:hover:before {
    width: 100%
  }

  .nav-menu__item-inner li a:hover .nav-menu__item-arrow .icon {
    fill: #1792d4
  }
}

.nav-menu__item-inner li:not(:last-child) a::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  height: 1px;
  background: #f1f2f2
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner li:not(:last-child) a::after {
    content: ""
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner li.active a {
    color: #2a0e72;
    -webkit-box-shadow: 6px 2px 12px #e5ebee;
    box-shadow: 6px 2px 12px #e5ebee
  }

  .nav-menu__item-inner li.active a:before {
    width: 100%
  }

  .nav-menu__item-inner li.active a .nav-menu__item-arrow .icon {
    fill: #1792d4
  }
}

.nav-menu__item-inner li::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (min-width: 601px) {
  .nav-menu__item-inner li::after {
    content: ""
  }
}

.nav-menu__item-inner.active {
  opacity: 1;
  visibility: visible;
  left: 100%
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-inner.active {
    left: 0
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item-inner .current a {
    color: #1792d4
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item-inner .current .icon {
    fill: #1792d4
  }
}

.nav-menu__item-back {
  padding: 20px 20px 20px 50px;
  display: none;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #241e35;
  position: relative;
  text-transform: uppercase;
  background: #f5f9fc;
  -webkit-box-shadow: 0px 2px 4px #d3d9de;
  box-shadow: 0px 2px 4px #d3d9de;
  background-image: url(/local/templates/palas/css/optimization/../img/icons/cross-color.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  color: #2a0e72
}

@media screen and (max-width: 1024px) {
  .nav-menu__item-back {
    display: block
  }
}

.nav-menu__item-back .nav-menu__item-arrow {
  left: 20px
}

.nav-menu__item-back .icon {
  fill: #2a0e72;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.nav-menu__item .nav-menu__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%
}

@media screen and (max-width: 1024px) {
  .nav-menu__item .nav-menu__btn {
    width: 90%
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__item .nav-menu__btn {
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% - 75px)
  }
}

.nav-menu__item .icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #2a0e72
}

.nav-menu__item:not(:last-child)::after {
  content: "";
  position: absolute;
  height: 1px;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.1)
}

.nav-menu__item:not(.nav-menu__item-with-menu) .nav-menu__item-arrow {
  display: none
}

.nav-menu__btn {
  position: relative;
  -webkit-border-radius: 1vw;
  border-radius: 1vw;
  background-color: #2a0e72;
  padding: 5% 5% 5% 25%;
  font-weight: bold;
  font-size: calc(100vw / (var(--vwIdth) / 24));
  line-height: 120%;
  letter-spacing: 0.015em;
  color: #fbf3ff;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media screen and (max-width: 1024px) {
  .nav-menu__btn {
    min-height: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30%
  }
}

@media screen and (max-width: 800px) {
  .nav-menu__btn {
    -webkit-border-radius: 2vw;
    border-radius: 2vw
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__btn {
    -webkit-border-radius: 12vw;
    border-radius: 12vw;
    font-weight: 500
  }
}

.nav-menu__btn .nav-menu__item-img .icon {
  fill: #f4fbff !important
}

.nav-menu__content {
  position: fixed;
  top: var(--headerHeight);
  height: calc(100% - var(--headerHeight));
  background: #f9fafb;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 1;
  pointer-events: none
}

@media screen and (max-width: 1024px) {
  .nav-menu__content {
    position: absolute;
    left: var(--sidebarMiddleWidth);
    width: calc(100vw - var(--sidebarMiddleWidth) - 50px);
    height: 100%;
    top: 0
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__content {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    visibility: hidden
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__content {
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5
  }
}

.nav-menu__content-close {
  position: absolute;
  left: 100%;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  background: #1792d4;
  cursor: pointer
}

@media screen and (max-width: 600px) {
  .nav-menu__content-close {
    display: none
  }
}

.nav-menu__content-close .icon {
  width: 40%;
  height: 40%;
  fill: #fff
}

.nav-menu__content.active {
  pointer-events: all
}

@media screen and (min-width: 601px) {
  .nav-menu__content.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__content.active {
    left: 0%
  }
}

.nav-menu__container {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative
}

@media screen and (max-width: 1024px) {
  .nav-menu__container {
    height: 100%
  }
}

@media screen and (min-width: 1025px) {
  .nav-menu__container .mCSB_vertical .mCSB_container {
    margin-right: 4px
  }
}

@media screen and (min-width: 1025px) {
  .nav-menu__container .mCSB_vertical .mCSB_scrollTools_vertical {
    width: 4px
  }
}

.nav-menu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  max-height: 100%
}

@media screen and (max-width: 600px) {
  .nav-menu__list {
    padding: 0
  }
}

@media screen and (max-width: 800px) {
  .nav-menu__list {
    display: block
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__list {
    height: auto
  }
}

.nav-menu__list-scroll {
  width: 100%;
  position: absolute;
  max-height: 100%;
  overflow-y: auto;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  left: 0;
  top: 0
}

@media screen and (min-width: 601px) {
  .nav-menu__list-scroll {
    opacity: 0;
    visibility: hidden
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__list-scroll {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    height: 100%
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__list-scroll.active {
    opacity: 1;
    visibility: visible
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__list-scroll.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
  }
}

.nav-menu__list-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  left: 100%;
  top: 0;
  min-height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow: auto
}

@media screen and (max-width: 600px) {
  .nav-menu__list-wrap {
    width: 100%;
    left: -100%;
    z-index: 2
  }
}

.nav-menu__list-wrap.active {
  opacity: 1;
  visibility: visible;
  z-index: 1
}

@media screen and (max-width: 1024px) {
  .nav-menu__list-wrap.active {
    left: 0
  }
}

.nav-menu__list-back {
  font-style: normal;
  font-weight: 600;
  font-size: .875rem;
  line-height: 141.69%;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 15px;
  padding-left: 25px
}

@media screen and (min-width: 601px) {
  .nav-menu__list-back {
    display: none
  }
}

.nav-menu__list-col {
  width: 33.33%
}

@media screen and (min-width: 1025px) {
  .nav-menu__list-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.nav-menu__list-col > .nav-menu__list-back {
  position: relative;
  padding: 10px 0 10px 70px
}

.nav-menu__list-col > .nav-menu__list-back .decor-icon__bg {
  display: none
}

.nav-menu__list-col > .nav-menu__list-back .nav-menu__item-img {
  left: 0
}

.nav-menu__list-col > .nav-menu__list-back .nav-menu__list-icon {
  position: absolute;
  left: 30px;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.nav-menu__list-col > .nav-menu__list-back .nav-menu__list-icon .icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #241e35 !important
}

@media screen and (max-width: 1024px) {
  .nav-menu__list-col:not(:last-of-type) {
    margin-right: 0
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__list-col {
    width: 49%
  }
}

@media screen and (max-width: 800px) {
  .nav-menu__list-col {
    width: 100%
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__list .nav-menu__item-back {
    display: none
  }
}

.nav-menu__group {
  width: 25%;
  padding: calc(100vw / (var(--vwIdth) / 20)) calc(100vw / (var(--vwIdth) / 30)) calc(100vw / (var(--vwIdth) / 40));
  overflow: hidden;
  outline: 1px solid #dde6ea;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out
}

@media screen and (min-width: 601px) {
  .nav-menu__group {
    position: relative
  }
}

@media screen and (min-width: 1921px) {
  .nav-menu__group {
    padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 1440px) {
  .nav-menu__group {
    width: 33.33%
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__group {
    width: 50%
  }
}

@media screen and (max-width: 800px) {
  .nav-menu__group {
    width: 100%;
    margin: 0;
    padding: 10px
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group {
    padding: 0;
    background: #f0f7fb;
    outline: none;
    border-bottom: 1px solid #e2e9ee
  }
}

.nav-menu__group-tittle {
  width: 100%;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 130%;
  letter-spacing: 0.015em;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  padding-bottom: calc(100vw / (var(--vwIdth) / 15));
  color: #2a0e72;
  word-break: break-word;
  border-bottom: 1px solid #1792d4
}

@media screen and (min-width: 1921px) {
  .nav-menu__group-tittle {
    padding-right: calc(100vw / (var(--vwIdth) / 30));
    margin-bottom: calc(100vw / (var(--vwIdth) / 7));
    padding-bottom: calc(100vw / (var(--vwIdth) / 7))
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-tittle {
    width: 100%;
    font-size: 1.125rem;
    font-weight: normal;
    color: #241e35;
    margin-bottom: 0;
    padding: 20px;
    border: none;
    font-weight: bold
  }
}

.nav-menu__group-tittle a {
  color: #241e35
}

@media screen and (hover: hover) {
  .nav-menu__group-tittle a:hover {
    color: #2a0e72
  }
}

.nav-menu__group-button {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  width: 25px;
  height: 25px
}

@media screen and (min-width: 1921px) {
  .nav-menu__group-button {
    width: calc(100vw / (var(--vwIdth) / 25));
    height: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__group-button {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-button {
    width: 10px;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotateZ(-90deg)
  }
}

@media screen and (min-width: 601px) {
  .nav-menu__group-button.active .nav-menu__group-arrow {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
  }
}

.nav-menu__group-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.nav-menu__group-icon .icon {
  width: 100%;
  height: 100%;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.nav-menu__group-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 10px;
  height: 10px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (min-width: 1921px) {
  .nav-menu__group-arrow {
    width: calc(100vw / (var(--vwIdth) / 10));
    height: calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-arrow {
    width: 15px;
    height: 15px
  }
}

.nav-menu__group-arc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 25%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-width: 600px) {
  .nav-menu__group-arc {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item {
    padding: 0;
    border-bottom: 1px solid #e2e9ee
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item.current a {
    color: #1792d4
  }
}

@media screen and (max-width: 1024px) {
  .nav-menu__group-item:not(:last-child) {
    margin-bottom: 5px
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item:not(:last-child) {
    position: relative;
    margin: 0
  }
}

.nav-menu__group-item:not(:last-child)::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90%;
  height: 1px;
  background: #f1f2f2
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item:not(:last-child)::after {
    content: ""
  }
}

.nav-menu__group-item a {
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500
}

@media screen and (min-width: 601px) {
  .nav-menu__group-item a {
    color: #2a0e72
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-item a {
    width: 100%;
    margin: 0 !important;
    padding: 20px;
    color: #241e35;
    font-size: 1.125rem;
    font-weight: bold
  }
}

@media screen and (hover: hover) {
  .nav-menu__group-item a:hover {
    color: #2a0e72
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-list {
    position: absolute;
    width: 100%;
    min-height: 100%;
    left: -100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #f0f7fb;
    z-index: 3
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .nav-menu__group-list {
    display: block !important
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group-list.active {
    left: 0;
    opacity: 1;
    visibility: visible
  }
}

.nav-menu__group-list a {
  margin-bottom: calc(100vw / (var(--vwIdth) / 8));
  color: #241e35;
  font-size: calc(100vw / (var(--vwIdth) / 16));
}

@media screen and (hover: hover) {
  .nav-menu__group-list a:hover {
    color: #2a0e72
  }
}

@media screen and (min-width: 1025px) {
  .nav-menu__group:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
}

.nav-menu__group:last-child.active::after {
  opacity: 1;
  visibility: visible;
  position: static;
  width: calc(100% + 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 0 -10px
}

.nav-menu__group::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .075s ease-in-out;
  -o-transition: all .075s ease-in-out;
  transition: all .075s ease-in-out;
  background: #fff;
  opacity: 0;
  visibility: hidden
}

@media screen and (min-width: 601px) {
  .nav-menu__group::after {
    content: ""
  }
}

.nav-menu__group.active {
  -webkit-box-shadow: 0px 4px 75px rgba(70, 82, 88, 0.2);
  box-shadow: 0px 4px 75px rgba(70, 82, 88, 0.2);
  z-index: 1
}

.nav-menu__group.active .nav-menu__group-tittle a {
  color: #2a0e72
}

@media screen and (max-width: 600px) {
  .nav-menu__group.current .nav-menu__group-tittle a {
    color: #1792d4
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__group.current .nav-menu__group-button .icon {
    fill: #1792d4
  }
}

.nav-menu__seo {
  padding: calc(100vw / (var(--vwIdth) / 30));
  color: #8b8b8b
}

.nav-menu__close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(/local/templates/palas/css/optimization/../img/icons/cross-color.svg);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 5
}

@media screen and (min-width: 601px) {
  .nav-menu__close {
    display: none
  }
}

.nav-menu__btn-footer {
  position: absolute;
  right: calc(100vw / (var(--vwIdth) / 15));
  bottom: calc(100vw / (var(--vwIdth) / 80));
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  padding: 0;
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.14);
  background: #eff7fa;
  z-index: 4
}

@media screen and (min-width: 601px) {
  .nav-menu__btn-footer {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .nav-menu__btn-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.nav-menu__btn-footer-icon {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.nav-menu__btn-footer .icon {
  width: 65%;
  height: 65%;
  fill: #2a0e72;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center
}

.breadcrumbs {
  margin-bottom: calc(100vw / (var(--vwIdth) / 5))
}

@media screen and (max-width: 1024px) {
  .breadcrumbs {
    margin-bottom: calc(100vw / (var(--vwIdth) / 20))
  }
}

.breadcrumbs .bx-breadcrumb-item {
  display: inline-block
}

.breadcrumbs .bx-breadcrumb span {
  font-weight: 400;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.breadcrumbs .bx-breadcrumb a {
  position: relative;
  margin-right: calc(100vw / (var(--vwIdth) / 25))
}

.breadcrumbs .bx-breadcrumb a span {
  color: #2a0e72;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (hover: hover) {
  .breadcrumbs .bx-breadcrumb a:hover span {
    color: #1792d4
  }
}

.breadcrumbs .bx-breadcrumb a::after {
  content: '';
  position: absolute;
  left: calc(100% + 5px);
  top: 50%;
  width: 15px;
  height: 1px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #c4d0d7;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap {
    width: var(--sidebarMiddleWidth);
    padding: 0 1.75% 0 4.75%;
    font-size: calc(100vw / (var(--vwIdth) / 24));
    font-weight: 500;
    position: absolute;
    bottom: 100%;
    left: 0
  }
}}
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap .footer__button {
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100vw / (var(--vwIdth) / 45));
    height: calc(100vw / (var(--vwIdth) / 45));
    padding: 0;
    border-color: #fff
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap .footer__button {
    width: calc(100vw / (var(--vwIdth) / 25));
    height: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (min-width: 1025px) {
  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap .footer__button .icon {
    fill: #fff
  }

  aside.aside-wide:not(.aside-wide--catalog) ~ .footer .footer__button-wrap span {
    display: block;
    padding: 0 10%;
    color: inherit
  }

  aside.aside-wide:not(.aside-wide--catalog) ~ .footer.active .footer__button-wrap {
    position: relative
  }
}

.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  z-index: 7
}

@media screen and (max-width: 1024px) {
  .footer {
    z-index: 6
  }
}

.footer__button {
  position: relative;
  width: 45%;
  padding-top: 45%;
  border: 3px solid #2a0e72;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-color: #fff
}

@media screen and (max-width: 600px) {
  .footer__button {
    border: 2px solid #fff
  }
}

.footer__button-wrap {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: var(--sidebarSmallWidth);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5vw;
  background-color: #2a0e72;
  color: #fff;
  -webkit-box-shadow: 5px 0px 10px rgba(204, 215, 221, 0.5);
  box-shadow: 5px 0px 10px rgba(204, 215, 221, 0.5);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer
}

@media screen and (max-width: 1024px) {
  .footer__button-wrap {
    width: 60px;
    height: 60px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
  }
}

@media screen and (max-width: 600px) {
  .footer__button-wrap {
    width: 40px;
    height: 32px;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: 1px solid #2a0e72;
    background: #2a0e72
  }
}

@media screen and (hover: hover) {
  .footer__button-wrap:hover {
    background-color: #2a0e72;
    color: white !important
  }

  .footer__button-wrap:hover .footer__button {
    border-color: #fff
  }

  .footer__button-wrap:hover .icon {
    fill: #fff
  }
}

.footer__button-wrap span {
  display: none
}

.footer__button .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  fill: #2a0e72;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  fill: #fff
}

.footer__dropdown {
  padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 30)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 80));
  background: #f0f7fb;
  -webkit-box-shadow: 0px -25px 50px rgba(66, 66, 66, 0.15);
  box-shadow: 0px -25px 50px rgba(66, 66, 66, 0.15);
  overflow: hidden;
  display: none;
  max-height: 65vh;
  overflow: hidden auto;
  position: relative
}

@media screen and (max-width: 1440px) {
  .footer__dropdown {
    padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 80))
  }
}

@media screen and (max-width: 1024px) {
  .footer__dropdown {
    padding: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 600px) {
  .footer__dropdown {
    padding: calc(100vw / (var(--vwIdth) / 15))
  }
}

.footer__dropdown::before {
  content: "";
  width: 0%;
  height: 2px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #2a0e72
}

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

@media screen and (max-width: 1440px) {
  .footer__row {
    padding: calc(100vw / (var(--vwIdth) / 15)) 0
  }
}

.footer__row--bg-img {
  position: relative
}

@media screen and (min-width: 1441px) {
  .footer__row--bg-img .footer__row {
    padding: calc(100vw / (var(--vwIdth) / 15)) 0
  }
}

@media screen and (min-width: 801px) {
  .footer__row--bg-img {
    background-image: url(/local/templates/palas/css/optimization/../img/global/footer-logo.svg);
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: right bottom
  }
}

.footer__row--bg-img::after {
  content: "";
  position: absolute;
  width: 150%;
  height: 1px;
  background: #e8f2f8;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.footer__row > a {
  margin: 0 calc(100vw / (var(--vwIdth) / 15)) 0 auto
}

@media screen and (max-width: 450px) {
  .footer__row > a {
    margin: 0
  }
}

.footer__title-lg {
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 100%
}

.footer__title-sm {
  font-size: 1rem
}

.footer__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width: 1440px) {
  .footer__menu {
    width: 100%;
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.footer__menu a {
  font-size: 1rem;
  line-height: 160%;
  color: #241e35
}

@media screen and (hover: hover) {
  .footer__menu a:hover {
    color: #2a0e72
  }
}

.footer__menu li:not(:last-child) {
  margin-right: calc(100vw / (var(--vwIdth) / 30))
}

.footer__soc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 600px) {
  .footer__soc {
    margin: calc(100vw / (var(--vwIdth) / 15)) 0
  }
}

.footer__soc span {
  margin-right: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 1024px) {
  .footer__soc span {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.footer__copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width: 600px) {
  .footer__copy li {
    width: 100%;
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.footer__copy li:not(:last-child) {
  margin-right: calc(100vw / (var(--vwIdth) / 50))
}

.footer__copy a {
  margin-left: calc(100vw / (var(--vwIdth) / 5));
  color: #241e35
}

@media screen and (hover: hover) {
  .footer__copy a:hover {
    color: #2a0e72
  }
}

.footer__text {
  font-size: .875rem;
  line-height: 160%;
  color: #8b8b8b
}

@media screen and (min-width: 1441px) {
  .footer__text {
    width: 71%
  }
}

@media screen and (max-width: 1440px) {
  .footer__text {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (min-width: 1441px) {
  .footer__pay {
    margin-right: calc(100vw / (var(--vwIdth) / 100))
  }
}

.footer__pay ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.footer-extra-z-index {
  z-index: 7
}

.footer.active .footer__button-wrap {
  background-color: #2a0e72;
  color: white !important
}

.footer.active .footer__button-wrap .footer__button {
  border-color: #fff
}

.footer.active .footer__button-wrap .icon {
  fill: #fff
}

.footer.active .footer__dropdown::before {
  width: 100%
}

.socmedia {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.socmedia__tittle {
  color: #241e35;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  text-align: left;
  font-weight: bold
}

@media screen and (min-width: 1921px) {
  .socmedia__tittle {
    margin-bottom: calc(100vw / (var(--vwIdth) / 11))
  }
}

.socmedia li {
  width: calc(100vw / (var(--vwIdth) / 50))
}

.socmedia li:not(:last-child) {
  margin-right: calc(100vw / (var(--vwIdth) / 15))
}

.socmedia a {
  width: 100%;
  padding-top: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (hover: hover) {
  .socmedia a:hover {
    background-color: #2a0e72
  }

  .socmedia a:hover .icon {
    fill: #fff
  }
}

.socmedia .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  fill: #2a0e72;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.cookies {
  position: fixed;
  right: 0;
  bottom: 0;
  max-width: 282px;
  margin: calc(100vw / (var(--vwIdth) / 10));
  padding: calc(100vw / (var(--vwIdth) / 20));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  background: #fff;
  z-index: 7;
  -webkit-box-shadow: 0px 12px 33px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 12px 33px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

@media screen and (min-width: 1921px) {
  .cookies {
    width: calc(100vw / (var(--vwIdth) / 282));
    max-width: unset
  }
}

@media screen and (max-width: 600px) {
  .cookies {
    max-width: 282px;
    width: 100%;
    padding: 15px 13px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
  }
}

.cookies-close {
  position: absolute;
  right: 0;
  top: 0;
  margin: calc(100vw / (var(--vwIdth) / 8));
  width: calc(100vw / (var(--vwIdth) / 12));
  height: calc(100vw / (var(--vwIdth) / 12));
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: none
}

@media screen and (max-width: 600px) {
  .cookies-close {
    width: 20px;
    height: 20px
  }
}

.cookies-close .icon {
  width: 50%;
  height: 50%;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

@media screen and (hover: hover) {
  .cookies-close:hover {
    fill: #1792d4
  }
}

.cookies-text {
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  line-height: 145%;
  font-size: calc(100vw / (var(--vwIdth) / 12))
}

@media screen and (max-width: 600px) {
  .cookies-text {
    font-size: .875rem
  }
}

.cookies-text p {
  line-height: inherit
}

.cookies-text a {
  color: #1792d4;
  text-decoration: underline
}

@media screen and (hover: hover) {
  .cookies-text a:hover {
    color: #2a0e72
  }
}

.cookies-btn {
  padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 15));
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: .875rem;
  line-height: 115%;
  cursor: pointer;
  border: none;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.cookies-btn:hover {
  background-color: #2a0e72
}

.cookies-btn--gray {
  background-color: #c4c4c4
}

.cookies-btn--blue {
  background-color: #1792d4
}

.cookies-btn:last-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.cookies-btn__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(100vw / (var(--vwIdth) / 10))
}

.cookies--hidden {
  opacity: 0;
  pointer-events: none
}

.cookies {
  position: fixed;
  right: 0;
  bottom: 0;
  max-width: 282px;
  margin: calc(100vw / (var(--vwIdth) / 10));
  padding: calc(100vw / (var(--vwIdth) / 20));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  background: #fff;
  z-index: 7;
  -webkit-box-shadow: 0px 12px 33px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 12px 33px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

@media screen and (min-width: 1921px) {
  .cookies {
    width: calc(100vw / (var(--vwIdth) / 282));
    max-width: unset
  }
}

@media screen and (max-width: 600px) {
  .cookies {
    max-width: 282px;
    width: 100%;
    padding: 15px 13px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
  }
}

.cookies-close {
  position: absolute;
  right: 0;
  top: 0;
  margin: calc(100vw / (var(--vwIdth) / 8));
  width: calc(100vw / (var(--vwIdth) / 12));
  height: calc(100vw / (var(--vwIdth) / 12));
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border: none
}

@media screen and (max-width: 600px) {
  .cookies-close {
    width: 20px;
    height: 20px
  }
}

.cookies-close .icon {
  width: 50%;
  height: 50%;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

@media screen and (hover: hover) {
  .cookies-close:hover {
    fill: #1792d4
  }
}

.cookies-text {
  margin-bottom: calc(100vw / (var(--vwIdth) / 15));
  line-height: 145%;
  font-size: calc(100vw / (var(--vwIdth) / 12))
}

@media screen and (max-width: 600px) {
  .cookies-text {
    font-size: .875rem
  }
}

.cookies-text p {
  line-height: inherit
}

.cookies-text a {
  color: #1792d4;
  text-decoration: underline
}

@media screen and (hover: hover) {
  .cookies-text a:hover {
    color: #2a0e72
  }
}

.cookies-btn {
  padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 15));
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
  font-size: .875rem;
  line-height: 115%;
  cursor: pointer;
  border: none;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

.cookies-btn:hover {
  background-color: #2a0e72
}

.cookies-btn--gray {
  background-color: #c4c4c4
}

.cookies-btn--blue {
  background-color: #1792d4
}

.cookies-btn:last-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.cookies-btn__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: calc(100vw / (var(--vwIdth) / 10))
}

.cookies--hidden {
  opacity: 0;
  pointer-events: none
}

.pagination {
  position: fixed;
  bottom: calc(100vw / (var(--vwIdth) / 15));
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #fff;
  -webkit-box-shadow: 0px 0px 30px rgba(199, 208, 212, 0.95);
  box-shadow: 0px 0px 30px rgba(199, 208, 212, 0.95);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 4));
  border-radius: calc(100vw / (var(--vwIdth) / 4));
  overflow: hidden;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media screen and (max-width: 600px) {
  .pagination {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    position: fixed;
    bottom: 0;
    left: 35px;
    width: calc(100% - 35px);
    height: 32px;
    -webkit-border-radius: 0;
    border-radius: 0
  }
}

.pagination__wrap .container {
  padding-top: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width: 1024px) {
  .pagination__wrap .container {
    padding-top: 15px
  }
}

@media screen and (max-width: 600px) {
  .pagination__wrap .container {
    padding: 0
  }
}

.pagination .icon {
  width: calc(100vw / (var(--vwIdth) / 10));
  height: calc(100vw / (var(--vwIdth) / 10));
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (max-width: 600px) {
  .pagination li {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (min-width: 601px) {
  .pagination li.active a {
    color: #1792d4
  }
}

@media screen and (max-width: 600px) {
  .pagination li.active a {
    background-color: #b8bbbd;
    color: #fff
  }
}

.pagination li:first-child {
  margin-right: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (min-width: 601px) {
  .pagination li:first-child {
    border-right: 1px solid #e2ecf1
  }
}

@media screen and (max-width: 600px) {
  .pagination li:first-child {
    margin-right: 0
  }
}

.pagination li:last-child {
  margin-left: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (min-width: 601px) {
  .pagination li:last-child {
    border-left: 1px solid #e2ecf1
  }
}

@media screen and (max-width: 600px) {
  .pagination li:last-child {
    margin: 0
  }
}

@media screen and (max-width: 600px) {
  .pagination li:not(:last-child) {
    border-right: 1px solid #e2ecf1
  }
}

.pagination a {
  padding: calc(100vw / (var(--vwIdth) / 15));
  line-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: #241e35
}

@media screen and (min-width: 1921px) {
  .pagination a {
    padding: calc(100vw / (var(--vwIdth) / 6)) calc(100vw / (var(--vwIdth) / 12))
  }
}

@media screen and (max-width: 600px) {
  .pagination a {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (hover: hover) {
  .pagination a:hover {
    color: #1792d4
  }

  .pagination a:hover .icon {
    fill: #1792d4
  }
}

.scroll-top {
  position: absolute;
  display: none;
  right: 0%;
  bottom: 100%;
  margin: calc(100vw / (var(--vwIdth) / 15));
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f0f7fb;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 1;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

@media screen and (max-width: 600px) {
  .scroll-top {
    bottom: calc(100vw / (var(--vwIdth) / 80))
  }
}

.scroll-top .icon {
  width: 40%;
  height: 40%;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out;
  fill: #241e35
}

.scroll-top.show {
  opacity: 1;
  visibility: visible
}

.scroll-top.show-when-scroll-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.filter-left {
  height: 100%;
  width: 100%;
  max-height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: #f9fafb;
  border-right: 1px solid #c4d0d7;
  position: relative
}

@media screen and (max-width: 1440px) {
  .filter-left {
    width: calc(100% - var(--sidebarSmallWidth))
  }
}

@media screen and (max-width: 1024px) {
  .filter-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 35px 25px 0
  }
}

@media screen and (max-width: 1024px) and (max-width: 600px) {
  .filter-left {
    padding: 0;
    opacity: 0
  }
}

@media screen and (max-width: 1024px) {
  .filter-left.filter-open {
    -webkit-transform: translateX(125%);
    -ms-transform: translateX(125%);
    transform: translateX(125%)
  }
}

@media screen and (max-width: 1024px) and (max-width: 600px) {
  .filter-left.filter-open {
    opacity: 1
  }
}

@media screen and (max-width: 1024px) {
  .filter-left:not(.filter-open) .filter-left__group-popup {
    display: none
  }
}

.filter-left__main {
  position: relative;
  height: 100%;
  overflow: visible !important;
  padding-bottom: calc(100vw / (var(--vwIdth) / 45))
}

@media screen and (max-width: 1024px) {
  .filter-left__main {
    padding-bottom: calc(100vw / (var(--vwIdth) / 100))
  }
}

@media screen and (max-width: 600px) {
  .filter-left__overflow {
    padding: 35px 25px 0;
    overflow: hidden auto;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
  }
}

.filter-left__close {
  position: absolute;
  top: -25px;
  right: -15px;
  width: 25px;
  height: 25px;
  padding: 5px;
  z-index: 2
}

@media screen and (max-width: 600px) {
  .filter-left__close {
    top: 0;
    right: 0
  }
}

@media screen and (min-width: 1025px) {
  .filter-left__close {
    display: none
  }
}

.filter-left__close .icon {
  width: 100%;
  height: 100%
}

.filter-left__tittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 30));
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 115%;
  border-bottom: 1px solid #c4d0d7;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15))
}

.filter-left__group {
  position: relative;
  padding: calc(100vw / (var(--vwIdth) / 10)) 0;
  text-align: center;
  z-index: 1;
  border-bottom: 1px solid #c4d0d7;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out
}

@media screen and (max-width: 600px) {
  .filter-left__group {
    padding: calc(100vw / (var(--vwIdth) / 10)) 0 calc(100vw / (var(--vwIdth) / 15))
  }
}

.filter-left__group-arrow {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100vw / (var(--vwIdth) / 10));
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.filter-left__group-arrow .icon {
  width: 100%;
  height: 100%;
  fill: #2a0e72;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (hover: hover) {
  .filter-left__group-arrow:hover .icon {
    opacity: 0.75
  }
}

.filter-left__group-tittle {
  margin-bottom: calc(100vw / (var(--vwIdth) / 5));
  padding: 0 calc(100vw / (var(--vwIdth) / 15)) 0 calc(100vw / (var(--vwIdth) / 25));
  font-weight: 600;
  font-size: .875rem;
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #241e35;
  position: relative;
  text-align: left;
  z-index: 1
}

.filter-left__group-tittle-group {
  position: relative;
  cursor: pointer;
  padding-right: calc(100vw / (var(--vwIdth) / 15));
  font-size: 0.9rem
}

.filter-left__group-tittle-group.open .filter-left__group-arrow .icon {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.filter-left__group-tittle .tooltipe {
  position: absolute !important;
  left: calc(100vw / (var(--vwIdth) / 5));
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (min-width: 1025px) {
  .filter-left__group-tittle .filter-left__tooltipe {
    opacity: 1;
    visibility: visible
  }
}

.filter-left__group-result {
  font-weight: normal;
  float: right;
  color: #8f8e91;
  font-size: 0.7rem
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .filter-left__group-result {
    width: 100%;
    float: unset
  }
}

.filter-left__group-content {
  padding: 0 calc(100vw / (var(--vwIdth) / 15)) 0 calc(100vw / (var(--vwIdth) / 25));
  position: relative
}

.filter-left__group-content--shape ul {
  width: calc(100% + 5px);
  margin: 0 -5px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.filter-left__group-content--shape li {
  width: calc(33.33% - 5px);
  margin: 0 5px 5px 0
}

.filter-left__group-content--color ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (max-width: 600px) {
  .filter-left__group-content--color ul {
    margin-bottom: 0
  }
}

.filter-left__group-content--color ul li {
  width: 20%;
  padding: calc(100vw / (var(--vwIdth) / 5))
}

@media screen and (max-width: 600px) {
  .filter-left__group-content--color ul li {
    width: calc(100% / 8)
  }
}

@media screen and (hover: hover) {
  .filter-left__group-content--color ul li:hover .filter-left__group-info, .filter-left__group-content--color ul li:hover .filter-left__group-color-item::after {
    opacity: 1;
    visibility: visible
  }
}

.filter-left__group-content.js-scroll-y {
  overflow: auto;
  max-height: 16vh
}

@media screen and (max-width: 1024px) {
  .filter-left__group-content.js-scroll-y {
    max-height: unset
  }
}

.filter-left__group-content input[type='checkbox'] {
  display: none
}

.filter-left__group-content input[type='checkbox']:checked + .checkbox {
  background: #2a0e72 !important
}

.filter-left__group-content input[type='checkbox']:checked + .checkbox:after {
  border-color: #fff;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotate(-50deg);
  -ms-transform: translate(-50%, -50%) rotate(-50deg);
  transform: translate(-50%, -50%) rotate(-50deg)
}

.filter-left__group-content input[type='checkbox']:checked + .filter-left__group-shape-item {
  border-color: #2a0e72
}

.filter-left__group-content input[type='checkbox']:checked + .filter-left__group-shape-item .icon {
  fill: #2a0e72
}

.filter-left__group-content input[type='checkbox']:checked + .filter-left__group-color-item {
  border-color: #1792d4
}

.filter-left__group-content input[type='checkbox']:checked ~ .filter-left__group-text {
  color: #2a0e72
}

.filter-left__group-content .checkbox {
  display: inline-block;
  margin: 0 calc(100vw / (var(--vwIdth) / 10)) 0 0;
  width: calc(100vw / (var(--vwIdth) / 15));
  height: calc(100vw / (var(--vwIdth) / 15));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 2));
  border-radius: calc(100vw / (var(--vwIdth) / 2));
  border: 1px solid #a3a3a3;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (min-width: 1921px) {
  .filter-left__group-content .checkbox {
    margin: 0 calc(100vw / (var(--vwIdth) / 10)) 0 0;
    width: calc(100vw / (var(--vwIdth) / 16));
    height: calc(100vw / (var(--vwIdth) / 16));
    -webkit-border-radius: calc(100vw / (var(--vwIdth) / 2));
    border-radius: calc(100vw / (var(--vwIdth) / 2))
  }
}

@media screen and (max-width: 1440px) {
  .filter-left__group-content .checkbox {
    margin-right: 5px
  }
}

.filter-left__group-content .checkbox::after {
  content: '';
  width: calc(100vw / (var(--vwIdth) / 7));
  height: calc(100vw / (var(--vwIdth) / 3));
  border-bottom: 1px solid transparent;
  border-left: 1px solid transparent;
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media screen and (min-width: 1921px) {
  .filter-left__group-content .checkbox::after {
    width: calc(100vw / (var(--vwIdth) / 8));
    height: calc(100vw / (var(--vwIdth) / 4))
  }
}

.filter-left__group-content ul li {
  margin-bottom: calc(100vw / (var(--vwIdth) / 5))
}

.filter-left__group-content ul li label {
  display: block;
  cursor: pointer;
  position: relative;
  padding-left: calc(100vw / (var(--vwIdth) / 25));
  text-align: left
}

@media screen and (min-width: 1921px) {
  .filter-left__group-content ul li label {
    padding-left: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 1152px) {
  .filter-left__group-content ul li label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }
}

@media screen and (max-width: 1024px) {
  .filter-left__group-content ul li label {
    padding-left: calc(100vw / (var(--vwIdth) / 35))
  }
}

.filter-left__group-content ul li label .checkbox {
  position: absolute;
  left: 0;
  top: 2px
}

@media screen and (max-width: 600px) {
  .filter-left__group-content ul li.li--hidden {
    display: none
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .filter-left__group-content ul li:hover .checkbox {
    background: #e5e5e5
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .filter-left__group-content ul li:hover .filter-left__group-text {
    color: #2a0e72
  }
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .filter-left__group-content ul li:hover .filter-left__group-text::after {
    width: 100%
  }
}

.filter-left__group-desc {
  display: inline-block
}

@media screen and (max-width: 1152px) {
  .filter-left__group-desc {
    max-width: calc(100% - toVw(25))
  }
}

.filter-left__group-color {
  padding: 0 !important;
  -webkit-border-radius: 50%;
  border-radius: 50%
}

.filter-left__group-color-item {
  border: 3px solid #e5e5e5;
  width: 100%;
  padding-top: calc(100% - 6px);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.filter-left__group-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

@media screen and (min-width: 601px) {
  .filter-left__group-sidebar {
    position: absolute;
    left: 100%;
    top: 0;
    padding: calc(100vw / (var(--vwIdth) / 20));
    background: #f9fafb;
    -webkit-box-shadow: 0px calc(100vw / (var(--vwIdth) / 4)) calc(100vw / (var(--vwIdth) / 15)) #d3dde2;
    box-shadow: 0px calc(100vw / (var(--vwIdth) / 4)) calc(100vw / (var(--vwIdth) / 15)) #d3dde2;
    -webkit-border-radius: calc(100vw / (var(--vwIdth) / 7));
    border-radius: calc(100vw / (var(--vwIdth) / 7));
    left: 90%
  }
}

@media screen and (max-width: 600px) {
  .filter-left__group-sidebar {
    display: none !important
  }
}

.filter-left__group-sidebar-btn {
  position: absolute;
  right: calc(100vw / (var(--vwIdth) / 20));
  top: 50%;
  width: calc(100vw / (var(--vwIdth) / 6));
  height: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer
}

@media screen and (max-width: 600px) {
  .filter-left__group-sidebar-btn {
    position: static;
    width: 100%;
    height: 15px;
    margin-top: 15px
  }
}

.filter-left__group-sidebar-btn .icon {
  width: 100%;
  height: 100%
}

@media screen and (max-width: 600px) {
  .filter-left__group-sidebar-btn .icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

.filter-left__group-sidebar.active {
  left: 100%;
  opacity: 1;
  visibility: visible
}

@media screen and (max-width: 600px) {
  .filter-left__group-sidebar.active {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}

.filter-left__group-sidebar._bottom {
  bottom: 0;
  top: auto
}

.filter-left__group-info {
  position: absolute;
  left: 0;
  padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10));
  font-size: .875rem;
  line-height: 120%;
  color: #000;
  background: #fff;
  -webkit-box-shadow: 0 calc(100vw / (var(--vwIdth) / 4)) calc(100vw / (var(--vwIdth) / 4)) rgba(0, 0, 0, 0.25);
  box-shadow: 0 calc(100vw / (var(--vwIdth) / 4)) calc(100vw / (var(--vwIdth) / 4)) rgba(0, 0, 0, 0.25);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 4));
  border-radius: calc(100vw / (var(--vwIdth) / 4));
  white-space: nowrap;
  z-index: 1;
  top: 100%;
  opacity: 0;
  visibility: visible;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  pointer-events: none
}

@media screen and (max-width: 600px) {
  .filter-left__group-info {
    display: none
  }
}

.filter-left__group-text {
  position: relative;
  display: inline-block;
  font-size: .8125rem;
  letter-spacing: 0.015em
}

.filter-left__group-text::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  border-bottom: 1px solid #2a0e72;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.filter-left__group-count {
  margin-left: calc(100vw / (var(--vwIdth) / 5));
  color: #8f8e91;
  font-size: 0.7rem
}

.filter-left__group-count::before {
  content: '('
}

.filter-left__group-count::after {
  content: ')'
}

.filter-left__group-btn {
  width: 100%;
  margin-top: calc(100vw / (var(--vwIdth) / 10));
  padding: calc(100vw / (var(--vwIdth) / 5));
  font-size: .875rem;
  background: #fff;
  border: none;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  -webkit-transition: -webkit-box-shadow .3s ease-in-out;
  transition: -webkit-box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  cursor: pointer;
  color: #1792d4;
  position: relative
}

@media screen and (max-width: 1440px) {
  .filter-left__group-btn {
    font-size: .75rem
  }
}

.filter-left__group-btn-wrap {
  position: relative
}

.filter-left__group-btn span {
  font-size: inherit;
  margin: 0 calc(100vw / (var(--vwIdth) / 2)) 0 0
}

.filter-left__group-btn span.hide {
  display: none
}

.filter-left__group-btn::after {
  content: '';
  position: absolute;
  right: calc(100vw / (var(--vwIdth) / 5));
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid #1792d4;
  border-right: 1px solid #1792d4;
  width: calc(100vw / (var(--vwIdth) / 5));
  height: calc(100vw / (var(--vwIdth) / 5));
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

@media screen and (hover: hover) {
  .filter-left__group-btn:hover {
    -webkit-text-decoration-style: dotted;
    text-decoration-style: dotted;
    -webkit-box-shadow: 0px 1px 4px rgba(192, 212, 223, 0.5);
    box-shadow: 0px 1px 4px rgba(192, 212, 223, 0.5)
  }

  .filter-left__group-btn:hover::after {
    border-color: #1792d4
  }
}

@media screen and (min-width: 601px) {
  .filter-left__group-popup {
    background: #fff;
    width: auto;
    padding: calc(100vw / (var(--vwIdth) / 25));
    position: absolute;
    left: 100%;
    top: calc(100vw / (var(--vwIdth) / -15));
    -webkit-box-shadow: 15px 1px 25px rgba(179, 197, 207, 0.75);
    box-shadow: 15px 1px 25px rgba(179, 197, 207, 0.75);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden
  }
}

@media screen and (max-width: 600px) {
  .filter-left__group-popup {
    display: none
  }
}

.filter-left__group-popup label {
  white-space: nowrap
}

.filter-left__group-popup.columns-3 ul {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3
}

@media screen and (max-width: 800px) {
  .filter-left__group-popup.columns-3 ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2
  }
}

@media screen and (max-width: 600px) {
  .filter-left__group-popup.columns-3 ul {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1
  }
}

.filter-left__group-popup._bottom {
  bottom: 0;
  top: auto
}

.filter-left__group-shape {
  padding: 0 !important
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .filter-left__group-shape:hover .filter-left__group-shape-item {
    border-color: #2a0e72
  }
}

.filter-left__group-shape-item {
  width: 100%;
  padding-top: 88%;
  position: relative;
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.filter-left__group-shape-item .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  max-width: 50%;
  max-height: calc(100% - 7px);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  fill: #dadada
}

.filter-left__group.active {
  z-index: 2
}

@media screen and (min-width: 601px) {
  .filter-left__group.active .filter-left__group-popup {
    opacity: 1;
    visibility: visible
  }
}

@media screen and (max-width: 600px) {
  .filter-left__group.active .filter-left__group-popup {
    display: block
  }

  .filter-left__group.active .filter-left__group-popup.filter-left__group-sidebar {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 1;
    visibility: visible
  }
}

.filter-left__group.active .hide {
  display: inline-block !important
}

.filter-left__group.active .show {
  display: none !important
}

.filter-left__group.extra-z {
  z-index: 2
}

@media screen and (hover: hover) {
  .filter-left__group:hover {
    background-color: #f0f7fb
  }

  .filter-left__group:hover .filter-left__group-tittle {
    color: #2a0e72
  }
}

.filter-left__tooltipe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: calc(100vw / (var(--vwIdth) / 14));
  height: calc(100vw / (var(--vwIdth) / 14));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #c4d0d7;
  top: 50%;
  left: calc(100vw / (var(--vwIdth) / 5));
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
  z-index: 1
}

.filter-left__tooltipe-content {
  display: none;
  position: absolute;
  width: calc((100vw - 45px - var(--sidebarLargeWidth)) / 2);
  background-color: #fff;
  left: 90%;
  top: calc(100vw / (var(--vwIdth) / -15));
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 7));
  border-radius: calc(100vw / (var(--vwIdth) / 7));
  -webkit-box-shadow: 0px 4px 15px #d3dde2;
  box-shadow: 0px 4px 15px #d3dde2;
  color: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  margin-top: var(--offsetHeight)
}

@media screen and (max-width: 1440px) {
  .filter-left__tooltipe-content {
    width: calc((100vw - 30px - var(--sidebarLargeWidth)) / 2)
  }
}

@media screen and (max-width: 1024px) {
  .filter-left__tooltipe-content {
    width: calc(100vw - var(--sidebarMiddleWidth))
  }
}

@media screen and (max-width: 600px) {
  .filter-left__tooltipe-content {
    width: 100%;
    left: 0;
    top: 150%
  }

  .filter-left__tooltipe-content._revers {
    top: auto !important;
    bottom: 100% !important;
    margin-top: 0 !important
  }
}

.filter-left__tooltipe-content p {
  font-size: .875rem;
  line-height: 143%;
  color: #000
}

.filter-left__tooltipe-content::before {
  position: absolute;
  left: calc(100vw / (var(--vwIdth) / 0));
  top: calc(100vw / (var(--vwIdth) / 28));
  width: calc(100vw / (var(--vwIdth) / 16));
  height: calc(100vw / (var(--vwIdth) / 16));
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #fff;
  margin-top: calc(-1 * var(--offsetHeight));
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s
}

@media screen and (min-width: 601px) {
  .filter-left__tooltipe-content::before {
    content: ''
  }
}

.filter-left__tooltipe-content::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100vw / (var(--vwIdth) / 35));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(64.72%, #fff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64.72%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 64.72%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 64.72%);
  z-index: 2;
  pointer-events: none
}

.filter-left__tooltipe-content[style='--offsetHeight: 0px']:after {
  opacity: 0
}

.filter-left__tooltipe-content.active {
  display: block;
  left: 100%;
  opacity: 1;
  visibility: visible
}

@media screen and (max-width: 600px) {
  .filter-left__tooltipe-content.active {
    left: 0;
    top: 100%
  }
}

.filter-left__tooltipe-scroll {
  max-height: calc(100vw / (var(--vwIdth) / 350));
  padding: calc(100vw / (var(--vwIdth) / 17)) 0 calc(100vw / (var(--vwIdth) / 17)) calc(100vw / (var(--vwIdth) / 22));
  overflow: hidden auto !important;
  font-weight: 400;
  font-size: .8125rem
}

@media screen and (max-width: 1024px) {
  .filter-left__tooltipe-scroll {
    padding-right: calc(100vw / (var(--vwIdth) / 22))
  }
}

@media screen and (max-width: 600px) {
  .filter-left__tooltipe-scroll {
    max-height: calc(100vw / (var(--vwIdth) / 200));
    overflow: auto !important
  }
}

.filter-left__tooltipe-scroll .mCSB_container {
  min-height: 100%
}

.filter-left__tooltipe-scroll .title {
  font-weight: bold;
  font-size: .875rem;
  color: #241e35
}

.filter-left__tooltipe-scroll p, .filter-left__tooltipe-scroll span, .filter-left__tooltipe-scroll a, .filter-left__tooltipe-scroll li {
  font-size: .8125rem;
  font-weight: 400
}

.filter-left__tooltipe-scroll li {
  margin-bottom: calc(100vw / (var(--vwIdth) / 10))
}

.filter-left__tooltipe .icon {
  width: 50%;
  height: 50%;
  fill: #c4d0d7;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

.filter-left__tooltipe.active {
  border-color: #241e35
}

.filter-left__tooltipe.active .icon {
  fill: #241e35
}

@media screen and (hover: hover) {
  .filter-left__tooltipe:hover {
    border-color: #241e35
  }

  .filter-left__tooltipe:hover .icon {
    fill: #241e35
  }
}

.filter-left--hide {
  -webkit-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  -ms-transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px));
  transform: translateX(calc(-100% - var(--sidebarLargeWidth) - 50px))
}

.filter-left__reset {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: calc(100vw / (var(--vwIdth) / 55));
  left: 0;
  bottom: 0;
  z-index: 1;
  height: calc(100vw / (var(--vwIdth) / 45));
  width: 100%;
  -webkit-box-shadow: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / -4)) calc(100vw / (var(--vwIdth) / 25)) #d3dde3;
  box-shadow: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / -4)) calc(100vw / (var(--vwIdth) / 25)) #d3dde3;
  background: #fff;
  overflow: hidden;
  z-index: 2;
  color: #2a0e72;
  font-size: .875rem
}

@media screen and (max-width: 1024px) {
  .filter-left__reset {
    height: calc(100vw / (var(--vwIdth) / 50));
    bottom: calc(100vw / (var(--vwIdth) / 50))
  }
}

.filter-left__reset-result {
  line-height: 100%;
  font-weight: 500;
  text-align: center
}

.filter-left__reset-cross {
  border: none;
  border-left: 1px solid #dedce3;
  cursor: pointer;
  width: calc(100vw / (var(--vwIdth) / 55));
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  -webkit-transition: border-color .3s ease-in-out;
  -o-transition: border-color .3s ease-in-out;
  transition: border-color .3s ease-in-out
}

.filter-left__reset-cross::before, .filter-left__reset-cross::after {
  content: '';
  position: absolute;
  width: calc(100vw / (var(--vwIdth) / 20));
  height: 1px;
  background-color: #2a0e72;
  left: 50%;
  top: 50%;
  -webkit-transition: background-color .3s ease-in-out;
  -o-transition: background-color .3s ease-in-out;
  transition: background-color .3s ease-in-out;
  pointer-events: none
}

.filter-left__reset-cross::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.filter-left__reset-cross::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

@media screen and (hover: hover) {
  .filter-left__reset-cross:hover {
    border-color: #1792d4
  }

  .filter-left__reset-cross:hover::before, .filter-left__reset-cross:hover::after {
    background-color: #1792d4
  }
}

.filter-left__reset-button {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: 0;
  border: none;
  padding: 0;
  -webkit-transform: translate(100%);
  -ms-transform: translate(100%);
  transform: translate(100%);
  width: 100%;
  height: 100%;
  background-color: #d24c4e;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 1;
  font-size: inherit
}

@media screen and (hover: hover) {
  .filter-left__reset-button:hover {
    background-color: #f10003
  }
}

.filter-left__reset._ready .filter-left__reset-button {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%)
}

.filter-left::after {
  content: '';
  width: 100%;
  height: calc(100vw / (var(--vwIdth) / 150));
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 250, 251, 0)), to(#f9fafb));
  background: -webkit-linear-gradient(top, rgba(249, 250, 251, 0) 0%, #f9fafb 100%);
  background: -o-linear-gradient(top, rgba(249, 250, 251, 0) 0%, #f9fafb 100%);
  background: linear-gradient(180deg, rgba(249, 250, 251, 0) 0%, #f9fafb 100%);
  pointer-events: none
}

.filter-left .mCustomScrollBox {
  overflow: visible
}

.filter-left .mCSB_vertical .mCSB_container {
  margin: 0;
  overflow: visible;
  position: relative;
  z-index: 2
}

@media screen and (min-width: 1025px) {
  .filter-left .mCSB_vertical .mCSB_container {
    margin-right: calc(100vw / (var(--vwIdth) / 3))
  }
}

@media screen and (max-width: 1024px) {
  .filter-left .mCSB_vertical .mCSB_scrollTools_vertical {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
  }
}

.filter-left .btn-purple {
  position: fixed;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  bottom: 0px;
  z-index: 5;
  width: 100%
}

@media screen and (min-width: 1025px) {
  .filter-left .btn-purple {
    display: none
  }
}

@media screen and (max-width: 1024px) {
  .filter-left .btn-purple {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: calc(100vw / (var(--vwIdth) / 50))
  }
}

.bx-filter-parameters-box {
  position: relative;
  z-index: 1
}

.bx-filter-parameters-box.extra-z {
  z-index: 2
}

@-moz-document url-prefix() {
  .filter-left__group-color-item {
    border: none;
    outline: 1.5px solid #e5e5e5;
    padding-top: 100%
  }
  @media screen and (max-width: 1024px) {
    .filter-left__group-color-item {
      outline: 2px solid #e5e5e5
    }
  }
  .filter-left__group-content input[type='checkbox']:checked + .filter-left__group-color-item {
    outline-color: #1792d4
  }
}

.filter-top {
  padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 20));
  background: #fff;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  position: relative;
  z-index: 3
}

@media screen and (max-width: 1024px) {
  .filter-top {
    z-index: 1000;
    padding: 0;
    background: transparent
  }
}

.filter-top__form {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  z-index: 2
}

@media screen and (max-width: 1024px) {
  .filter-top__form {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (max-width: 600px) {
  .filter-top__form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

.filter-top__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

@media screen and (min-width: 1025px) {
  .filter-top__btn {
    display: none
  }
}

.filter-top__btn .icon {
  display: block;
  width: calc(100vw / (var(--vwIdth) / 50));
  height: calc(100vw / (var(--vwIdth) / 50));
  fill: transparent;
  stroke: #fff;
  stroke-width: 2px;
  background: #1792d4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}

.filter-top__btn span {
  font-size: calc(100vw / (var(--vwIdth) / 16));
  margin-left: calc(100vw / (var(--vwIdth) / 10));
  font-weight: 500;
  color: #000
}

.filter-top__btn.fixed {
  position: fixed;
  margin: calc(100vw / (var(--vwIdth) / 15));
  bottom: calc(100vw / (var(--vwIdth) / 80));
  right: 0
}

@media screen and (max-width: 1024px) {
  .filter-top__btn.fixed {
    display: none
  }
}

@media screen and (max-width: 600px) {
  .filter-top__btn.fixed {
    bottom: calc(100vw / (var(--vwIdth) / 140))
  }
}

.filter-top__btn.fixed.show-when-scroll-end {
  display: block
}

.filter-top__btn.fixed .icon {
  background: #f0f7fb;
  stroke: #2a0e72;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}

.filter-top__btn.fixed .icon circle {
  stroke: transparent
}

.filter-top__btn.fixed span {
  display: none
}

.filter-top__select {
  margin-right: calc(100vw / (var(--vwIdth) / 30));
  white-space: nowrap;
  font-size: .875rem
}

@media screen and (max-width: 1024px) {
  .filter-top__select {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (max-width: 600px) {
  .filter-top__select {
    width: calc(100% - 100px)
  }
}

.filter-top__select > span {
  margin-right: calc(100vw / (var(--vwIdth) / 10))
}

@media screen and (max-width: 600px) {
  .filter-top__select > span {
    display: none
  }
}

.filter-top__scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  overflow: auto hidden !important
}

.filter-top__scroll::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
  -ms-overflow-style: none;
  scrollbar-width: none
}

@media screen and (max-width: 1024px) {
  .filter-top__scroll {
    display: none
  }
}

.filter-top__scroll .mCustomScrollBox {
  min-width: 100%
}

.filter-top__scroll-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width: 1025px) {
  .filter-top__scroll-list li:not(:last-of-type) {
    margin-right: calc(100vw / (var(--vwIdth) / 10))
  }
}

.filter-top__scroll-list a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-width: calc(100vw / (var(--vwIdth) / 170));
  margin-bottom: 10px;
  padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10));
  margin: 0;
  font-size: .875rem;
  line-height: 100%;
  color: #241e35;
  background: #fff;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 10));
  border-radius: calc(100vw / (var(--vwIdth) / 10));
  cursor: pointer;
  border: 1px solid #e0e0e0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.filter-top__scroll-list a.active {
  border-color: #2a0e72;
  background-color: #2a0e72;
  color: #fff
}

@media screen and (hover: hover) {
  .filter-top__scroll-list a:hover {
    color: #fff;
    background-color: #2a0e72;
    border-color: #2a0e72
  }
}

@media screen and (min-width: 1921px) {
  .filter-top__scroll-list a {
    min-width: calc(100vw / (var(--vwIdth) / 170));
    font-size: calc(100vw / (var(--vwIdth) / 13));
    padding: calc(100vw / (var(--vwIdth) / 7)) calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (max-width: 1024px) {
  .filter-top__scroll-list a {
    width: 100%;
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 5px 10px 6px;
    font-size: 1rem
  }
}

@media screen and (max-width: 800px) {
  .filter-top__scroll-list a {
    padding: 10px
  }
}

@media screen and (max-width: 450px) {
  .filter-top__scroll-list a {
    padding: 5px 10px
  }
}

.filter-hash {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: calc(100vw / (var(--vwIdth) / 20)) 0 calc(100vw / (var(--vwIdth) / 10))
}

@media screen and (max-width: 800px) {
  .filter-hash {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.filter-hash__item {
  position: relative;
  display: inline-block;
  padding: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10));
  border: 1px solid #c4d0d7;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
  border-radius: calc(100vw / (var(--vwIdth) / 3));
  -webkit-transition: -webkit-box-shadow .3s ease-in-out;
  transition: -webkit-box-shadow .3s ease-in-out;
  -o-transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out;
  transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
  font-size: .875rem;
  color: #241e35;
  cursor: pointer
}

@media screen and (min-width: 1921px) {
  .filter-hash__item {
    font-size: calc(100vw / (var(--vwIdth) / 14))
  }
}

@media screen and (max-width: 800px) {
  .filter-hash__item {
    white-space: nowrap
  }
}

.filter-hash__item:not(:last-child) {
  margin: 0 0 calc(100vw / (var(--vwIdth) / 10)) 0
}

@media screen and (max-width: 800px) {
  .filter-hash__item:not(:last-child) {
    margin-right: calc(100vw / (var(--vwIdth) / 10))
  }
}

.filter-hash__item:not(:first-child) {
  margin: 0 0 calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 10))
}

@media screen and (max-width: 800px) {
  .filter-hash__item:not(:first-child) {
    margin-left: 0;
    margin-right: calc(100vw / (var(--vwIdth) / 10))
  }
}

.filter-hash__item._clear {
  margin-left: calc(100vw / (var(--vwIdth) / 10));
  background-color: #d0dce2
}

@media screen and (max-width: 800px) {
  .filter-hash__item._clear {
    margin-top: calc(100vw / (var(--vwIdth) / 10));
    margin-left: auto
  }
}

.filter-hash__item span {
  line-height: 100%
}

@media screen and (hover: hover) {
  .filter-hash__item:hover {
    -webkit-box-shadow: 0px 2px 4px rgba(192, 212, 223, 0.5);
    box-shadow: 0px 2px 4px rgba(192, 212, 223, 0.5)
  }

  .filter-hash__item:hover .filter-hash__delete {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
  }
}

.filter-hash__delete {
  position: absolute;
  top: 50%;
  right: calc(100vw / (var(--vwIdth) / 10));
  width: calc(100vw / (var(--vwIdth) / 10));
  height: calc(100vw / (var(--vwIdth) / 10));
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.filter-hash__delete::before, .filter-hash__delete::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #2a0e72
}

.filter-hash__delete::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.filter-hash__delete::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

@media screen and (max-width: 800px) {
  .filter-hash__list {
    width: 100%
  }
}

.main-screen {
  width: 100%;
  height: calc(100vh - var(--headerHeight));
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .main-screen {
    height: auto;
    padding-top: 56%
  }
}

@media screen and (max-width: 600px) {
  .main-screen {
    padding-top: 0
  }
}

.main-screen__wrap {
  position: relative;
  padding-top: var(--headerHeight)
}

@media screen and (max-width: 1024px) {
  .main-screen__wrap {
    padding-top: 0
  }
}

.main-screen__wrap::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  z-index: 1;
  left: 0;
  top: 0
}

.main-screen__wrap.blur::after {
  opacity: 1;
  visibility: visible
}

.main-screen__list {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  z-index: 1
}

@media screen and (max-width: 600px) {
  .main-screen__list {
    display: none
  }
}

.main-screen__list-item {
  position: relative;
  width: 50%;
  padding: 4%
}

@media screen and (max-width: 800px) {
  .main-screen__list-item {
    padding: 2%
  }
}

@media screen and (max-width: 450px) {
  .main-screen__list-item {
    width: 100%
  }
}

.main-screen__list-item:nth-child(3n+2) {
  background: rgba(0, 11, 27, 0.35)
}

@media screen and (max-width: 800px) {
  .main-screen__list-item:nth-child(3n+2) {
    background: none
  }
}

.main-screen__list-item:nth-child(3n+3) {
  background: rgba(0, 11, 27, 0.35)
}

@media screen and (max-width: 800px) {
  .main-screen__list-item:nth-child(3n+3) {
    background: none
  }
}

.main-screen__list-item::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background: -webkit-gradient(linear, left top, left bottom, from(#2a0e72), to(#0089d2));
  background: -webkit-linear-gradient(top, #2a0e72 0%, #0089d2 100%);
  background: -o-linear-gradient(top, #2a0e72 0%, #0089d2 100%);
  background: linear-gradient(180deg, #2a0e72 0%, #0089d2 100%);
  opacity: 0;
  visibility: hidden
}

@media screen and (hover: hover) and (min-width: 1025px) {
  .main-screen__list-item:hover .main-screen__list-adress, .main-screen__list-item:hover .main-screen__list-time {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
}

@media screen and (hover: hover) {
  .main-screen__list-item:hover::after {
    height: 100%;
    visibility: visible;
    opacity: 0.3
  }
}

.main-screen__list-adress {
  position: relative;
  padding-bottom: 2%;
  font-style: normal;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 160%;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (max-width: 1440px) {
  .main-screen__list-adress {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 1152px) {
  .main-screen__list-adress {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 800px) {
  .main-screen__list-adress {
    font-size: 1rem
  }
}

.main-screen__list-time {
  position: relative;
  margin-top: 2%;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5625rem;
  line-height: 160%;
  letter-spacing: 0.015em;
  color: rgba(255, 255, 255, 0.8);
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (max-width: 1440px) {
  .main-screen__list-time {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 1152px) {
  .main-screen__list-time {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 800px) {
  .main-screen__list-time {
    font-size: 1rem
  }
}

.main-screen__button {
  display: none
}

.main-screen__button .button {
  background-color: #2f9dd8
}

.main-screen__button .button::before, .main-screen__button .button::after {
  border-color: #2f9dd8
}

.main-screen__button .button span {
  color: #fff
}

@media screen and (max-width: 600px) {
  .main-screen__button {
    position: absolute;
    left: 15px;
    bottom: 15px;
    display: inline-block;
    z-index: 2
  }
}

.main-screen__button span {
  white-space: nowrap
}

.main-screen video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media screen and (max-width: 1024px) {
  .main-screen video {
    min-width: unset;
    min-height: unset;
    width: 100%;
    height: auto
  }
}

@media screen and (max-width: 600px) {
  .main-screen video {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

.main-instagram__tittle {
  width: 100%;
  position: relative;
  padding: 1% 1% 1% 5.5%;
  font-style: normal;
  font-weight: normal;
  font-size: 2.1875rem;
  line-height: 160%;
  color: #241e35
}

@media screen and (max-width: 1440px) {
  .main-instagram__tittle {
    font-size: 1.875rem
  }
}

@media screen and (max-width: 1024px) {
  .main-instagram__tittle {
    font-size: 1.5625rem
  }
}

@media screen and (max-width: 800px) {
  .main-instagram__tittle {
    font-size: 1.25rem;
    padding-left: 45px
  }
}

@media screen and (max-width: 600px) {
  .main-instagram__tittle {
    font-size: 1.25rem;
    padding: 10px 0 10px 45px;
    line-height: 115%;
    background: #f9fafb
  }
}

@media screen and (max-width: 450px) {
  .main-instagram__tittle {
    font-size: 1rem
  }
}

.main-instagram__tittle .icon {
  position: absolute;
  width: 2%;
  height: 35%;
  left: 2.5%;
  top: 50%;
  fill: #2a0e72;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width: 800px) {
  .main-instagram__tittle .icon {
    width: 20px;
    height: 20px
  }
}

@media screen and (max-width: 600px) {
  .main-instagram__tittle .icon {
    top: 50%
  }
}

.main-instagram__tittle span {
  font-style: normal;
  font-weight: normal;
  font-size: 2.1875rem;
  line-height: 160%;
  color: #241e35
}

@media screen and (max-width: 1440px) {
  .main-instagram__tittle span {
    font-size: 1.875rem
  }
}

@media screen and (max-width: 1440px) {
  .main-instagram__tittle span {
    font-size: 1.5625rem
  }
}

@media screen and (max-width: 1440px) {
  .main-instagram__tittle span {
    font-size: 1.25rem
  }
}

@media screen and (max-width: 600px) {
  .main-instagram__tittle span {
    display: none
  }
}

.main-instagram__tittle span::after {
  background: #241e35
}

@media screen and (hover: hover) {
  .main-instagram__tittle:hover {
    color: #2a0e72
  }

  .main-instagram__tittle:hover span {
    color: #2a0e72
  }

  .main-instagram__tittle:hover span::after {
    background: #2a0e72
  }
}

.main-instagram__slider {
  width: 100%;
  position: relative
}

.main-instagram__slider:not(.slick-slider) .main-instagram__slide {
  padding-top: 25%
}

.main-instagram__slider.slick-slider .main-instagram__slide {
  padding-top: 100%
}

.main-instagram__slider .slider__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  .main-instagram__slider .slider__nav {
    bottom: 25px;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1
  }
}

.main-instagram__slider .slider__nav-next {
  right: 125px
}

@media screen and (max-width: 1024px) {
  .main-instagram__slider .slider__nav-next {
    right: 25px
  }
}

.main-instagram__slider .slider__nav-prev {
  left: 125px
}

@media screen and (max-width: 1024px) {
  .main-instagram__slider .slider__nav-prev {
    left: 25px
  }
}

.main-instagram__slider .slider__nav-prev .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media screen and (hover: hover) {
  .main-instagram__slider:hover .slider__nav {
    opacity: 1;
    visibility: visible
  }

  .main-instagram__slider:hover .slider__nav-next {
    right: 25px
  }

  .main-instagram__slider:hover .slider__nav-prev {
    left: 25px
  }
}

.main-instagram__slide {
  display: block !important;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover
}

@media screen and (hover: hover) {
  .main-instagram__slide:hover .main-instagram__info-item {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
  }

  .main-instagram__slide:hover::after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0.4;
    visibility: visible
  }
}

.main-instagram__slide::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#2a0e72), to(#0089d2));
  background: -webkit-linear-gradient(top, #2a0e72 0%, #0089d2 100%);
  background: -o-linear-gradient(top, #2a0e72 0%, #0089d2 100%);
  background: linear-gradient(180deg, #2a0e72 0%, #0089d2 100%);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  z-index: 1
}

.main-instagram__slide-wrap {
  width: 25%;
  display: block !important
}

.main-instagram__info {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2
}

.main-instagram__info-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 40px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  .main-instagram__info-item {
    opacity: 1;
    visibility: visible
  }
}

@media screen and (max-width: 1024px) {
  .main-instagram__info-item {
    padding-left: 30px
  }
}

.main-instagram__info-item:first-of-type {
  margin-right: 25%;
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%)
}

@media screen and (max-width: 1024px) {
  .main-instagram__info-item:first-of-type {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

@media screen and (max-width: 800px) {
  .main-instagram__info-item:first-of-type {
    margin-right: 5%
  }
}

.main-instagram__info-item:first-of-type .icon {
  fill: #eb171a
}

.main-instagram__info-item:last-of-type {
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%)
}

@media screen and (max-width: 1024px) {
  .main-instagram__info-item:last-of-type {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.main-instagram__info-item:last-of-type .icon {
  fill: #1ee1a7
}

.main-instagram__info-icon {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  margin-right: 22%
}

.main-instagram__info-icon .icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.main-instagram__info-count {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 1.25rem;
  font-size: 20px;
  line-height: 160%;
  color: #fff
}

@media screen and (max-width: 800px) {
  .main-instagram__info-count {
    font-size: 1rem
  }
}

.main-map {
  position: relative;
  width: 100%;
  padding-top: 47%;
  overflow: hidden
}

@media screen and (max-width: 600px) {
  .main-map {
    min-height: 350px
  }
}

.main-map__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.text-page {
  font-size: 1rem;
  line-height: 125%;
  letter-spacing: 0.015em;
  color: #241e35;
  padding-left: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 800px) {
  .text-page {
    font-size: .875rem
  }
}

.text-page__map {
  position: relative;
  width: 100%;
  padding-top: 47%;
  margin-bottom: 2%
}

@media screen and (max-width: 800px) {
  .text-page__map {
    min-height: calc(100vw / (var(--vwIdth) / 300));
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.text-page__map-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.text-page__map-container .ymaps-2-1-77-ground-pane {
  -webkit-filter: grayscale(1);
  filter: grayscale(1)
}

.text-page__gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 -1% -2%;
  position: relative
}

@media screen and (max-width: 800px) {
  .text-page__gallery {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.text-page__gallery-item {
  width: 33.33%;
  padding: 0 1% 2%
}

.text-page__gallery-item img {
  margin: 0 auto
}

.text-page__gallery .slider__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  .text-page__gallery .slider__nav {
    visibility: visible;
    opacity: 1
  }
}

.text-page__gallery .slider__nav-next {
  right: 55px
}

@media screen and (max-width: 1024px) {
  .text-page__gallery .slider__nav-next {
    right: 25px
  }
}

.text-page__gallery .slider__nav-prev {
  left: 55px
}

@media screen and (max-width: 1024px) {
  .text-page__gallery .slider__nav-prev {
    left: 25px
  }
}

.text-page__gallery .slider__nav-prev .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media screen and (hover: hover) {
  .text-page__gallery:hover .slider__nav {
    opacity: 1;
    visibility: visible
  }

  .text-page__gallery:hover .slider__nav-next {
    right: 25px
  }

  .text-page__gallery:hover .slider__nav-prev {
    left: 25px
  }
}

.text-page__gallery .slick-list, .text-page__gallery .slick-track {
  width: 100%
}

.text-page .table {
  overflow: auto hidden
}

.text-page img {
  width: 100%
}

.text-page hr {
  margin-bottom: calc(100vw / (var(--vwIdth) / 30));
  border: none;
  color: #e3e8ed;
  background-color: #e3e8ed;
  height: 1px
}

.text-page p, .text-page span {
  font-size: 1rem;
  line-height: 125%;
  letter-spacing: 0.015em
}

@media screen and (max-width: 800px) {
  .text-page p, .text-page span {
    font-size: .875rem
  }
}

.text-page p a, .text-page span a {
  color: #1792d4;
  text-decoration: underline
}

@media screen and (hover: hover) {
  .text-page p a:hover, .text-page span a:hover {
    text-decoration: none
  }
}

.text-page p:not(:last-child) {
  margin-bottom: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 600px) {
  .text-page p:not(:last-child) {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

@media screen and (max-width: 600px) {
  .text-page h1:not(:last-child), .text-page .h1:not(:last-child), .text-page h2:not(:last-child), .text-page .h2:not(:last-child), .text-page h3:not(:last-child), .text-page .h3:not(:last-child), .text-page h4:not(:last-child), .text-page .h4:not(:last-child), .text-page h5:not(:last-child), .text-page .h5:not(:last-child), .text-page h6:not(:last-child), .text-page .h6:not(:last-child) {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.text-page li {
  position: relative;
  margin: calc(100vw / (var(--vwIdth) / 10)) 0;
  font-size: 1rem;
  line-height: 125%;
  padding-left: calc(100vw / (var(--vwIdth) / 25))
}

@media screen and (max-width: 800px) {
  .text-page li {
    font-size: .875rem
  }
}

.text-page li::before {
  content: '';
  width: calc(100vw / (var(--vwIdth) / 8));
  height: calc(100vw / (var(--vwIdth) / 8));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #1792d4;
  position: absolute;
  left: 0;
  top: calc(100vw / (var(--vwIdth) / 6))
}

.text-page li a {
  color: #1792d4;
  text-decoration: underline
}

.text-page ol {
  padding-left: calc(100vw / (var(--vwIdth) / 40));
  counter-reset: counter
}

.text-page ol li {
  position: relative;
  margin: calc(100vw / (var(--vwIdth) / 10)) 0;
  padding-left: calc(100vw / (var(--vwIdth) / 0));
  font-size: 1rem;
  line-height: 125%
}

@media screen and (max-width: 800px) {
  .text-page ol li {
    font-size: .875rem
  }
}

.text-page ol li::before {
  content: counter(counter) " ";
  counter-increment: counter;
  width: calc(100vw / (var(--vwIdth) / 26));
  height: calc(100vw / (var(--vwIdth) / 26));
  position: absolute;
  left: calc(100vw / (var(--vwIdth) / -40));
  top: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #e3e8ed;
  font-weight: bold;
  color: #1792d4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.text-page ol li a {
  color: #1792d4;
  text-decoration: underline
}

.page-404__img {
  width: 41%;
  margin: 0 auto calc(100vw / (var(--vwIdth) / 46))
}

@media screen and (max-width: 800px) {
  .page-404__img {
    width: 80%
  }
}

.page-404__img img {
  display: block;
  width: 100%
}

.page-404__text {
  width: 36%;
  line-height: 160%;
  text-align: center;
  font-size: 1rem;
  letter-spacing: 0.015em;
  color: #292929;
  margin: 0 auto calc(100vw / (var(--vwIdth) / 40))
}

@media screen and (max-width: 800px) {
  .page-404__text {
    width: 80%
  }
}

.page-404__link {
  margin: 0 auto calc(100vw / (var(--vwIdth) / 70));
  text-align: center
}

.page-404__title {
  margin: 0 0 calc(100vw / (var(--vwIdth) / 35));
  font-weight: 600;
  font-size: 2.1875rem;
  line-height: 115%;
  color: #292929
}

@media screen and (max-width: 1440px) {
  .page-404__title {
    font-size: 1.875rem
  }
}

@media screen and (max-width: 800px) {
  .page-404__title {
    font-size: 1.5rem
  }
}

.page-404__slider > .slick-list {
  padding: calc(100vw / (var(--vwIdth) / 15)) 0
}

.page-404__slider > .slick-list > .slick-track > .slick-slide {
  padding: 0 calc(100vw / (var(--vwIdth) / 15))
}

.page-404__slider .catalog__item {
  margin: 0 !important
}

.news-filter .filter-top {
  padding: calc(100vw / (var(--vwIdth) / 12)) calc(100vw / (var(--vwIdth) / 19))
}

@media screen and (max-width: 1024px) {
  .news-filter .filter-top {
    background-color: #fff
  }
}

@media screen and (max-width: 1024px) {
  .news-filter .filter-top__form {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.news-filter .filter-top__btn {
  display: none
}

@media screen and (max-width: 1024px) {
  .news-filter .filter-top__scroll {
    display: block
  }
}

.news-filter .filter-top__scroll-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width: 1024px) {
  .news-filter .filter-top__scroll-list li {
    margin-right: calc(100vw / (var(--vwIdth) / 10))
  }
}

.news-filter .filter-top__scroll-list a {
  padding: calc(100vw / (var(--vwIdth) / 8)) calc(100vw / (var(--vwIdth) / 12));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem
}

@media screen and (max-width: 1024px) {
  .news-filter .filter-top__scroll-list a {
    padding: calc(100vw / (var(--vwIdth) / 10))
  }
}

@media screen and (max-width: 1024px) {
  .news-filter .filter-top__select {
    width: 100%;
    margin-bottom: calc(100vw / (var(--vwIdth) / 10));
    white-space: normal
  }
}

.news-filter .filter-top__select > span {
  margin: 0
}

.news-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
  padding: 15px 0
}

.news-list__item {
  width: calc(20% - ((15px / 5) * 4));
  background-color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s
}

.news-list__item:hover {
  -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05)
}

@media screen and (max-width: 1440px) {
  .news-list__item {
    width: calc(25% - ((15px / 5) * 4))
  }
}

@media screen and (max-width: 1024px) {
  .news-list__item {
    width: calc(50% - 7.5px)
  }
}

@media screen and (max-width: 600px) {
  .news-list__item {
    width: 100%
  }
}

.news-list__item-img picture {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 50%
}

.news-list__item-img picture img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.news-list__item-img picture img.loaded {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.news-list__item-content {
  padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 20)) calc(100vw / (var(--vwIdth) / 25));
  background-color: #fff
}

.news-list__item-content .date {
  margin-bottom: calc(100vw / (var(--vwIdth) / 6))
}

.news-list__item-content .date span {
  letter-spacing: 0.015em;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 300;
  padding: 0
}

.news-list__item-content .date span:nth-child(1) {
  color: #8a8a8a
}

.news-list__item-content .date span:nth-child(2) {
  color: #000
}

.news-list__item-content .name {
  font-weight: 500;
  color: #2a0e72;
  font-size: 1.25rem;
  line-height: 120%
}

@media screen and (max-width: 600px) {
  .news-list__item-content .name {
    font-size: 1.125rem
  }
}

.reviews {
  background: #fff;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 10));
  border-radius: calc(100vw / (var(--vwIdth) / 10));
  overflow: hidden
}

.reviews-row {
  padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 20));
  border-bottom: 1px solid #f0f7fb
}

.reviews-title {
  margin-bottom: calc(100vw / (var(--vwIdth) / 10));
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 120%;
  color: #2a0e72;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.reviews-title .icon {
  width: calc(100vw / (var(--vwIdth) / 61));
  height: calc(100vw / (var(--vwIdth) / 20));
  fill: #2a0e72
}

.reviews-data__stars .stars {
  vertical-align: bottom;
  width: calc(100vw / (var(--vwIdth) / 125));
  height: calc(100vw / (var(--vwIdth) / 20));
  -webkit-background-size: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 20));
  background-size: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 20))
}

.reviews-data__stars .stars-progress {
  -webkit-background-size: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 20));
  background-size: calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 20))
}

.reviews-data__grade {
  margin: 0 calc(100vw / (var(--vwIdth) / 5));
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 110%;
  color: #241e35
}

.reviews-data__count {
  font-size: .75rem;
  line-height: 120%;
  color: #1792d4
}

.reviews-item__img {
  float: left;
  margin-right: calc(100vw / (var(--vwIdth) / 10));
  width: calc(100vw / (var(--vwIdth) / 40));
  height: calc(100vw / (var(--vwIdth) / 40));
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden
}

.reviews-item__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.reviews-item__name {
  font-size: .875rem;
  font-weight: 500;
  line-height: 160%;
  color: #241e35
}

.reviews-item__stars .stars {
  width: calc(100vw / (var(--vwIdth) / 95));
  height: calc(100vw / (var(--vwIdth) / 15));
  -webkit-background-size: calc(100vw / (var(--vwIdth) / 19)) calc(100vw / (var(--vwIdth) / 15));
  background-size: calc(100vw / (var(--vwIdth) / 19)) calc(100vw / (var(--vwIdth) / 15))
}

.reviews-item__stars .stars-progress {
  -webkit-background-size: calc(100vw / (var(--vwIdth) / 19)) calc(100vw / (var(--vwIdth) / 15));
  background-size: calc(100vw / (var(--vwIdth) / 19)) calc(100vw / (var(--vwIdth) / 15))
}

.reviews-item__text {
  margin-top: calc(100vw / (var(--vwIdth) / 15));
  font-size: .875rem;
  line-height: 160%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.reviews-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem;
  line-height: 140%;
  color: #373f4a;
  background-color: #f0f7fb
}

.reviews-link .icon {
  width: calc(100vw / (var(--vwIdth) / 10));
  height: calc(100vw / (var(--vwIdth) / 10));
  fill: #373f4a;
  -webkit-transition: fill .3s ease-in-out;
  -o-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out
}

@media screen and (hover: hover) {
  .reviews-link:hover {
    background-color: #1792d4;
    color: #fff
  }

  .reviews-link:hover .icon {
    fill: #fff
  }
}

.stars {
  background-image: url(/local/templates/palas/css/optimization/../img/shops/star-bg.svg);
  background-repeat: repeat-x
}

.stars-progress {
  background-image: url(/local/templates/palas/css/optimization/../img/shops/star-main.svg);
  height: 100%;
  background-repeat: repeat-x
}

.shops__gallery {
  width: 100%;
  max-height: 100%;
  overflow: auto;
  background: #fff
}

.shops__gallery-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  height: 100%;
  height: 100%
}

.shops__gallery-container .mCSB_vertical .mCSB_container {
  margin-right: 0
}

.shops__gallery-container.active {
  opacity: 1;
  visibility: visible;
  z-index: 1
}

.shops__gallery-item {
  width: 100%;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover
}

.shops__gallery-item:not(:last-of-type) {
  margin-bottom: 2%
}

.shops__map {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  width: 100%;
  height: calc(100vh - (var(--headerHeight) + 30px + 30px + 40px));
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden
}

@media screen and (max-width: 600px) {
  .shops__map {
    min-height: 350px;
    margin-bottom: 15px
  }
}

.shops__map-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.shops__item {
  background: #fff;
  -webkit-box-shadow: 0px 10px 15px rgba(14, 40, 51, 0.18), inset 0px 1px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 10px 15px rgba(14, 40, 51, 0.18), inset 0px 1px 4px rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1)
}

.shops__item-desc {
  font-style: normal;
  font-size: 1rem;
  line-height: 160%;
  letter-spacing: 0.015em;
  color: #241e35
}

.shops__item-desc p {
  margin-bottom: 15px
}

.shops__item-face {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  z-index: 2
}

.shops__item-link {
  width: 50%;
  padding-top: 27%;
  position: relative;
  overflow: hidden
}

@media screen and (max-width: 600px) {
  .shops__item-link {
    width: 100%;
    padding-top: 54%
  }
}

.shops__item-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#2a0e72), to(#0089d2));
  background: -webkit-linear-gradient(top, #2a0e72 0%, #0089d2 100%);
  background: -o-linear-gradient(top, #2a0e72 0%, #0089d2 100%);
  background: linear-gradient(180deg, #2a0e72 0%, #0089d2 100%);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

@media screen and (hover: hover) {
  .shops__item-link:hover::after {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0.4;
    visibility: visible
  }

  .shops__item-link:hover .shops__item-img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
  }
}

.shops__item-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.shops__item-info {
  width: 50%;
  padding: 15px
}

@media screen and (max-width: 600px) {
  .shops__item-info {
    width: 100%
  }
}

.shops__item-info > a {
  width: 100%
}

@media screen and (hover: hover) {
  .shops__item-info > a:hover * {
    color: #2a0e72
  }
}

.shops__item-info .text--black {
  position: relative;
  padding-left: 25px
}

.shops__item-info .text--black .icon {
  position: absolute;
  left: 0;
  top: 8px;
  width: 13px;
  height: 13px;
  fill: #2a0e72
}

.shops__item-info .shops__item-tittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.shops__item-info .shops__item-tittle .stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.shops__item-info .reviews-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.shops__item-info .reviews-data img {
  margin-right: calc(100vw / (var(--vwIdth) / 5))
}

.shops__item-info .reviews-data__grade {
  font-size: .875rem
}

.shops__item-info .reviews-data__count {
  display: block;
  text-align: right;
  font-size: .75rem
}

.shops__item-info .reviews-data .stars {
  vertical-align: middle;
  width: calc(100vw / (var(--vwIdth) / 95));
  height: calc(100vw / (var(--vwIdth) / 15));
  -webkit-background-size: calc(100vw / (var(--vwIdth) / 19)) calc(100vw / (var(--vwIdth) / 15));
  background-size: calc(100vw / (var(--vwIdth) / 19)) calc(100vw / (var(--vwIdth) / 15))
}

.shops__item-info .reviews-data .stars-progress {
  -webkit-background-size: calc(100vw / (var(--vwIdth) / 19)) calc(100vw / (var(--vwIdth) / 15));
  background-size: calc(100vw / (var(--vwIdth) / 19)) calc(100vw / (var(--vwIdth) / 15))
}

.shops__item-tittle {
  font-style: normal;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 115%;
  color: #2a0e72;
  margin-bottom: 15px
}

@media screen and (max-width: 1024px) {
  .shops__item-tittle {
    font-size: 1.625rem;
    margin-bottom: 0
  }
}

@media screen and (max-width: 600px) {
  .shops__item-tittle {
    text-decoration: underline
  }
}

.shops__item-tittle--underline {
  padding-bottom: 15px;
  border-bottom: 1px solid #eee
}

.shops__item-review {
  margin-left: auto
}

.shops__item-reviews {
  width: 34%
}

@media screen and (max-width: 1152px) {
  .shops__item-reviews {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

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

@media screen and (max-width: 1152px) {
  .shops__item-content {
    margin-bottom: calc(100vw / (var(--vwIdth) / 25))
  }
}

.shops__item-desc-wrap {
  width: 64%
}

@media screen and (max-width: 1152px) {
  .shops__item-desc-wrap {
    width: 100%
  }
}

.shops__item-row {
  width: 100%
}

.shops__item-row:last-of-type {
  position: relative;
  margin-top: 15px;
  padding-top: 15px
}

@media screen and (max-width: 1024px) {
  .shops__item-row:last-of-type {
    padding-top: 10px;
    margin: 10px 0 10px
  }
}

.shops__item-row:last-of-type::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 75%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1)
}

.shops__item-row .link-underline {
  display: none;
  margin: 15px 0;
  color: #2a0e72
}

@media screen and (max-width: 1024px) {
  .shops__item-row .link-underline {
    display: inline-block
  }
}

.shops__item-row .link-underline::after {
  background: #2a0e72
}

.shops__item .telephone {
  display: inline-block
}

@media screen and (max-width: 1024px) {
  .shops__item .telephone {
    font-size: 1rem;
    color: #241e35;
    font-weight: normal
  }
}

.shops__item .telephone:not(:last-of-type) {
  margin-right: 2.5%
}

@media screen and (hover: hover) {
  .shops__item .telephone:hover {
    color: #2a0e72
  }
}

@media screen and (max-width: 1024px) {
  .shops__item .text--black:not(:last-of-type) {
    margin-right: 5px
  }
}

.shops__item::before {
  position: relative;
  z-index: 1
}

.shops__slider {
  width: 100%;
  position: relative
}

@media screen and (min-width: 1025px) {
  .shops__slider .shops__slide {
    height: calc(100vh - (var(--headerHeight) + 210px));
    padding-bottom: 0
  }
}

@media screen and (min-width: 1681px) {
  .shops__slider .shops__slide {
    height: calc(100vh - (var(--headerHeight) + 11vw))
  }
}

.shops__slider .slider__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0;
  visibility: hidden
}

@media screen and (max-width: 1024px) {
  .shops__slider .slider__nav {
    visibility: visible;
    opacity: 1;
    background: #fff
  }
}

.shops__slider .slider__nav-next {
  right: 55px
}

@media screen and (max-width: 1024px) {
  .shops__slider .slider__nav-next {
    right: 25px
  }
}

.shops__slider .slider__nav-prev {
  left: 55px
}

@media screen and (max-width: 1024px) {
  .shops__slider .slider__nav-prev {
    left: 25px
  }
}

.shops__slider .slider__nav-prev .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.shops__slider__nav {
  width: calc(100% + 10px);
  left: -5px
}

.shops__slider__nav .slider__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s
}

.shops__slider__nav .slider__nav.slider__nav-prev {
  right: 0
}

.shops__slider__nav .slider__nav.slider__nav-next {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}

.shops__slider__nav:hover .slider__nav {
  opacity: 1
}

.shops__slider__nav:hover .slider__nav-prev {
  right: 25px
}

.shops__slider__nav:hover .slider__nav-next {
  left: 25px
}

.shops__slider__nav .slick-current {
  opacity: 0.8
}

.shops__slider__nav .shops__slide-wrap {
  padding: 5px
}

@media screen and (hover: hover) {
  .shops__slider:hover .slider__nav {
    opacity: 0.5;
    visibility: visible
  }

  .shops__slider:hover .slider__nav-next {
    right: 25px
  }

  .shops__slider:hover .slider__nav-prev {
    left: 25px
  }
}

.shops__slide {
  width: 100%;
  padding-bottom: 85%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer
}

.shops__map-detail {
  position: relative;
  width: 100%;
  margin: 0 0 4%;
  padding-top: 41%
}

@media screen and (max-width: 800px) {
  .shops__map-detail {
    min-height: 350px
  }
}

@media screen and (max-width: 600px) {
  .shops__map-detail {
    width: 100%;
    margin: 0 0 15px
  }
}

.shops__map-detail-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.shops__button {
  padding: calc(100vw / (var(--vwIdth) / 15)) 0;
  text-align: center
}

@media screen and (max-width: 1152px) {
  .shops__button {
    padding-top: 0
  }
}

.shops__button button {
  width: 100%
}

.route {
  padding-top: 50px
}

@media screen and (max-width: 600px) {
  .route {
    padding-top: 40px
  }
}

.route__map {
  width: 100%;
  padding-top: 50%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  position: relative
}

@media screen and (max-width: 600px) {
  .route__map {
    padding-top: 100%
  }
}

.route__map-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.route__text {
  padding: 15px
}

.route__text > .text {
  font-size: 1.25rem
}

.services {
  padding-top: calc(100vw / (var(--vwIdth) / 20));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: calc(100vw / (var(--vwIdth) / -45))
}

@media screen and (max-width: 600px) {
  .services {
    margin-right: 0
  }
}

.services__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 calc(100vw / (var(--vwIdth) / 45)) calc(100vw / (var(--vwIdth) / 25)) 0;
  letter-spacing: 0.015em;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  color: #241e35;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.services__item span {
  margin-left: calc(100vw / (var(--vwIdth) / 20))
}

.services__item img {
  display: block;
  width: calc(100vw / (var(--vwIdth) / 35))
}

@media screen and (hover: hover) {
  .services__item:hover {
    color: #2a0e72;
    text-decoration: none
  }
}

.services li {
  width: 33.33%
}

@media screen and (max-width: 1440px) {
  .services li {
    width: 50%
  }
}

@media screen and (max-width: 1024px) {
  .services li {
    width: 100%
  }
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: calc(100vw / (var(--vwIdth) / 15));
  margin-right: calc(100vw / (var(--vwIdth) / -15))
}

.form__item {
  width: 33.33%;
  padding-right: calc(100vw / (var(--vwIdth) / 15));
  margin-bottom: calc(100vw / (var(--vwIdth) / 20))
}

@media screen and (max-width: 800px) {
  .form__item {
    width: 50%
  }
}

@media screen and (max-width: 450px) {
  .form__item {
    width: 100%;
    margin-bottom: 5%
  }
}

.form__item.error input[type='text'], .form__item.error input[type='tel'], .form__item.error input[type='email'], .form__item.error textarea, .form__item.error-online input[type='text'], .form__item.error-online input[type='tel'], .form__item.error-online input[type='email'], .form__item.error-online textarea {
  border-color: #d12d2f
}

.form__item.error .agreement, .form__item.error-online .agreement {
  color: #d12d2f
}

.form__item.error .checkbox-blue__marker, .form__item.error-online .checkbox-blue__marker {
  border-color: #d12d2f
}

.form label {
  display: block;
  position: relative
}

.form label span {
  position: absolute;
  left: 5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 1%;
  background: #fff;
  z-index: 1;
  font-size: 1rem;
  line-height: 115%;
  color: #241e35
}

@media screen and (max-width: 1152px) {
  .form label span {
    font-size: .75rem
  }
}

.form input[type='text'], .form input[type='tel'], .form input[type='email'], .form textarea {
  display: inline-block;
  width: 100%;
  padding: 4% 4.5%;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5));
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

.form textarea {
  min-height: 100%;
  resize: none
}

.form::-webkit-input-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.form:-moz-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.form::-moz-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.form:-ms-input-placeholder {
  font-style: normal;
  font-weight: 300;
  font-size: .875rem;
  line-height: 115%;
  color: #241e35
}

.form .agreement {
  display: block;
  cursor: pointer;
  margin-bottom: 7.5%;
  padding: 4.5% 2% 4.5% 12.5%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: 300;
  font-size: .8125rem;
  line-height: 108%;
  color: #696969;
  background: #fbfbfb;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (max-width: 1152px) {
  .form .agreement {
    padding-left: 15%
  }
}

.form .agreement .button.button--white {
  position: absolute;
  padding: 0;
  left: 5%;
  width: calc(100vw / (var(--vwIdth) / 16));
  height: calc(100vw / (var(--vwIdth) / 16));
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.form .agreement .button.button--white .jq-checkbox {
  margin: 0
}

.form .agreement .button.button--white::after {
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.form .agreement .button.button--white.active::after {
  background-image: url(/local/templates/palas/css/optimization/../../img/svg/tick.svg)
}

.form .agreement .styler {
  opacity: 0;
  visibility: hidden
}

.form button {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 160%;
  letter-spacing: 0.015em
}

@media screen and (max-width: 800px) {
  .form button {
    width: 100%
  }
}

.basket {
  background: #f9f9f9;
  height: 100%
}

@media screen and (max-width: 1024px) {
  .basket {
    height: auto
  }
}

.basket__wrap {
  width: 75%;
  max-width: calc(100vw / (var(--vwIdth) / 1300));
  height: 100%;
  position: fixed;
  right: -100%;
  top: 0;
  -webkit-box-shadow: -4px 4px 25px rgba(7, 15, 29, 0.2);
  box-shadow: -4px 4px 25px rgba(7, 15, 29, 0.2);
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 8
}

@media screen and (max-width: 1024px) {
  .basket__wrap {
    width: 100%;
    padding-left: calc(100vw / (var(--vwIdth) / 45));
    height: 100%;
    overflow: auto
  }
}

@media screen and (max-width: 450px) {
  .basket__wrap {
    width: 100%
  }
}

.basket__wrap.active {
  right: 0%
}

@media screen and (max-width: 1024px) {
  .basket__wrap.active .lc-tittle .button-close {
    position: fixed
  }
}

.basket__top {
  padding: calc(100vw / (var(--vwIdth) / 15));
  background: #fff
}

.basket__bottom {
  background: #f9f9f9;
  padding: 0 2.75%
}

.basket__item {
  width: calc(100% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #fbfbfb;
  margin-bottom: calc(100vw / (var(--vwIdth) / 30))
}

@media screen and (max-width: 450px) {
  .basket__item {
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.basket__item-img {
  min-width: 20%;
  padding-top: 20%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5))
}

@media screen and (max-width: 1152px) {
  .basket__item-img {
    min-width: 30%;
    padding-top: 30%
  }
}

@media screen and (max-width: 450px) {
  .basket__item-img {
    margin: calc(100vw / (var(--vwIdth) / 15)) auto 0;
    min-width: 75%;
    padding-top: 75%
  }
}

.basket__item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  padding: 2% 8.5% 2% 3.25%;
  display: flex
}

@media screen and (max-width: 1440px) {
  .basket__item-info {
    padding-right: 6%
  }
}

@media screen and (max-width: 1152px) {
  .basket__item-info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media screen and (max-width: 450px) {
  .basket__item-info {
    position: static;
    padding: 7%
  }
}

.basket__item-info .button-close {
  position: absolute;
  right: calc(100vw / (var(--vwIdth) / 30));
  height: calc(100vw / (var(--vwIdth) / 30))
}

@media screen and (max-width: 1152px) {
  .basket__item-info .button-close {
    top: calc(100vw / (var(--vwIdth) / 30))
  }
}

@media screen and (max-width: 800px) {
  .basket__item-info .button-close {
    width: calc(100vw / (var(--vwIdth) / 20));
    height: calc(100vw / (var(--vwIdth) / 20))
  }
}

@media screen and (max-width: 800px) {
  .basket__item-info .button-close {
    top: calc(100vw / (var(--vwIdth) / 15))
  }
}

.basket__item-tittle {
  font-style: normal;
  font-weight: 600;
  font-size: 1.5625rem;
  line-height: 115%;
  color: #241e35;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (max-width: 1024px) {
  .basket__item-tittle {
    font-size: 1.25rem
  }
}

.basket__item-desc {
  width: 42%
}

@media screen and (max-width: 1440px) {
  .basket__item-desc {
    width: 45%
  }
}

@media screen and (max-width: 1152px) {
  .basket__item-desc {
    width: 100%;
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.basket__item-amount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eee;
  padding-bottom: calc(100vw / (var(--vwIdth) / 20));
  margin-bottom: calc(100vw / (var(--vwIdth) / 20))
}

.basket__item-amount .text--gray {
  margin-right: calc(100vw / (var(--vwIdth) / 5))
}

.basket__item-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.basket__item-price .text {
  margin-right: calc(100vw / (var(--vwIdth) / 5))
}

.basket__item-price .price__main {
  font-size: 2.5rem
}

.basket__item-price .price__discount {
  text-align: left
}

.basket__item-order {
  width: 51%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3.5% 4%;
  background: #fff;
  -webkit-border-radius: calc(100vw / (var(--vwIdth) / 5));
  border-radius: calc(100vw / (var(--vwIdth) / 5))
}

@media screen and (max-width: 1152px) {
  .basket__item-order {
    width: 100%
  }
}

.basket__item-order-col {
  width: 45.5%
}

@media screen and (max-width: 600px) {
  .basket__item-order-col {
    width: 75%
  }
}

@media screen and (max-width: 600px) {
  .basket__item-order-col:not(:last-of-type) {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15))
  }
}

.basket__item-order-col .text {
  margin-bottom: calc(100vw / (var(--vwIdth) / 15))
}

.basket__item-order .price-total__main {
  font-size: 3.75rem
}

@media screen and (max-width: 1440px) {
  .basket__item-order .price-total__main {
    font-size: 3.125rem
  }
}

@media screen and (max-width: 1024px) {
  .basket__item-order .price-total__main {
    font-size: 2.5rem
  }
}

.basket__result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1%;
  border-bottom: 1px solid #eee
}

.basket__result-text {
  margin-right: calc(100vw / (var(--vwIdth) / 10));
  font-style: normal;
  font-weight: 300;
  font-size: 3.75rem;
  line-height: 160%
}

@media screen and (max-width: 1152px) {
  .basket__result-text {
    font-size: 3.125rem
  }
}

@media screen and (max-width: 1024px) {
  .basket__result-text {
    font-size: 2.5rem
  }
}

@media screen and (max-width: 600px) {
  .basket__result-text {
    font-size: 1.875rem
  }
}

.basket__result .price__main {
  font-size: 3.75rem
}

@media screen and (max-width: 1152px) {
  .basket__result .price__main {
    font-size: 3.125rem
  }
}

@media screen and (max-width: 1024px) {
  .basket__result .price__main {
    font-size: 2.5rem
  }
}

@media screen and (max-width: 600px) {
  .basket__result .price__main {
    font-size: 1.875rem
  }
}

.basket__result .price__coin {
  font-size: 1.25rem
}

@media screen and (max-width: 600px) {
  .basket__result .price__coin {
    font-size: 1rem
  }
}

.basket__result .price__discount {
  font-size: 1.125rem;
  text-align: left
}

@media screen and (max-width: 600px) {
  .basket__result .price__discount {
    font-size: .875rem
  }
}

.basket__social {
  padding: 2% 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.basket .lc-tittle .button-close {
  right: 0;
  left: auto
}

@media screen and (max-width: 1024px) {
  .basket .lc-tittle .button-close {
    left: calc(100vw / (var(--vwIdth) / 10));
    top: calc(100vw / (var(--vwIdth) / 30));
    right: 0
  }
}

.visited {
  padding: 0 calc(100vw / (var(--vwIdth) / 40)) 2.75% 2.75%
}

@media screen and (max-width: 1024px) {
  .visited {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: visible
  }
}

@media screen and (max-width: 600px) {
  .visited {
    padding: 0 10px
  }
}

@media screen and (max-width: 450px) {
  .visited {
    padding-bottom: 50px
  }
}

.visited #favorite-list {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2
}

.visited__wrap {
  width: 75%;
  max-width: 1300px;
  max-height: 100vh;
  overflow: auto;
  height: auto;
  position: fixed;
  right: -100%;
  top: 0%;
  -webkit-box-shadow: -4px 4px 25px rgba(7, 15, 29, 0.2);
  box-shadow: -4px 4px 25px rgba(7, 15, 29, 0.2);
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 1000;
  -webkit-transition: right .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  transition: right .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  -o-transition: box-shadow .15s, transform .15s, right .15s;
  transition: box-shadow .15s, transform .15s, right .15s;
  transition: box-shadow .15s, transform .15s, right .15s, -webkit-box-shadow .15s, -webkit-transform .15s;
  background: #f0f7fb
}

@media screen and (max-width: 1152px) {
  .visited__wrap {
    width: 100%;
    max-width: 100%;
    padding-left: 45px
  }
}

@media screen and (max-width: 1024px) {
  .visited__wrap {
    width: calc(100% - 50px);
    max-width: calc(100% - 50px);
    padding-left: 45px
  }
}

@media screen and (max-width: 1024px) {
  .visited__wrap .button-close {
    left: 10px;
    top: 2%;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }
}

@media screen and (max-width: 600px) {
  .visited__wrap .button-close {
    top: 1%
  }
}

.visited__wrap.active {
  right: 0%
}

@media screen and (max-width: 1024px) {
  .visited__wrap.active .button-close {
    position: fixed
  }
}

.visited__wrap.favorite-resize {
  max-width: 100%;
  height: 100%
}

@media screen and (min-width: 1025px) {
  .visited__wrap.favorite-resize {
    margin-left: 17px
  }
}

@media screen and (max-width: 1024px) {
  .visited__wrap.favorite-resize {
    padding-left: 0
  }
}

@media screen and (min-width: 601px) {
  .visited__wrap.favorite-resize {
    background: #f9f9f9
  }
}

@media screen and (max-width: 600px) {
  .visited__wrap.favorite-resize {
    overflow: auto
  }
}

@media screen and (min-width: 1025px) {
  .visited__wrap.favorite-resize::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none
  }
}

.visited__wrap.favorite-resize .visited {
  max-width: 100%;
  overflow: auto
}

@media screen and (min-width: 601px) {
  .visited__wrap.favorite-resize .visited {
    height: 100%;
    padding-left: 40px
  }
}

@media screen and (min-width: 1921px) {
  .visited__wrap.favorite-resize .visited {
    padding-left: calc(100vw / (var(--vwIdth) / 40))
  }
}

@media screen and (max-width: 600px) {
  .visited__wrap.favorite-resize .visited {
    height: inherit;
    margin-left: auto
  }
}

@media screen and (min-width: 1025px) {
  .visited__wrap.favorite-resize .visited::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none
  }
}

.visited__wrap.favorite-resize .visited__category-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.visited__wrap.favorite-resize .visited__category-list.item-count--2 .visited__category-item {
  width: calc(50% - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--3 .visited__category-item {
  width: calc(33.33% - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--4 .visited__category-item {
  width: calc(25% - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--5 .visited__category-item {
  width: calc(20% - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--6 .visited__category-item {
  width: calc(100% / 6 - 10px)
}

.visited__wrap.favorite-resize .visited__category-list.item-count--7 .visited__category-item {
  width: calc(100% / 7 - 10px)
}

.visited__wrap.favorite-resize .visited__category-list .ui-sortable-placeholder {
  background: #e5e5e5 !important;
  visibility: visible !important;
  opacity: 0.25
}

.visited__wrap.favorite-resize .visited .visited__category-item {
  width: 265px;
  float: left
}

.visited__wrap.favorite-resize .visited .visited__category-item:active {
  cursor: url(/local/templates/palas/css/optimization/../img/svg/hand.svg), url(/local/templates/palas/css/optimization/../img/svg/hand.png), auto !important
}

.visited__wrap.favorite-resize .visited__category {
  margin: 15px 0 0
}

@media screen and (min-width: 1921px) {
  .visited__wrap.favorite-resize .visited__category {
    margin: calc(100vw / (var(--vwIdth) / 15)) 0 0
  }
}

@media screen and (max-width: 600px) {
  .visited__wrap.favorite-resize .visited__category {
    margin: 0
  }
}

.visited__wrap.favorite-resize .ui-resizable-w {
  left: 0;
  width: 40px;
  height: 100%;
  background-color: #f0f7fb;
  background-image: url(/local/templates/palas/css/optimization/../img/svg/resize.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  background-position: center center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}

@media screen and (min-width: 1921px) {
  .visited__wrap.favorite-resize .ui-resizable-w {
    width: calc(100vw / (var(--vwIdth) / 40));
    -webkit-background-size: calc(100vw / (var(--vwIdth) / 30)) auto;
    background-size: calc(100vw / (var(--vwIdth) / 30)) auto
  }
}

@media screen and (hover: hover) {
  .visited__wrap.favorite-resize .ui-resizable-w:hover {
    background-color: #f9fafb
  }
}

.visited__category {
  margin-bottom: 1.75%;
  border-bottom: 1px solid #eee
}

.visited__category-tittle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8a8a8a;
  margin-bottom: 15px
}

.visited__category-tittle h2, .visited__category-tittle .h2 {
  margin: 0 calc(100vw / (var(--vwIdth) / 15)) 0 0
}

.visited__category-tittle span {
  font-size: 1.375rem;
  color: #241e35
}

@media screen and (max-width: 800px) {
  .visited__category-tittle span {
    font-size: 1.125rem
  }
}

@media screen and (min-width: 1921px) {
  .visited__category-tittle {
    margin-bottom: tovw(15);
    font-size: calc(100vw / (var(--vwIdth) / 20))
  }
}

.visited__category-wrap {
  width: 100%;
  margin-bottom: calc(100vw / (var(--vwIdth) / 15))
}

@media screen and (max-width: 1024px) {
  .visited__category-wrap {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
  }
}

.visited__category-list {
  margin: 0 -10px
}

@media screen and (max-width: 600px) {
  .visited__category-list {
    margin: 0 -5px
  }
}

@media screen and (max-width: 450px) {
  .visited__category-list {
    margin: 0 -10px 0 0
  }
}

.visited__category-list .catalog__item-main-slide img {
  -o-object-fit: cover;
  object-fit: cover
}

.visited__category-item {
  position: relative;
  width: calc(20% - 10px);
  margin: 0 5px 5px;
  -webkit-transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease !important;
  transition: -webkit-transform .3s ease, -webkit-box-shadow .3s ease !important;
  -o-transition: transform .3s ease, box-shadow .3s ease !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  transition: transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease, -webkit-box-shadow .3s ease !important
}

@media screen and (max-width: 1440px) {
  .visited__category-item {
    width: calc(25% - 10px)
  }
}

@media screen and (max-width: 1024px) {
  .visited__category-item {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
  }
}

@media screen and (max-width: 800px) {
  .visited__category-item {
    width: calc(33.33% - 10px)
  }
}

@media screen and (max-width: 600px) {
  .visited__category-item {
    width: calc(50% - 10px);
    margin: 0 10px 10px 0
  }
}

@media screen and (hover: hover) {
  .visited__category-item:hover {
    -webkit-transform: translate(3px, -3px);
    -ms-transform: translate(3px, -3px);
    transform: translate(3px, -3px);
    -webkit-box-shadow: 0px 25px 49px rgba(9, 30, 49, 0.09), 0px 9.62963px 15.6074px rgba(9, 30, 49, 0.0546667), 0px 2.03704px 3.99259px rgba(9, 30, 49, 0.0353333);
    box-shadow: 0px 25px 49px rgba(9, 30, 49, 0.09), 0px 9.62963px 15.6074px rgba(9, 30, 49, 0.0546667), 0px 2.03704px 3.99259px rgba(9, 30, 49, 0.0353333)
  }
}

.visited__category-item .catalog__item {
  height: 100%
}

.visited__category-item .button-close {
  position: absolute !important;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 25px;
  height: 25px;
  top: 10px;
  right: 10px !important;
  left: auto;
  z-index: 2
}

@media screen and (min-width: 1921px) {
  .visited__category-item .button-close {
    width: calc(100vw / (var(--vwIdth) / 25));
    height: calc(100vw / (var(--vwIdth) / 25))
  }
}

@media screen and (max-width: 600px) {
  .visited__category-item .button-close {
    width: 20px;
    height: 20px
  }
}

.visited__form {
  position: relative;
  min-height: 15px
}

@media screen and (max-width: 1024px) {
  .visited__form {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
  }
}

.visited__form .jq-selectbox {
  position: absolute;
  right: 0;
  top: 0
}

@media screen and (max-width: 450px) {
  .visited__form .jq-selectbox {
    width: 100%;
    position: static
  }
}

.visited__button {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  right: calc(100vw / (var(--vwIdth) / 50));
  bottom: calc(100vw / (var(--vwIdth) / 25));
  z-index: 2
}

@media screen and (max-width: 600px) {
  .visited__button {
    width: 100%;
    margin: 0;
    right: 0;
    text-align: center
  }
}

.visited__button .btn-purple, .visited__button .btn-blue {
  margin: 0 auto
}

@media screen and (max-width: 600px) {
  .visited__button .btn-purple, .visited__button .btn-blue {
    width: 75%
  }
}

.visited__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto 1.5% 0 0
}

@media screen and (max-width: 450px) {
  .visited__buttons button {
    width: 100%
  }
}

@media screen and (max-width: 600px) {
  .visited__buttons {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto 0 0 0
  }
}

.visited__social {
  text-align: center
}

@media screen and (max-width: 1024px) {
  .visited__social {
    margin-bottom: 15px
  }
}

.visited__empty {
  display: none;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.015em;
  color: #2a0e72;
  text-align: center
}

@media screen and (max-width: 1024px) {
  .visited__empty {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
  }
}

@media screen and (max-width: 600px) {
  .visited__empty {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
  }
}

.visited__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

@media screen and (max-width: 1024px) {
  .visited__footer {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 15px
  }
}

@media screen and (max-width: 1024px) {
  .visited .lc-tittle {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0
  }
}

/* End */


/* Start:/local/templates/palas/css/custom.css?17122315075298*/
.visited__wrap.favorite-resize .visited__category-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.button span {
  line-height: 120%;
}

.basket-block {
  display: inline-block;
}

.filter-left__tittle {
  height: auto;
}

.filter-left__tittle h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 1.5625rem;
  line-height: 100%;
  letter-spacing: 0.015em;
  padding-bottom: 15px;
}

.map-level-0 ul {
  padding: 0 30px;
  list-style: circle;
}

.map-level-0 ul ul {
  padding: 0 30px;
  list-style: circle;
}

.map-level-0 ul ul li {
  list-style: disc;
  list-style-position: inside;
}

.map-level-0 li a {
  color: #2a0e72;
}

.card__tittle-img {
  margin-left: auto;
}

.nav-menu__list-scroll {
  width: 100%;
}

.lowercase .filter-left__group-text {
  text-transform: lowercase;
}

.filter-left__group-content .disabled {
  display: none;
}

#d2fMultidomainSeo {
  display: none;
}

@media screen and (min-width: 601px) {
  .main-screen video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
}

.telephone {
  background-image: url(/local/templates/palas/img/svg/phone.svg);
}

.gradient .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  background-image: url(/local/templates/palas/img/svg/arrow-left.svg);
}

.gradient .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  background-image: url(/local/templates/palas/img/svg/arrow-right.svg);
}

button.mfp-close {
  background-image: url(/local/templates/palas/img/icons/cross-color.svg);
}

@media screen and (min-width: 601px) {
  /* line 494, dev/sass/pages/card.scss */
  .card__note {
    background-image: url(/local/templates/palas/img/svg/eye-eyelid.svg);
  }
}

@media screen and (min-width: 801px) {
  /* line 145, dev/sass/modules/footer.scss */
  .footer__row--bg-img {
    background-image: url(/local/templates/palas/img/global/footer-logo.svg);
  }
}

.nav-menu__item-back {
  background-image: url(/local/templates/palas/img/icons/cross-color.svg);
}

.nav-menu__close {
  background-image: url(/local/templates/palas/img/icons/cross-color.svg);
}

.visited__wrap.favorite-resize .visited__card a:active {
  cursor: url(/local/templates/palas/img/svg/hand.svg),
    url(/local/templates/palas/img/svg/hand.png), auto !important;
}

.visited__wrap.favorite-resize .ui-resizable-w {
  background-image: url(/local/templates/palas/img/svg/resize.svg);
}

.footer__row--bg-img {
  background-image: url(/local/templates/palas/img/global/footer-logo.svg);
}

.catalog__item-attr-stock.unavailable {
  color: #d12d2f;
}

.catalog__item-attr-stock.unavailable::before {
  background: #d12d2f;
}

.hidden {
  display: none;
}

.btn-blue.liked {
  background-color: #2a0e72;
}

.title-search-result {
  background-color: white;
}

.button-close {
  z-index: 9999;
}

.btn-right {
  right: 0px;
  position: absolute;
}

.catalog__item--placeholder {
  background: white;
  position: relative;
}

.catalog__item--placeholder .loader {
  width: 50px;
  height: 50px;
}

@media screen and (max-width: 1024px) {
  .main-instagram__tittle span {
    display: block;
  }
}

/*
* Panchenko Aleksandr
* Tempprary style for mobile menu
* 03.12.2021
*/
@media screen and (max-width: 600px) {
  .nav-menu__group-list {
    opacity: 1;
    visibility: visible;
    position: static;
    transform: none;
    left: 0;
    top: 0;
    height: auto;
    min-height: unset;
  }

  .nav-menu__group-list .nav-menu__item-back {
    display: none;
  }
}

.stars-progress {
  background-image: url(/local/templates/palas/img/shops/star-main.svg);
}

.stars {
  background-image: url(/local/templates/palas/img/shops/star-bg.svg);
}

.double-col__col th,
.double-col__col td {
  padding: 0 5px;
}

.callback .success {
  color: #2a0e72 !important;
}

.link-hidden {
  display: block;
  height: 0;
  overflow: hidden;
}

.visited__category-item .catalog__item {
  height: 100%;
}

/*.price__discount .price__main,*/
/*.price__discount .price__coin {*/
/*  text-decoration: inherit;*/
/*}*/

.filter-top__scroll .mCustomScrollBox {
  min-width: 100%;
}

.filter-top__scroll-list a {
  display: flex;
  align-items: center;
  height: 100%;
}

.filter-top__scroll-list a.active {
  border-color: #2a0e72;
  background-color: #2a0e72;
  color: #fff;
}

.filter-left__tooltipe-scroll {
  overflow: hidden auto !important;
}

.filter-left__tooltipe-content::after {
  pointer-events: none;
}

.filter-left__reset-result {
  font-size: calc(100vw / (var(--vwIdth) / 12.9));
}

/*
* Temporaty styles for Chrome
* 15.06.2022
*/

.filter-left__group-text {
  vertical-align: text-bottom;
}

.filter-left__group-popup.columns-3 ul {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: calc(100vw / (var(--vwIdth) / 5)) calc(100vw / (var(--vwIdth) / 10));
}

@media screen and (max-width: 768px) {
  .filter-left__group-popup.columns-3 ul {
    grid-template-columns: auto auto;
  }
}

@media screen and (max-width: 450px) {
  .filter-left__group-popup.columns-3 ul {
    grid-template-columns: auto;
  }
}

.mCSB_vertical .mCSB_container {
  padding-right: 3px;
  margin: 0;
}
/* End */


/* Start:/local/templates/palas/components/bitrix/menu/menu_catalog_other/style.css?16817222141*/


/* End */


/* Start:/local/components/medialine/cookie.informer/templates/.default/style.css?16817222146898*/
.cookies {
    position: fixed;
    right: 0;
    bottom: 0;
    max-width: 282px;
    margin: calc(100vw / (var(--vwIdth) / 10));
    padding: calc(100vw / (var(--vwIdth) / 20));
    -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
    border-radius: calc(100vw / (var(--vwIdth) / 3));
    background: #fff;
    z-index: 7;
    -webkit-box-shadow: 0px 12px 33px rgba(0,0,0,0.15);
    box-shadow: 0px 12px 33px rgba(0,0,0,0.15);
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media screen and (min-width: 1921px) {
    .cookies {
        width:calc(100vw / (var(--vwIdth) / 282));
        max-width: unset
    }
}

@media screen and (max-width: 600px) {
    .cookies {
        max-width:282px;
        width: 100%;
        padding: 30px;
        margin: 0 auto 30px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.cookies-close {
    position: absolute;
    right: 0;
    top: 0;
    margin: calc(100vw / (var(--vwIdth) / 8));
    width: calc(100vw / (var(--vwIdth) / 12));
    height: calc(100vw / (var(--vwIdth) / 12));
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: none
}

@media screen and (max-width: 600px) {
    .cookies-close {
        width:20px;
        height: 20px
    }
}

.cookies-close .icon {
    width: 50%;
    height: 50%;
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out
}

@media screen and (hover: hover) {
    .cookies-close:hover {
        fill:#1792d4
    }
}

.cookies-text {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15));
    line-height: 145%;
    font-size: calc(100vw / (var(--vwIdth) / 12))
}

@media screen and (max-width: 600px) {
    .cookies-text {
        font-size:.875rem
    }
}

.cookies-text p {
    line-height: inherit
}

.cookies-text a {
    color: #1792d4;
    text-decoration: underline
}

@media screen and (hover: hover) {
    .cookies-text a:hover {
        color:#2a0e72
    }
}

.cookies-btn {
    padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 15));
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: .875rem;
    line-height: 115%;
    cursor: pointer;
    border: none;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.cookies-btn:hover {
    background-color: #2a0e72
}

.cookies-btn--gray {
    background-color: #c4c4c4
}

.cookies-btn--blue {
    background-color: #1792d4
}

.cookies-btn:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cookies-btn__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: calc(100vw / (var(--vwIdth) / 10))
}

.cookies--hidden {
    opacity: 0;
    pointer-events: none
}

.cookies {
    position: fixed;
    right: 0;
    bottom: 0;
    max-width: 282px;
    margin: calc(100vw / (var(--vwIdth) / 10));
    padding: calc(100vw / (var(--vwIdth) / 20));
    -webkit-border-radius: calc(100vw / (var(--vwIdth) / 3));
    border-radius: calc(100vw / (var(--vwIdth) / 3));
    background: #fff;
    z-index: 7;
    -webkit-box-shadow: 0px 12px 33px rgba(0,0,0,0.15);
    box-shadow: 0px 12px 33px rgba(0,0,0,0.15);
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media screen and (min-width: 1921px) {
    .cookies {
        width:calc(100vw / (var(--vwIdth) / 282));
        max-width: unset
    }
}

@media screen and (max-width: 600px) {
    .cookies {
        max-width:282px;
        width: 100%;
        padding: 30px;
        margin: 0 auto 30px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.cookies-close {
    position: absolute;
    right: 0;
    top: 0;
    margin: calc(100vw / (var(--vwIdth) / 8));
    width: calc(100vw / (var(--vwIdth) / 12));
    height: calc(100vw / (var(--vwIdth) / 12));
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: none
}

@media screen and (max-width: 600px) {
    .cookies-close {
        width:20px;
        height: 20px
    }
}

.cookies-close .icon {
    width: 50%;
    height: 50%;
    -webkit-transition: fill .3s ease-in-out;
    -o-transition: fill .3s ease-in-out;
    transition: fill .3s ease-in-out
}

@media screen and (hover: hover) {
    .cookies-close:hover {
        fill:#1792d4
    }
}

.cookies-text {
    margin-bottom: calc(100vw / (var(--vwIdth) / 15));
    line-height: 145%;
    font-size: calc(100vw / (var(--vwIdth) / 12))
}

@media screen and (max-width: 600px) {
    .cookies-text {
        font-size:.875rem
    }
}

.cookies-text p {
    line-height: inherit
}

.cookies-text a {
    color: #1792d4;
    text-decoration: underline
}

@media screen and (hover: hover) {
    .cookies-text a:hover {
        color:#2a0e72
    }
}

.cookies-btn {
    padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 15));
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: .875rem;
    line-height: 115%;
    cursor: pointer;
    border: none;
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.cookies-btn:hover {
    background-color: #2a0e72
}

.cookies-btn--gray {
    background-color: #c4c4c4
}

.cookies-btn--blue {
    background-color: #1792d4
}

.cookies-btn:last-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cookies-btn__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: calc(100vw / (var(--vwIdth) / 10))
}

.cookies--hidden {
    opacity: 0;
    pointer-events: none
}

.more-cookie-info {
    text-overflow: ellipsis;
    overflow: hidden;
}
/* End */


/* Start:/local/templates/palas/template_styles.css?17296038757619*/
/*card doc*/

.card__doc {
    display: grid;
    grid-template-columns: 30px auto;
    gap: 20px;
    align-items: start;
}

.card__doc-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding-top: 4px;
}

.card__doc-descr {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.5;
}

.card__doc-descr span {
    font-size: 12px;
    color: #8F8E91;
}

.card__doc-link {
    font-size: 14px;
    color: #373F4A;
    text-decoration: underline;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;

}

.card__doc-link:hover {
    text-decoration: none;
    color: #2a0e72;
}

/*наличие*/
.card__info-stock-icon span {
    /*white-space: nowrap;*/
}

.card__info-stock-adress {
    flex-grow: 1;
}

.card__info-stock-icon {
    width: auto;
    text-align: left;
    padding: calc(100vw / (var(--vwIdth) / 13)) calc(100vw / (var(--vwIdth) / 20)) calc(100vw / (var(--vwIdth) / 13));

}

@media screen and (max-width: 600px) {
    .card__info-stock-item {
        gap: 10px 24px;
    }

    .card__info-stock-item:not(:last-child) {
        margin-bottom: 16px;
    }

    .card__info-stock-adress,
    .card__info-stock-icon {
        padding: 0;
    }
    .card__info-btns,
    .card__info-tab-btns{
        max-width: 240px;
    }
}

/*таблица в карточке*/
.card__info-stock-item{
    /*flex-wrap: nowrap;*/
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.card__info-stock-adress{
    width: auto;
    /*padding-right: 6px;*/
}

@media screen and (max-width: 1920px) {
    .card__info-btns,
    .card__info-tab-btns{
        max-width: 220px;
    }

}


@media screen and (max-width: 920px) {
    .card__info-stock-item {
        display: grid;
        grid-template-columns: 100%;
    }
}

/*header-banner*/

.header-top {
    position: relative;
    width: 100%;
    transition: height .2s ease;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 3vw;
    /*height: 4vw;*/
}

@media (min-width: 1024px) {
    .header-top {
        cursor: pointer
    }

    .header-top:hover .header-top__control {
        opacity: 1;
        visibility: visible
    }
}


@media (max-width: 767px) {
    .header-top {
        /*padding-bottom: 11.7%*/
    }
}

@media (max-width: 459px) {
    .header-top {
        /*padding-bottom: 19.6%*/
    }
}

@media (max-width: 999px) {
    .header-top.min {
        /*padding-bottom: 0*/
    }
}

.header-top.hide {
    height: 0!important;
}

.header-top picture {
    position: absolute;
    inset: 0
}

.header-top picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.header-top__control {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #e8e8e8;
    transition: all ease .3s
}

@media (min-width: 1025px) {
    .header-top__control {
        opacity: 0;
        visibility: hidden;
        width: 3rem;
        height: 3rem
    }
}

.header-top__control .icon {
    transition: all ease .3s
}

@media (min-width: 1000px) {
    .header-top__control .icon {
        /*width: 1.8rem !important;*/
        /*height: 1.8rem !important*/
    }
}

@media (max-width: 999px) {
    .header-top__control .icon {
        max-width: 16px;
        max-height: 16px
    }
}

@media (min-width: 1300px) {
    .header-top__control {
        cursor: pointer
    }

    .header-top__control:hover .icon {
        transform: rotate(180deg)
    }
}


.with-banner .header{
    padding-top: 3vw;
    /*padding-top: 4vw;*/
}

body.with-banner{
    /*--headerHeight: 8vw;*/
    --headerHeight: 7vw;
}

body.with-banner .main {
    transition: padding-top ease .2s
}

@media (max-width: 1680px) {
    body.with-banner {
        /*--headerHeight: 10vw;*/
        --headerHeight: 8vw;
    }
    .with-banner .header{
        /*padding-top: 5vw;*/
        padding-top: 4vw;
    }
    .header-top{
        height: 4vw;
        /*height: 5vw;*/
    }

}
/*@media (max-width: 1440px) {*/
/*    body.with-banner {*/
/*        --headerHeight: 11vw;*/
/*    }*/
/*    .with-banner .header{*/
/*        padding-top: 5.5vw;*/
/*    }*/
/*    .header-top{*/
/*        height: 5.5vw;*/
/*    }*/

/*}*/
/*@media (max-width: 1220px) {*/
/*    body.with-banner {*/
/*        --headerHeight: 12vw;*/
/*    }*/
/*    .with-banner .header{*/
/*        padding-top: 6vw;*/
/*    }*/
/*    .header-top{*/
/*        height: 6vw;*/
/*    }*/

/*}*/

/*@media (max-width: 1220px) {*/
/*    body.with-banner {*/

/*        --headerHeight: 12vw;*/
/*    }*/
/*    .with-banner .header{*/

/*        padding-top: 6vw;*/
/*    }*/
/*    .header-top{*/

/*        height: 6vw;*/
/*    }*/

/*}*/

@media (max-width: 1024px) {
    body.with-banner {
        --headerHeight: 12vw;
        /*--headerHeight: 16vw;*/
    }
    .with-banner .header{
        padding-top: 6vw;
        /*padding-top: 8vw;*/
    }
    .header-top{
        height: 6vw;
        /*height: 8vw;*/
    }

}
@media (max-width: 800px) {
    body.with-banner {

        /*--headerHeight: 24vw;*/
        --headerHeight: vw;
    }
    .with-banner .header{
        /*padding-top: 9vw;*/
        padding-top: 7vw;
    }
    .header-top{

        /*height: 8vw;*/
        height: 7vw;
    }

}

@media (max-width: 600px) {
    body.with-banner {
        /*--headerHeight: 176px;*/
        /*--headerHeight: 40vw;*/
        --headerHeight: 36vw;
    }
    .with-banner .header{
        padding-top: 11vw;
        /*padding-top: 13vw;*/
    }
    .header-top{
        /*height: 60px;*/
        height: 11vw;
        /*height: 13vw;*/
    }

}

@media (max-width: 767px) {
    body.with-banner.menu-open  {

        --headerHeight: unset;
    }
    .with-banner.menu-open  .header{
        padding-top: 0;
    }
    body.with-banner.menu-open  .header-top{
        height: 0;
    }
}

@media (max-width: 767px) {
    body.with-banner  {

    }
}

/*footer link*/

.footer__row .footer__copy .footer__menu-item{
    margin-right: 11vw;
}
.footer__copy .footer__menu-item a{
    margin-left: 0;
}
@media (max-width: 1680px){
    .footer__row .footer__copy .footer__menu-item{
        margin-right: 6vw;
    }

}


@media (max-width: 767px) {
    .footer__row .footer__copy .footer__menu-item{
        margin-right: 0;
    }


}
@media (min-width: 1024px){
    /*icon*/
    .nav-menu__item-img .icon{
        transition: none;
    }
    aside.aside-wide .nav-menu__item.custom-icon:not(.text-purple):hover .nav-menu__item-img .icon, aside .nav-menu__item.custom-icon:not(.text-purple):hover .nav-menu__item-img .icon{
        filter: brightness(100);
    }

    aside.aside-wide .nav-menu__item.custom-icon:not(.text-purple):hover .nav-menu__item-img .icon, aside .nav-menu__item.custom-icon:not(.text-purple):hover .nav-menu__item-img .icon{
        filter: brightness(100);
    }

}
@media (max-width: 600px) {
    .nav-menu__item.custom-icon.current .nav-menu__item-img .icon{
        filter: brightness(0) saturate(100%) invert(44%) sepia(72%) saturate(689%) hue-rotate(160deg) brightness(94%) contrast(94%);
    }
    .nav-menu__item.custom-icon.current .nav-menu__item-text{
        color: #2a0e72!important;
        filter: brightness(0) saturate(100%) invert(44%) sepia(72%) saturate(689%) hue-rotate(160deg) brightness(94%) contrast(94%);
    }


}



/* End */
/* /local/templates/palas/css/optimization/catalog.css?1747905428171921 */
/* /local/templates/palas/css/optimization/critical.css?1712231507103426 */
/* /local/templates/palas/css/optimization/main.css?1712231507174429 */
/* /local/templates/palas/css/custom.css?17122315075298 */
/* /local/templates/palas/components/bitrix/menu/menu_catalog_other/style.css?16817222141 */
/* /local/components/medialine/cookie.informer/templates/.default/style.css?16817222146898 */
/* /local/templates/palas/template_styles.css?17296038757619 */