@charset "UTF-8";
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish/Mulish-Italic.woff2") format("woff2"), url("../fonts/Mulish/Mulish-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish/Mulish-Bold.woff2") format("woff2"), url("../fonts/Mulish/Mulish-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish/Mulish-BoldItalic.woff2") format("woff2"), url("../fonts/Mulish/Mulish-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish/Mulish-Medium.woff2") format("woff2"), url("../fonts/Mulish/Mulish-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish/Mulish-Light.woff2") format("woff2"), url("../fonts/Mulish/Mulish-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish/Mulish-SemiBold.woff2") format("woff2"), url("../fonts/Mulish/Mulish-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mulish";
  src: url("../fonts/Mulish/Mulish-Regular.woff2") format("woff2"), url("../fonts/Mulish/Mulish-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro/CeraPro-Light.eot");
  src: local("Cera Pro Light"), local("CeraPro-Light"), url("../fonts/CeraPro/CeraPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro/CeraPro-Light.woff2") format("woff2"), url("../fonts/CeraPro/CeraPro-Light.woff") format("woff"), url("../fonts/CeraPro/CeraPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro/CeraPro-Regular.eot");
  src: local("Cera Pro Regular"), local("CeraPro-Regular"), url("../fonts/CeraPro/CeraPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro/CeraPro-Regular.woff2") format("woff2"), url("../fonts/CeraPro/CeraPro-Regular.woff") format("woff"), url("../fonts/CeraPro/CeraPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro/CeraPro-Medium.eot");
  src: local("Cera Pro Medium"), local("CeraPro-Medium"), url("../fonts/CeraPro/CeraPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro/CeraPro-Medium.woff2") format("woff2"), url("../fonts/CeraPro/CeraPro-Medium.woff") format("woff"), url("../fonts/CeraPro/CeraPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro/CeraPro-Bold.eot");
  src: local("Cera Pro Bold"), local("CeraPro-Bold"), url("../fonts/CeraPro/CeraPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CeraPro/CeraPro-Bold.woff2") format("woff2"), url("../fonts/CeraPro/CeraPro-Bold.woff") format("woff"), url("../fonts/CeraPro/CeraPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
}

header, nav, section, article, aside, footer {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

html {
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  font-family: "Mulish", sans-serif;
  color: #2B2829;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.03em;
  font-weight: normal;
  font-style: normal;
  background: #FFFFFF;
}

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

img {
  border: none;
  max-width: 100%;
  vertical-align: bottom;
}

ul {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
  font-size: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0;
}
.container--sm {
  max-width: 870px;
}
@media screen and (max-width: 1369.98px) {
  .container {
    max-width: 960px;
  }
  .container--sm {
    max-width: 870px;
  }
}
@media screen and (max-width: 1023.98px) {
  .container {
    max-width: 710px;
  }
}
@media screen and (max-width: 767.98px) {
  .container {
    max-width: 100%;
    padding: 0 15px;
  }
}
.wrapper {
  min-height: 100%;
  width: 100%;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  padding-top: 75px;
  z-index: 100;
}
@media screen and (max-width: 767.98px) {
  .wrapper {
    padding-top: 35px;
  }

}

.content__wrapper {
  flex: 1 0 auto;
}

.pd__header {
  padding-top: 100px;
}

.hidden {
  display: none !important;
}

@media (max-width: 1699.98px) {
  .hide-desktop-lg {
    display: none !important;
  }
}

@media (max-width: 1369.98px) {
  .hide-desktop-md {
    display: none !important;
  }
}

@media (max-width: 1369.98px) {
  .hide-desktop {
    display: none !important;
  }
}

@media (max-width: 1023.98px) {
  .hide-tablet {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .hide-tablet-sm {
    display: none !important;
  }
}

@media (max-width: 609.98px) {
  .hide-mobile-lg {
    display: none !important;
  }
}

@media (min-width: 1370px) {
  .show-desktop {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .show-tablet {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .show-tablet-sm {
    display: none !important;
  }
}

@media (min-width: 610px) {
  .show-mobile-lg {
    display: none !important;
  }
}

.noscroll {
  overflow: hidden;
}

.nowrap {
  white-space: nowrap;
}

@keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.content__text {
  line-height: 1.6;
}
.content__text > p,
.content__text > ul,
.content__text > ol {
  margin-top: 20px;
}
.content__text > *:first-child {
  margin-top: 0;
}
.content__text a {
  text-decoration: underline;
}
.content__text a:hover {
  text-decoration: none;
}
.content__text h1, .content__text h2, .content__text h3, .content__text h4, .content__text h5 {
  color: #2B2829;
  line-height: 1.1;
  font-weight: 600;
}
.content__text h1 {
  font-size: 32px;
  margin: 45px 0;
}
.content__text h2 {
  font-size: 24px;
  margin: 30px 0;
}
.content__text h3 {
  font-size: 20px;
  margin: 30px 0;
}
.content__text h4 {
  font-size: 18px;
  margin: 20px 0;
}
.content__text h5 {
  font-size: 18px;
  margin: 15px 0;
}
.content__text b {
  font-weight: 600;
}
.content__text ul,
.content__text ol {
  padding-left: 26px;
}
.content__text p + ul {
  margin-top: 10px;
}
.content__text ol {
  list-style-type: none;
  counter-reset: num;
}
.content__text li {
  position: relative;
  margin-top: 10px;
}
.content__text ul li:before {
  position: absolute;
  top: 0px;
  right: 100%;
  margin-right: 11px;
  color: #2B2829;
  content: "•";
  content: "–";
}
.content__text ol li:before {
  content: counter(num) ".";
  counter-increment: num;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 100%;
  margin-right: 8px;
  text-align: right;
}
.content__text img {
  border-radius: 6px;
  margin: 50px 0;
  max-height: 500px;
  width: auto;
}
.content__text img + img,
.content__text img:first-child {
  margin-top: 0;
}
.content__text .img-left {
  max-width: 350px;
  float: left;
  margin-right: 20px;
}
@media (max-width: 767.98px) {
  .content__text img {
    margin: 30px 0;
  }
}

.section__head {
  margin-bottom: 50px;
}
.section__head.mb--md {
  margin-bottom: 30px;
}
.section__head.mb--lg {
  margin-bottom: 70px;
}
.section__head.h-bd {
  padding-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
}
.section__head.h-cols {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.section__title {
  font-family: "Cera Pro";
  font-size: 40px;
  line-height: 1.1;
  letter-spacing: 0;
}
.section__title.fs--sm {
  font-size: 36px;
}
.section__title.fs--smx {
  font-size: 30px;
}
.section__title.fs--md {
  font-size: 48px;
  letter-spacing: 0.03em;
}
.section__intro {
  max-width: 580px;
  margin-top: 25px;
  font-size: 18px;
}
.section__intro.fs--md {
  font-size: 16px;
}
.section__intro.mw--md {
  max-width: 700px;
}
.section__intro.w-all {
  max-width: 100%;
}
.section__intro.mt {
  margin-top: 40px;
}
.text--center .section__intro {
  margin-left: auto;
  margin-right: auto;
}
.section__buttons {
  margin-top: 68px;
  text-align: center;
}
.section__first {
  margin-top: 50px !important;
}
.section__mg {
  margin: 180px 0;
}
.section__pd {
  padding: 130px 0;
}
.section__pdt {
  padding-top: 70px;
}
.section__tab {
  display: none;
}
.section__tab.show {
  display: block;
}
@media (max-width: 1669.98px) {
  .section__mg {
    margin: 140px 0;
  }
}
@media (max-width: 1369.98px) {
  .section__mg {
    margin: 100px 0;
  }
}
@media (max-width: 1023.98px) {
  .section__head {
    margin-bottom: 42px;
  }
  .section__title {
    font-size: 36px;
  }
  .section__title.fs--md {
    font-size: 36px;
  }
}
@media (max-width: 767.98px) {
  .section__head {
    margin-bottom: 35px;
  }
  .section__head.mb--lg {
    margin-bottom: 50px;
  }
  .section__head.mb--md {
    margin-bottom: 25px;
  }
  .section__head.h-bd {
    padding-bottom: 15px;
  }
  .section__head.h-cols {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .section__title {
    font-size: 30px;
  }
  .section__title.fs--md {
    font-size: 30px;
  }
  .section__title.fs--sm {
    font-size: 30px;
  }
  .section__title.fs--sm-m {
    font-size: 24px;
  }
  .section__intro {
    margin-top: 15px;
  }
  .section__intro.mt {
    margin-top: 30px;
  }
  .section__buttons {
    margin-top: 40px;
  }
  .section__mg {
    margin: 100px 0;
  }
  .section__first {
    margin-top: 40px !important;
  }
}
.text--center {
  text-align: center;
}

.text--white {
  color: white;
}

/**************************************************************
.breadcrumbs
**************************************************************/
.breadcrumbs {
  margin: 20px 0 50px;
}
.breadcrumbs + * {
  margin-top: 0 !important;
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 0;
}
.breadcrumbs__item {
  color: #4A4A4A;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.breadcrumbs__item:not(:last-child):after {
  margin: 0 5px;
  color: inherit;
  content: "/";
}
.breadcrumbs__link {
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.breadcrumbs__link:hover {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .breadcrumbs {
    display: none;
  }
  .breadcrumbs + * {
    margin-top: 0px !important;
  }
}

.icon {
  stroke: currentColor;
  fill: none;
  color: inherit;
  font-size: inherit;
  transition: all 0.3s ease-in-out;
  flex: 0 0 auto;
}
.icon--fill {
  fill: currentColor;
  stroke: initial;
}
.icon path {
  stroke: currentColor;
  color: inherit;
  font-size: inherit;
  transition: all 0.3s ease-in-out;
}

.social__items {
  display: flex;
  align-items: center;
  gap: 22px;
}
.social__item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #DCDCDC;
  border-radius: 100px;
  color: #2B2829;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .social__item:hover {
    background: #DCDCDC;
  }
}
.social__item .icon {
  width: 48%;
  height: 48%;
}

.rating {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
}
.rating__star {
  display: inline-flex;
}
.rating__star span {
  position: relative;
  top: -1px;
  width: 14px;
  height: 15px;
  margin: 0 2px;
  background: url(../images/icons/star.svg) no-repeat;
  background-size: cover !important;
}
.rating__star span.empty {
  background: url(../images/icons/star-empty.svg) no-repeat;
}
.rating__star span.active-05 {
  background: url(../images/icons/star-active-05.svg) no-repeat;
}
.rating__star span.active {
  background: url(../images/icons/star-active.svg) no-repeat;
}
.rating__numb {
  margin-right: 6px;
}

.link {
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  align-items: center;
}
.link .icon {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}
.link:hover {
  color: #615F60;
  text-decoration: none;
}
.link__more {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #2B2829 !important;
  font-weight: 700;
  text-transform: uppercase;
  gap: 8px;
  margin-top: 15px;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}
.link__more:hover {
  color: #615F60 !important;
}
.link__more::after {
  line-height: 1;
  font-size: 20px;
  transform: translateY(-3px);
  content: "+";
}
.link__more .close_t {
  display: none;
}
.link__more.opened::after {
  content: "–";
}
.link__more.opened .open_t {
  display: none;
}
.link__more.opened .close_t {
  display: block;
}
.btn_act {
  position: relative;
  width: 40px;
  height: 40px;
  border: none;
  overflow: hidden;
  display: flex;
  margin-bottom: 10px;
  cursor: pointer;
}
.btn_act .wish_item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 45%;
  transition: all 0.3s ease-in-out;
}
.btn_act .wish_item.to {
  background-image: url(../images/icons/heart.svg);
}
.btn_act .wish_item.in {
  background-image: url(../images/icons/heart-2.svg);
}

.content__toggle > * {
  display: none;
}
.content__toggle > :nth-child(1), .content__toggle > :nth-child(2) {
  display: block;
}
.content__toggle.opened > * {
  display: block !important;
}
.content__toggle--mobile > * {
  display: block;
}
.drop {
  min-width: 140px;
  position: relative;
  z-index: 20;
}
.drop.opened::after {
  opacity: 1;
}
.drop__current {
  position: relative;
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.1s ease-in-out;
}
.drop__current:after {
  position: relative;
  top: 0;
  width: 16px;
  height: 10px;
  background: url(../images/icons/drop.svg);
  content: "";
}
.drop.opened .drop__current {
  border-radius: 20px 20px 0 0;
  border-bottom: none;
  transition: all 0.3s ease-in-out;
}
.drop__down {
  background: #fff;
  position: absolute;
  top: 100%;
  left: -20px;
  margin-top: 10px;
  width: calc(100% + 40px);
  padding: 20px 15px;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.drop.opened .drop__down {
  opacity: 1;
  visibility: visible;
}
.drop__down li + li {
  margin-top: 14px;
}
.drop__down li a {
  color: #4A4A4A;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease-in-out;
}
.drop__down li a:hover {
  color: #615F60;
}
.drop__down li a::before {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #C3C3C3;
  content: "";
}
.drop__down li.current a:before {
  border: 6px solid #2B2829;
}


.table, .content__text table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  border-collapse: collapse; 
}
.table th, .content__text table th {
  font-weight: bold;
  padding: 5px;
  background: #efefef;
  border: 1px solid #dddddd;
}
.table td, .content__text table td {
  border: 1px solid #dddddd;
  padding: 5px;
}

@media (max-width: 767.98px) {
  .table__scroll {
    margin: 0 -15px;
    padding: 0 15px 5px;
    overflow: auto;
  }
  .table, .content__text table {
    line-height: 1.2;
  }
}

/**************************************************************
.navs
**************************************************************/
.navs {
  width: 100%;
  margin-bottom: 50px;
}
.navs.md--sm {
  margin-bottom: 30px;
}
.navs__list ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.navs__list.list--sm-m ul {
  gap: 18px;
}
.navs__list li a {
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 45px;
  padding: 0 34px;
  border-radius: 100px;
  border: 1px solid #2B2829;
  transition: all 0.3s ease-in-out;
}
.navs__list li a:hover {
  color: #fff;
  background: #2B2829;
}
.navs__list li a.active {
  color: #fff;
  background: #2B2829;
}
.navs__list-current {
  display: none;
}
@media (max-width: 1023.98px) {
  .navs__drop {
    display: none;
  }
  .navs__list ul {
    flex-wrap: nowrap;
    gap: 24px;
    overflow: auto;
    margin: 0 -100px -10px;
    padding: 0 100px 10px;
  }
  .navs__list li a {
    height: 40px;
  }
}
@media (max-width: 609.98px) {
  .navs__list ul {
    margin: 0 -15px -10px;
    padding: 0 15px 10px;
  }
  .navs__list.list--sm-m li a {
    padding: 0 25px;
    font-size: 14px;
  }
}
/**************************************************************
.cities
**************************************************************/
.cities__list {
  text-align: left;
}
.popup .cities__list {
  margin: 40px auto 0;
  max-width: 600px;
}
.cities__list ul {
  column-gap: 40px;
  column-count: 3;
}
.cities__list li {
  margin-bottom: 13px;
}
.cities__list li a {
  color: #2B2829;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}
.cities__list li a:hover {
  text-decoration: underline;
}
@media (max-width: 609.98px) {
  .popup .cities__list {
    margin: 40px auto 0;
  }
  .cities__list ul {
    column-gap: 20px;
    column-count: 2;
  }
}

/**************************************************************
swiper
**************************************************************/
.swiper-slide {
  height: auto;
}

.swiper-pagination {
  display: inline-flex;
  gap: 4px;
  padding: 7px 11px;
  border-radius: 50px;
  background: #fff;
  left: 50% !important;
  right: auto !important;
  bottom: 23px;
  width: auto !important;
  transform: translateX(-50%);
}
.swiper-pagination-bullet {
  margin: 0 !important;
  width: 6px;
  height: 6px;
  border: none;
  background: #EDEDED;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #777777;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: block; !important;
}

.swiper-button {
  width: 46px;
  height: 46px;
  background: #fff;
  border: 1px solid #DCDCDC;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #777777;
  transition: all 0.3s ease-in-out;
}
.swiper-button-prev {
  left: 20px;
}
.swiper-button-next {
  right: 20px;
}
.swiper-button:after {
  display: none;
}
.swiper-button .icon {
  width: 9px;
  height: 16px;
}
@media (hover: hover) {
  .swiper-button:hover {
    color: #fff;
    background: #2B2829;
    border-color: #2B2829;
  }
}
.swiper-button-lock {
  display: none;
}

.swiper-scrollbar {
  background: none;
}

.swiper-nav {
  display: flex;
  align-items: center;
  gap: 20px;
}
.swiper-nav .swiper-button {
  position: relative;
  transform: initial;
  left: auto;
  right: auto;
  top: auto;
  margin: 0;
}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #b3b3b3;
  border-radius: 3px;
}

.share {
  display: flex;
  font-size: 14px;
}

.share .ya-share2__item {
  margin-right: 50px !important;
}

.share .ya-share2__badge {
  display: none !important;
}

.share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  opacity: 1 !important;
}

.share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title {
  display: block !important;
  color: #2B2829 !important;
  font-size: 14px !important;
  font-family: "Mulish", sans-serif !important;
  font-weight: 400 !important;
}

.share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link:hover > .ya-share2__title {
  color: #615F60 !important;
}

/**************************************************************
forms
**************************************************************/
.input::-webkit-input-placeholder {
  color: rgb(195, 195, 195);
  opacity: 1;
}

.input::-o-input-placeholder {
  color: rgb(195, 195, 195);
  opacity: 1;
}

.input::-moz-input-placeholder {
  color: rgb(195, 195, 195);
  opacity: 1;
}

.input:-moz-input-placeholder {
  color: rgb(195, 195, 195);
  opacity: 1;
}

.input::-ms-input-placeholder {
  color: rgb(195, 195, 195);
  opacity: 1;
}

.input input-placeholder {
  color: rgb(195, 195, 195);
  opacity: 1;
}

.input::placeholder {
  color: rgb(195, 195, 195);
  opacity: 1;
}

.input:placeholder-shown {
  color: rgb(195, 195, 195);
  opacity: 1;
}

.input:focus::-webkit-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus::-o-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus::-moz-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus:-moz-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus::-ms-input-placeholder {
  color: transparent;
  opacity: 0;
}

.input:focus:input-placeholder {
  color: transparent;
  opacity: 0;
}

input[placeholder] {
  text-overflow: ellipsis;
}

input::-moz-placeholder {
  text-overflow: ellipsis;
}

input:-moz-placeholder {
  text-overflow: ellipsis;
}

input:-ms-input-placeholder {
  text-overflow: ellipsis;
}

.input, button {
  -webkit-appearance: none;
}

.form__input {
  margin-bottom: 14px;
  position: relative;
}
.form__labelt {
  margin-bottom: 15px;
  font-family: "Cera Pro";
  font-size: 12px;
  color: #818181;
}
.form__labela {
  position: absolute;
  left: 20px;
  top: 2px;
  font-family: "Cera Pro";
  font-size: 10px;
  color: #C3C3C3;
  font-weight: 500;
}
.form__submit {
  margin-top: 20px;
}
.form__submit.mt--md {
  margin-top: 30px;
}
.form__policy {
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.4;
  color: #414647;
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
  text-align: left;
}
.form__policy input {
  display: none;
}
.form__policy-sq {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border: 1px solid #818181;
  border-radius: 4px;
  background: #fff;
}
.form__policy :checked + .form__policy-sq {
  background-color: #818181;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-check'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l5 5l10 -10' /%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}
.form__policy input.error + .form__policy-sq {
  border: 1px solid red;
}
.form__policy a {
  color: #414647;
  text-decoration: underline;
}
.form__policy a:hover {
  text-decoration: none;
}

.input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #C3C3C3;
  border-radius: 6px;
  background: #fff;
  padding: 0 20px;
  font-family: "Cera Pro";
  font-size: 16px;
  color: #2B2829;
  outline: none;
}
.input--first {
  border-radius: 6px 0 0 6px;
}
.input--last {
  border-radius: 0 6px 6px 0;
}
.input--bd {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #818181;
  height: 40px;
  padding: 10px 0 5px;
  font-size: 14px;
  line-height: 1;
}
.input.error {
  border-color: red;
  color: red;
}
.input.error::-webkit-input-placeholder {
  color: rgba(214, 0, 0, 0.7);
  opacity: 1;
}
.input.error::-o-input-placeholder {
  color: rgba(214, 0, 0, 0.7);
  opacity: 1;
}
.input.error::-moz-input-placeholder {
  color: rgba(214, 0, 0, 0.7);
  opacity: 1;
}
.input.error:-moz-input-placeholder {
  color: rgba(214, 0, 0, 0.7);
  opacity: 1;
}
.input.error::-ms-input-placeholder {
  color: rgba(214, 0, 0, 0.7);
  opacity: 1;
}
.input.error input-placeholder {
  color: rgba(214, 0, 0, 0.7);
  opacity: 1;
}
.input.error::placeholder {
  color: rgba(214, 0, 0, 0.7);
  opacity: 1;
}
.input.error:placeholder-shown {
  color: rgba(214, 0, 0, 0.7);
  opacity: 1;
}
.input:not(:placeholder-shown) ~ .form__labela, .input:focus ~ .form__labela {
  color: #2B2829;
}

textarea.input {
  line-height: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  resize: none;
  height: 92px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 20px;
  height: 50px;
  background: #2B2829;
  border-radius: 6px;
  border: none;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none !important;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.btn.disabled {
  pointer-events: none;
  opacity: 0.6;
}
.btn:focus {
  color: #fff;
}
.btn::after {
  flex: 0 0 auto;
  background: url(../images/icons/arrow-btn.svg) no-repeat center;
  width: 20px;
  height: 20px;
  display: block;
  transition: all 0.3s ease-in-out;
  content: "";
}
@media (hover: hover) {
  .btn:hover {
    background: #615F60;
    color: #fff;
  }
  .btn:hover::after {
    transform: translateX(5px);
  }
}
.btn--normal::after {
  display: none !important;
}
.btn--white {
  background: #fff;
  color: #2B2829;
}
.btn--white::after {
  background-image: url(../images/icons/arrow-btn-white.svg);
}
@media (hover: hover) {
  .btn--white:hover {
    background: #2B2829;
    color: #fff;
  }
}
.btn--bd {
  border: 1px solid #2B2829;
  color: #2B2829;
  background: none;
  padding: 0 35px;
  font-size: 16px;
  font-family: "Cera Pro";
}
@media (hover: hover) {
  .btn--bd:hover {
    background: #2B2829;
    color: #fff;
  }
}
.btn--sm {
  height: 36px;
  font-size: 12px;
}
.btn--cart {
  width: 60px;
  height: 60px;
  min-width: 1px;
  border-radius: 100%;
  padding: 0;
}
.btn--cart::after {
  display: none;
}
.btn--cart .icon {
  width: 35%;
  height: 35%;
}
.btn--wmin {
  min-width: 310px;
}
.btn--wall {
  width: 100%;
}
@media (max-width: 609.98px) {
  .btn--mwall {
    width: 100%;
    max-width: 480px;
    min-width: 1px;
  }
}

.label {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 10px;
  cursor: pointer;
}

.jq-radio {
  width: 16px;
  height: 16px;
  border: 1px solid #C3C3C3;
  border-radius: 100px;
  cursor: pointer;
}
.jq-radio.styler--md {
  width: 20px;
  height: 20px;
}
.jq-radio::before {
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background: #C3C3C3;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
.jq-radio.styler--md::before {
  width: 6px;
  height: 6px;
}

.jq-radio.error {
  background: #ffeded;
  border-color: #b40202;
}

.jq-radio.checked {
  background: #2B2829;
  border-color: #2B2829;
}
.jq-radio.checked::before {
  background: #fff;
}

.jq-radio:disabled,
.jq-radio.disabled {
  pointer-events: none;
  cursor: initial;
  border-color: #C3C3C3;
}
.jq-radio:disabled + *,
.jq-radio.disabled + * {
  color: #C3C3C3;
}

.jq-checkbox {
  border: 1px solid #C3C3C3;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.jq-checkbox.styler--check {
  width: 20px;
  height: 20px;
}
.jq-checkbox:hover, .form__label:hover .jq-checkbox, .label:hover .jq-checkbox {
  border-color: #2B2829;
}
.jq-checkbox.checked {
  background: #2B2829;
  border-color: #2B2829;
}
.jq-checkbox.checked .jq-checkbox__div {
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.jq-checkbox.styler--check.checked .jq-checkbox__div {
  width: 100%;
  height: 100px;
  background: url(../images/icons/check.svg) no-repeat center center;
}
.jq-checkbox.checked + span {
  color: #2B2829;
}

.counter {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  border-radius: 100px;
  padding: 0 5px;
}
.counter__button {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}
.counter__button-minus {
  background: url(../images/icons/minus.svg) no-repeat center center;
}
.counter__button-plus {
  background: url(../images/icons/plus.svg) no-repeat center center;
}
.counter__value {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #2B2829;
  font-size: 18px;
  font-weight: 500;
  font-family: "Cera Pro";
  text-align: center;
}

.switcher {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  position: relative;
  vertical-align: middle;
  font-size: 14px;
  user-select: none;
  cursor: pointer;
}
.switcher input[type=checkbox] {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.switcher__check {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 34px;
  height: 18px;
  border-radius: 100px;
  vertical-align: top;
  background: #f3f3f3;
  transition: 0.2s;
}
.switcher__check:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  border: 1px solid #4A4A4A;
  transition: 0.15s;
}
input[type=checkbox]:checked + .switcher__check:before {
  border-width: 6px;
  transform: translateX(16px);
}

/**************************************************************
popup
**************************************************************/
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: none;
  z-index: 9999;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background: rgba(153, 151, 151, 0.22);
}
.popup--bnr {
  -webkit-backdrop-filter: initial;
  backdrop-filter: initial;
  background: rgba(0, 0, 0, 0.75);
}
.popup__content {
  width: 100%;
  min-height: 100%;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 15px;
  position: relative;
  z-index: 1;
}
.popup__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.popup__container {
  position: relative;
  width: 100%;
  max-width: 1000px;
  padding: 50px 30px 50px;
  border-radius: 30px;
  background: #fff;
  overflow: hidden;
  text-align: center;
  border: 1px solid #E9E9E9;
}
.popup--bnr .popup__container  {
  padding: 15px;
  background: none;
  border: none;
  width: auto;
  overflow: initial;
}
.popup--city .popup__container {
  max-width: 815px;
}
.popup--search .popup__container {
  background: none;
  border: none;
  max-width: 700px;
  padding: 70px 0 0;
}

.popup--beauty .popup__container {
  max-width: 1320px;
  padding: 0;
  max-height: 90vh;
  max-height: 1120px;
  border-radius: 10px;
}
.popup__close {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 99;
  transition: all 0.3s ease-in-out;
}
.popup--bnr .popup__close  {
  right: -10px; top: -10px;
  color: #fff;
}
.popup__close:hover {
  color: #615F60;
}
.popup__close .icon {
  width: 100%;
  height: 100%;
}
.popup--search .popup__close {
  right: 50%;
  transform: translateX(50%);
}
.popup__body {
  width: 100%;
  max-width: 730px;
  margin: 0 auto;
}
.popup--content .popup__body {
  max-height: calc(100vh - 150px);
  overflow: auto;
  max-width: 100%;
  text-align: left;
}
.popup__imgbg img {
  max-height: 70vh
}
.popup__imgbg .btn {
  position: absolute;
  bottom: 65px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  min-width: 300px;
}
.popup__head {
  margin-bottom: 30px;
}
.popup__title {
  font-size: 36px;
  font-family: "Cera Pro";
}
.popup__intro {
  margin-top: 15px;
}
.popup__intro a {
  text-decoration: underline;
}
.popup__intro a:hover {
  text-decoration: none;
}
.popup__form {
  max-width: 400px;
  margin: 0 auto;
}
.popup--search form {
  max-width: 550px;
  position: relative;
  margin: 0 auto;
  display: flex;
}
.popup--search .input-search {
  height: 60px;
  margin: 0;
  padding-right: 60px;
}
.popup--search .btn-search {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2B2829;
  cursor: pointer;
  outline: none;
}
.popup--search .btn-search .icon {
  width: 50%;
  height: 50%;
}
.title-search-result {
  display: none !important;
}
@media (max-width: 1919px) {
  .popup--beauty .popup__container {
    max-width: 1000px;
    max-height: 90vh;
    max-height: 1050px;
  }
}
@media (max-width: 1600px) {

  .popup__imgbg .btn {
    bottom: 50px;

  }
}
@media (max-width: 1369.98px) {
  .popup__container {
    padding: 50px 30px 45px;
    max-width: 980px;
  }
  .popup__body {
    max-width: 600px;
    margin: 0 auto;
  }
  .popup__head {
    margin-bottom: 25px;
  }
  .popup__title {
    font-size: 30px;
  }
  .popup__intro {
    margin-top: 10px;
    font-size: 16px;
  }
  .popup__imgbg .btn {
    bottom: 35px;

  }
}
@media (max-width: 1023.98px) {
  .popup--beauty .popup__container {
    padding-top: 45px;
    max-width: 500px;
    max-height: initial;
  }
  .popup--beauty .popup__close {
    top: 10px;
    right: 50%;
    transform: translateX(50%);
  }
}
@media (max-width: 767.98px) {
  .popup__close {
    top: 20px;
    right: 50%;
    transform: translateX(50%) !important;
  }
  .popup--bnr .popup__close {
    right: 15px;
    top: -15px;
    transform: initial !important;
  }
  .popup__title {
    font-size: 24px;
  }
  .popup__intro {
    font-size: 14px;
  }
  .popup__intro br {
    display: none;
  }
}
@media (max-width: 609.98px) {
  .popup:not(.popup--bnr) .popup__content {
    padding: 0;
    align-items: initial;
  }

  .popup--beauty .popup__content {
    padding: 15px 0;
  }
  .popup__container {
    display: flex;
    align-items: center;
    border-radius: 0;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
  }
  .popup--search .popup__container {
    padding: 100px 15px 0;
    align-items: flex-start;
  }
}

/**************************************************************
header
**************************************************************/
.header {
  position: relative;
  z-index: 999;
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  background: #fff;
}
.header__inner {
  display: flex;
  align-items: center;
  min-height: 75px;
  padding: 10px 0;
  gap: 40px;
}
.header__left {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  gap: 20px;
}
.header__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 0 0;
  gap: 30px;
}
.header__logo {
  max-width: 100px;
  display: flex;
}
.header__burger {
  width: 33px;
  height: 33px;
  background: none;
  border: none;
  color: #2B2829;
  outline: none;
  cursor: pointer;
  position: relative;
}
.header__burger:hover {
  color: #615F60;
}
.header__burger .icon {
  width: 100%;
  height: 100%;
}
.header__burger .icon-close {
  display: none;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.header__burger.active .icon {
  display: none;
}
.header__burger.active .icon-close {
  display: block;
}
.header__menu {
  flex: 1 0 0;
}
.header__menu ul {
  display: flex;
  justify-content: space-around;
  gap: 20px;
}
.header__menu li {
  position: relative;
}
.header__menu li a {
  font-weight: 500;
  letter-spacing: 0.03em;
  transition: all 0.3s ease-in-out;
  position: relative;
  display: flex;
  align-items: center;
}
.header__menu li a:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  transform: scaleX(0);
  transform-origin: right;
  content: "";
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-bottom: 1px solid #2B2829;
}
.header__menu li a:hover:after {
  transform-origin: left;
  transform: scaleX(1);
}
.header__menu li a .icon {
  width: 14px;
  height: 8px;
  transform: translateY(1px);
  margin-left: 6px;
}
.header__menu .submenu {
  position: absolute;
  top: 100%;
  left: -20px;
  padding-top: 10px;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.header__menu .submenu ul {
  display: block;
  border-radius: 0 0 10px 10px;
  border-top: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 10px 0;
  min-width: 200px;
}
.header__menu .submenu li {
  margin: 0;
}
.header__menu .submenu li a {
  white-space: nowrap;
  padding: 7px 20px;
  color: #2B2829;
  display: block;
  font-size: 16px;
  height: auto;
}
.header__menu .submenu li a:hover {
  color: #615F60;
}
.header__menu .submenu li a::after {
  display: none;
}
.header__menu li:hover .submenu {
  visibility: visible;
}
.header__menu li:hover .submenu ul {
  opacity: 1;
  visibility: visible;
}
.header__link {
  transition: all 0.3s ease-in-out;
}
.header__link:hover {
  color: #615F60;
}
.header__city {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.header__city-icon {
  display: flex;
  width: 12px;
  height: 16px;
}
.header__city-arrow {
  width: 14px;
  height: 8px;
  transform: translateY(1px);
}
.header__lang {
  text-transform: uppercase;
  display: flex;
  gap: 5px;
}
.header__lang a {
  transition: all 0.3s ease-in-out;
}
.header__lang a:hover {
  color: #615F60;
}
.header__phones {
  position: relative;
  z-index: 100;
  padding-right: 5px;
}
.header__phones:before {
  position: absolute;
  left: 100%; top: 50%;
  transform: translateY(-50%);
  width: 14px; height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg id='arr-menu' viewBox='0 0 14 8' width='14' height='8' fill='none' stroke='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.24074 7.1142C6.63984 7.57981 7.36016 7.57981 7.75926 7.1142L13 1' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E");
  background-size: 100%;
  content: ''
}
.header__phones-hover {
  position: absolute;
  top: 100%; left: -10px;
  min-width: calc(100% + 20px);
  background: rgba(255, 255, 255, 0.7);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 10px 10px;
  border-radius: 0 0 10px 10px;

}
.header__phones:hover .header__phones-hover {
  opacity: 1; visibility: visible;
}
.header__phone {
  margin: 0 10px;
  margin: 0 auto;
  white-space: nowrap;
  padding-left: 25px;
  background: url('/images/phone_icon.svg') no-repeat left center;
  background-size: 15px;
  background-position: left 3px center;
}
.header__wa {
  background-image: url('/images/whatsapp.svg');
  background-size: 20px;
  background-position: left center;
}
.header__oae {
  background-image: url('/images/flag_oae.png');
  background-size: 20px;
  background-position: left 1px top 5px;
}
.header__turkey {
  background-image: url('/images/flag_turkey.png');
  background-size: 20px;
  background-position: left 1px top 5px;
}
.header__item {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header__item .icon {
  width: 100%;
  height: 100%;
}
.header__basket-count {
  width: 16px;
  height: 16px;
  background: #4A4A4A;
  border-radius: 100%;
  position: absolute;
  top: -3px;
  right: -5px;
  z-index: 2;
  color: #fff;
  font-size: 10px;
  font-family: "Cera Pro";
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}


.header__lang {
    position: relative;
    z-index: 9;
}
.header__lang-current {
  position: relative;
  height: 36px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.header__lang-current .icon {
  width: 8px;
  height: 5px;
}
@media (hover: hover) {
  .header__lang:hover .header__lang-current {
    
      color: #767676;
      background: #efefef;
  }
  .header__lang:hover .header__lang-current .icon {
    opacity: 1;
  }
}
.header__lang.opened .header__lang-current {
  
  color: #767676;
  background: #efefef;
}
.header__lang.opened .header__lang-current .icon {
  opacity: 1;
  transform: scale(1, -1);
}
.header__lang-open {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
}
.header__lang-drop {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #efefef;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.header__lang-drop li.active {
    display: none;
}
.header__lang-drop li a,
.header__lang-drop li span {
  display: block;
  padding: 5px 10px;
  font-size: 16px;
  
  color: #767676;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
@media (hover: hover) {
  .header__lang-drop li a:hover,
  .header__lang-drop li span:hover {
    color: #fff;
    background: #2B2829;
  }
}
.header__lang.opened .header__lang-drop {
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) {
  .header__lang:hover .header__lang-drop {
    opacity: 1;
    visibility: visible;
  }
}
.header__lang-drop .language__img_active {
  display: none;
}

@media (max-width: 1369.98px) {
  .header__left {
    flex: 0 0 auto;
  }
  .header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .header__menu {
    display: none;
  }
  .header__phone {
    margin-right: 0;
  }
}
@media (max-width: 1023.98px) {
  .header__inner {
    margin-top: 40px;
    border-top: 1px solid #EDEDED;
    position: relative;
  }
  .header__left {
    order: 5;
  }
  .header__city, .header__phone {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 12px;
    font-size: 14px;
  }
  .header__city-icon {
    width: 10px; height: 14px;
  }
  .header__city-arrow {
    width: 12px; height: 7px;
  }
  .header__phone {
    right: 0; left: auto;
  }
  .header__profile {
    /*order: -2;*/
    margin-left: auto;
  }
}
@media (max-width: 767.98px) {
  .header__inner {
    min-height: 55px;
    gap: 28px;
  }
  .header__right {
    gap: 17px;
  }
  .header__logo img {
    max-height: 36px;
  }
  .header__burger {
    width: 24px;
    height: 24px;
  }
  .header__burger .icon-close {
    width: 15px;
    height: 15px;
  }
  .header__lang {
    /*display: none;*/
  }
  .header__basket {
  }
  .header__search {
    /*order: -1;*/
  }
}

.navfix {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background: rgba(153, 151, 151, 0.22);
  z-index: 999;
  margin: 0;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.navfix.opened {
  opacity: 1;
  visibility: visible;
}
.navfix__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.navfix__box {
  padding: 60px 0;
  background: #fff;
}
.navfix__cols {
  display: flex;
  gap: 60px;
}
.navfix__col {
  width: 230px;
}
.navfix__label {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 25px;
  display: inline-block;
}
.navfix ul li {
  text-wrap: balance;
}
.navfix ul li + li {
  margin-top: 12px;
}
.navfix ul a {
  font-size: 14px;
  color: #4A4A4A;
}
.navfix ul a:hover {
  text-decoration: underline;
}
.navfix__menu {
  display: none;
}
@media (max-width: 1023.98px) {

  .navfix__box {
    padding-top: 35px;
  }
  .navfix__cols {
    gap: 30px;
  }
}
@media (max-width: 767.98px) {
  .navfix {
    height: calc(var(--vh) * 100 - 95px);
  }
  .navfix__cols {
    flex-direction: column;
  }
  .navfix__col {
    width: 100%;
  }
  .navfix__menu {
    display: flex;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #DCDCDC;
  }
}

/**************************************************************
footer
**************************************************************/
.footer {
  background: #2B2829;
  padding: 26px 0 12px;
  font-size: 14px;
  color: #fff;
}
.footer__inner {
  display: flex;
  justify-content: space-between;
  gap: 70px;
  margin: 0 -15px;
}
.footer__col {
  padding: 0 15px;
}
.footer__col--center {
  width: 60%;
}
.footer__logo {
  display: block;
  width: 100%;
  max-width: 240px;
}
.footer__gmi {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 30px;
}
.footer__menu-name {
  margin-bottom: 22px;
  font-weight: 500;
  text-transform: uppercase;
}
.footer__menu li + li {
  margin-top: 12px;
}
.footer__menu a {
  transition: all 0.3s ease-in-out;
}
.footer__menu a:hover {
  text-decoration: underline;
}
.footer__citem {
  margin-top: 22px;
}
.footer__citem-label {
  margin-bottom: 10px;
  font-size: 12px;
}
.footer__social {
  margin-top: 16px;
}
.footer__bottom {
  margin-top: 40px;
  text-align: center;
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.footer__fait {
  font-weight: 500;
  letter-spacing: 0.03em;
}
.footer__fait a {
  font-weight: 700;
  text-transform: uppercase;
}
.footer__fait a:hover {
  text-decoration: underline;
}
.footer__buttons {
  flex: 0 0 auto;
}
.footer__buttons .btn::after {
  background: url(../images/icons/arrow-btn.svg);
}
@media (hover: hover) {
  .footer__buttons .btn:hover {
    background: #DCDCDC;
    color: #2B2829;
  }
}
@media (max-width: 1369.98px) {
  .footer__inner {
    gap: 30px;
  }
}
@media (max-width: 1023.98px) {
  .footer__inner {
    flex-direction: column;
    gap: 10px;
  }
  .footer__col--left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
  }
  .footer__col--center {
    width: 100%;
  }
}
@media (max-width: 609.98px) {
  .footer {
    padding: 25px 0 20px;
  }
  .footer__logo {
    max-width: 95px;
  }
  .footer__gmi {
    grid-template-columns: 1fr;
  }
  .footer__bottom {
    margin-top: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
  }
  .footer__fait {
    width: 100%;
    text-align: center;
  }
}

/**************************************************************

**************************************************************/
.hero__inner {
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  gap: 1px;
  position: relative;
}
.hero__inner  .swiper-button {
  opacity: 0;
}
.hero__inner:hover  .swiper-button {
  opacity: 1;
}
.hero__photos {
  flex: 0 0 auto;
  width: 50%;
}
.hero__photos-photo {
  position: relative;
  padding-bottom: 100%;
  height: 100%;
  background: #f3f3f3;
}
.hero__photos-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.hero__photos-photo video {
    position: absolute;
    top: 50%;
    left: 50%;
      /*min-width: 100%;*/
    /*min-height: 110%;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
      z-index: 0;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.hero__photos-photo  video::-webkit-media-controls {
  /*display: none;*/
}
.hero__slider {
  flex: 1 0 0;
  position: initial;
}
.hero__slider .swiper-pagination-lock,
.hero__slider .swiper-button-lock {
  display: none;
}
.hero__item-info {
  height: 100%;
  background: url(../images/hero/bg.jpg) no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 70px 70px 70px 100px;
}
.hero__item-title {
  font-family: "Cera Pro";
  font-size: 44px;
  letter-spacing: 0.02em;
  animation-fill-mode: both !important;
}
.swiper-slide-active .hero__item-title {
  -webkit-animation: fade-up 1.2s cubic-bezier(0.35, 0, 0, 1.01);
  animation: fade-up 1.2s cubic-bezier(0.35, 0, 0, 1.01);
}
.hero__item-text {
  margin-top: 24px;
  font-size: 18px;
  color: #606060;
  animation-fill-mode: both !important;
}
.swiper-slide-active .hero__item-text {
  -webkit-animation: fade-up 1.2s cubic-bezier(0.35, 0, 0, 1.01) 0.3s;
  animation: fade-up 1.2s cubic-bezier(0.35, 0, 0, 1.01) 0.3s;
}
.hero__item-text > * + * {
  margin-top: 8px;
}
.hero__item-buttons {
  margin-top: 40px;
  animation-fill-mode: both !important;
}
.swiper-slide-active .hero__item-buttons {
  -webkit-animation: fade-up 1.2s cubic-bezier(0.35, 0, 0, 1.01) 0.6s;
  animation: fade-up 1.2s cubic-bezier(0.35, 0, 0, 1.01) 0.6s;
}
@media (max-width: 1369.98px) {
  .hero__item-info {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 1023.98px) {
  .hero__item-info {
    padding: 30px;
  }
  .hero__item-title {
    font-size: 28px;
  }
  .hero__item-text {
    font-size: 16px;
    margin-top: 20px;
  }
  .hero__item-buttons {
    margin-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .hero__inner {
    flex-direction: column;
    gap: 24px;
  }
  .hero__photos {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
  }
  .hero__photos-photo {
    padding-bottom: 90%;
    border-radius: 6px;
    overflow: hidden;
  }
  .hero__slider {
    flex: 0 0 auto;
    width: 100%;
  }
  .hero__slider .swiper-pagination {
    position: relative;
    border: 1px solid #EDEDED;
    margin-top: 24px;
    margin-top: 40px
    bottom: auto;
  }
  .hero__item-info {
    height: auto;
    padding: 0;
    background: none;
  }
  .hero__item-buttons .btn {
    width: 100%;
    max-width: 480px;
  }
}

/**************************************************************

**************************************************************/
.advant {
  overflow: hidden;
  margin: 70px 0 90px;
}
.advant__carousel {
  overflow: initial;
}
.advant__carousel .swiper-wrapper {
  transition-timing-function: linear;
}
.advant__citem {
  width: auto;
  max-width: 420px;
  display: flex;
  align-items: center;
  gap: 26px;
}
.advant__citem-icon {
  flex: 0 0 auto;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.advant__citem-title {
  font-size: 20px;
  text-transform: uppercase;
  max-width: 320px;
}
@media (max-width: 1023.98px) {
  .advant {
    margin-top: 60px;
  }
  .advant__citem {
    max-width: 360px;
    gap: 15px;
  }
  .advant__citem-icon {
    width: 50px;
    height: 50px;
  }
  .advant__citem-title {
    font-size: 18px;
  }
}

/**************************************************************

**************************************************************/
.catalog .section__buttons.show-tablet-sm {
  display: none !important;

}
.catalog__cols {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.catalog__top {
  margin-bottom: 40px;
  display: flex;
  gap: 45px;
}
.catalog__content {
  flex: 1 0 0;
}
.catalog__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}
.catalog__items.items--sm {
  grid-template-columns: 1fr 1fr;
}
.catalog__lcat {
  width: calc(50% - 15px);
  flex: 0 0 auto;
}
.catalog__category {
  position: sticky;
  top: 5px;
  color: #fff;
}
.catalog__category-photo {
  position: relative;
  padding-bottom: 111%;
  border-radius: 6px;
  overflow: hidden;
}
.catalog__category-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.catalog__category-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 30px;
}
.catalog__category-title {
  font-size: 36px;
  font-family: "Cera Pro";
}
.catalog__category-text > * + * {
  margin-top: 10px;
}
.catalog__category-buttons {
  margin-top: 35px;
}
.catalog__flopen {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s ease-in-out;
}
.catalog__flopen:is(a):hover {
  text-decoration: none;
  color: #615F60;
}
.catalog__flopen .icon {
  flex: 0 0 auto;
  width: 21px;
  height: 18px;
  color: #4A4A4A;
}
.catalog__sort {
  display: flex;
}
.catalog__catcar {
  margin-bottom: 40px;
  padding-right: 58px;
}
.catalog__catcar:after {
  position: absolute;
  right: 0; top: 0;
  width: 56px; height: 100%;
  background: #fff;
  content: '';
  z-index: 2;
}
.catalog__catcar .swiper-slide {
  width: auto;
}
.catalog__catcar .swiper-button {
  width: 32px; height: 32px;
  right: 0;
  margin-top: -16px;
  background: #F3F3F3;
  border: none;
}
.catalog__catcar-btn {
  background: #F3F3F3;
  border-radius: 5px;
  height: 32px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  font-family: Mulish;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-align: center;
  white-space: nowrap;
  transition: all 0.3s;
}
@media (hover: hover) {
  .catalog__catcar-btn:hover {
    color: #fff;
    background: #2B2829;
    border-color: #2B2829;
  }
}
@media (max-width: 1369.98px) {
  .catalog__cols {
    grid-template-columns: 1fr;
  }
  .catalog__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1023.98px) {
  .catalog__tl {
    margin-bottom: 20px;
    text-align: right;
  }
  .catalog__items {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog__content {
    flex: 0 0 auto;
    width: 100%;
  }
  .catalog__lcat {
    width: 100%;
  }
  .catalog__category-photo {
    padding-bottom: 80%;
  }
}
@media (max-width: 767.98px) {
  .catalog__items.items--mscroll {
    display: flex !important;
    margin: 0 -15px -10px;
    padding: 5px 15px 10px 15px;
    overflow: auto;
  }
  .catalog__lcat {
    margin-bottom: 50px;
  }
  .catalog__category {
    color: #2B2829;
  }
  .catalog__category-photo {
    padding-bottom: 111%;
  }
  .catalog__category-info {
    position: relative;
    margin-top: 20px;
    padding: 0;
  }
  .catalog__category-title {
    font-size: 20px;
  }
  .catalog__category-buttons {
    margin-top: 20px;
  }
  .catalog__category-buttons .btn {
    width: 100%;
    max-width: 480px;
    background: #2B2829;
    color: #fff;
  }
  .catalog__catcar {
    /*overflow: initial;*/
    margin: 0 -15px 20px;
    padding: 0 15px;
  }
  .catalog__catcar:after {
    display: none;
  }
  .catalog__catcar .swiper-button {
    display: none;
  }

}
@media (max-width: 609.98px) {
  .catalog .page {
    display: none;
  }
  .catalog__cols {
    position: static;
  }
  .catalog__top {
    gap: 20px;
    justify-content: space-between;
  }
  .catalog__items {
    grid-gap: 20px 16px;
  }
  .catalog__items .product-item-button-container .btn .mm {
    display: none;
  }
}
@media (max-width: 400px) {
  .catalog__items .detail__props {
    gap: 5px;
  }
  .catalog__items .detail__props-item {
    height: 30px;
  min-width: 45px;
  }
  .catalog__items .product-item-button-container .btn {
    padding: 0 15px;
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .catalog__items.items--mscroll {
    gap: 20px;
  }
}

/**************************************************************

**************************************************************/
.filters {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(153, 151, 151, 0.22);
  z-index: 9999;
  margin: 0;
  overflow: auto;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.filters.opened {
  opacity: 1;
  visibility: visible;
}
.filters__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.filters__content {
  height: calc(var(--vh) * 100);
  overflow: auto;
  padding: 0px 55px 0px 65px;
  max-width: 325px;
  background: #fff;
  position: relative;
  scrollbar-color: #2B2829 #fff;
  scrollbar-width: thin;
}
.filters__head {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  padding: 30px 0 20px;
  margin-bottom: 30px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filters__clear {
  color: #C3C3C3;
  font-size: 10px;
  font-family: "Mulish", sans-serif;
  text-decoration: underline;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-in-out;
}
.filters__clear:hover {
  color: #2B2829;
}
.filters__close {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -55px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  z-index: 9;
}
.filters__close .icon {
  width: 50%;
  height: 50%;
}
.filters__close:hover .icon {
  transform: scale(1.1);
}
.filters__buttons {
  position: sticky;
  bottom: 0;
  background: #fff;
  margin-top: 20px;
  padding: 20px 0 40px;
  gap: 10px;
  z-index: 10;
}
.filters__buttons .btn {
  height: 40px;
  font-size: 14px;
}
.filters__buttons .btn::after {
  display: none;
}
.filters__item + .filters__item {
  margin-top: 40px;
}
.filters__item-title {
  font-weight: 500;
  font-size: 14px;
  color: #4A4A4A;
  margin-bottom: 15px;
}
.filters__item-toggle {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.filters__item-toggle:after {
  content: "";
  width: 19px;
  height: 9px;
  background: url(../images/icons/arrow-drop.svg) no-repeat;
  transition: all 0.3s ease-in-out;
}
.filters__item-toggle.closed:after {
  transform: rotate(180deg);
}
.filters__search {
  margin-bottom: 17px;
}
.filters__stock {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.filters__stock > * {
  margin: 0;
}
.filters__stock + .filters__stock {
  margin-top: 14px;
}
.filters__list {
  max-height: 280px;
}
.filters__list.opened {
  max-height: 280px;
}
.filters__list ul {
  padding-top: 2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.filters__list.list--cols ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 14px 30px;
}
.filters__list-label {
  font-size: 14px;
  color: #4A4A4A;
}
.filters__list.opened .filters__list-item {
  display: block;
}
.filters__linkmore {
  margin-top: 12px;
}
.filters__cost-items {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  grid-gap: 6px;
  margin-bottom: 20px;
  display: none;
}
.filters__cost-itemsep {
  width: 16px;
  border-top: 1px solid #C4C4C4;
}
.filters__cost-item__label {
  font-size: 14px;
  margin-bottom: 2px;
  line-height: 24px;
}
.filters__cost-input {
  height: 40px;
  border-radius: 6px;
  margin: 0;
}
.filters__buttons {
  margin-top: 45px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/**************************************************************
.pagination 
**************************************************************/
.pagination {
  margin-top: 70px;
  position: relative;
  font-size: 14px;
}
.pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.pagination__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination__item--next {
  margin-left: 10px;
}
.pagination__item--prev {
  margin-right: 10px;
}
.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 1px 2px 0;
  height: 35px;
  min-width: 35px;
  font-weight: 700;
  font-size: 14px;
  color: black;
  text-align: center;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.pagination__link:hover {
  color: #615F60;
}
.pagination__link.current {
  border-color: #615F60;
}
.pagination__item--next .pagination__link, .pagination__item--prev .pagination__link {
  font-size: 10px;
  color: #615F60;
  border-radius: 50px;
  flex: 0 0 auto;
  width: 35px;
  height: 35px;
  border-color: #2B2829;
}
.pagination__item--next .pagination__link:hover, .pagination__item--prev .pagination__link:hover {
  background: #2B2829;
  color: #fff;
}
.pagination__item--next .pagination__link .icon, .pagination__item--prev .pagination__link .icon {
  width: 8px;
  height: 15px;
}
.pagination__tshown {
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 1023.98px) {
  .pagination {
    margin-top: 50px;
  }
}
@media (max-width: 609.98px) {
  .pagination {
    margin-top: 30px;
  }
}
/**************************************************************

**************************************************************/
.stickers__items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.stickers__item {
  font-size: 13px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.7);
  background: #2B2829;
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0 6px 6px 0;
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 35px;
}
.stickers__item.item--new {
  background: #2B2829;
  background: rgba(255, 138, 0, 0.7);
  color: #fff;
}
@media (max-width: 609.98px) {
  .catalog__items:not(.items--mscroll) .stickers__item {
    font-size: 8px;
    font-weight: 600;
    height: 20px;
    padding: 0 8px;
  }
}

.product {
  position: relative;
  min-width: 1px;
}
.product:hover,
.product-item-container:hover {
  z-index: 50;
}
.product__photo {
  position: relative;
  border-radius: 6px;
  padding-bottom: 128%;
  overflow: hidden;
  background: #f3f3f3;
  margin-bottom: 12px;
}
.product__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.product-item-image-wrapper {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-top: 116%;
  width: 100%;
  transition: all 300ms ease;
  border-radius: 6px;
  overflow: hidden;
}
.product-item-image-slider-slide-container,
.product-item-image-original,
.product-item-image-alternative {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
  background-size: cover;
  transition: opacity 300ms ease;
  opacity: 1 !important;
  /*mix-blend-mode: multiply;*/
}
.product-item-image-slide {
  position: relative;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #f3f3f3;
  /*background-color: none !important;*/
  transition: .6s ease-in-out left;
  /*mix-blend-mode: multiply;*/
}
.product-item-medal {
  display: block;
  position: absolute;
  bottom: 10px; right: 10px;
  width: 60px; height: 60px;
  z-index: 10;
    perspective: 800px;
}
.product-item-medal-wrap {
  display: block;
  width: 100%; height: 100%;
      transform-style: preserve-3d;
  animation: spin 4s linear infinite;
}
.product-item-medal-img {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  backface-visibility: hidden;
}
.product-item-medal-img.img-back {
   transform: rotateY(180deg);
}
@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
/*  30% {
    transform: rotateY(180deg);
  }
  70% {
    transform: rotateY(180deg);
  }*/
  100% {
    transform: rotateY(360deg);
  }
}

.product__stickers {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 29;
}
.product__action {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 9;
}
.product .wish_item.to {
  opacity: 0;
  visibility: hidden;
}
.product:hover .wish_item {
  opacity: 1;
  visibility: visible;
}
.product__buttons {
  position: absolute;
  right: 14px;
  bottom: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.product:hover .product__buttons {
  opacity: 1;
  visibility: visible;
}
.product__art {
  margin-bottom: 12px;
  font-size: 14px;
  color: #9D9C9C;
  font-weight: 500;
}
.product__title {
  font-size: 20px;
  font-family: "Cera Pro";
  line-height: 1.15;
}
.product__title a {
  transition: all 0.3s ease-in-out;
}
.product__title a:hover {
  color: #615F60;
}
.product__price {
  margin-top: 14px;
  font-family: "Cera Pro";
}
.product__price-current {
  font-size: 22px;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap
}
.product__price-old {
  color: #818181;
  text-decoration: line-through;
  white-space: nowrap;
}
.product__price-sale {
  margin-left: 12px;
  font-size: 12px;
  color: #2CDE00;
  white-space: nowrap;
}
.product__mlink {
  margin-top: 10px;
  font-size: 12px;
  color: red;
  font-weight: 600;
  text-underline-position: under;
}
.product__pcontent {
  display: none;
}

@media (max-width: 1023.98px) {
  .product .wish_item {
    opacity: 1 !important;
    visibility: visible !important;
  }
  .product__buttons {
    opacity: 1;
    visibility: visible;
  }
  .product__buttons .btn {
    background: #2B2829;
    color: #fff;
  }
  .product__art {
    margin-bottom: 10px;
  }
  .product__price {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .items--mscroll .product {
    flex: 0 0 auto;
    width: 280px;
  }
}
@media (max-width: 609.98px) {

  .product {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
  .product__info {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
  }
  .catalog__items:not(.items--mscroll) .product__art {
    font-size: 10px;
  }
  .catalog__items:not(.items--mscroll) .product__title {
    font-size: 14px;
  }
  .catalog__items:not(.items--mscroll) .product__price-current {
    font-size: 24px;
    font-size: 16px;
  }
  .catalog__items:not(.items--mscroll) .product__stickers {
    /*top: 10px;*/
  }
  .catalog__items:not(.items--mscroll) .product__buttons {
    bottom: 10px;
    right: 10px;
  }
  .catalog__items:not(.items--mscroll) .product__buttons .btn--cart {
    width: 40px;
    height: 40px;
  }
  .catalog__items:not(.items--mscroll) .product__action {
    top: 10px;
    right: 10px;
  }
  .catalog__items:not(.items--mscroll) .product__action .btn_act {
    width: 30px;
    height: 30px;
  }
  .product-item-info-container:last-child {
    margin-top: auto;
    padding-top: 16px;
  }
  .product-item-button-container .btn {
    background: #fff;
    border: 1px solid #2B2829;
    color: #2B2829;
  }
}

/**************************************************************

**************************************************************/
.detail__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  grid-gap: 30px;
}
.detail__photos {
  position: relative;
  min-width: 1px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #f3f3f3;
}
.detail__stickers {
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 9;
}
.detail__slider-item {
  position: relative;
  padding-bottom: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.detail__slider-item img {
/*  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;*/
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
}
.detail__info {
  padding-top: 40px;
}
.detail__title {
  font-family: "Cera Pro";
  font-size: 32px;
  line-height: 1.2;
  font-weight: 500;
  max-width: 520px;
  margin-bottom: 35px;
}
.detail__ratcd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  margin-bottom: 25px;
}
.detail__rating {
  display: none;
}
.detail__art {
  color: #C3C3C3;
  color: #9D9C9C;
  font-size: 14px;
  font-weight: 500;
}
.detail__props {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}
.detail__props-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-width: 60px;
  border: 1px solid #C3C3C3;
  border-radius: 4px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 500;
  color: #C3C3C3;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.detail__props-item.active, .detail__props-item:hover {
  border-color: #2B2829;
}
.detail__props-item.active {
  color: #2B2829;
}
.detail__props-color {
  width: 40px;
  height: 40px;
  padding: 7px;
  border-radius: 100%;
  margin-right: 16px;
}
.detail__props-color span {
  display: block;
  border-radius: 100%;
  width: 100%;
}
.detail__props-label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.detail__price {
  margin-top: 30px;
}
.detail__price-current {
  font-family: "Cera Pro";
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}
.product-item-detail-price-old {
display: inline-block;
  text-decoration: line-through;
  opacity: 0.7;
}
.detail__buttons {
  margin-top: 25px;
}
.detail__tabs {
  margin-top: 30px;
  max-width: 425px;
}
.detail__tabs .content__toggle {
  max-height: 135px;
  overflow: hidden;
  position: relative;
}
.detail__tabs .content__toggle.opened {
  max-height: inherit;
}
.detail__tabs .content__toggle:after {
  position: absolute;
  left: 0; bottom: 0;
  width: 100%; height: 25px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.99) 100%);
  content: '';
}
.detail__tabs .content__toggle.opened:after {
  display: none;
} 
.detail__tabs .content__toggle > * {
  display: initial  !important;
}
.detail__tabs .content__toggle.opened > * {
  display: initial  !important;
}
.detail__tabs .content__toggle.opened > table {
  display: table  !important;
  font-size: 0.8em;
  line-height: 1.4;
}
.detail__tabs .content__toggle.opened > hr,
.detail__tabs .content__toggle.opened > ul {
  display: block  !important;
}
.detail__nav {
  margin-bottom: 24px;
  max-width: 500px !important;
}
.detail__nav ul {
  display: flex;
  /*justify-content: space-between;*/
  gap: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #C3C3C3;
}
.detail__nav li a {
  position: relative;
  color: #C3C3C3;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none !important;
}
.detail__nav li a:hover {
  color: #2B2829;
}
.detail__nav li a.active {
  color: #2B2829;
  pointer-events: none;
}
.detail__nav li a.active::after {
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 10px;
  background: #4A4A4A;
  border-radius: 10px;
  content: "";
}
.detail__dvideo {
  width: 100%;
  max-width: 640px;
  height: 480px;
}
.detail__dvideo > * {
  width: 100%; height: 100%;
}
@media (max-width: 1023.98px) {
  .detail__info {
    padding-top: 0;
  }
  .detail__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .detail__cols {
    grid-template-columns: 1fr;
    grid-gap: 35px;
  }
}

/**************************************************************

**************************************************************/
.category__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.category__item {
  padding-bottom: 128%;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  color: #fff;
}
.category__item#bx_1847241719_68 {
  display: none;
}
.category__item:before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%);
  z-index: 1;
  content: '';
}
.category__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .category__item:hover img {
    filter: blur(20px);
  }
}
.category__item-info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 20px 30px 30px;
  transition: all 0.3s ease-in-out;
  transform: translateY(100%);
  z-index: 5;
}
@media (hover: hover) {
  .category__item:hover .category__item-info {
    transform: translateY(0);
  }
}
.category__item-title {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 30px;
  font-size: 30px;
  font-family: "Cera Pro";
}
.category__item-text > * + * {
  margin-top: 10px;
}
.category__item-buttons {
  margin-top: 35px;
}
.category__item-mlink {
    width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (max-width: 1369.98px) {
  .category__item-title {
    font-size: 26px;
  }
  .category__item-text {
    font-size: 12px;
  }
}
@media (max-width: 1023.98px) {
  .category__items {
    gap: 20px;
  }
  .category__item img {
    filter: initial !important;
  }
  .category__item-info {
    transform: initial;
    padding: 0 20px 20px;
  }
  .category__item-title {
    font-size: 20px;
    padding: 0;
    margin-bottom: 0;
    position: relative;
  }
  .category__item-text {
    display: none;
  }
  .category__item-buttons {
    margin-top: 20px;
  }
}
@media (max-width: 767.98px) {
  .category__items {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .category__item:before {

    background: linear-gradient(0deg, rgba(0,0,0,0.45) 25%, rgba(0,0,0,0) 80%);
  }
  .category__item-info {
    transform: initial;
    padding: 0 30px 30px;
  }
  .category__item-title {
    font-size: 32px;
  }
  .category__item-buttons {
    margin-top: 30px;
  }
}
@media (max-width: 360px) {
  .category__item-info {
    padding: 20px;
  }
  .category__item-title {
    font-size: 28px;
  }
  .category__item-buttons {
    margin-top: 20px;
  }
}

/**************************************************************

**************************************************************/
.befaft {
  overflow: hidden;

}
.befaft__item {
  padding-bottom: 75%;
  padding-bottom: 100%;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.befaft__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767.98px) {
  .befaft__carousel {
    overflow: initial;
  }
}

/**************************************************************

**************************************************************/
.mabout__cols {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.mabout__info {
  max-width: 565px;
  flex: 1 0 0;
}
.mabout__photo {
  flex: 0 0 auto;
  width: calc(50% - 15px);
  border-radius: 6px;
  padding-bottom: calc(50% - 15px);
  overflow: hidden;
  position: relative;
}
.mabout__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.mabout__text {
  margin-top: 35px;
}
.mabout__text > * + * {
  margin-top: 20px;
}
.mabout__buttons {
  margin-top: 45px;
}
@media (max-width: 1023.98px) {
  .mabout__cols {
    flex-direction: column;
    align-items: flex-start;
  }
  .mabout__buttons {
    margin-top: 30px;
  }
  .mabout__photo {
    width: 80%;
    padding-bottom: 80%;
  }
}
@media (max-width: 609.98px) {
  .mabout__photo {
    width: 100%;
    padding-bottom: 100%;
  }
  .mabout__text {
    margin-top: 25px;
    font-size: 14px;
  }
  .mabout__title {
    font-size: 24px;
  }
}

/**************************************************************

**************************************************************/
.words {
  overflow: hidden;
}
.words__carousel {
  overflow: initial;
}
.words__carousel .swiper-wrapper {
  transition-timing-function: linear;
}
.words__item {
  width: auto;
  display: inline-flex;
  align-items: center;
  font-family: "Cera Pro";
  font-size: 96px;
  color: #B3B3B3;
  line-height: 0.8;
  text-transform: uppercase;
}
.words__item::after {
  content: "·";
  margin: 0 70px;
}
@media (max-width: 1023.98px) {
  .words__item {
    font-size: 70px;
  }
  .words__item::after {
    margin: 0 50px;
  }
}
@media (max-width: 609.98px) {
  .words__item {
    font-size: 50px;
  }
  .words__item::after {
    margin: 0 30px;
  }
}

/**************************************************************

**************************************************************/
.blog {
  overflow: hidden;
}
.blog__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.blog__items.cols--4 {
  grid-template-columns: repeat(4, 1fr);
}
.blog__item-photo {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%;
  border-radius: 6px;
  margin-bottom: 12px;
}
.blog__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.blog__item-photo:hover img {
  transform: scale(1.05);
}
.blog__item-time {
  position: absolute;
  top: 14px;
  right: 0;
  border-radius: 6px 0 0 6px;
  background: rgba(255, 255, 255, 0.7);
  height: 33px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
}
.blog__item-time::before {
  width: 14px;
  height: 14px;
  display: flex;
  background: url(../images/icons/clock.svg) no-repeat;
  content: "";
}
.blog__item-date {
  margin-bottom: 12px;
  font-size: 14px;
  color: #C3C3C3;
  font-weight: 500;
}
.blog__item-title {
  max-width: 380px;
  font-size: 20px;
  font-family: "Cera Pro";
}
.blog__item-title a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.blog__item-title a:hover {
  color: #615F60;
}
.blog__gallery {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.blog__gallery-item {
  position: relative;
  padding-bottom: 70%;
  border-radius: 6px;
  overflow: hidden;
}
.blog__gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
@media (hover: hover) {
  .blog__gallery-item:hover img {
    transform: scale(1.05);
  }
}
@media (max-width: 1023.98px) {
  .blog__items {
    grid-template-columns: 1fr 1fr;
  }
  .items--3 .blog__item:last-child {
    display: none;
  }
}
@media (max-width: 609.98px) {
  .blog__items {
    grid-template-columns: 1fr;
  }
  .blog__item {
    display: block !important;
  }
  .blog__gallery {
    grid-template-columns: 1fr;
  }
}

/**************************************************************
.blogd
**************************************************************/
.blogd__head {
  margin-bottom: 50px;
}
.blogd__title {
  /* max-width: 720px; */
  font-size: 36px;
  font-family: "Cera Pro";
  letter-spacing: 0.03em;
}
.blogd__props {
  margin-top: 20px;
  padding-top: 25px;
  display: flex;
  align-items: center;
  border-top: 1px solid #DCDCDC;
}
.blogd__prop {
  font-size: 14px;
  color: #C4C4C4;
  margin-right: 34px;
  display: flex;
  align-items: center;
}
.blogd__prop:not(:last-child):after {
  margin-left: 34px;
  width: 3px;
  height: 3px;
  background: #C4C4C4;
  border-radius: 100px;
  content: "";
}
.blogd__photo {
  margin-bottom: 50px;
  /*padding-bottom: 48%;*/
  position: relative;
  overflow: hidden;
}
.blogd__photo img {
  width: 100%;
/*  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;*/
}
.blogd__share {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #DCDCDC;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 115px;
}
.blogd__share-title {
  font-family: "Cera Pro";
  font-weight: 500;
  text-transform: uppercase;
}
.blogd__share .share {
  transform: translateY(-4px);
}
@media (max-width: 609.98px) {
  .blogd__head {
    margin-bottom: 30px;
  }
  .blogd__title {
    font-size: 24px;
  }
  .blogd__photo {
    margin-bottom: 30px;
  }
}

/**************************************************************

**************************************************************/
.offer__cols {
  display: flex;
  gap: 30px;
}
.offer__photo {
  flex: 1 0 0;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  padding-bottom: 45%;
}
.offer__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.offer__info {
  flex: 0 0 auto;
  width: 420px;
  display: flex;
  flex-direction: column;
}
.offer__title {
  font-size: 30px;
  font-family: "Cera Pro";
  margin-top: -5px;
}
.offer__text {
  margin-top: 50px;
  max-width: 345px;
}
.offer__text * + * {
  margin-top: 30px;
}
.offer__text li {
  position: relative;
  padding-left: 26px;
}
.offer__text li::before {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #D9D9D9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}
.offer__buttons {
  margin-top: auto;
  padding-top: 30px;
}
@media (max-width: 1023.98px) {
  .offer__cols {
    flex-direction: column-reverse;
  }
  .offer__info {
    width: 100%;
  }
  .offer__text {
    margin-top: 40px;
    max-width: 650px;
  }
}
@media (max-width: 609.98px) {
  .offer__title {
    font-size: 24px;
  }
  .offer__buttons {
    padding-top: 15px;
  }
  .offer__photo {
    padding-bottom: 100%;
  }
}

/**************************************************************

**************************************************************/
.insta__items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 10px;
}
.insta__item {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  padding-bottom: 100%;
}
.insta__item:first-child {
  grid-column: span 2;
  grid-row: span 2;
}
.insta__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.insta__item a::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/icons/arrow-circle.svg) no-repeat center;
  background-color: rgba(43, 40, 41, 0.2);
  content: "";
  transition: all 0.3s ease-in-out;
  z-index: 5;
  opacity: 0;
}
@media (hover: hover) {
  .insta__item:hover img {
    filter: blur(8px);
  }
  .insta__item:hover a:before {
    opacity: 1;
  }
}
@media (max-width: 1023.98px) {
  .insta__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 609.98px) {
  .insta__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 478.98px) {
  .insta__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

/**************************************************************

**************************************************************/
.reviews__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px 30px;
}
.reviews__item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 12px;
}
.reviews__item-name {
  font-size: 20px;
}
.reviews__item-body {
  max-height: 55px;
  overflow: hidden;
  font-size: 14px;
}
.reviews__item-body.opened {
  max-height: initial;
}

.reviews__block {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}
.reviews__block + .reviews__block {
  margin-top: 70px;
}
.reviews__block-photo {
  flex: 0 0 auto;
  width: 176px;
  height: 176px;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}
.reviews__block-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.reviews__block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 20px;
}
.reviews__block-name {
  font-size: 24px;
}
.reviews__block-body {
  max-height: 107px;
  overflow: hidden;
  font-size: 16px;
}
.reviews__block-body.opened {
  max-height: initial;
}
.reviews__block-lmore {
  text-decoration: underline !important;
}
.reviews__block-lmore::after {
  display: none;
}


.reviews__widgets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.reviews__widgets > * {
  width: 100% !important;
}


.reviews__card {
  border: 1px solid #c3c3c3;
  border-radius: 6px;
  padding: 22px 22px 35px 35px;
  display: flex !important;
  align-items: flex-start;
  gap: 28px;
  margin-bottom: 1px;
}
.reviews__card-photo {
  width: 100px;
  height: 100px;
  flex: 0 0 auto;
  position: relative;
}
.reviews__card-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.reviews__card-info {
  flex: 1 0 0;
}
.reviews__card-name {
  font-size: 24px;
  color: #3e3e3e;
  letter-spacing: 0.03em;
}
.reviews__card-work {
  margin-top: 5px;
  font-size: 14px;
}
.reviews__card-text {
  margin-top: 12px;
  letter-spacing: 0.03em;
  color: #3e3e3e;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.reviews__card-lmore {
  margin-top: 15px;
}

@media (max-width: 1023.98px) {
  .reviews {
    overflow: hidden;
  }
  .reviews__block {
    gap: 30px;
  }
  .reviews__block-body {
    max-height: 125px;
  }
  .reviews__carousel {
    overflow: initial;
  }
  .reviews__carousel .swiper-slide {
    width: 500px;
  }
}
@media (max-width: 767.98px) {
  .reviews__items {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .reviews__item-body {
    max-height: 90px;
  }
  .reviews__block {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .reviews__block + .reviews__block {
    margin-top: 60px;
  }
  .reviews__block-head {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
  }
  .reviews__block-body {
    text-align: left;
  }
  .reviews__block-lmore {
    margin-top: 25px;
  }

  .reviews__widgets {
    grid-template-columns: 1fr;
  }

  .reviews__carousel .swiper-slide {
    width: 320px;
  }
  .reviews__card {
    flex-direction: column;
    padding: 20px;
    gap: 10px;
  }
  .reviews__card-text {
    font-size: 14px;
  }
}

/**************************************************************

**************************************************************/
.team__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px 30px;
}
.team__item-photo {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  padding-bottom: 100%;
  margin-bottom: 16px;
}
.team__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.team__item-name {
  font-size: 24px;
  font-family: "Cera Pro";
  max-width: 300px;
}
.team__item-work {
  margin-top: 12px;
  font-size: 14px;
  color: #565656;
}
.team__item-desc {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #C3C3C3;
  font-size: 14px;
  color: #565656;
  padding-right: 50px;
}
@media (max-width: 1023.98px) {
  .team__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 609.98px) {
  .team__items {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
}

/**************************************************************

**************************************************************/
.promo__cols {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.promo__info {
  max-width: 50%;
  flex: 1 0 0;
}
.promo__info.mw {
  max-width: 590px;
}
.promo__photo {
  flex: 0 0 auto;
  width: 38%;
  padding-bottom: 38%;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.promo__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.promo__t {
  font-size: 26px;
  font-weight: 500;
  font-family: "Cera Pro";
  max-width: 90%;
}
.promo__text {
  margin-top: 35px;
}
.promo__text.mt--md {
  margin-top: 25px;
}
.promo__text > * + * {
  margin-top: 20px;
}
.promo__text li {
  position: relative;
  padding-left: 25px;
}
.promo__text li + li {
  margin-top: 25px;
}
.promo__text li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #D9D9D9;
  border-radius: 100%;
  content: "";
}
.promo__buttons {
  margin-top: 30px;
}
@media (max-width: 1023.98px) {
  .promo__cols {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  .promo__info {
    max-width: 100% !important;
  }
  .promo__t {
    max-width: 100%;
  }
  .promo__photo {
    order: 5;
    width: 80%;
    padding-bottom: 80%;
  }
  .promo__buttons {
    margin-top: 30px;
  }
}
@media (max-width: 609.98px) {
  .promo__photo {
    width: 100%;
    padding-bottom: 100%;
  }
  .promo__t {
    font-size: 20px;
  }
  .promo__text {
    margin-top: 25px;
  }
}

/**************************************************************

**************************************************************/
.history__cols {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.history__info {
  flex: 1 0 0;
  max-width: 580px;
}
.history__photo {
  width: 50%;
  flex: 0 0 auto;
}
.history__slide {
  padding-bottom: 75%;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.history__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.history__t {
  font-size: 26px;
  font-family: "Cera Pro";
  max-width: 90%;
}
.history__text {
  margin-top: 35px;
  font-size: 18px;
}
.history__text.mt--md {
  margin-top: 25px;
}
.history__text > * + * {
  margin-top: 20px;
}
.history__text li {
  position: relative;
  padding-left: 25px;
  font-size: 16px;
}
.history__text li + li {
  margin-top: 20px;
}
.history__text li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #D9D9D9;
  border-radius: 100%;
  content: "";
}
.history__buttons {
  margin-top: 30px;
}
@media (max-width: 1023.98px) {
  .history__cols {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
  .history__info {
    max-width: 100%;
  }
  .history__t {
    max-width: 100%;
  }
  .history__photo {
    order: 5;
    width: 100%;
  }
  .history__slide {
    width: 80%;
    padding-bottom: 65%;
  }
  .history__buttons {
    margin-top: 30px;
  }
}
@media (max-width: 609.98px) {
  .history__slide {
    width: 100%;
    padding-bottom: 80%;
  }
  .history__t {
    font-size: 20px;
  }
  .history__text {
    margin-top: 25px;
  }
}

/**************************************************************

**************************************************************/
.contacts__cols {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  grid-gap: 30px;
}
.contacts__map {
  padding-bottom: 50%;
  position: sticky;
  top: 10px;
  overflow: hidden;
  border-radius: 6px;
}
.contacts__map > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.contacts__map img {
  object-fit: cover;
}
.contacts__city {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Cera Pro";
  font-size: 20px;
  color: #2B2829;
  font-weight: 700;
  margin-bottom: 20px;
}
.contacts__city .icon {
  flex: 0 0 auto;
  width: 14px;
  height: 20px;
}
.contacts__row {
  font-family: "Cera Pro";
}
.contacts__row + .contacts__row {
  margin-top: 17px;
}
.contacts__row b {
  font-weight: 500;
}
.contacts__label {
  margin-bottom: 10px;
  font-family: "Cera Pro";
  font-weight: 500;
  font-size: 12px;
}
.contacts .social__items {
  gap: 10px;
}
.contacts .social__item {
  width: 34px;
  height: 34px;
}
.contacts__buttons {
  margin-top: 25px;
}
@media (max-width: 1023.98px) {
  .contacts__cols {
    grid-template-columns: 1fr;
  }
  .contacts__right {
    order: -1;
  }
  .contacts__map {
    padding-bottom: 50%;
  }
}
@media (max-width: 609.98px) {
  .contacts__map {
    padding-bottom: 100%;
  }
}

/**************************************************************

**************************************************************/
.webuy__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.webuy__map {
  padding-bottom: 100%;
  position: sticky;
  top: 10px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #fafafa;
}
.webuy__map > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.webuy__items {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.webuy__item {
  width: 100%;
  max-width: 600px;
  border: 1px solid #C3C3C3;
  border-radius: 6px;
  padding: 25px 30px;
}
.webuy__item.active {
  border-color: #2B2829;
}
.webuy__item-city {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Cera Pro";
  font-size: 20px;
  color: #C3C3C3;
  font-weight: 700;
  margin-bottom: 20px;
  cursor: pointer;
}
.webuy__item-city .icon {
  flex: 0 0 auto;
  width: 14px;
  height: 20px;
}
.webuy__item.active .webuy__item-city {
  color: #2B2829;
}
.webuy__item-cols {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-gap: 20px 30px;
}
.webuy__item-row {
  font-family: "Cera Pro";
}
.webuy__item-row + .webuy__item-row {
  margin-top: 17px;
}
.webuy__item-row b {
  font-weight: 500;
}
.webuy__item-label {
  margin-bottom: 10px;
  font-family: "Cera Pro";
  font-weight: 500;
  font-size: 12px;
}
.webuy__item .social__items {
  gap: 10px;
}
.webuy__item .social__item {
  width: 34px;
  height: 34px;
}
@media (max-width: 1369.98px) {
  .webuy__item-cols {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1023.98px) {
  .webuy__cols {
    grid-template-columns: 1fr;
  }
  .webuy__item {
    max-width: 100%;
  }
  .webuy__item-cols {
    grid-template-columns: 1.5fr 1fr;
  }
  .webuy__right {
    order: -1;
  }
  .webuy__map {
    padding-bottom: 50%;
  }
}
@media (max-width: 609.98px) {
  .webuy__item-cols {
    grid-template-columns: 1fr;
  }
  .webuy__map {
    padding-bottom: 100%;
  }
}

/**************************************************************

**************************************************************/
.pay__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}
.pay__item {
  border: 1px solid #C3C3C3;
  border-radius: 20px;
  padding: 24px 10px 24px 24px;
}
.pay__item-title {
  font-family: "Cera Pro";
  font-size: 20px;
  font-weight: 700;
}
.pay__item-text {
  margin-top: 25px;
  padding-right: 14px;
}
.pay__item-text.fs--sm {
  font-size: 14px;
  padding-right: 0;
}
.pay__item-text li {
  position: relative;
  padding-left: 20px;
}
.pay__item-text li + li {
  margin-top: 15px;
}
.pay__item-text li::before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: #d9d9d9;
  border-radius: 100%;
  content: "";
}
.pay__item-text.fs--sm li::before {
  top: 6px;
}
.pay__item-buttons {
  margin-top: 20px;
}
@media (max-width: 1023.98px) {
  .pay__items {
    grid-template-columns: 1fr;
  }
}

.requisites__text {
  font-weight: 300;
  font-size: 18px;
}
.requisites__text p + p {
  margin-top: 20px;
}
.requisites__text b {
  font-weight: 400;
  font-size: 20px;
}
@media (max-width: 609.98px) {
  .requisites__text {
    font-size: 16px;
  }
  .requisites__text p + p {
    margin-top: 15px;
  }
  .requisites__text b {
    font-size: 18px;
  }
}

/**************************************************************

**************************************************************/
.vacpromo__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.vacpromo__photo-wrap {
  padding-bottom: 80%;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.vacpromo__photo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.vacpromo__cont {
  margin-top: 70px;
  max-width: 520px;
}
.vacpromo__t {
  font-size: 24px;
  font-family: "Cera Pro";
}
.vacpromo__text {
  margin-top: 30px;
}
.vacpromo__text > * + * {
  margin-top: 20px;
}
.vacpromo__text li {
  position: relative;
  padding-left: 25px;
}
.vacpromo__text li + li {
  margin-top: 20px;
}
.vacpromo__text li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #D9D9D9;
  border-radius: 100%;
  content: "";
}
.vacpromo__buttons {
  margin-top: 30px;
}
@media (max-width: 1369.98px) {
  .vacpromo__cont {
    margin-top: 30px;
  }
}
@media (max-width: 1023.98px) {
  .vacpromo__cols {
    grid-template-columns: 1fr;
  }
  .vacpromo__info {
    max-width: 100% !important;
  }
  .vacpromo__t {
    max-width: 100%;
  }
  .vacpromo__photo {
    order: 5;
  }
  .vacpromo__buttons {
    margin-top: 30px;
  }
}
@media (max-width: 609.98px) {
  .vacpromo__t {
    font-size: 20px;
  }
  .vacpromo__text {
    margin-top: 25px;
  }
}

/**************************************************************

**************************************************************/
.vacancy__item {
  padding: 25px 0 30px;
  border-bottom: 1px solid #C3C3C3;
}
.vacancy__item:first-child {
  border-top: 1px solid #C3C3C3;
}
.vacancy__item-head {
  padding-right: 40px;
  position: relative;
  cursor: pointer;
  color: #3e3e3e;
  font-family: "Cera Pro";
  font-weight: 500;
}
.vacancy__item-head::after {
  position: absolute;
  right: 0;
  top: 8px;
  width: 25px;
  height: 25px;
  background: url(../images/icons/drop.svg) no-repeat center center;
  background-size: 100%;
  content: "";
  transition: all 0.3s ease-in-out;
}
.vacancy__item.active .vacancy__item-head::after {
  transform: rotate(-90deg);
}
.vacancy__item-title {
  font-size: 26px;
}
.vacancy__item-zp {
  margin-top: 15px;
}
.vacancy__item-body {
  display: none;
  padding-bottom: 20px;
  padding-top: 30px;
}
.vacancy__item-content {
  max-width: 550px;
  line-height: 1.36;
}
.vacancy__item-content h3, .vacancy__item-content h4, .vacancy__item-content h2 {
  font-weight: 500;
  color: #3e3e3e;
  font-family: "Cera Pro";
}
.vacancy__item-content ul {
  padding: 0;
}
.vacancy__item-content li {
  position: relative;
  padding-left: 25px;
}
.vacancy__item-content li + li {
  margin-top: 20px;
}
.vacancy__item-content li::before {
  position: absolute;
  left: 0;
  top: 50% !important;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #D9D9D9;
  border-radius: 100%;
  content: "" !important;
}
.vacancy__item-buttons {
  margin-top: 35px;
}
@media (max-width: 609.98px) {
  .vacancy__item {
    padding: 20px 0;
  }
  .vacancy__item-head {
    padding-right: 35px;
  }
  .vacancy__item-head::after {
    top: 5px;
    width: 20px;
    height: 20px;
  }
  .vacancy__item-title {
    font-size: 20px;
  }
  .vacancy__item-body {
    padding-bottom: 10px;
  }
}

/**************************************************************

**************************************************************/
.faq__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.faq__item {
  padding: 20px 0 25px;
  border-bottom: 1px solid #C3C3C3;
}
.faq__item:first-child {
  border-top: 1px solid #C3C3C3;
}
.faq__item-head {
  padding-right: 40px;
  position: relative;
  cursor: pointer;
  color: #3e3e3e;
  font-family: "Cera Pro";
  font-weight: 500;
}
.faq__item-head::after {
  position: absolute;
  right: 0;
  top: 8px;
  width: 25px;
  height: 25px;
  background: url(../images/icons/drop.svg) no-repeat center center;
  background-size: 100%;
  content: "";
  transition: all 0.3s ease-in-out;
  transform: rotate(-90deg);
}
.faq__item.active .faq__item-head::after {
  transform: rotate(0deg);
}
.faq__item-title {
  font-size: 26px;
  font-weight: 500;
}
.faq__item-body {
  display: none;
  padding-top: 10px;
}
.faq__item-content {
  max-width: 1000px;
}
@media (max-width: 1023.98px) {
  .faq__cols {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
  .faq__col:first-child .faq__item:last-child {
    border-bottom: none;
  }
}
@media (max-width: 609.98px) {
  .faq__item {
    padding: 20px 0;
  }
  .faq__item-head {
    padding-right: 35px;
  }
  .faq__item-head::after {
    top: 5px;
    width: 20px;
    height: 20px;
  }
  .faq__item-title {
    font-size: 20px;
  }
  .faq__item-body {
    padding-bottom: 10px;
  }
}

/**************************************************************

**************************************************************/
.basket {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh) * 100);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(153, 151, 151, 0.22);
  z-index: 999;
}
.basket__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.basket__box {
  width: 735px;
  height: calc(var(--vh) * 100);
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  display: flex;
}
.basket__addm {
  flex: 0 0 auto;
  width: 225px;
}
.basket__addm-body {
  padding: 30px;
}
.basket__addm-title {
  font-family: "Cera Pro";
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.basket__addit + .basket__addit {
  margin-top: 30px;
}
.basket__addit-photo {
  padding-bottom: 125%;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
}
.basket__addit-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.basket__addit-photo:hover img {
  transform: scale(1.05);
}
.basket__addit-title {
  font-family: "Cera Pro";
}
.basket__addit-title a {
  transition: all 0.3s ease-in-out;
}
.basket__addit-title a:hover {
  color: #615F60;
}
.basket__addit-price {
  margin-top: 14px;
  font-family: "Cera Pro";
}
.basket__addit-price__current {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
}
.basket__addit-price__old {
  color: #818181;
  text-decoration: line-through;
  white-space: nowrap;
}
.basket__addit-price__sale {
  margin-left: 12px;
  font-size: 12px;
  color: #2CDE00;
  white-space: nowrap;
}
.basket__addit-buttons {
  margin-top: 14px;
}
.basket__addit-btn {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: none;
  border: 1px solid #EDEDED;
  border-left: none;
  border-right: none;
  font-family: "Cera Pro";
  font-size: 14px;
  color: #2B2829;
  font-weight: 500;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.basket__addit-btn .icon {
  width: 20px;
  height: 20px;
}
.basket__addit-btn:hover {
  background: #EDEDED;
}
.basket__cont {
  flex: 1 0 0;
  height: 100%;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.basket__pdlr {
  padding-left: 30px;
  padding-right: 60px;
}
.basket__head {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #EDEDED;
}
.basket__close {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: flex;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-in-out;
}
.basket__close .icon {
  width: 100%;
  height: 100%;
}
.basket__close:hover .icon {
  transform: scale(1.1);
}
.basket__title {
  font-size: 24px;
  font-weight: 300;
  font-family: "Cera Pro";
  position: relative;
  display: inline-block;
}
.basket__count {
  width: 16px;
  height: 16px;
  background: #4A4A4A;
  border-radius: 100%;
  position: absolute;
  top: -3px;
  left: 100%;
  margin-left: 9px;
  z-index: 2;
  color: #fff;
  font-size: 10px;
  font-family: "Cera Pro";
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basket__body {
  flex: 1 0 0;
  overflow: hidden;
}
.basket__items {
  padding-top: 50px;
  padding-bottom: 30px;
}
.basket__item {
  display: flex;
  align-items: flex-start;
}
.basket__item + .basket__item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #EDEDED;
}
.basket__item-photo {
  flex: 0 0 auto;
  width: 115px;
  margin-right: 24px;
}
.basket__item-photo__wrap {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  padding-bottom: 125%;
}
.basket__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.basket__item-info {
  padding-top: 10px;
  position: relative;
  flex: 1 0 0;
}
.basket__item-remove {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
}
.basket__item-remove:hover {
  text-decoration: none;
  color: #615F60;
}
.basket__item-title {
  font-family: "Cera Pro";
  max-width: 210px;
}
.basket__item-title a {
  transition: all 0.3s ease-in-out;
}
.basket__item-title a:hover {
  color: #615F60;
}
.basket__item-counter {
  margin-top: 20px;
}
.basket__item-price {
  margin-top: 20px;
  font-family: "Cera Pro";
}
.basket__item-price__current {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
}
.basket__item-price__old {
  color: #818181;
  text-decoration: line-through;
  white-space: nowrap;
}
.basket__item-price__sale {
  margin-left: 12px;
  font-size: 12px;
  white-space: nowrap;
}
.basket__pcode {
  margin-top: 20px;
}
.basket__pcode-title {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
}
.basket__pcode-form {
  display: flex;
}
.basket__pcode-form .input {
  height: 30px;
  border-radius: 6px 0 0 6px;
  border-right: none;
  flex: 1 0 0;
  font-size: 14px;
}
.basket__pcode-form .btn {
  border-radius: 0 6px 6px 0;
  height: 30px;
  font-size: 12px;
  text-transform: initial;
}
.basket__pcode-form .btn::after {
  display: none;
}
.basket__bottom {
  margin-top: 30px;
  padding: 15px 15px 15px 30px;
  background: #2B2829;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px 30px;
}
.basket__itog {
  font-family: "Cera Pro";
  font-size: 24px;
  font-weight: 500;
}
.basket__go {
  text-transform: uppercase;
  font-family: "Cera Pro";
}
.basket__go:hover {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .basket__box {
    width: 100%;
    flex-direction: column;
  }
  .basket__addm {
    display: none;
  }
  .basket__addm-body {
    margin-top: 30px;
    padding: 0 15px;
  }
  .basket__additems {
    display: flex;
    gap: 30px;
    overflow: auto;
    margin: 0 -15px;
    padding: 0 15px 5px;
  }
  .basket__addit {
    flex: 0 0 auto;
    width: 165px;
    margin-top: 0 !important;
  }
  .basket__cont {
    overflow: auto;
  }
  .basket__head {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .basket__pdlr {
    padding-left: 15px;
    padding-right: 15px;
  }
  .basket__body {
    min-height: 300px;
  }
  .basket__items {
    padding-top: 30px;
  }
  .basket__item-photo {
    width: 105px;
    margin-right: 16px;
  }
  .basket__item-info {
    padding-top: 0;
  }
  .basket__bottom {
    padding: 15px 20px;
  }
  .basket__itog {
    font-size: 20px;
  }
}

/**************************************************************

**************************************************************/
.order__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  max-width: 1155px;
  margin: 0 auto;
}
.order__types {
  margin-bottom: 30px;
  display: flex;
  gap: 50px;
  font-weight: 500;
  font-family: "Cera Pro";
}
.order__fhead {
  margin-bottom: 24px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
}
.order__ftitle {
  font-family: "Cera Pro";
  font-weight: 500;
  font-size: 24px;
}
.order__fprice {
  font-size: 20px;
  font-weight: bold;
  font-family: "Cera Pro";
}
.order__inputs {
  max-width: 480px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  padding: 40px 30px 35px;
}
.order__delivery {
  margin: 40px 0 30px;
}
.order__dlvitem {
  padding-bottom: 20px;
  border-bottom: 1px solid #C3C3C3;
}
.order__dlvitem + .order__dlvitem {
  margin-top: 20px;
}
.order__dlvitem-label {
  cursor: pointer;
  display: block;
}
.order__dlvitem-head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Cera Pro";
  font-weight: 500;
}
.order__dlvitem-title {
  flex: 1 0 0;
}
.order__dlvitem-desc {
  margin-top: 10px;
  padding-left: 30px;
  font-size: 12px;
  color: #C3C3C3;
  font-weight: 500;
}
.order__dlvitem-lmap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 15px;
  margin-left: 30px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}
.order__dlvitem-lmap:hover {
  text-decoration: none;
}
.order__dlvitem-lmap img {
  flex: 0 0 auto;
  width: 12px;
}
.order__policy {
  cursor: pointer;
  display: block;
}
.order__policy + .order__policy {
  margin-top: 30px;
}
.order__policy-head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Cera Pro";
  font-weight: 500;
}
.order__policy-title {
  flex: 1 0 0;
  font-size: 16px;
}
.order__policy-desc {
  margin-top: 8px;
  padding-left: 30px;
  font-size: 12px;
  color: #C3C3C3;
  font-weight: 500;
  max-width: 380px;
}
.order__policy-desc a {
  text-decoration: underline;
}
.order__policy-desc a:hover {
  text-decoration: none;
}
.order__buttons {
  margin-top: 50px;
}
.order__buttons.mt--md {
  margin-top: 16px;
}
.order__basket-row {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #EDEDED;
  display: flex;
  justify-content: space-between;
  font-family: "Cera Pro";
  font-weight: 500;
  font-size: 18px;
}
.order__basket-val {
  font-size: 20px;
}
.order__basket-itog {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.order__pcard {
  margin: 0 auto;
}
.order__icols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 30px;
}
.order__idate {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 6px;
}
.order__thank {
  padding-top: 60px;
}
.order__thank-buttons {
  text-align: center;
}
.order__thank-buttons .btn {
  min-width: 310px;
}
@media (max-width: 1023.98px) {
  .order__cols {
    grid-template-columns: 1fr;
    max-width: 480px;
  }
  .order__buttons {
    margin-top: 20px;
  }
}
@media (max-width: 478.98px) {
  .order__types {
    gap: 15px 25px;
    flex-wrap: wrap;
  }
  .order__inputs {
    padding: 0;
    border: none;
  }
  .order__icols {
    grid-template-columns: 2fr 1fr;
    grid-gap: 0 20px;
  }
}

/**************************************************************

**************************************************************/
.auth {
  margin-bottom: 20px;
  text-align: center;
}
.auth .notetext {
  margin-top: 60px;
  font-size: 20px
}
.auth .notetext + p a {
    margin-top: 40px;
    display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 20px;
  height: 50px;
  background: #2B2829;
  border-radius: 6px;
  border: none;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none !important;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

@media (hover: hover) {
  .auth .notetext + p a:hover {
    background: #615F60;
    color: #fff;
  }
}
.auth__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*align-items: center;*/
}
.auth__photo {
  height: calc(var(--vh) * 100 - 100px);
  min-height: 30vh;
  position: relative;

  position: sticky;
  top: 15px;
}
.auth__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.auth__info {
  padding-left: 95px;
  text-align: left;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.auth__form {
  max-width: 340px;
}
.auth__form .bx-authform-link-container a {
  color: #f20e0e;
  transition: all 0.3s;
}
.auth__form .bx-authform-link-container a:hover {
  color: #2b2829;
}
@media (max-width: 1023.98px) {
  .auth {
    margin: 40px 0;
  }
  .auth__cols {
    grid-template-columns: 1fr;
  }
  .auth__photo {
    display: none;
  }
  .auth__info {
    text-align: center;
    padding-left: 0;
    min-height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .auth__form {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
}

/**************************************************************

**************************************************************/
.lknav {
  margin-bottom: 20px;
  padding-bottom: 65px;
  border-bottom: 1px solid #DCDCDC;
}
.lknav ul {
  display: flex;
  justify-content: center;
  gap: 35px;
}
.lknav li a {
  display: block;
  width: 100%;
  position: relative;
  color: #B3B3B3;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.lknav li a:hover {
  color: #2B2829;
}
.lknav li.active a {
  color: #2B2829;
}
.lknav li.active a::after {
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 5px;
  background: #2B2829;
  border-radius: 10px;
  content: "";
}
@media (max-width: 767.98px) {
  .lknav {
    padding-bottom: 20px;
  }
  .lknav ul {
    overflow: auto;
    padding: 0 15px 5px;
    margin: 0 -15px;
    justify-content: flex-start;
  }
  .lknav li.active {
    order: -1;
  }
  .lknav li a {
    text-align: left;
  }
  .lknav li a::after {
    margin-top: 15px !important;
  }
}

/**************************************************************

**************************************************************/
.lk__table {
  max-width: 600px;
}
.lk__table-row {
  display: grid;
  grid-template-columns: 220px 1fr;
  grid-gap: 20px;
  font-family: "Cera Pro";
  font-size: 18px;
}
.lk__table-row + .lk__table-row {
  margin-top: 45px;
}
.lk__table-label {
  font-weight: 500;
}
.lk__table-val {
  color: #4A4A4A;
}
.lk__buttons {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.lk__exit {
  text-align: center;
  margin-top: 90px;
}
.lk__form {
  max-width: 340px;
}
@media (max-width: 609.98px) {
  .lk__table-row {
    grid-template-columns: 150px 1fr;
    grid-gap: 15px;
    font-size: 16px;
  }
  .lk__table-row + .lk__table-row {
    margin-top: 30px;
  }
  .lk__exit {
    margin-top: 50px;
  }
}

/**************************************************************

**************************************************************/
.orders__block {
  position: relative;
  border-bottom: 1px solid #B3B3B3;
}
.orders__row {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 17px 40px;
}
.orders__row--head {
  padding-top: 0;
  padding-bottom: 25px;
  font-size: 18px;
  border-bottom: 1px solid #B3B3B3;
}
.orders__col {
  flex: 0 0 auto;
  width: 150px;
  color: #4A4A4A;
  font-family: "Cera Pro";
}
.orders__col-label {
  display: none;
}
.orders__col.col--sm {
  width: 100px;
}
.orders__open {
  position: absolute;
  left: 0;
  top: 19px;
  width: 16px;
  height: 16px;
  border: none;
  background: url(../images/icons/drop-2.svg) no-repeat center center;
  background-size: 100%;
  outline: none;
  cursor: pointer;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}
.orders__open.active {
  transform: scale(1, -1);
}
.orders__body {
  display: none;
  padding: 10px 40px 45px;
}
.orders__item {
  display: flex;
  align-items: center;
  gap: 35px;
  font-family: "Cera Pro";
}
.orders__item + .orders__item {
  margin-top: 14px;
}
.orders__item-photo {
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.orders__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.orders__item-title {
  font-size: 14px;
}
.orders__item-price {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
}
.orders__delivery {
  margin-top: 40px;
}
.orders__delivery-title {
  font-weight: 500;
}
.orders__delivery-desc {
  margin-top: 10px;
  font-size: 12px;
  color: #C3C3C3;
  font-weight: 500;
}
.orders__delivery-lmap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 15px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}
.orders__delivery-lmap:hover {
  text-decoration: none;
}
.orders__delivery-lmap img {
  flex: 0 0 auto;
  width: 12px;
}
@media (max-width: 1369.98px) {
  .orders__row {
    font-size: 14px;
    padding-left: 30px;
    padding-right: 0;
    gap: 15px;
  }
  .orders__row--head {
    font-size: 16px;
  }
  .orders__col {
    width: 120px;
  }
  .orders__col.col--sm {
    width: 80px;
  }
  .orders__body {
    padding-left: 30px;
  }
}
@media (max-width: 1023.98px) {
  .orders__block {
    padding: 15px 0 15px 30px;
  }
  .orders__row {
    flex-direction: column;
    padding-left: 0;
  }
  .orders__row--head {
    display: none;
  }
  .orders__col {
    width: 100% !important;
    display: grid;
    grid-template-columns: 220px 1fr;
    grid-gap: 20px;
    font-size: 16px;
  }
  .orders__col-label {
    font-weight: 500;
    display: block;
    color: #2B2829;
  }
  .orders__col-val {
    color: #4A4A4A;
  }
  .orders__open {
    left: auto;
    right: 0;
  }
  .orders__info {
    display: none;
  }
  .orders__body {
    padding-left: 0;
    padding-bottom: 30px;
  }
}
@media (max-width: 609.98px) {
  .orders__block {
    padding-left: 0;
  }
  .orders__col {
    grid-template-columns: 150px 1fr;
    grid-gap: 15px;
  }
  .orders__item {
    gap: 25px;
  }
}

/**************************************************************

**************************************************************/
.licenses__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.licenses__info {
  font-size: 18px;
  letter-spacing: 0.03em;
}
.licenses__info p + p {
  margin-top: 30px;
}
.licenses__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
}
.licenses__items + * {
  margin-top: 80px;
}
.licenses__item {
  position: relative;
  padding-bottom: 140%;
  overflow: hidden;
}
.licenses__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .licenses__item:hover img {
    transform: scale(0.9);
  }
}
@media (max-width: 1023.98px) {
  .licenses__cols {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  .licenses__info p + p {
    margin-top: 20px;
  }
  .licenses__items {
    grid-gap: 20px;
  }
  .licenses__items + * {
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  .licenses__info {
    font-size: 16px;
  }
  .licenses__items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 609.98px) {
  .licenses__items {
    grid-gap: 16px;
  }
}

/**************************************************************

**************************************************************/
.problems {
  overflow: hidden;
}
.problems__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 45px 30px;
}
.problems__items.items--4 {
  grid-template-columns: repeat(4, 1fr);
}
.problems__item-photo {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%;
  border-radius: 6px;
  margin-bottom: 16px;
}
.problems__item-photo.h--md {
  padding-bottom: 81%;
}
.problems__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.problems__item-photo:hover img {
  transform: scale(1.05);
}
.problems__item-title {
  font-size: 24px;
  letter-spacing: 0.03em;
  font-family: "Cera Pro";
  min-height: 45px;
}
.problems__item-title a {
  color: inherit;
  transition: all 0.3s ease-in-out;
}
.problems__item-title a:hover {
  color: #615F60;
}
@media (max-width: 1369.98px) {
  .problems__items.items--4 {
    grid-template-columns: repeat(3, 1fr);
  }

}
@media (max-width: 1023.98px) {
  .problems__items {
    grid-template-columns: 1fr 1fr;
  }
  .problems__items.items--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 609.98px) {
  .problems__items {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .problems__items.items--4 {
    grid-template-columns: 1fr;
  }
  .problems__item-photo {
    margin-bottom: 12px;
  }
}

/**************************************************************

**************************************************************/
.pbm_promo__inner {
  background: #F3F3F3;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
}
.pbm_promo__info {
  flex: 1 0 0;
  padding: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pbm_promo__title {
  font-size: 44px;
  letter-spacing: 0.02em;
}
.pbm_promo__text {
  margin-top: 20px;
  font-size: 18px;
}
.pbm_promo__buttons {
  margin-top: 30px;
}
.pbm_promo__photo {
  position: relative;
  flex: 0 0 auto;
  width: 50%;
  padding-bottom: 25%;
}
.pbm_promo__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1369.98px) {
  .pbm_promo__info {
    padding: 20px 40px 40px;
  }
  .pbm_promo__title {
    font-size: 36px;
  }
}
@media (max-width: 1023.98px) {
  .pbm_promo__inner {
    flex-direction: column-reverse;
    background: none;
  }
  .pbm_promo__info {
    padding: 0;
    margin-top: 30px;
  }
  .pbm_promo__photo {
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 50%;
  }
}
@media (max-width: 609.98px) {
  .pbm_promo__info {
    margin-top: 20px;
  }
  .pbm_promo__title {
    font-size: 28px;
  }
  .pbm_promo__text {
    font-size: 16px;
    margin-top: 15px;
  }
  .pbm_promo__buttons {
    margin-top: 25px;
  }
  .pbm_promo__photo {
    padding-bottom: 80%;
  }
}

/**************************************************************

**************************************************************/
.pbm_idesc__cols {
  display: flex;
  align-items: flex-start;
  gap: 55px;
}
.pbm_idesc__photo {
  width: 49%;
  flex: 0 0 auto;
  padding-bottom: 32%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.pbm_idesc__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.pbm_idesc__info {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pbm_idesc__text {
  margin-top: 20px;
}
.pbm_idesc__text > * + * {
  margin-top: 10px;
}
.pbm_idesc__buttons {
  margin-top: 40px;
}
@media (max-width: 1023.98px) {
  .pbm_idesc__cols {
    flex-direction: column;
  }
  .pbm_idesc__photo {
    order: 5;
    width: 80%;
    padding-bottom: 60%;
  }
}
@media (max-width: 609.98px) {
  .pbm_idesc__cols {
    gap: 40px;
  }
  .pbm_idesc__photo {
    width: 100%;
    padding-bottom: 75%;
  }
}

/**************************************************************

**************************************************************/
.pbm_types__cols {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.pbm_types__info {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pbm_types__items {
  max-width: 585px;
  margin-top: 60px;
}
.pbm_types__items.mw {
  max-width: 100%;
}
.pbm_types__item {
  position: relative;
  padding-left: 25px;
}
.pbm_types__item + .pbm_types__item {
  margin-top: 30px;
}
.pbm_types__item::before {
  position: absolute;
  left: 0;
  top: 12px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #D9D9D9;
  content: "";
}
.pbm_types__item-title {
  font-size: 24px;
}
.pbm_types__photos {
  width: 49%;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
}
.pbm_types__photos-item {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  padding-bottom: 100%;
}
.pbm_types__photos-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1369.98px) {
  .pbm_types__cols {
    gap: 40px;
  }
  .pbm_types__items {
    margin-top: 40px;
  }
  .pbm_types__item + .pbm_types__item {
    margin-top: 25px;
  }
}
@media (max-width: 1023.98px) {
  .pbm_types__cols {
    flex-direction: column;
  }
  .pbm_types__photos {
    width: 80%;
  }
}
@media (max-width: 609.98px) {
  .pbm_types__items {
    margin-top: 35px;
  }
  .pbm_types__photos {
    width: 100%;
    grid-gap: 7px;
  }
}

/**************************************************************

**************************************************************/
.pbm_how__inner {
  padding: 40px 0 50px;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}
.pbm_how__text {
  max-width: 775px;
  margin-top: 25px;
}
@media (max-width: 609.98px) {
  .pbm_how__inner {
    padding: 30px 0 35px;
  }
}

/**************************************************************
.error404
**************************************************************/
.error404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2E3A59;
  text-align: center;
}
.error404__inner {
  position: relative;
}
.error404__numb {
  font-size: 250px;
  line-height: 1;
  font-weight: bold;
  color: #F8F8F8;
}
.error404__title {
  position: absolute;
  left: 0; top: 55%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 30px;
  line-height: 1.2;
}
.error404__buttons {
  padding-top: 30px;
  margin: 0 auto;
  width: 100%;
  max-width: 230px;
}
@media (max-width: 1023.98px) {
  .error404__numb {
    font-size: 200px;
  }
  .error404__title {
    font-size: 26px;
  }
  .error404__buttons {
    padding-top: 30px;
  }
}
@media (max-width: 609.98px) {
  .error404__numb {
    font-size: 150px;
  }
  .error404__title {
    font-size: 22px;
  }
  .error404__buttons {
    padding-top: 30px;
  }
}


/**************************************************************

**************************************************************/
.pbeauty__cols {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  text-align: left;
}
.pbeauty__head {
  margin-bottom: 40px;
}
.pbeauty__title {
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0.03em;
}
.pbeauty__left {
  padding: 100px 30px 45px 35px;
  position: relative;
}
.pbeauty__right {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  padding: 110px 80px 45px 70px;
  min-height: 90vh;
  position: relative;
  z-index: 10;
}
.pbeauty__photo {
  border-radius: 6px;
  position: relative;
  overflow: hidden;
  padding-bottom: 120%;
}
.pbeauty__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.pbeauty__products {
  flex: 1 0 0;
  overflow: hidden;
  width: calc(100% + 40px);
  margin-left: -20px;
}
.pbeauty__products .mCSB_container {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 30px;
}
.pbeauty__item {
  display: flex;
  align-items: flex-start;
  padding-top: 30px;
  position: relative;
}
.pbeauty__item + .pbeauty__item {
  margin-top: 30px;
  border-top: 1px solid #EDEDED;
}
.pbeauty__item::after {
  border: 1px solid #777777;
  border-radius: 6px;
  position: absolute;
  left: -20px;
  top: 0;
  width: calc(100% + 20px);
  height: calc(100% + 30px);
  opacity: 0;
  z-index: -1;
  content: "";
}
.pbeauty__item.active {
  border-color: transparent;
}
.pbeauty__item.active + * {
  border-color: transparent !important;
}
.pbeauty__item.active::after {
  opacity: 1;
}
.pbeauty__item-photo {
  flex: 0 0 auto;
  width: 115px;
  margin-right: 24px;
}
.pbeauty__item-photo__wrap {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  padding-bottom: 125%;
}
.pbeauty__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.pbeauty__item-info {
  padding-top: 10px;
  padding-bottom: 20px;
  position: relative;
  flex: 1 0 0;
}
.pbeauty__item-change {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
  color: #2B2829;
}
.pbeauty__item-change:hover {
  text-decoration: none;
  color: #615F60;
}
.pbeauty__item.active .pbeauty__item-change {
  opacity: 0;
}
.pbeauty__item.none {
  color: #DCDCDC;
}
.pbeauty__item-title {
  font-family: "Cera Pro";
  max-width: 210px;
}
.pbeauty__item-title a {
  transition: all 0.3s ease-in-out;
}
.pbeauty__item-title a:hover {
  color: #615F60;
}
.pbeauty__item-price {
  margin-top: 20px;
  font-family: "Cera Pro";
}
.pbeauty__item-price__current {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
}
.pbeauty__item-price__old {
  color: #818181;
  text-decoration: line-through;
  white-space: nowrap;
}
.pbeauty__item-price__sale {
  margin-left: 12px;
  font-size: 12px;
  white-space: nowrap;
}
.pbeauty__prices {
  margin-top: 40px;
}
.pbeauty__prices-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 18px;
  font-weight: 500;
}
.pbeauty__prices-row + .pbeauty__prices-row {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ededed;
}
.pbeauty__prices-itog {
  font-size: 20px;
  font-weight: 700;
}
.pbeauty__prices-val {
  font-size: 20px;
}
.pbeauty__buttons {
  margin-top: 30px;
}
.pbeauty__changes {
  padding: 100px 0px 45px 135px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  display: none;
}
.pbeauty__changes.show {
  display: flex;
}
.pbeauty__addbody {
  flex: 1 0 0;
  overflow: hidden;
}
.pbeauty__addbody .mCustomScrollBox {
  width: calc(100% + 30px);
  padding-right: 85px;
}
.pbeauty__additems {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 55px;
}
.pbeauty__addit {
  flex: 0 0 auto;
  width: 165px;
}
.pbeauty__addit-photo {
  padding-bottom: 125%;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
}
.pbeauty__addit-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.pbeauty__addit-photo:hover img {
  transform: scale(1.05);
}
.pbeauty__addit-title {
  font-family: "Cera Pro";
}
.pbeauty__addit-title a {
  transition: all 0.3s ease-in-out;
}
.pbeauty__addit-title a:hover {
  color: #615F60;
}
.pbeauty__addit-price {
  margin-top: 14px;
  font-family: "Cera Pro";
}
.pbeauty__addit-price__current {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
}
.pbeauty__addit-price__old {
  color: #818181;
  text-decoration: line-through;
  white-space: nowrap;
}
.pbeauty__addit-price__sale {
  margin-left: 12px;
  font-size: 12px;
  color: #2CDE00;
  white-space: nowrap;
}
.pbeauty__addit-buttons {
  margin-top: 14px;
}
.pbeauty__addit-btn {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: none;
  border: 1px solid #EDEDED;
  border-left: none;
  border-right: none;
  font-family: "Cera Pro";
  font-size: 14px;
  color: #2B2829;
  font-weight: 500;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.pbeauty__addit-btn .icon {
  width: 20px;
  height: 20px;
}
.pbeauty__addit-btn:hover {
  background: #EDEDED;
}
@media (max-width: 1919px) {
  .pbeauty__left {
    padding-top: 45px;
    padding-bottom: 30px;
  }
  .pbeauty__right {
    padding: 50px 35px 30px 30px;
    min-height: 95vh;
  }
  .pbeauty__head {
    margin-bottom: 25px;
  }
  .pbeauty__title {
    font-size: 26px;
  }
  .pbeauty__products {
    width: calc(100% + 30px);
    margin-left: -10px;
  }
  .pbeauty__products .mCSB_container {
    padding-right: 20px;
    padding-left: 10px;
    padding-bottom: 30px;
  }
  .pbeauty__item {
    display: flex;
    align-items: flex-start;
    padding-top: 15px;
  }
  .pbeauty__item + .pbeauty__item {
    margin-top: 15px;
  }
  .pbeauty__item::after {
    left: -10px;
    width: calc(100% + 10px);
    height: calc(100% + 15px);
  }
  .pbeauty__prices {
    margin-top: 40px;
  }
  .pbeauty__prices-row + .pbeauty__prices-row {
    padding-top: 15px;
    margin-top: 15px;
  }
  .pbeauty__buttons {
    margin-top: 15px;
  }
  .pbeauty__changes {
    padding: 50px 0px 30px 50px;
  }
  .pbeauty__addbody .mCustomScrollBox {
    padding-right: 65px;
  }
  .pbeauty__additems {
    gap: 30px;
  }
}
@media (max-width: 1023.98px) {
  .pbeauty__cols {
    grid-template-columns: 1fr;
    grid-gap: 40px;
    padding: 0 15px 30px;
  }
  .pbeauty__head {
    margin-bottom: 40px;
  }
  .pbeauty__title {
    font-size: 24px;
  }
  .pbeauty__photo.hide {
    display: none;
  }
  .pbeauty__left {
    padding: 0;
  }
  .pbeauty__right {
    padding: 0;
    box-shadow: none;
    min-height: 1px;
    display: block;
  }
  .pbeauty__right.hide {
    display: none;
  }
  .pbeauty__products {
    max-height: initial;
    width: calc(100% + 20px);
  }
  .pbeauty__changes {
    padding: 0;
    position: relative;
  }
  .pbeauty__changes.show {
    display: block;
  }
  .pbeauty__addbody {
    max-height: 80vh;
  }
  .pbeauty__addbody .mCustomScrollBox {
    padding-right: 65px;
  }
  .pbeauty__additems {
    gap: 50px 15px;
  }
}
@media (max-width: 609.98px) {
  .pbeauty__addbody .mCustomScrollBox {
    padding-right: 15px;
  }
  .pbeauty__addit {
    width: calc((100% - 15px) / 2);
  }
}

/**************************************************************

**************************************************************/


/**************************************************************

**************************************************************/
/**************************************************************

**************************************************************/
/**************************************************************

**************************************************************/

/* ANCHOR 26.12.2024 */
.news_imgs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.news_imgs img {
  /* width: 48%; */
  margin: 50px 0 0;
}

.webuy_main .webuy__items {
  gap: 0;
  max-height: 645px;
  overflow-y: scroll;
}

.webuy_main .webuy__item {
  max-width: none;
}

.webuy_main .webuy__cols {
  grid-gap: 0;
}

.webuy__schedule {
  margin: 16px 0;
}

.webuy__schedule p+p {
  margin-top: 16px;
}

/* ANCHOR  28.01.25*/

.contract__btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 45px;
  gap: 15px;
  flex-wrap: wrap;
}



.wd-contact {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
}
body.open_popup .wd-contact {
  z-index: 2;
}
.wd-contact path {
  fill: #fff;
}

.wd-messeger {
  position: absolute;
  bottom: 100%;
  right: 10px;
  visibility: hidden;
  margin-bottom: 0px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.wd-contact.opened .wd-messeger {
  visibility: visible;
}

.wd-btn-start {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  cursor: pointer;
  display: block;
  z-index: 20;
  position: relative;
}
.wd-btn-start .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 100px;
}
.wd-btn-start svg {
  width: 40px;
  height: 40px;
  display: block;
}

.wd-btn-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  background: #555555;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.wd-btn-close svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
}

.wd-contact.opened .wd-btn-close {
  visibility: visible;
  opacity: 1;
}

.wd-btn {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  cursor: pointer;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0.4) scaleX(0.4) translateY(150px);
      -ms-transform: scaleY(0.4) scaleX(0.4) translateY(150px);
          transform: scaleY(0.4) scaleX(0.4) translateY(150px);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}

.wd-contact.opened .wd-btn {
  visibility: visible;
  opacity: 1;
  white-space: nowrap;
  -webkit-transform: scaleY(1) scaleX(1) translateY(0) !important;
      -ms-transform: scaleY(1) scaleX(1) translateY(0) !important;
          transform: scaleY(1) scaleX(1) translateY(0) !important;
}

.wd-btn img {
  width: 100%;
}

.wd-btn svg {
  width: 55%;
  height: 55%;
}

.wd-tg {
  background: #3eb9e6;
}

.wd-viber {
  background: #7b519d;
}

.wd-wa {
  background: rgb(18, 217, 14);
}
.wd-vk {
  background: #4a76a8;
}

.wd-chat {
  background: #ff802c;
  background: #2E3A59;
}
.wd-chat svg {
  width: 50%;
  height: 50%;
}

.wd-btn-label {
  background: rgba(0, 0, 0, 0.78);
  color: rgb(255, 255, 255);
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
      -ms-transform: translate(-10px, -50%);
          transform: translate(-10px, -50%);
  border-radius: 18px;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 28px;
}

.wd-button-popup {
    position: absolute;
  right: 100%; bottom: 0;
  margin-right: 30px;
  padding: 12px 20px 12px 14px;
  width: 312px;
  border: 2px solid #2d3a59;
  background: #fff;
  border-radius: 15px;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  display: none;
}
.wd-button-popup-triangle {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-right: 2px solid #2d3a59;
  border-bottom: 2px solid #2d3a59;
  bottom: 25px;
  right: -6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.wd-button-popup-hide {
    position: absolute;
      top: 4px;
      right: 4px;
      display: inline-block;
      height: 20px;
      width: 20px;
       background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.41%205.07l2.867-2.864-1.34-1.34L5.07%203.73%202.207.867l-1.34%201.34L3.73%205.07.867%207.938l1.34%201.34L5.07%206.41l2.867%202.867%201.34-1.34L6.41%205.07z%22/%3E%3C/svg%3E');
      
      background-repeat: no-repeat;
      background-position: center;
      opacity: .2;
      -webkit-transition: opacity .3s;
      transition: opacity .3s;
      cursor: pointer;
}
.wd-button-popup-hide:hover {
    opacity: 1;
}
.wd-button-popup-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.wd-button-popup-image {
  margin: 0 10px 0 0;
  width: 42px;
  text-align: center;
}
.wd-button-popup-image-item {
    display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.wd-button-popup-content {
  width: 222px;
}
.wd-button-popup-name {
    font-size: 14px;
  font-weight: bold;
  color: #2e3a59;
}
.wd-button-popup-description {
  margin: 4px 0 0 0;
  font-size: 13px;
  color: #424956;
}
.b24-widget-button-wrapper,
.b24-widget-button-inner-container {
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: -1000 !important;
}

@-webkit-keyframes pulsejg1 {
    0% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(.9);
        opacity: .2
    }
    70% {
        -webkit-transform: scale(1.1);
        opacity: .35
    }
    80% {
        -webkit-transform: scale(1.25);
        opacity: .2
    }
    100% {
        -webkit-transform: scale(1.4);
        opacity: 0
    }
}

@keyframes pulsejg1 {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
    60% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: .1
    }
    70% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .25
    }
    80% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        opacity: .1
    }
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0
    }
}

@-webkit-keyframes pulsejg2 {
    0% {
        -webkit-transform: scale(.6);
        opacity: 0
    }
    40% {
        -webkit-transform: scale(.8);
        opacity: .05
    }
    50% {
        -webkit-transform: scale(1);
        opacity: .1
    }
    60% {
        -webkit-transform: scale(1.1);
        opacity: .3
    }
    80% {
        -webkit-transform: scale(1.2);
        opacity: .1
    }
    100% {
        -webkit-transform: scale(1.3);
        opacity: 0
    }
}

@keyframes pulsejg2 {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }
    40% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: .05
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .1
    }
    60% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .3
    }
    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .1
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0
    }
}



/**************************************************************

**************************************************************/
.events__cols {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.events__filter {
  width: 300px;
  flex: 0 0 auto;
  border: 1px solid #c3c3c3;
  border-radius: 6px;
}
.events__filter-box {
  padding: 26px 36px;
}
.events__filter .filters__item + .filters__item {
  margin-top: 30px;
}
.events__filter .filters__list-item + .filters__list-item {
  margin-top: 10px;
}
.events__filter .filters__item .jq-radio {
  border-radius: 3px;
}
.events__filter .filters__item .jq-radio::before {
  border-radius: 2px;
}
.events__filter .filters__close, .events__filter .filters__buttons {
  display: none;
}
.events__content {
  flex: 1 0 0;
  min-width: 1px;
}
.events__content .pagination {
  margin-top: 50px;
}
.events__content .pagination__list {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.events__item {
  display: flex;
  gap: 30px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.events__item + .events__item {
  margin-top: 25px;
}
.events__item::after {
  border: 1px solid #f2f2f2;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: "";
}
.events__item-photo {
  flex: 0 0 auto;
  width: 300px;
  min-height: 245px;
  position: relative;
}
.events__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.events__item-info {
  flex: 1 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 32px 20% 24px 0;
}
.events__item-price {
  border-radius: 6px;
  background: rgba(255, 138, 61, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  height: 33px;
  min-width: 105px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.03em;
  position: absolute;
  top: 10px;
  right: 10px;
}
.events__item-props {
  display: flex;
  margin-bottom: 17px;
}
.events__item-prop {
  letter-spacing: 0.05em;
  color: #414647;
  font-size: 14px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.events__item-prop:not(:last-child):after {
  flex: 0 0 auto;
  margin-left: 8px;
  width: 3px;
  height: 3px;
  background: #4a4a4a;
  border-radius: 100px;
  content: "";
}
.events__item-date {
  letter-spacing: normal;
  color: #777;
}
.events__item-title {
  max-width: 420px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0.03em;
  color: #414647;
}
.events__item-buttons {
  margin-top: auto;
  padding-top: 20px;
  display: flex;
  gap: 10px;
}
.events__item-buttons .btn {
  padding: 0 12px;
  min-width: 145px;
}
@media (max-width: 1369.98px) {
  .events__filter {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(var(--vh) * 100);
    backdrop-filter: blur(100px);
    border: none;
    border-radius: 0;
    background: rgba(153, 151, 151, 0.22);
    z-index: 9999;
    margin: 0;
    overflow: auto;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
  }
  .events__filter.opened {
    opacity: 1;
    visibility: visible;
  }
  .events__filter-content {
    height: calc(var(--vh) * 100);
    overflow: auto;
    padding: 0;
    max-width: 325px;
    background: #fff;
    position: relative;
    scrollbar-color: #2B2829 #fff;
    scrollbar-width: thin;
  }
  .events__filter .filters__close, .events__filter .filters__buttons {
    display: flex;
  }
  .events__filter .filters__close {
    margin-right: 0;
  }
  .events__item-photo {
    width: 280px;
    min-height: 230px;
  }
  .events__item-info {
    padding-right: 20px;
  }
  .events__item-props {
    padding-right: 120px;
  }
}
@media (max-width: 767.98px) {
  .events__item {
    gap: 15px;
  }
  .events__item-photo {
    width: 220px;
    min-height: 180px;
  }
  .events__item-price {
    height: 25px;
    min-width: 90px;
    font-size: 10px;
  }
  .events__item-title {
    font-size: 16px;
  }
}
@media (max-width: 609.98px) {
  .events__item {
    flex-direction: column;
  }
  .events__item + .events__item {
    margin-top: 15px;
  }
  .events__item-photo {
    width: 100%;
    padding-bottom: 75%;
  }
  .events__item-props {
    padding-right: 0;
  }
  .events__item-info {
    padding: 0 15px 15px;
    position: static;
  }
  .events__item-buttons > * {
    width: 50%;
    min-width: 100px;
  }
}

/**************************************************************

**************************************************************/
.promoev__inner {
  background: #F3F3F3;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  position: relative;
}
.promoev__inner::before {
  position: absolute;
  left: 20px;
  top: 25px;
  width: 290px;
  height: 246px;
  background: url(../images/events/promoev-img-circles.png) no-repeat;
  background-size: 100%;
  content: "";
}
.promoev__info {
  padding: 80px 80px 40px;
  flex: 0 0 auto;
  width: 50%;
}
.promoev__info > * {
  position: relative;
  z-index: 2;
}
.promoev__intro {
  margin-top: 18px;
  max-width: 480px;
  font-size: 18px;
}
.promoev__buttons {
  margin-top: 35px;
}
.promoev__price {
  border-radius: 6px;
  background: rgba(255, 138, 61, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  height: 33px;
  min-width: 105px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.03em;
  position: absolute;
  top: 10px;
  left: 10px;
}
.promoev__photo {
  flex: 0 0 auto;
  width: 50%;
  padding-bottom: 32%;
  position: relative;
}
.promoev__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1369.98px) {
  .promoev__info {
    padding: 60px;
  }
}
@media (max-width: 1023.98px) {
  .promoev__inner {
    flex-direction: column;
  }
  .promoev__info {
    width: 100%;
  }
  .promoev__photo {
    width: 100%;
    padding-bottom: 60%;
  }
}
@media (max-width: 609.98px) {
  .promoev__info {
    padding: 50px 20px 25px;
  }
  .promoev__title {
    font-size: 36px;
  }
  .promoev__intro {
    margin-top: 10px;
    font-size: 16px;
  }
  .promoev__buttons {
    margin-top: 25px;
  }
  .promoev__price {
    height: 25px;
    min-width: 90px;
    font-size: 10px;
  }
}

/**************************************************************

**************************************************************/
.moreev__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.moreev__item {
  border-radius: 6px;
  border: 1px solid #C3C3C3;
  padding: 30px 35px;
  color: #414647;
  letter-spacing: 0.05em;
}
.moreev__item-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}
.moreev__item-text {
  margin-top: 15px;
}
@media (max-width: 1023.98px) {
  .moreev__items {
    grid-gap: 15px;
  }
  .moreev__item {
    padding: 20px;
  }
  .moreev__item-title {
    font-size: 20px;
  }
  .moreev__item-text {
    font-size: 15px;
  }
}
@media (max-width: 609.98px) {
  .moreev__items {
    grid-template-columns: 1fr;
  }
  .moreev__item {
    padding: 15px;
  }
  .moreev__item-title {
    font-size: 18px;
  }
  .moreev__item-text {
    font-size: 14px;
  }
}

/**************************************************************

**************************************************************/
.programev__cols {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.programev__items {
  flex: 1 0 0;
  counter-reset: programev;
}
.programev__item {
  border-radius: 6px;
  border: 1px solid #C3C3C3;
  padding: 20px 20px 20px 80px;
  color: #414647;
  letter-spacing: 0.05em;
  counter-increment: programev;
  line-height: 1.5;
  position: relative;
}
.programev__item + .programev__item {
  margin-top: 26px;
}
.programev__item:before {
  content: counter(programev);
  width: 40px;
  height: 40px;
  border: 1px solid #C3C3C3;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 24px;
  position: absolute;
  left: 20px;
  top: 20px;
}
.programev__item li::before {
  content: "•";
  margin: 0 5px;
}
.programev__ask {
  position: sticky;
  top: 10px;
  flex: 0 0 auto;
  width: 420px;
  padding: 35px 20px;
  border-radius: 6px;
  border: 1px solid #FFAD77;
  text-align: center;
  color: #414647;
  font-family: "Cera Pro";
  letter-spacing: 0.05em;
}
.programev__ask-photo {
  width: 160px;
  height: 160px;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto 20px;
}
.programev__ask-title {
  font-size: 18px;
  font-weight: 700;
}
.programev__ask-intro {
  font-size: 14px;
  margin-top: 10px;
}
.programev__ask-buttons {
  max-width: 320px;
  margin: 40px auto 0;
}
@media (max-width: 1369.98px) {
  .programev__ask {
    width: 350px;
  }
}
@media (max-width: 1023.98px) {
  .programev__cols {
    flex-direction: column;
  }
  .programev__items {
    flex: 0 0 auto;
    width: 100%;
  }
  .programev__ask {
    width: 100%;
    padding: 20px;
  }
  .programev__ask-buttons {
    margin-top: 20px;
  }
}
@media (max-width: 609.98px) {
  .programev__item {
    padding: 15px 15px 15px 60px;
    font-size: 14px;
  }
  .programev__item + .programev__item {
    margin-top: 15px;
  }
  .programev__item:before {
    width: 30px;
    height: 30px;
    font-size: 18px;
    left: 15px;
    top: 15px;
  }
  .programev__ask {
    padding: 35px 20px;
  }
  .programev__ask-photo {
    width: 140px;
    height: 140px;
  }
}

/**************************************************************

**************************************************************/
.advev__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 70px 30px;
}
.advev__item {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
.advev__item-photo {
  width: 150px;
  height: 150px;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}
.advev__item-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.advev__item-info {
  flex: 1 0 0;
  padding-top: 28px;
}
.advev__item-title {
  font-size: 24px;
  font-weight: 700;
}
.advev__item-text {
  margin-top: 15px;
  text-wrap: balance;
}
@media (max-width: 1369.98px) {
  .advev__items {
    grid-gap: 40px 30px;
  }
  .advev__item-photo {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 1023.98px) {
  .advev__items {
    grid-template-columns: 1fr;
  }
  .advev__item-photo {
    width: 150px;
    height: 150px;
  }
}
@media (max-width: 609.98px) {
  .advev__items {
    grid-gap: 30px;
  }
  .advev__item {
    gap: 15px;
  }
  .advev__item-photo {
    width: 80px;
    height: 80px;
  }
  .advev__item-info {
    padding-top: 0px;
  }
  .advev__item-title {
    font-size: 18px;
    line-height: 1.2;
  }
  .advev__item-text {
    margin-top: 10px;
    font-size: 14px;
  }
}

/**************************************************************

**************************************************************/
.signev__inner {
  background: #F3F3F3;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  position: relative;
}
.signev__info {
  padding: 80px;
  flex: 0 0 auto;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.signev__title {
  font-size: 44px;
}
.signev__intro {
  margin-top: 20px;
  max-width: 480px;
  font-size: 18px;
}
.signev__buttons {
  margin-top: 35px;
}
.signev__price {
  border-radius: 6px;
  background: rgba(255, 138, 61, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  height: 33px;
  min-width: 105px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.03em;
  position: absolute;
  top: 10px;
  left: 10px;
}
.signev__photo {
  flex: 0 0 auto;
  width: 50%;
  padding-bottom: 32%;
  position: relative;
}
.signev__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1369.98px) {
  .signev__info {
    padding: 60px;
  }
}
@media (max-width: 1023.98px) {
  .signev__inner {
    flex-direction: column;
  }
  .signev__info {
    width: 100%;
  }
  .signev__photo {
    width: 100%;
    padding-bottom: 60%;
  }
}
@media (max-width: 609.98px) {
  .signev__info {
    padding: 50px 20px 25px;
  }
  .signev__title {
    font-size: 36px;
  }
  .signev__intro {
    margin-top: 10px;
    font-size: 16px;
  }
  .signev__buttons {
    margin-top: 25px;
  }
  .signev__price {
    height: 25px;
    min-width: 90px;
    font-size: 10px;
  }
}


/**************************************************************

**************************************************************/
.logos {
  overflow: hidden;
  
}
  .logos__carousel {
    overflow: initial;
  }
.logos__carousel  .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.logos__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}
.logos__item img {
  max-height: 80px;
  max-width: 100%;
  min-height: 40px;
}`
@media (max-width: 767.98px) {
  .logos__carousel .swiper-slide {
    width: auto;
  }
  .logos__item img {
    max-height: 40px;
    max-width: 180px;
  }
}

.docs__row {
  padding: 30px 30px 30px 0;
  overflow: hidden;
  border-bottom: 1px solid #e9ebee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 100px;
  font-size: 30px;
  font-weight: 500;
  color: #3c3b41;
  text-wrap: balance;
  transition: all 0.3s ease-in-out;
}
.docs__row:hover {
  color: #615F60;
}
.docs__row:first-child {
  border-top: 1px solid #e9ebee;
}
.docs__row .icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  color: #615F60;
}
@media (max-width: 1023.98px) {
  .docs__row {
    padding: 20px 0;
    font-size: 24px;
    min-height: 60px;
  }
}
@media (max-width: 609.98px) {
  .docs__row {
    padding: 15px 0;
    font-size: 20px;
    min-height: 50px;
  }
  .docs__row .icon {
    width: 20px;
    height: 20px;
  }
}



/**************************************************************

**************************************************************/
.ihairium {

}

.bxmaker-authuserphone-simple {
  border-radius: 6px !important;
}
.bxmaker-authuserphone-button__inner {
  min-height: 50px !important;
  border-radius: 6px !important;
  font-family: "Mulish", sans-serif !important;
  font-size: 14px !important;
  color: #fff !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
}
.bxmaker-authuserphone-button:hover .bxmaker-authuserphone-button__inner {
    background: #615F60 !important;
    color: #fff !important;
}
.bxmaker-authuserphone-input-phone__field {
  border: 1px solid #C3C3C3 !important;
  border-radius: 6px !important;
  font-family: "Mulish" !important;
}
.bxmaker-authuserphone-input-phone input[type="text"] {

}
.bxmaker-authuserphone-input-phone__title {
  top: 11px !important;
}