@charset "UTF-8";
.menu__list .menu__item .menu__active-link, .menu__list .menu__item .menu__link {
  background-image: linear-gradient(transparent 55%, #95E322 100%);
  background-size: 200% 165%;
  background-repeat: no-repeat
}

.header__body, .header__bottom, .header__main, .menu__list, .wrapper {
  display: flex
}

.basket__count, .basket__item, .user__menu-item {
  border-top: 1px solid rgba(48, 49, 50, .5)
}

.bread__crumbs-container li, header li {
  list-style: none
}

.availability-text, .card__description__rating-link, .size-chart-text {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.active-order__title-text, .basket__info-title-text, .compare__table-title, .filters-select label, .hashtag, .nuot__style-block .nuot__title-head, .reviews__title {
  white-space: nowrap;
  text-overflow: ellipsis
}

#certificates .add__card-container input:nth-child(2), #langModal .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, #mob-lang button, button {
  background: 0 0
}

@font-face {
  font-family: OpenSans-Bold;
  font-display: swap;
  src: url(fonts/OpenSans-Bold.woff) format("woff"), url(fonts/OpenSans-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: OpenSans-SemiBold;
  font-display: swap;
  src: url(fonts/OpenSans-SemiBold.woff) format("woff"), url(fonts/OpenSans-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: OpenSans-Regular;
  font-display: swap;
  src: url(fonts/OpenSans-Regular.woff) format("woff"), url(fonts/OpenSans-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: icons;
  font-display: swap;
  src: url(fonts/icons.woff) format("woff"), url(fonts/icons.woff2) format("woff2");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: icons;
  font-display: swap;
  src: url(fonts/icons.woff) format("woff"), url(fonts/icons.woff2#icons) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

:root {
  --green-bg: #95E322;
  --black-bg: #212121;
  --color-text: #212121;
  --color-grey: #C4C4C4;
}

[class*=" _icon-"]::before, [class^=_icon-]::before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block
}

.auth__wrapper .auth__title, .basket__count-price, .basket__info__price-cost, .child-size-item, .lang-btn__cntr, .menu__mob-sub-title, .menu__mobile-sub-title, .menu__sub-title, .multi-size-item, .short-description__title, .slider-cards__title, .successfully-text p {
  font-family: OpenSans-SemiBold
}

._icon-certificate:before {
  content: ""
}

._icon-arrow-back:before {
  content: ""
}

._icon-arrow-link:before {
  content: ""
}

._icon-arrow-slider-1:before {
  content: ""
}

._icon-arrow-slider-2:before {
  content: ""
}

._icon-arrow-top:before {
  content: "";
}

._icon-bag:before {
  content: "";
  font-weight: 700
}

._icon-basket:before {
  content: ""
}

._icon-cancel:before {
  content: ""
}

._icon-checked:before {
  content: ""
}

._icon-clock:before {
  content: ""
}

._icon-delivery:before {
  content: ""
}

._icon-description:before {
  content: ""
}

._icon-facebook:before {
  content: ""
}

._icon-favorites:before {
  content: "";
  font-weight: 700
}

._icon-favorites-fill:before {
  content: ""
}

._icon-filters:before {
  content: ""
}

._icon-garant:before {
  content: ""
}

._icon-info:before {
  content: ""
}

._icon-instagram:before {
  content: ""
}

._icon-scales:before {
  content: ""
}

._icon-search:before {
  content: "";
  font-weight: 700
}

._icon-shops:before {
  content: ""
}

._icon-tel:before {
  content: ""
}

._icon-user:before {
  content: "";
  font-weight: 700
}

._icon-youtube:before {
  content: ""
}

._icon-backpack:before {
  content: ""
}

._icon-forward:before {
  content: ""
}

._icon-reply:before {
  content: ""
}

._icon-play3:before {
  content: ""
}

._icon-pause2:before {
  content: ""
}

* {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  font-family: OpenSans-Regular
}

html {
  --scrollbarBG: #f1f1f1;
  /*--thumbBG: #ffc579;*/
  --thumbBG: #212121;
}

body::-webkit-scrollbar {
  width: 11px
}

body {
  scrollbar-color: var(--thumbBG) var(--scrollbarBG)
}

body::-webkit-scrollbar-track {
  background: var(--scrollbarBG)
}

body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border: 1px solid var(--scrollbarBG)
}

a {
  color: #101010;
  text-decoration: none !important
}

a:hover {
  color: inherit
}

img {
  font-size: 11px
}

canvas {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  vertical-align: middle
}

h1, h2, h3, h4, h5, p {
  margin: 0
}

ul {
  margin-bottom: 0;
  padding-left: 0
}

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

.header__container, .header__top > hr, header > hr {
  margin: 0 auto;
  width: 100%
}

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

input {
  height: 45px
}

input:focus, select:focus, textarea:focus {
  outline: #101010 solid 1px
}

button {
  border: none;
  -webkit-appearance: none
}

body, html {
  background-color: #f7f7f7;
  height: 100%;
  color: #101010
}

.wrapper {
  min-height: 100%;
  flex-direction: column
}

main {
  flex: 1 1 auto
}

.custom__container, section {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto
}

header {
  height: 160px; /*kkk height: 139px;*/
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 9;
  transition: transform .1s ease-in-out;
  transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

header > hr {
  max-width: 1440px;
  border-top: 1px solid var(--color-grey);
}

body.body-not-scroll .header__top > hr, body.body-not-scroll header > hr {
  width: 110%
}

.promo-topline-item {
  font-size: 14px;
}

.header__container {
  max-width: 1384px;
  padding: 0 30px
}

.header__checkout {
  padding: 6px 0
}

.article-top-info, .header__checkout .header__contacts, .simple-page-main-info__container, .simple-page-table-container, .text-page-container {
  padding: 0 62px
}

.header__top > hr {
  max-width: 1440px;
  border-bottom: 1px rgba(48, 49, 50, .14)
}

.header__contacts {
  display: flex;
  padding: 4px 62px;
  justify-content: space-between;
  align-items: center
}

.header__contacts .header__contacts-item {
  font-size: 14px;
  line-height: 21px
}

.header__contacts .header__contacts-item:not(:last-child) {
  padding-right: 40px
}

.header__contacts .header__contacts-item span {
  color: #101010;
  font-size: 14px;
  line-height: 21px
}

.header__bottom {
  padding: 14px 0;
  background: transparent;
}

.menu__list {
  padding-left: 62px
}

.menu__list .menu__item {
  margin-right: 25px
}

.menu__list .menu__item:hover .menu__link {
  background-position: 45%
}

.menu__list .menu__item .menu__link {
  position: relative;
  color: #101010;
  font-size: 18px;
  line-height: 25px;
  background-position: 200%;
  transition: .4s cubic-bezier(.39, .12, .28, .92), color .6s cubic-bezier(.39, .12, .28, .92);
  font-weight: 600
}

.menu__list .menu__item .menu__active-link {
  font-family: OpenSans-Bold;
  background-position: 45%
}

.header__body {
  align-items: center;
  justify-content: space-between;
  position: relative;
  min-height: 75px;
  width: 100%
}

.header__logo {
  max-width: 250px;
  width: 13vw;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  flex-shrink: 0
}

#mob-lang input, .header__logo .logo-min, .menu__icon {
  display: none
}

.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.header__actions {
  display: flex;
  flex: 0 1 250px;
  justify-content: space-between;
  z-index: 1
}

.header__actions:last-child {
  margin-right: 62px
}

.header__actions .header-icon {
  color: #101010;
  font-size: 20px;
  display: flex;
  align-items: flex-end
}

.header__actions .header-icon::before {
  color: #101010;
  font-size: 24px
}

.header__actions .header-bag, .noUi-connects, .noUi-handle, .poster:hover, .unknown-user {
  cursor: pointer
}

.header__actions .header-favorites {
  font-size: 14px
}

.header-checkout {
  justify-content: flex-end
}

.header-checkout .header__actions-item:first-child, .header-checkout .header__actions-item:nth-child(3), .header-checkout .header__actions-item:nth-child(4) {
  margin-right: 45px
}

.menu-anim:hover .menu__sub-wrapper {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1
}

.show-modal {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-animation: 2s cubic-bezier(.39, .575, .565, 1) both show-opacity;
  animation: 2s cubic-bezier(.39, .575, .565, 1) both show-opacity
}

@-webkit-keyframes show-opacity {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 0
  }
  10%, 100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
  }
}

@keyframes show-opacity {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 0
  }
  10%, 100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
  }
}

.show-effect {
  min-height: 45vh;
  -webkit-animation: .2s cubic-bezier(.39, .575, .565, 1) both scale-up-ver-top;
  animation: .2s cubic-bezier(.39, .575, .565, 1) both scale-up-ver-top
}

.show-left {
  -webkit-animation: .2s cubic-bezier(.39, .575, .565, 1) both scale-up-ver-left;
  animation: .2s cubic-bezier(.39, .575, .565, 1) both scale-up-ver-left
}

@-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
  }
}

@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
  }
}

@-webkit-keyframes scale-up-ver-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
  }
}

@keyframes scale-up-ver-left {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
  }
}

.menu__sub-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  justify-content: space-between;
  padding-top: 42px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  opacity: 0;
  left: 0;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  transition: transform .33s cubic-bezier(.22, .61, .36, 1) .2s, opacity .15s cubic-bezier(.22, .61, .36, 1) .2s, -webkit-transform .33s cubic-bezier(.22, .61, .36, 1) .2s
}

.menu__sub-wrapper hr {
  width: 100%;
  border-top: 2px solid rgba(48, 49, 50, .5);
  margin: 0
}

.menu__sub-wrapper .sub-column {
  display: flex;
  justify-content: space-between;
  padding: 13px 60px 13px 66px;
  background: #f7f7f7
}

.menu__img-wrapper {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  max-width: 915px
}

.menu__sub-img {
  width: 248px;
  height: 364px
}

.menu__sub-img:not(:last-child) {
  margin-right: 20px
}

.menu__sub-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.menu__sub-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 25px;
  text-transform: uppercase;
  padding-top: 34px;
  color: #303132
}

.menu__sub-link, .menu__sub-more {
  font-size: 18px;
  line-height: 30px;
  color: #303132
}

.menu__sub-more {
  text-decoration: underline !important
}

.card__delivery-modal, .card__info-desctop-item:hover span, .reviewer-more {
  text-decoration: underline
}

.menu__sub-list {
  margin-top: 16px
}

.menu__sub-list .menu__sub-item {
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  margin-bottom: 14px
}

.menu__sub-list .menu__sub-item:hover {
  -webkit-transform: translate(-10px, 0);
  transform: translate(-10px, 0)
}

.header__search-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff91;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  top: 88px;
  left: 0;
  width: 100%;
  min-height: 220px;
  cursor: pointer
}

.header__search-wrapper hr {
  width: 100%;
  border-top: 2px solid rgba(48, 49, 50, .5);
  margin: 0
}

.header__search-container {
  width: clamp(320px, 100%, 894px);
  display: flex;
  flex-direction: column;
  padding: 66px 15px 0;
  margin-bottom: 15px
}

.header__search-container form {
  display: flex
}

.header__search-container form ._icon-search {
  line-height: 38px;
  padding-right: 20px;
  font-size: 26px
}

.header__search-container form .search-input {
  text-transform: uppercase;
  border: none !important;
  background: inherit !important;
  width: 100%;
  line-height: 24px
}

#recoveryModal .new-pass-btn:disabled, #recoveryModal .recovery-btn:disabled, .auth__container button:disabled, .personal__wrapper .personal__form .personal-btn:disabled {
  background-color: #7897ab85
}

.header__search-container form .search-input:focus, .ukposhta-container input:focus {
  outline: 0
}

.header__search-container .search__results-container {
  width: 100%;
  border-top: 3px solid #101010;
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow-y: auto
}

.header__search-container .search__results-container a {
  padding: 6px 11px;
  transition: transform .2s, color .2s, -webkit-transform .2s
}

.header__search-container .search__results-container a:hover {
  -webkit-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
  color: #7897ab !important
}

.auth__wrapper, .user__menu {
  -webkit-transform: scaleY(0);
  width: clamp(320px, 100%, 380px);
  right: 4%;
  position: absolute
}

.header-user:hover .user__menu {
  -webkit-animation: .2s cubic-bezier(.39, .575, .565, 1) both scale-up-ver-top;
  animation: .2s cubic-bezier(.39, .575, .565, 1) both scale-up-ver-top
}

.user__menu {
  transform: scaleY(0);
  padding-top: 29px;
  background-color: #fff;
  z-index: 1
}

.user__menu-item {
  border-right: 1px solid rgba(48, 49, 50, .5);
  border-left: 1px solid rgba(48, 49, 50, .5)
}

.user__menu-item:last-child {
  border-bottom: 1px solid rgba(48, 49, 50, .5)
}

.user__menu-link {
  display: flex;
  justify-content: space-between;
  padding: 14px 38px
}

.inform-card, .inform-card:hover, .lang-modal-btn:hover .lang-arrow, .user__menu-link:hover span {
  color: var(--green-bg);
}

.auth__container input:focus ~ label, .personal__wrapper .personal__form input:focus ~ label, .personal__wrapper .personal__form select:focus ~ label, .to-auth:hover, .to-recovery:hover, .to-registration:hover {
  color: var(--text-color);
}

.products-total, .user__menu ._icon-arrow-link {
  font-size: 14px
}

.header-search {
  transition: .2s cubic-bezier(.39, .575, .565, 1)
}

.rotate-anim {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.auth__wrapper {
  transform: scaleY(0);
  margin-top: 30px
}

.auth__wrapper .auth__container {
  padding: 26px 36px 32px;
  background-color: #f7f7f7;
  cursor: auto;
  text-align: center
}

.auth__wrapper .auth__title {
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  margin-bottom: 24px
}

.number__container-title {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
  margin-top: 10px
}

.number__container-text {
  font-size: 12px;
  line-height: 13px;
  max-width: 158px;
  display: inline-block;
  color: rgba(48, 49, 50, .5);
  margin-bottom: 26px
}

.auth__container .input__container, .code__label-container {
  display: flex;
  flex-direction: column-reverse
}

.auth__container .input__container:not(:nth-child(2)) {
  margin-bottom: 16px
}

#recoveryModal label, .auth__container label {
  text-align: left;
  color: rgba(48, 49, 50, .5);
  font-size: 13px;
  line-height: 14px;
  margin-bottom: 5px
}

.auth__container button, .personal__wrapper .personal__form .personal-btn {
  color: var(--color-text);
  background-color: var(--green-bg);
  padding: 18px 20px;
  line-height: 14px;
  text-transform: uppercase
}

#recoveryModal input, .auth__container input {
  width: 100%;
  border-radius: unset;
  border: 1px solid var(--color-grey);
  height: 45px
}

#recoveryModal input:focus, .auth__container input:focus {
  outline-color: var(--black-bg);
  border: none
}

.auth__container button {
  width: 100%;
  border: none;
  font-size: 16px;
  margin-top: 10px
}

.social__aut-hr {
  font-size: 13px;
  line-height: 14px;
  padding: 14px 0
}

.social__aut-hr div {
  display: inline-block;
  width: 80px;
  height: 1px;
  background: rgba(48, 49, 50, .5);
  margin: 4px 10px
}

.social__auth-container {
  display: flex;
  justify-content: center;
  width: 100%
}

.social__auth-container .social__auth-action {
  padding: 0 7px
}

.social__auth-container .social__auth-action:hover div {
  border: 1px solid #ffc579
}

.social__auth-container .social__auth-action div {
  border: 1px solid rgba(48, 49, 50, .5);
  width: 50px;
  height: 50px;
  transition: border-color 150ms linear
}

.social__auth-container .social__auth-action div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.auth__container .social__auth-container button {
  width: auto;
  margin-top: 0;
  padding: 0;
  border: 1px solid rgba(48, 49, 50, .5);
  border-radius: 0;
  outline: none;
  width: 50px;
  height: 50px;
  transition: border-color 150ms linear;
}

.auth__container .social__auth-container button:hover {
  border: 1px solid #ffc579
}

.auth__container .social__auth-container button img {
  width: 100%;
  height: 100%;
}

.personal__wrapper {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  position: absolute;
  margin-top: 30px;
  right: 4%;
  width: clamp(320px, 100%, 380px)
}

.personal__wrapper .personal__container {
  border: 1px solid rgba(48, 49, 50, .5);
  padding: 26px 36px 32px;
  background-color: #f7f7f7;
  cursor: auto;
  text-align: center;
  overflow-y: auto;
  max-height: 500px
}

.personal__wrapper .personal__title-header {
  font-family: OpenSans-SemiBold;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase;
  margin-bottom: 12px
}

.header__contacts-mobile, .personal__wrapper .personal__form {
  padding: 0
}

.personal__wrapper .personal__form input, .personal__wrapper .personal__form select {
  width: 100%;
  border-radius: unset;
  border: 1px solid var(--color-grey);
  height: 45px;
  font-size: 14px;
  line-height: 14px;
  padding: 4px 16px 4px 30px;
  background-color: #fff
}

.personal__wrapper .personal__form input:focus, .personal__wrapper .personal__form select:focus {
  outline: 0;
  border: 1px solid var(--black-bg);
}

.personal__wrapper .personal__form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/arrow_custom.svg) right no-repeat;
  background-position-x: calc(100% - 8px)
}

.personal__wrapper .personal__form label {
  color: rgba(48, 49, 50, .5);
  font-size: 13px;
  line-height: 14px;
  float: left;
  margin-bottom: .3rem
}

#langModal .input__container, #userCertificates .input__container, .personal__wrapper .personal__form .input__container {
  display: flex;
  flex-direction: column-reverse
}

.personal__wrapper .personal__form .input__container:not(:nth-child(7)) {
  margin-bottom: 20px
}

.personal__wrapper .personal__form .personal-btn {
  width: 100%;
  border: none;
  font-size: 16px;
  margin-top: 20px
}

.personal__wrapper .personal__form .personal-second-btn {
  border: none;
  display: inline-block;
  font-size: 13px;
  line-height: 14px;
  color: #101010;
  text-align: right;
  margin-bottom: 20px;
  margin-top: 10px
}

.sale__swiper .sale-swiper-pagination .swiper-pagination-total, .sale__swiper .slider__btn-cont .swiper-button-disabled {
  color: rgba(255, 255, 255, .6)
}

.personal__wrapper #date {
  margin-bottom: 10px
}

#custom-modal, .menu__mobile-modal {
  -webkit-transform: scale(0);
  transform: scale(0);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100vh;
  background-color: rgba(2, 2, 2, .6);
  z-index: 999
}

.menu__mobile-modal.active-modal {
  animation: none;
  transform: scale(1);
  transform-origin: top;
  transition: transform 0.1s linear;
}

#custom-modal {
  z-index: 8;
  opacity: 0
}

.basket__empty {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: center;
/*  display: none*/
}

.active-modal {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-animation: .2s cubic-bezier(.39, .575, .565, 1) both active-modal;
  animation: .2s cubic-bezier(.39, .575, .565, 1) both active-modal
}

@-webkit-keyframes active-modal {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes active-modal {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.menu__mobile-wrapper {
  background: #f7f7f7;
  width: clamp(277px, 60vw, 540px);
  height: 100vh;
  overflow-y: scroll
}

.menu__mobile-container {
  padding: 0 20px;
  border-bottom: .5px solid rgba(48, 49, 50, .5)
}

.menu__footer ul, .menu__mobile-item {
  border-bottom: .5px solid rgba(204, 213, 226, .5)
}

.menu__mobile-logo {
  width: 64px;
  height: 24px;
  flex-shrink: 0
}

.menu__mobile-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.menu__mobile-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 13px;
  min-height: 76px
}

.menu__mobile-unregistered {
  color: var(--color-text);
  background-color: var(--green-bg);
  display: flex;
  font-size: 14px;
  line-height: 18px;
  padding: 22px 20px
}

.menu__mobile-unregistered::before {
  font-size: 25px;
  margin-right: 16px
}

.menu__mobile-sub-title {
  font-size: 18px;
  line-height: 26px;
  padding: 18px 0;
}
.menu__mobile-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

.menu__mobile-item ._icon-arrow-link::before {
  font-size: 12px;
  font-weight: 700
}

.menu__footer ul {
  padding-top: 8px
}

.menu__footer ul li {
  padding: 8px 0
}

.menu__footer ul .menu__footer-item {
  font-size: 16px;
  line-height: 22px;
  color: rgba(16, 16, 16, .75)
}

.menu__footer ul .menu__footer-item.sale {
  color: #eb5757 !important;
  text-transform: uppercase
}

.mob__lang-container {
  padding: 8px 0 20px 20px
}

#mob-lang button {
  border: none;
  font-size: 14px;
  line-height: 19px;
  color: #101010;
  padding: 0
}

.menu__mob-sub-wrapper {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  position: fixed;
  top: 77px;
  left: 0;
  background: #f7f7f7;
  width: clamp(277px, 60vw, 540px);
  padding-bottom: 60px
}

.menu__mob-sub-wrapper .menu__mob-sub-list {
  padding-top: 10px
}

.mobile-sub-cont {
  padding: 14px 0 20px 20px;
  overflow-y: auto;
  height: 85vh
}

.mobile-sub-cont:nth-child(4) {
  border: none;
  margin-bottom: 30px
}

.menu__mob-sub-title {
  border-bottom: .5px solid rgba(48, 49, 50, .5);
  padding-bottom: 25px;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  font-size: 20px;
  line-height: 26px
}

.connect__acounts-item, .lang-modal-btn, .option-flag-container {
  display: flex;
  align-items: center
}

.menu__mob-sub-title._icon-arrow-link::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 15px;
  font-weight: 700;
  left: 23px;
  position: absolute
}

.menu__mob-sub-text {
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase
}

.menu__mob-sub-item {
  margin-left: 15px;
  padding: 10px 0
}

.menu__mobile-list .menu__sub-more {
  font-size: 16px;
  margin-left: 15px;
  padding: 6px 0
}

.menu__mob-sub-link {
  font-size: 16px;
  line-height: 22px
}

.lang-btn__cntr, .lang-modal-btn {
  line-height: 21px;
  font-size: 14px
}

.menu__mob__bottom-title div {
  border: 1px solid #101010;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  padding: 12px;
  margin: 0 auto;
  width: clamp(246px, 84%, 380px);
  text-align: center
}

.categories__container .categories__text_container .button-link div, .short-description__button div {
  border: .5px solid #101010
}

.categories__container .categories__text_container .button-link:hover div {
  background-color: var(--black-bg);
}

.categories__container .categories__text_container .button-link:hover div:before {
  color: #fff;
}

.mobile-container {
  position: relative;
  /*width: -webkit-max-content;*/
  /*width: -moz-max-content;*/
  /*width: max-content;*/
  width: 100%;
}

.menu__mobile-close {
  position: fixed;
  cursor: pointer;
  top: 50%;
  left: 82%;
  color: var(--color-grey)
}

.custom-swiper-pagination .swiper-pagination-current, .menu__mobile-close._icon-cancel::before {
  font-size: 20px
}

.checkout-header {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content
}

.img-flag, .lang-icon {
  width: 16px;
  height: 12px;
  margin-right: 8px
}

.lang-btn__cntr {
  color: var(--color-grey);
  margin-right: 8px
}

.lang-arrow {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: transform .3s ease-in-out !important;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
  color: rgba(16, 16, 16, .5)
}

.lang-arrow::before {
  font-weight: 700;
  font-size: 11px
}

.header__navigation-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%
}

.to-recovery, .to-registration {
  width: -webkit-max-content;
  width: -moz-max-content;
  font-size: 13px;
  line-height: 14px;
  transition: color 150ms linear
}

.header__navigation-wrapper .lang-modal-btn {
  display: none
}

.to-recovery {
  text-align: right;
  margin-top: 6px;
  padding-bottom: 10px;
  margin-left: auto;
  width: max-content
}

.to-registration {
  padding-top: 14px;
  margin: 0 auto;
  width: max-content
}

.auth-error-block, .reg-error-block {
  font-size: 13px;
  line-height: 14px;
  color: #eb5757
}

.to-auth {
  font-size: 13px;
  line-height: 14px;
  transition: color 150ms linear;
  margin-left: auto;
  padding-top: 5px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.successfully-text {
  height: 50px;
  width: 100%;
  background-color: #99bfb8;
  display: none;
  align-items: center;
  justify-content: center
}

.successfully-text p {
  font-size: 12px;
  line-height: 16px;
  color: #fff
}

.header__basket-wrapper {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  position: absolute;
  cursor: auto;
  right: 0;
  top: 122%;
  width: 640px;
  background-color: #fff
}

.check__items-container, .header__basket-container, .past__item-container {
  display: flex;
  flex-direction: column
}

.header__basket-container > ._icon-cancel {
  margin-left: auto;
  padding: 10px
}

.basket__title {
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  color: #101010;
  padding: 10px 0 15px;
  text-transform: uppercase
}

.basket__items {
  padding-left: 26px;
  padding-right: 45px;
  max-height: 250px;
  overflow-y: auto
}

.basket__item {
  position: relative;
  display: flex;
  padding: 10px 0;
  justify-content: space-between
}

.basket__img {
  width: 94px;
  height: 130px;
  flex: 0 0 22%
}

.basket__img img, .child__container img, .female__container img, .male__container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.basket__info {
  flex: 0 1 72%;
  padding-right: 30px
}

.basket__info-title {
  display: flex;
  justify-content: space-between;
  padding-top: 25px
}

.basket__info-title-text {
  margin: 0;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
  max-width: 345px
}

.basket__info-title ._icon-cancel::before {
  font-size: 14px;
  font-weight: 600
}

.basket__info-art {
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
  color: rgba(48, 49, 50, .5);
  padding-bottom: 20px
}

.basket__info__details-amount, .basket__info__details-size {
  font-size: 18px;
  color: #101010
}

.basket__info__details {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%
}

.basket__info__details-sub {
  display: flex;
  justify-content: space-between;
  flex: 0 1 70%
}

.basket__info__details-size {
  line-height: 30px;
  text-transform: uppercase
}

.details-amount {
  all: unset;
  -moz-appearance: textfield;
  width: 20px;
  text-align: center
}

.details-amount::-webkit-inner-spin-button {
  display: none
}

.basket__info__price {
  padding-bottom: 8px
}

.basket__info__price-title {
  font-size: 13px;
  line-height: 16px;
  color: rgba(48, 49, 50, .5);
  padding-bottom: 10px;
  text-align: end
}

.basket__info__price-cost {
  font-size: 18px;
  line-height: 20px
}

.basket__count-container {
  width: 100%;
  padding-left: 26px;
  padding-right: 45px
}

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

.basket__count-title {
  font-size: 13px;
  line-height: 16px;
  color: rgba(48, 49, 50, .5);
  padding-top: 4px;
  padding-bottom: 6px
}

.basket__count-price {
  font-size: 18px;
  line-height: 25px
}

.basket__submit-cont {
  padding: 22px 45px 25px 26px;
  display: flex;
  justify-content: space-between
}

.basket__submit-checkout, .basket__submit-continue {
  padding: 14px 0;
  font-size: 16px;
  line-height: 22px;
  width: 48.5%;
  text-align: center;
  text-transform: uppercase
}

.basket__submit-checkout {
  color: var(--color-text);
  background-color: var(--green-bg);
}

.basket__submit-continue {
  color: var(--color-text);
  background-color: transparent;
  border: 1px solid var(--green-bg);
}

.checkout__head-wrapper, .compare__head-wraper, .main__personal-wrapper, .new-collection__wrapper, .text-page__top-wrapper, .top-nuot-wrapper, .top__favorite-wrapper, .top__search-wrapper {
  padding-top: 160px  /*kkk padding-top: 139px */
}

.new-collection__wrapper .swiper-pagination-bullets {
  padding-right: 16px;
  padding-bottom: 10px
}

#orderModal .modal-body, .card__info-mobile, .filter-title-container, .modal-availability-error, .modal-order-error, .new-collection__wrapper .new-collection-pagination, .noUi-handle::after, .noUi-handle::before, .other-method, .review-success, .shop-method {
  display: none
}

.categories__container, .new-collection__wrapper .custom__container {
  display: flex
}

.child__container, .female__container, .male__container {
  position: relative;
  width: clamp(384px, 50%, 480px);
  height: clamp(528px, 83vh, 770px);
  flex: 1 1 auto
}

.child__container .new-collection__button, .female__container .new-collection__button, .male__container .new-collection__button {
  position: absolute;
  bottom: 32px;
  right: 28px
}

.child__container .new-collection__button span, .female__container .new-collection__button span, .male__container .new-collection__button span {
  color: #fff
}

.child__container .new-collection__button div, .female__container .new-collection__button div, .male__container .new-collection__button div {
  border: .5px solid #fff;
  color: #fff
}

.child__container .child__title-wrapper, .child__container .female__title-wrapper, .child__container .male__title-wrapper, .female__container .child__title-wrapper, .female__container .female__title-wrapper, .female__container .male__title-wrapper, .male__container .child__title-wrapper, .male__container .female__title-wrapper, .male__container .male__title-wrapper {
  position: absolute;
  top: 37%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #fff
}

.child__container .child__title-wrapper .title-collection, .child__container .female__title-wrapper .title-collection, .child__container .male__title-wrapper .title-collection, .female__container .child__title-wrapper .title-collection, .female__container .female__title-wrapper .title-collection, .female__container .male__title-wrapper .title-collection, .male__container .child__title-wrapper .title-collection, .male__container .female__title-wrapper .title-collection, .male__container .male__title-wrapper .title-collection {
  font-size: 20px;
  line-height: 27px;
  padding: 25px 28px
}

.male__container .male__title-wrapper .title-collection {
    padding: 10px 10px;
    border: 1px solid #fff;
    width: 40%;
    margin: 0 auto;
    text-transform: uppercase;
}

.child__container .child__title-wrapper .new-collection, .child__container .female__title-wrapper .new-collection, .child__container .male__title-wrapper .new-collection, .female__container .child__title-wrapper .new-collection, .female__container .female__title-wrapper .new-collection, .female__container .male__title-wrapper .new-collection, .male__container .child__title-wrapper .new-collection, .male__container .female__title-wrapper .new-collection, .male__container .male__title-wrapper .new-collection {
  font-size: 19px;
  line-height: 20px
}

.sale__wrapper, .short-description__warapper {
  padding-bottom: 83px
}

.sale__slide {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 67%;
  min-height: 300px;
  max-height: 790px
}

.sale__slide .button-link {
  position: absolute;
  bottom: 19%;
  left: 9%
}

.sale__slide .button-link div {
  border: .5px solid #fff;
  color: #fff
}

.sale__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.sale__swiper {
  position: relative
}

.sale__swiper .sale-swiper-pagination {
  position: absolute;
  bottom: 7%;
  left: 10%;
  color: #fff
}

.sale__swiper .slider__btn-cont {
  position: absolute;
  bottom: 7%;
  left: 19%;
  color: #fff
}

.sale__swiper .sale-swiper-scrollbar {
  position: absolute;
  bottom: 5%;
  left: 10%;
  width: 210px;
  background: rgba(255, 255, 255, .26)
}

.sale__swiper .sale-swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff
}

.short-description__container {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1152px;
  padding: 0 10px
}

.short-description__left {
  flex: 0 0 34%;
  display: flex;
  flex-direction: column;
  position: relative
}

.short-description__right {
  flex: 0 1 auto;
  position: relative;
  width: 544px;
  height: 694px
}

.short-description__right .right__main-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.short-description__right .right__second-img {
  position: absolute;
  bottom: 0;
  left: -18%;
  width: 202px;
  height: 270px
}

.short-description__right .right__second-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.short-description__title {
  font-size: 25px;
  line-height: 60px;
  text-transform: uppercase;
  font-weight: 600;
  color: #101010;
  text-align: center;
  padding-bottom: 80px;
  padding-top: 83px
}

.short-description__text {
  line-height: 30px;
  color: #101010;
  padding-bottom: 184px;
  margin-bottom: 0
}

.short-description__button {
  margin-right: auto
}

.short-description__button span {
  color: #101010 !important;
  padding-left: 0 !important
}

.categories__wrapper {
  padding-top: 27px;
  padding-bottom: 83px
}

.categories__container:nth-child(2n) {
  justify-content: space-between
}

.categories__container:nth-child(2n) .categories__text_container {
  order: 0
}

.categories__container:nth-child(2n) .categories__img_container {
  order: 1
}

.categories__container .categories__text_container {
  flex: 0 0 50%;
  padding: 90px 0 102px 108px;
  max-width: 545px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  order: 1
}

.categories__container .categories__text_container .categories__text__title {
  font-size: 70px;
  line-height: 75px;
  color: #101010
}

.delivery__container input:focus ~ label, .delivery__container textarea:focus ~ label, .order__forms input:focus ~ label, .order__forms textarea:focus ~ label, .product__card-link .favorit:hover, .product__card-link .product-card-swiper-next:hover, .product__card-link .product-card-swiper-prev:hover {
  color: #212121;
}

.categories__container .categories__text_container .button-link {
  margin-right: auto;
  padding: 0
}

.categories__container .categories__text_container .button-link span {
  color: #101010;
  padding-left: 0
}

.categories__container .categories__img_container {
  flex: 0 0 50%;
  width: 720px;
  height: 700px;
  order: 0
}

.categories__container .categories__img_container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.child-size-item, .multi-size-item {
  color: #fff;
  font-size: 22px;
  line-height: 40px
}

.slider-cards__wrapper {
  padding-top: 83px;
  padding-bottom: 83px
}

.slider-cards__container {
  padding: 0 10px;
  overflow: hidden
}

.grid__catalog-container .product__description-subprod, .grid__catalog-container-2 .product__description-subprod, .grid__catalog-container-3 .product__description-subprod, .product__description-item {
  padding-top: 8px
}

.slider-cards__title {
  font-size: 25px;
  line-height: 60px;
  padding-bottom: 23px;
  text-align: center
}

.ordering__container, .product__description-cont, .reviewer__inform {
  display: flex;
  justify-content: space-between
}

.product__description-title {
  font-size: 13px;
  font-family: OpenSans-Regular;
  line-height: 20px;
  overflow: hidden;
  margin-right: 4px
}

.product__description-title span {
    font-size: 13px;
    font-family: OpenSans-Bold;
    line-height: 20px;
    overflow: hidden;
    margin-right: 4px;
}

.product__description-price__container {
  margin-right: 16px;
  height: 42px;
  max-width: 42%;
  min-width: 88px;
  overflow: hidden;
  padding-right: 4px
}

.product__description-price__container .item-active::before {
  left: -3px;
  background-color: rgba(48, 49, 50, .5)
}

.product__description-price {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-family: OpenSans-SemiBold;
  text-align: right;
  white-space: nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  color: rgba(16, 16, 16, .75)
}

.product__description-subprod {
  margin-left: 2px;
  display: flex;
  flex-flow: row wrap;
  max-width: 350px;
  transition: transform .2s, opacity .2s, -webkit-transform .2s;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0
}

.old-price {
  font-size: 18px;
  color: #eb5757;
}

.sale-board {
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #eb5757;
    color: #fff;
    padding: 0 .375rem;
    font-size: 16px;
}

.card__wrapper .sale-board {
    right: 15px;
    left: inherit;
}

.card__wrapper .wrapper_block {
    width: 58%;
}

.card__wrapper .wrapper_block .card__imgs {
  width: 100%;
}

.cross-out-price {
  color: rgba(48, 49, 50, .5)
}

.product__card-container:hover .product__description-subprod {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.grid__catalog-container .product__card-container-item {
  height: 90%
}

.grid__catalog-container-3 .product__card-img-cont {
  height: 570px
}

.grid__catalog-container-2 .product__card-img-cont {
  height: 770px
}

.product-card-swiper, .product__card, .product__card-link {
  height: 100%
}

.product__card-img-cont, .slider-cards__container .product__card-img-cont {
  height: 0;
  padding-bottom: 122.5%;
  position: relative;
}

.product__card-img-cont img, .slider-cards__container .product__card-img-cont img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s ease-in;
}

.product__card-img-cont img.is-loaded, .slider-cards__container .product__card-img-cont img.is-loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.product__card-container {
  width: 350px;
  margin: 0 auto
}

.product__card-container:hover .product__buy-container {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.favorit.complect, .product-card-swiper-next.complect, .product-card-swiper-prev.complect, .product__card-container:hover .favorit, .product__card-container:hover .product-card-swiper-next, .product__card-container:hover .product-card-swiper-prev {
  opacity: 1
}

.product__card-img-cont img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.product__card-link {
  overflow: hidden;
  position: relative
}

.product__card-link .favorit {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 20px;
  z-index: 2;
  opacity: 0;
  transition: opacity .2s ease-in-out
}

.product__card-link .swiper-container {
  position: relative
}

.product__card-link .product-card-swiper-next {
  position: absolute;
  top: 50%;
  right: 4px;
  z-index: 1;
  color: #101010;
  opacity: 0;
  transition: opacity .2s ease-in-out
}

.product__card-link .product-card-swiper-prev {
  position: absolute;
  top: 50%;
  left: 4px;
  z-index: 1;
  color: #101010;
  opacity: 0;
  transition: opacity .2s ease-in-out
}

.product__buy-container {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 85px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center
}

.product__buy-container .item-active::before {
  width: 98%;
  left: 0
}

.product__buy-container .product__sizes-container {
  display: flex;
  justify-content: center
}

.product__buy-container ._icon-bag {
  font-size: 25px;
  color: #7897ab;
  text-align: center
}

.focus-prod {
  border: 2px solid #000 !important
}

.product__sizes-title {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding-top: 12px;
  margin-bottom: 0
}

.product__sizes-item {
  margin: 0 2px;
  position: relative;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
  line-height: 50px;
  font-family: OpenSans-Bold;
  transition: color .2s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out;
  text-transform: uppercase;
  padding: 1px 6px
}

.product__sizes-item:disabled {
  color: rgba(255, 255, 255, .3)
}

.slider-cards__container .slider-controls-container {
  max-width: 17%;
  margin-left: auto;
  padding-top: 40px
}

.slider-cards__container .slider-controls-container .slider-cards-controls-wrapper {
  display: flex
}

.slider-cards__container .slider-controls-container .swiper-button-disabled, .slider-cards__container .slider-controls-container .swiper-pagination-total {
  color: rgba(48, 49, 50, .5)
}

.blog-swiper-scrollbar, .slider-controls-container .custom-swiper-scrollbar {
  margin-top: 14px;
  background: rgba(48, 49, 50, .5);
  width: 100%
}

.nuot__img-container, .nuot__style-block, .nuot__style-img {
  width: clamp(320px, 100%, 480px)
}

.slider-controls-container .custom-swiper-scrollbar .swiper-scrollbar-drag {
  background: #303132
}

.nuostyle__wrapper {
  padding-top: 83px;
  padding-bottom: 44px
}

.nuot__title {
  font-size: 19px;
  line-height: 60px;
  padding-left: 15px;
  color: #101010
}

.nuot__block {
  flex: 0 1 33.33%;
  max-height: 980px;
  display: flex;
  flex-direction: column
}

.nuot__img-container {
  overflow: hidden;
  height: clamp(395px, 50%, 490px)
}

.nuot__img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.nuot__style-block {
  height: clamp(275px, 33%, 324px);
  color: #fff;
  background-color: #7897ab;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 54px
}

.nuot__style-block .nuot__title-head {
  font-size: 40px;
  line-height: 60px;
  overflow: hidden;
  max-width: 284px
}

.nuot__style-block .nuot__text {
  font-size: 16px;
  line-height: 23px;
  max-width: 388px;
  margin: 18px 0 25px;
  padding: 0 6px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 112px
}

.nuot__style-block .button-link {
  align-self: flex-start;
  margin-bottom: 10px;
  padding: 0;
  float: left
}

.add-pay-card:hover, .nuot__style-block .button-link:hover div, .send-pay-card:hover {
  background-color: #ffc579
}

.nuot__style-block .button-link span {
  padding-left: 0;
  color: #fff
}

.nuot__style-block .button-link div {
  border: .5px solid #fff;
  color: #fff;
  width: 48px;
  height: 48px
}

.close-item::before, .nuot__style-block .button-link div::before {
  font-size: 14px
}

.nuot__style-img {
  overflow: hidden;
  height: clamp(395px, 77%, 660px)
}

.nuot__style-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.nuot__grid-wrapper {
  display: flex;
  justify-content: center;
  overflow: hidden
}

.nuot__grid-wrapper:hover {
  cursor: url(../../image/nuotcursor.svg), auto
}

.blog__wrapper {
  padding-top: 44px;
  padding-bottom: 90px
}

.blog__wrapper .slider-controls-container {
  max-width: 17%;
  margin-left: auto;
  margin-right: 20px;
  padding-top: 62px
}

.blog__wrapper .slider-controls-container .blog-controls-wrapper {
  display: flex
}

.blog__wrapper .slider-controls-container .swiper-button-disabled, .blog__wrapper .slider-controls-container .swiper-pagination-total, .swiper-button-disabled {
  color: rgba(48, 49, 50, .5)
}

.blog-swiper-scrollbar .swiper-scrollbar-drag {
  background: #101010
}

.blog__swiper {
  max-width: 1080px;
  margin: 0 auto;
  overflow: hidden
}

.blog__column {
  display: grid;
  grid-row-gap: 20px;
  overflow: hidden;
  width: 540px
}

#codeForm input[type=number], .blog__column:nth-child(2n) .blog__column-item:nth-child(odd) {
  order: 1
}

#codeForm .requirements, .blog__column:nth-child(2n) .blog__column-item:nth-child(2n) {
  order: 0
}

.blog__column-item {
  width: 100%;
  position: relative
}

.blog__column-item:nth-child(odd) {
  height: 450px;
  overflow: hidden
}

.blog__column-item:nth-child(odd) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.blog__column-item:nth-child(2n) {
  height: 246px;
  overflow: hidden
}

.blog__column-item:nth-child(2n) img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.blog__column-description {
  position: absolute;
  bottom: 20px;
  color: #fff;
  left: 30px;
  -webkit-transform: translateY(56%);
  transform: translateY(56%);
  width: 81%;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.blog__column-title {
  font-size: 20px;
  line-height: 25px;
  font-family: OpenSans-SemiBold;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 75px
}

.blog__column-date {
  position: absolute;
  bottom: 12px;
  right: 20px;
  color: #fff;
  font-size: 13px;
  line-height: 23px
}

.blog__column .button-link {
  margin-top: 26px;
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.blog__column .button-link span {
  font-size: 16px;
  padding-left: 0
}

.blog__column .button-link div {
  border: .5px solid #fff;
  color: #fff;
  margin-right: auto
}

.blog__title {
  display: block;
  font-size: 25px;
  line-height: 60px;
  font-family: OpenSans-SemiBold;
  text-align: center;
  padding-bottom: 20px;
  text-transform: uppercase
}

.bread__crumbs-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 171px 62px 14px /*kkk padding: 150px 62px 14px*/
}

.bread__crumbs-container .bread__crumbs-menu, .connect__acounts-container, .date-card-container {
  display: flex
}

.bread__crumbs-container li:not(:last-child) .bread__crumbs-item {
  color: rgba(48, 49, 50, .5) !important
}

.bread__crumbs-item {
  font-size: 14px;
  line-height: 18px;
  display: inline-block
}

.bread__crumbs-item span {
  margin: 0 4px
}

.bread__crumbs-back {
  font-size: 14px;
  line-height: 18px;
  display: flex
}

.bread__crumbs-back::before {
  position: relative;
  right: 10px
}

.card__wrapper {
  padding-bottom: 110px
}

.card__imgs {
  width: 58%;
  margin-right: 15px;
  margin-left: 0
}

.card__imgs img, .gallery__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block
}

.gallery {
  display: grid;
  grid-template-columns:repeat(2, 1fr);
  grid-gap: 5px
}

.card__imgs-item, .card__imgs-main-item {
  overflow: hidden
}

.card__container {
  display: flex;
  padding: 0 62px;
  justify-content: space-between
}

@media (min-width: 992px) {
  .card__container {
    gap: 25px;
  }
}

.prd-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card__description__rating {
  display: flex;
  align-items: flex-end;
  margin-right: auto
}

.card__description__rating-link {
  font-size: 13px;
  line-height: 18px;
  margin-left: 4px
}

.card__description__rating label {
  margin-bottom: 0
}

.card__description__rating .simple-rating {
  margin-left: auto;
  position: relative;
  font-size: 44px;
  display: inline-block;
  flex: 0 0 50%;
  line-height: 20px;
  margin-bottom: 2px
}

.card__description__rating .simple-rating::before {
  content: "☆☆☆☆☆";
  display: block;
  color: #000
}

.card__description__rating .simple-rating__items {
  position: absolute;
  width: 91%;
  height: 100%;
  left: 5px;
  top: 0;
  display: flex;
  flex-direction: row-reverse
}

.card__description__rating .simple-rating__item {
  width: 0%;
  height: 0%;
  left: 0;
  top: 0;
  visibility: hidden
}

.card__description__rating .simple-rating__label {
  font-size: 44px;
  flex: 0 0 20%;
  height: 100%;
  cursor: pointer;
  color: #f7f7f7;
  opacity: 0
}

.card__description__rating .simple-rating__label::before {
  content: "★";
  display: block;
  transition: color .3s ease-in-out, opacity .2s ease-in-out
}

.card__description__rating .simple-rating-dis {
  margin-left: auto;
  position: relative;
  font-size: 27px;
  display: inline-block;
  line-height: 20px
}

.card__description__rating .simple-rating-dis::before {
  content: "☆☆☆☆☆";
  display: block;
  color: var(--color-grey);
}

.card__description__rating .simple-rating__items-dis {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 2.5px;
  top: 0;
  display: flex;
  overflow: hidden
}

.card__description__rating .simple-rating__i {
  font-size: 21px;
  flex: 0 0 20%;
  height: 100%;
  color: #000;
}

.card__description__rating .simple-rating__i::before {
  content: "★";
  display: block
}

.card__description__rating .simple-rating__item:checked, .card__description__rating .simple-rating__item:checked ~ .simple-rating__label, .card__description__rating .simple-rating__label:checked ~ .simple-rating__label:hover, .card__description__rating .simple-rating__label:hover, .card__description__rating .simple-rating__label:hover ~ .simple-rating__label {
  color: #000;
  opacity: 1
}

.compare__card {
  display: flex;
  margin-left: 12px;
  justify-content: center;
  align-items: flex-end
}

.compare__card-container {
  position: relative;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(48, 49, 50, .5);
  padding: 8px
}

.compare__card-container img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: baseline
}

.compare__card ._icon-checked {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: var(--black-bg);
  position: absolute;
  bottom: 5px;
  right: 0;
  opacity: 0
}

.compare__card ._icon-checked::before {
  color: #fff;
  font-size: 6px;
  position: absolute;
  top: 0;
  left: 27%;
  line-height: 16px
}

.card__description {
  flex: 0 1 38%
}

.card__description .product__description-subprod {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  display: flex;
  max-width: 100%
}

.card__description .sub-prod {
  width: 111px;
  height: 148px;
  margin-bottom: 8px;
  transition: transform .1s;
  transition: transform .1s, -webkit-transform .1s
}

.card__description .sub-prod:not(:last-child) {
  margin-right: 24px
}

.card__description .sub-prod img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.card__description-name {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.card__description-name h1, .card__description-name p {
  font-size: 20px;
  font-family: OpenSans-Bold;
  line-height: 27px;
  text-transform: uppercase
}

.card__description-art {
  font-size: 13px;
  line-height: 18px;
  color: rgba(48, 49, 50, .5)
}

.card__description-title {
  padding-bottom: 10px
}

.rating-items-main {
  top: 0 !important
}

.rating-items-main > .simple-rating__i {
  font-size: 21px
}

.also-buy__wrapper, .card__description__price, .similar-products__wrapper {
  padding-bottom: 60px
}

.card__description__price-title {
  font-family: OpenSans-SemiBold;
  font-size: 20px;
  line-height: 27px;
  text-transform: uppercase
}

.card__description__price-status span {
  position: relative;
  font-size: 18px;
  line-height: 18px;
  color: rgba(48, 49, 50, .5)
}

.card__description__price-status span::before {
  background-color: rgba(48, 49, 50, .5);
  width: 108%;
  left: -4%
}

.card__description__sizes {
  padding-bottom: 10px
}

.card__description__sizes-block {
  display: flex;
  flex-flow: row wrap;
  padding-top: 32px
}

.card__description-size {
  position: relative;
  min-width: 50px;
  height: 40px;
  border: 1px solid rgba(48, 49, 50, .5);
  margin-top: 4px;
  text-transform: uppercase;
  margin-left: 2px;
  text-align: center;
  cursor: pointer;
  padding: 1px;
  line-height: 2;

}

.card__description-size:not(:last-child) {
  margin-right: 7px
}

.empty-size, .modal-size {
  background: #7897ab
}

.active-size {
  border: 2px solid #101010 !important;
  padding: 0;
}

.inform {
  border: 1px solid rgba(48, 49, 50, .2) !important;
  color: rgba(48, 49, 50, .2)
}

.buy__container {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px
}

.buy__container-btn, .buy__container-btn-1, .buy__container-btn-2, .buy__container-btn-3 {
  background-color: var(--black-bg);
  color: #fff;
  text-transform: uppercase;
  margin-right: 12px;
  padding: 14px 0;
  font-family: OpenSans-Bold;
  font-size: 16px;
  line-height: 22px;
  width: 100%;
  text-align: center
}

.buy__container-btn-1:disabled, .buy__container-btn-2:disabled, .buy__container-btn-3:disabled, .buy__container-btn:disabled {
  background-color: #7897aba8;
}

.buy__container-compare-favorite, .buy__container-favorite {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(48, 49, 50, .5)
}

.buy__container-favorite::before {
  font-size: 30px;
  line-height: 30px;
  color: #101010
}

.info__mobile-presence {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  padding: 14px 0;
  text-align: center;
  width: 100%;
  border: 1px solid rgba(48, 49, 50, .5)
}

.info__mobile-title {
  font-size: 16px;
  line-height: 18px;
  color: #101010;
  padding-bottom: 10px;
  padding-top: 28px
}

.info__mobile-list p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 18px
}

.info__mobile ul, .info__mobile-list {
  list-style: inside;
  color: #101010;
  padding-bottom: 8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 18px
}

#productComposition .modal-body li, .info__mobile ul li, .info__mobile-list li {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px
}

.info__mobile ul li span, .info__mobile-list li span {
  font-size: 16px;
  font-family: OpenSans-SemiBold
}

.info__mobile-structure {
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 26px;
  margin: 0
}

.article-top__back, .card__info-desctop-item:nth-child(2n)::before, .card__mobile-delivery ._icon-arrow-link, .card__mobile-guarantee ._icon-arrow-link, .card__mobile-info ._icon-arrow-link, .past-mobile-active .past__items {
  margin-left: auto
}

.card__mobile-delivery {
  border-top: .5px solid rgba(48, 49, 50, .5)
}

.card__mobile-delivery, .card__mobile-guarantee, .card__mobile-info {
  font-size: 14px;
  line-height: 18px;
  font-family: OpenSans-SemiBold;
  border-bottom: .5px solid rgba(48, 49, 50, .5);
  color: #101010;
  display: flex;
  align-items: center;
  padding: 16px 0
}

.card__mobile-delivery::before, .card__mobile-guarantee::before, .card__mobile-info::before {
  color: #99bfb8;
  font-size: 15px;
  font-weight: 600;
  padding-right: 10px
}

.card__mobile-delivery ._icon-arrow-link::before, .card__mobile-guarantee ._icon-arrow-link::before, .card__mobile-info ._icon-arrow-link::before {
  font-size: 16px
}

.card__info-desctop {
  border-bottom: .5px solid rgba(48, 49, 50, .5);
  padding-bottom: 18px;
  display: flex;
  flex-flow: row wrap
}

.card__info-desctop-item {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 9px 0
}

.card__info-desctop-item::before {
  color: var(--black-bg);
  padding-right: 10px
}

.card__info-desctop-item span {
  margin: 0;
  font-family: OpenSans-SemiBold;
  font-size: 14px;
  line-height: 18px
}

.card__info-compound {
  font-size: 14px;
  line-height: 18px;
  padding-top: 10px;
  width: 74%
}

#ratingModal {
  padding-right: 0 !important
}

#ratingModal .modal-body, .delivery-table td:first-child {
  text-align: left
}

.rating__modal-container {
  margin-top: 138px;
  margin-bottom: 1.75rem;
  margin-right: 0;
  max-width: 600px;
  max-height: calc(100% - 11rem)
}

.custom__modal-content {
  border-radius: 0;
  padding-left: 25px;
  background-color: #f7f7f7
}

.custom__modal-content .card__description__rating {
  padding-bottom: 0;
  padding-right: 25px
}

.rating__modal-header {
  display: flex;
  padding: 20px 20px 35px 0;
  justify-content: flex-end
}

.modal-title {
  font-size: 19px;
  line-height: 20px;
  color: #000;
  padding-bottom: 22px;
  text-align: center
}

.custom__modal-footer {
  padding: 16px 0 66px;
  margin-right: 54px;
  box-shadow: 0 -10px 18px -8px #f1f0f0
}

.confirm__basket, .select2-dropdown {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2)
}

.custom__modal-body {
  padding: 0 48px 0 0
}

.reviews__container {
  position: relative;
  padding-top: 10px;
  padding-bottom: 12px;
  width: 100%;
  display: flex;
  flex-direction: column
}

.reviews__title-container {
  display: flex;
  justify-content: space-between;
  flex: 1 1 100%
}

.reviews__title {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #101010;
  overflow: hidden
}

.reviewer__wrapper {
  flex: 1 1 100%;
  display: flex;
  width: 100%
}

.reviewer__img-container {
  width: 106px;
  height: 128px;
  flex: 0 0 106px
}

.icon360 img, .product-slider-item img, .reviewer__img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.reviewer__container {
  padding-left: 12px;
  width: 100%;
  overflow: hidden
}

.reviewer__date, .reviewer__name {
  font-size: 13px;
  line-height: 16px;
  color: rgba(48, 49, 50, .5);
  padding-bottom: 12px;
  padding-top: 2px
}

.reviewer__text {
  font-size: 14px;
  line-height: 16px;
  color: rgba(16, 16, 16, .75);
  max-height: 64px;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
  cursor: pointer
}

.reviewer-more {
  font-size: 14px;
  line-height: 20px;
  color: rgba(16, 16, 16, .75);
  padding-top: 4px;
  display: none;
  transition: color .1s ease-in-out
}

.reviewer-more:hover {
  color: #101010 !important
}

.add-review {
  border: 1px solid #101010;
  color: #101010;
  width: 100%;
  padding: 8px 0;
  position: relative
}

.add-review-listener {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-right: 12px
}

.add-review-text {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  padding-left: 28px
}

.review__input-cont label, .review__label {
  color: rgba(48, 49, 50, .5);
  font-size: 13px;
  line-height: 16px
}

.add-review ._icon-cancel {
  float: right;
  transition: .2s ease-in;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.add-review ._icon-cancel::before {
  font-size: 13px;
  padding: 2px
}

.review__continer {
  display: none;
  padding-top: 8px;
  background: #f7f7f7
}

.review__continer input, .review__continer textarea {
  border-radius: 0;
  border: 1px solid var(--color-grey);
  height: 33px;
  font-size: 14px;
}

.review__continer input, .review__continer textarea:focus lable {
  color: var(--black-bg);
}

.review__continer textarea {
  height: 60px;
}

.review__continer .simple-rating__items {
  left: 18px
}

.review__inputs-top {
  display: flex;
  justify-content: space-between;
  width: clamp(280px, 76%, 393px)
}

.review-form, .review__input-cont {
  flex-direction: column;
  display: flex
}

.review__input-cont {
  width: 49%
}

.review__input-cont label {
  padding-bottom: 5px
}

.review-form {
  text-align: left;
  align-items: center
}

.review__label {
  padding: 5px 0
}

.review__textarea-cont {
  display: flex;
  flex-direction: column;
  padding-bottom: 25px;
  width: clamp(280px, 76%, 393px)
}

.review-rating-cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: clamp(280px, 76%, 393px);
  padding-bottom: 40px
}

.review-btn {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  padding: 10px 0;
  background-color: var(--green-bg);
  color: var(--black-bg);
  flex: 0 1 50%;
  margin-left: 10px
}

.review__errors {
  color: #eb5757
}

.review__errors > div {
  display: none;
  padding-top: 10px;
  font-size: 13px;
  line-height: 16px
}

.review-login-information, .review-success {
  font-size: 13px;
  line-height: 16px;
  color: rgba(48, 49, 50, .5);
  text-align: center;
  padding: 0 4px
}

#productComposition .modal-dialog {
  max-width: 900px
}

#productComposition .modal-body {
  font-size: 16px;
  line-height: 18px;
  color: rgba(16, 16, 16, .75);
  text-align: left;
  margin: 0 auto;
  width: 100%;
  max-width: 810px;
  padding: 15px 15px 77px
}

#productComposition .modal-body p {
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 18px
}

#productComposition .modal-body ul {
  list-style: inside;
  padding-bottom: 8px;
  margin-top: 0;
  margin-bottom: 0;
  color: rgba(16, 16, 16, .75)
}

#productComposition .modal-header {
  flex-direction: column;
  border: none;
  padding: 15px
}

#productComposition .modal-header button {
  padding: 15px
}

#productComposition .modal-title {
  width: 100%;
  text-align: left;
  color: #101010;
  font-size: 16px;
  line-height: 18px;
  font-family: OpenSans-SemiBold;
  margin: 0 auto;
  max-width: 775px
}

#productComposition .compound__modal-container {
  text-transform: uppercase;
  padding-top: 20px;
  color: #101010
}

#productComposition .compound__modal-item {
  border-top: 1px solid #101010;
  padding: 12px 0;
  display: flex
}

#productComposition .compound__modal-item div {
  font-size: 12px;
  line-height: 20px
}

#productComposition .compound__modal-item div:first-child {
  padding: 0 20px 0 10px;
  flex: 0 0 35%
}

#productComposition .compound__modal-item div:last-child {
  color: rgba(16, 16, 16, .75);
  text-transform: lowercase;
  font-size: 14px
}

#productComposition .compound__modal-item:last-child {
  border-bottom: 1px solid #101010
}

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

.product-slider-pagination {
  text-align: center;
  padding: 6px 0 30px
}

.product-slider-pagination .swiper-pagination-bullet {
  background: rgba(48, 49, 50, .5)
}

.product-slider-pagination .swiper-pagination-bullet-active {
  background: #101010;
  border: none
}

.recently-watched__wrapper {
  padding-bottom: 146px
}

.product__buy-container.complect {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.availability-text, .size-chart-text {
  font-size: 15px;
  line-height: 20px
}

.availability-text {
  margin-bottom: 12px
}

.icon360 {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}

.filter-modal, .filters {
  top: 0;
  position: absolute
}

.card__description__head-container {
  display: flex;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 10px
}

.buy__container-compare-favorite::before {
  font-size: 30px;
  line-height: 30px;
  color: #101010
}

.card__delivery-text {
/*  padding-bottom: 80px;*/
  color: #000;
  font-size: 12px;
  line-height: 22px
}

.card__delivery-modal {
  font-size: 16px;
  line-height: 22px;
  font-family: OpenSans-Bold;
  margin: 0 6px
}

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

.checkout__head-title {
  font-size: 18px;
  line-height: 25px;
  color: #101010;
  font-family: OpenSans-SemiBold;
  text-align: center;
  text-transform: uppercase;
  padding-top: 56px;
  padding-bottom: 18px;
  margin: 0
}

.ordering__wrapper {
  padding: 0 62px 222px
}

.ordering__personal__data {
  flex: 0 1 51%;
  padding-top: 32px;
  margin-right: 15px
}

.ordering__personal-init {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #3031320f
}

.ordering__personal-init .personal__title {
  flex: 0 1 47.5%;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  color: #101010;
  padding-bottom: 10px
}

.ordering__personal-init .personal-loged {
  margin-left: 40px
}

.active-title {
  border-bottom: 2px solid #7897ab !important;
  color: #101010 !important
}

.delivery__container, .order__forms {
  padding-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  align-items: flex-start
}

.delivery__container .input__container, .order__forms .input__container {
  flex: 0 1 48%;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column-reverse
}

.delivery__container .textarea__container, .order__forms .textarea__container, .order__forms-voucher .input__container:nth-child(4) {
  flex: 0 1 100%
}

.add__card-container input, .add__card-container select, .delivery__container input, .order__forms input {
  border: 1px solid var(--color-grey);
  height: 45px;
  padding-left: 20px;
  font-size: 13px;
  line-height: 16px;
  color: #101010;
  width: 100%
}

.add__card-container input:focus, .add__card-container select:focus, .delivery__container input:focus, .delivery__container textarea:focus, .order__forms input:focus, .order__forms textarea:focus {
  outline-color: var(--black-bg);
  border: none !important
}

.add__card-container label, .delivery__container label, .order__forms label {
  color: rgba(48, 49, 50, .5);
  font-size: 13px;
  line-height: 14px;
  margin-bottom: 5px
}

.delivery__container textarea, .order__forms textarea {
  border: 1px solid rgba(48, 49, 50, .5);
  font-size: 13px;
  height: 45px;
  padding-left: 10px;
  padding-top: 11px;
  line-height: 20px;
  color: #101010;
  width: 100%
}

.input__container-delivery label, .personal__form-title {
  font-size: 18px;
  line-height: 25px;
  font-family: OpenSans-SemiBold
}

.personal__form-title {
  color: #101010;
  padding-bottom: 10px;
  margin: 0;
  flex: 0 1 100%
}

.delivery__methods .order__steps-method, .input__container-delivery {
  flex-direction: column;
  display: flex;
  position: relative
}

.delivery__methods {
  padding-top: 24px;
  width: 100%
}

.delivery__methods .order__steps {
  border: 1px solid rgba(48, 49, 50, .5);
  padding: 10px 20px 55px;
  margin-bottom: 24px;
  margin-top: -10px
}

.delivery__methods .order__steps-method:not(:last-child) {
  padding-bottom: 15px
}

.delivery__methods .order__steps-method select {
  border: 1px solid rgba(48, 49, 50, .5);
  font-size: 14px;
  line-height: 20px;
  height: 45px;
  padding-left: 20px;
  color: #101010
}

.delivery__methods .order__steps-label, .order-info-bottom {
  display: flex;
  justify-content: space-between
}

.delivery__methods .order__steps-label span {
  color: #101010;
  font-size: 14px;
  line-height: 20px
}

.delivery__methods .order__steps-label span:last-child, .discount-error.gray {
  color: rgba(48, 49, 50, .5)
}

.personal__form .data-item select:focus ~ label, .personal__form .data-item > input:focus ~ label, .subcategory__container .subcst-uk-next:hover svg, .subcategory__container .subcst-uk-prev:hover svg {
  color: var(--color-text);
}

.justin-index, .select__order-deliver, .select__order-pay, .select__order-step, .ukr-index {
  height: 45px !important;
  width: 100% !important;
  bottom: 0
}

.select__order-deliver, .select__order-pay {
  margin-bottom: 24px !important
}

.select__order-step {
  margin-bottom: 15px !important
}

.input__container-delivery {
  padding-bottom: 24px
}

.input__container-delivery label {
  color: #101010;
  margin-bottom: 10px
}

.delivery__container {
  padding-bottom: 0
}

.ordering__shopping__list {
  display: flex;
  flex-direction: column;
  flex: 0 1 42%
}

.ordering__shopping__list .basket__info {
  margin-left: 15px;
  padding-right: 20px
}

.ordering__shopping__list .basket__items {
  max-height: 610px !important;
  max-height: none;
  padding: 0;
  position: relative
}

.ordering__shopping__list .basket__img {
  flex: none
}

.not-found-container, .ordering__shopping__list .basket__item, .password-container {
  position: relative
}

.ordering__shopping__list .basket__inform {
  color: #101010;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
  margin-top: 14px;
  text-decoration: underline
}

.ordering__shopping__list .basket__inform-cert {
  color: #eb5757;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
  margin-top: 14px
}

.ordering__shopping__list .basket__item:last-child {
  border-bottom: 1px solid rgba(48, 49, 50, .5)
}

.ordering__shopping-title {
  margin-left: auto;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: var(--color-text);
  padding-bottom: 44px
}

.discount-error {
  display: none;
  color: #eb5757;
  font-size: 13px;
  line-height: 16px;
  margin: 8px 0;
  text-align: center
}

.valid-promocode {
/*  border: none !important;*/
  background: url(../images/valid-input.svg) 100% 50%/40px no-repeat !important
}

.shopping__inform {
  font-size: 13px;
  line-height: 15px;
  color: rgba(48, 49, 50, .5);
  margin-top: 8px;
  margin-bottom: 28px
}

.shopping__inform-discounts {
  margin-top: 28px;
  display: flex;
  justify-content: space-between
}

.shopping__inform-discounts input {
  flex: 0 1 48%;
  background: transparent;
  border: 1px solid var(--green-bg);
  font-size: 13px;
  line-height: 16px;
  color: var(--color-text);
  height: 40px;
  text-align: center
}

/*.buttom-pagination-active, .shopping__inform-discounts input:hover {*/
/*  border: 1px solid #7897ab;*/
/*}*/

.shopping__inform-discounts input:focus {
  border: none;
  background: url(../images/novalid-input.svg) 100% 50%/40px no-repeat
}

.custom-checkbox + label::before, .custom-radio + label::before, .filters-dropdown .select2-results__option[aria-selected=true]:before {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%
}

.shopping__inform-items {
  display: flex;
  justify-content: space-between;
  margin-top: 12px
}

.shopping__inform-items .item-count, .shopping__inform-items .item-count-number {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
  color: #101010
}

.shopping__inform-items .item-total {
  font-size: 14px;
  line-height: 16px;
  color: #101010;
  font-family: OpenSans-SemiBold
}

.shopping__inform-items .deliv-title, .shopping__inform-items .item-deliv {
  font-size: 14px;
  line-height: 16px;
  color: rgba(48, 49, 50, .5)
}

.compare__head-title, .shopping__inform-items .item-sum, .shopping__inform-items .item-title, .text-page-content li, .text-page-content p, .text-page-content span, .text-page-content table {
  font-size: 18px;
  color: #101010;
  line-height: 25px
}

.shopping__inform-items .item-sum {
  font-family: OpenSans-SemiBold
}

.order__submit {
  width: 100%;
  background-color: var(--black-bg);
  color: #fff;
  padding: 14px 0;
  text-transform: uppercase;
  margin-top: 10px
}

.custom-radio:disabled + label::before, .mailing-btn:disabled, .order__submit:disabled, .personal-btn:disabled, .send-code-btn:disabled, .send-tel:disabled {
  background-color: #2121217d;
}

.login__user-wrapper {
  display: flex;
  justify-content: center;
  align-items: center
}

.auth__wrapper-checkout {
  padding-top: 60px;
  width: 305px
}

.auth__wrapper-checkout .auth__container, .compare__table {
  text-align: center
}

.auth__wrapper-checkout .auth__title {
  font-family: OpenSans-SemiBold;
  font-weight: 600;
  line-height: 25px;
  text-transform: uppercase
}

.confirm__basket {
  display: none;
  position: absolute;
  top: 0;
  right: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  width: 225px
}

.confirm__basket-title {
  font-size: 16px;
  line-height: 16px;
  color: #101010;
  padding-top: 25px;
  padding-bottom: 27px;
  margin: 0
}

.confirm__basket-buttons {
  display: flex;
  justify-content: space-between;
  width: 85%;
  padding-bottom: 22px
}

.confirm__basket-no, .confirm__basket-yes {
  padding: 7px 0;
  font-size: 14px;
  line-height: 16px
}

.confirm__basket-no {
  color: #101010;
  background-color: #f7f7f7;
  border: 1px solid rgba(16, 16, 16, .75);
  flex: 0 1 46%
}

.confirm__basket-yes {
  color: #fff;
  background-color: #7897ab;
  flex: 0 1 46%
}

.select2-results__option {
  font-size: 14px;
  line-height: 20px;
  color: #101010;
  padding-left: 30px
}

.select2-selection--single {
  padding-left: 30px;
  padding-top: 7px;
  border: 1px solid rgba(48, 49, 50, .5) !important;
  border-radius: 0 !important;
  height: 45px !important
}

.ukposhta-container input {
  border: 1px solid rgba(48, 49, 50, .5);
  height: 45px;
  padding-left: 20px;
  font-size: 13px;
  line-height: 16px;
  color: #101010;
  outline: 0
}

.order__steps.other-method .select2-selection__rendered {
  max-width: 450px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.select2-selection__rendered {
  padding-left: 0 !important;
  font-size: 14px;
  line-height: 20px;
  color: #101010 !important
}

.past__item__text, .select2-selection__placeholder {
  font-size: 14px;
  line-height: 20px;
  color: rgba(48, 49, 50, .5)
}

.select2-dropdown {
  border-radius: 0
}

.select2-selection__arrow {
  height: 43px !important;
  right: 16px !important
}

.select2-selection__arrow b {
  border-width: 6px 5px 0 !important
}

.code__container-title-error {
  display: none;
  font-size: 13px;
  line-height: 14px;
  color: rgba(48, 49, 50, .5);
  margin-top: 0
}

.top__filters-container, .top__pagination, .top__pagination-item {
  font-size: 14px;
  line-height: 20px
}

.spinner-order-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 150px
}

.spinner-order-container p {
  margin-bottom: 0;
  margin-top: 40px
}

.modal-availability-error, .modal-order-error {
  text-align: center;
  margin-top: 20px;
  height: 60px
}

.sender__user-wrapper .input__container:nth-child(4) {
  flex: 1 1 100%
}

.top__filters-container {
  display: flex;
  color: #101010
}

.top__filters-container::before {
  font-size: 14px;
  margin-right: 12px
}

.top__filters-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 62px 15px
}

.top__pagination {
  color: #101010;
  display: flex
}

.top__pagination-item {
  color: #101010;
  transition: font-size .2s ease-in-out
}

.top__catalog-title {
  margin: 0;
  font-size: 18px;
  line-height: 25px;
  font-family: OpenSans-SemiBold;
  color: #101010;
  padding-top: 46px;
  padding-bottom: 14px;
  text-align: center
}

.grid__catalog-wrapper {
  padding-bottom: 80px
}

.grid__catalog-wrapper .grid__catalog-container-2 .product__sizes-item, .grid__favorite-wrapper .grid__catalog-container-2 .product__sizes-item, .grid__search-wrapper .grid__catalog-container-2 .product__sizes-item {
  margin: 0 8px;
  font-size: 30px;
  line-height: 50px
}

.body-not-scroll, .grid__catalog-wrapper .sub-prod, .grid__favorite-wrapper .sub-prod, .grid__search-wrapper .sub-prod, .subcategory__container {
  overflow: hidden
}

.grid__catalog-wrapper .grid__catalog-container-2 .product__buy-container, .grid__favorite-wrapper .grid__catalog-container-2 .product__buy-container, .grid__search-wrapper .grid__catalog-container-2 .product__buy-container {
  height: 90px
}

.grid__catalog-wrapper .product__card-container-item:hover .product__description-subprod, .grid__favorite-wrapper .product__card-container-item:hover .product__description-subprod, .grid__search-wrapper .product__card-container-item:hover .product__description-subprod {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.grid__catalog-wrapper .product__card-container-item:hover .product__buy-container, .grid__favorite-wrapper .product__card-container-item:hover .product__buy-container, .grid__search-wrapper .product__card-container-item:hover .product__buy-container {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.grid__catalog-wrapper .product__card-container-item:hover .favorit, .grid__catalog-wrapper .product__card-container-item:hover .product-card-swiper-next, .grid__catalog-wrapper .product__card-container-item:hover .product-card-swiper-prev, .grid__favorite-wrapper .product__card-container-item:hover .favorit, .grid__favorite-wrapper .product__card-container-item:hover .product-card-swiper-next, .grid__favorite-wrapper .product__card-container-item:hover .product-card-swiper-prev, .grid__search-wrapper .product__card-container-item:hover .favorit, .grid__search-wrapper .product__card-container-item:hover .product-card-swiper-next, .grid__search-wrapper .product__card-container-item:hover .product-card-swiper-prev {
  opacity: 1
}

.grid__catalog-wrapper .product__card-link .favorit, .grid__favorite-wrapper .product__card-link .favorit, .grid__search-wrapper .product__card-link .favorit {
  top: 10px;
  right: 15px
}

.grid__catalog-wrapper .product-card-swiper-next, .grid__catalog-wrapper .product-card-swiper-prev, .grid__favorite-wrapper .product-card-swiper-next, .grid__favorite-wrapper .product-card-swiper-prev, .grid__search-wrapper .product-card-swiper-next, .grid__search-wrapper .product-card-swiper-prev {
  top: 45%
}

.grid__catalog-container-2 {
  position: relative;
  display: grid;
  grid-template-columns:repeat(2, 49.5%);
  justify-content: center;
  align-items: start;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}

.grid__catalog-container, .grid__catalog-container-3 {
  display: grid;
  justify-content: center;
  position: relative
}

.grid__catalog-container-3 {
  grid-template-columns:repeat(3, 32.7%);
  align-items: start;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}

.grid__catalog-container {
  grid-template-columns:repeat(4, 24.3%);
  align-items: start;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}

.look-by-active {
  font-size: 25px;
  color: #101010
}

.button__catalog-wrapper {
  padding: 40px 0 105px
}

.buttom__pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end
}

.buttom__pagination-wrapper li {
  list-style: none
}

.buttom__pagination-wrapper li:first-child {
  margin-right: 22px
}

.buttom__pagination-wrapper li:last-child {
  margin-left: 22px
}

.buttom__pagination-item {
  font-size: 14px;
  line-height: 20px;
  color: #101010;
  padding: 2px 8px
}

.buttom__pagination-arrow ._icon-arrow-slider-1, .buttom__pagination-arrow ._icon-arrow-slider-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid #f7f7f7;
  transition: border-color .1s linear
}

.buttom__pagination-arrow ._icon-arrow-slider-1:hover, .buttom__pagination-arrow ._icon-arrow-slider-2:hover {
  border: 1px solid #101010;
  border-radius: 0
}

.buttom__pagination-arrow ._icon-arrow-slider-1::before, .buttom__pagination-arrow ._icon-arrow-slider-2::before {
  font-size: 10px;
  font-weight: 600;
  color: #101010;
  margin-top: 1px
}

.pagination-disabled {
  pointer-events: none !important
}

.pagination-disabled::before {
  color: #b1c4cd !important
}

.pagination-disabled:hover {
  border: none !important;
  cursor: default !important
}

.filters {
  -webkit-transform: scale(0);
  transform: scale(0);
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  padding: 38px 60px 96px;
  max-height: 100%;
  overflow-y: auto
}

.filters-main__title {
  padding: 0;
  display: inline-flex;
  align-items: center
}

.filters-main__title .icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: 20px;
  margin-left: 4px;
  display: none;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.filters-main__title .icon::before {
  font-weight: 600;
  font-size: 16px;
  color: rgba(48, 49, 50, .5)
}

.filters-main__title__text {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  color: #000
}

.filters-select {
  display: flex;
  flex-direction: column;
  max-width: 224px
}

.filters-select label {
  font-size: 13px;
  line-height: 14px;
  color: rgba(48, 49, 50, .5);
  margin-bottom: 5px;
  overflow: hidden;
  display: inline-block
}

.filters .select2-container--default .select2-selection--multiple {
  border: 1px solid rgba(48, 49, 50, .5);
  border-radius: 0;
  background-color: #f7f7f7;
  padding-left: 16px;
  height: 45px
}

.filters .select2-search__field {
  margin-top: -1px !important;
  font-size: 14px !important;
  line-height: 20px !important
}

.filters-params {
  flex: 0 1 35.5%
}

.filters-params__container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-top: 6px
}

.filters-params .filters-select {
  flex: 0 1 48%;
  padding-top: 12px
}

.filters-main {
  flex: 0 1 17%
}

.filters-main .filters-select, .pp-information div:not(:first-child):not(:nth-child(2)) {
  padding-top: 16px
}

.filters-main .filters-select label {
  margin-bottom: -3px
}

.filters-main__size {
  padding-bottom: 45px
}

.filters-dropdown {
  border: none;
  background-color: #f7f7f7;
  z-index: 9
}

.filters-dropdown .select2-results__option {
  font-size: 14px;
  line-height: 20px;
  padding-left: 16px
}

.filters-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #e6dede4d;
  color: var(--color-text);
  box-shadow: none;
}

.filters-dropdown .select2-results__option--highlighted[aria-selected]:hover {
  background: var(--color-grey)4D;
  color: var(--color-text);
}

.filters-dropdown .select2-results__option--highlighted[aria-selected]:hover:before {
  border-color: var(--black-bg);
  background-size: 50% 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--black-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.filters-dropdown .select2-results__option:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 20px;
  width: 20px;
  border: 1px solid rgba(48, 49, 50, .5);
  background-color: #f7f7f7;
  margin-right: 16px;
  vertical-align: middle
}

.filters-dropdown .select2-results__option[aria-selected=true]:before {
  display: inline-block;
  border-color: var(--black-bg);
  background-color: var(--black-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.filters-dropdown .select2-results__option[aria-selected=true] {
  background-color: var(--color-grey)4D;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #7897ab;
  border-width: 1px
}

.select2-selection--multiple:hover {
  cursor: pointer !important
}

.select2-selection--multiple .select2-selection__rendered {
  max-height: 43px !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: 99%
}

.select2-selection--multiple .select2-selection__choice {
  margin: 0 !important;
  background-color: inherit !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  line-height: 20px
}

.select2-selection--multiple .select2-selection__clear {
  margin: 0 11px 0 0 !important
}

.qs-square.qs-day, .qs-submit, .select2-selection--multiple .select2-selection__clear::before {
  font-size: 12px
}

.filter-modal {
  -webkit-transform: scale(0);
  transform: scale(0);
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(2, 2, 2, .6);
  z-index: 2
}

.other-regulate input {
  height: 0
}

.other-regulate label {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  position: relative;
  margin-left: 27px;
  cursor: pointer
}

.other-regulate label::before {
  margin: 0 !important;
  position: absolute;
  left: -28px;
  top: 10%
}

.other-regulate__container {
  padding-top: 21px
}

.filters-other {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 1 39%
}

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

.filters-other__control-wrapper .close-filters {
  padding: 12px;
  cursor: pointer
}

.filters-other__control-wrapper .close-filters::before {
  font-weight: 600
}

.control-apply {
  font-size: 16px;
  line-height: 14px;
  text-transform: uppercase;
  color: #fff;
  background-color: var(--green-bg);
  width: 100%;
  max-width: 315px;
  padding: 18px 0
}

.control-throw {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  text-transform: uppercase;
  padding: 18px 14px 18px 40px
}

.range-container {
  margin-top: 10px;
  display: flex;
  justify-content: space-between
}

.input-max, .input-min {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-width: 60px;
  border: none;
  background-color: #f7f7f7;
  color: #101010;
  font-size: 16px;
  line-height: 22px;
  cursor: default
}

.input-max:focus, .input-min:focus {
  border: none;
  outline: 0
}

.input-max {
  text-align: right
}

.noUi-target {
  background: #30313229;
  border-radius: 0;
  border: none;
  box-shadow: none
}

.noUi-connect {
  background: #000
}

.noUi-horizontal {
  height: 2px
}

.noUi-handle {
  border-radius: 0;
  box-shadow: none;
  border: none;
  background: #f7f7f7;
  width: 16px !important;
  height: 16px !important;
  right: -10px !important;
  top: -8px !important
}

#noUiSliderRange {
  width: 89%;
  margin: 0 auto
}

.filter-title-container .filter-title {
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase
}

.filter-title-container .filter-title-close {
  font-size: 16px;
  padding-top: 3px
}

.empty-text {
  text-align: center;
  color: rgba(48, 49, 50, .5);
  font-family: OpenSans-SemiBold;
  text-transform: uppercase;
  font-size: 21px;
  padding: 0 16px;
  margin-top: 60px;
  margin-bottom: 60px;
  height: 45vh;
  display: flex;
  align-items: center;
  justify-content: center
}

.pagination-loader {
  display: none;
  justify-content: center
}

.pagination-loader svg {
  width: 200px;
  height: 100px
}

.pagination-loader circle {
  fill: var(--black-bg);
}

.category__baner-wrapper {
  padding-top: 139px;
  padding-bottom: 80px
}

.category__baner-container {
  width: clamp(320px, 100%, 1440px);
  height: clamp(528px, 90vh, 890px);
  position: relative;
  overflow: hidden
}

.category__baner-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.category__baner-container .button-link {
  position: absolute;
  bottom: 24%;
  left: 0;
  right: 0;
  margin: auto
}

.category__baner-container .button-link div {
  border: .5px solid #fff;
  color: #fff
}

.nuostyle__wrapper-category, .subcategory__wrapper {
  padding-top: 80px
}

.subcategory__title {
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold;
  text-align: center;
  padding-bottom: 30px
}

.category__title {
  position: absolute;
  top: 25%;
  width: 100%;
  text-align: center
}

.category__title-title {
  color: #fff;
  font-size: 30px;
  line-height: 41px;
  margin-bottom: 25px
}

.category__title-date {
  color: #fff;
  font-size: 22px;
  line-height: 20px
}

.subcategory__container .subcategory-slide {
  width: 280px;
  height: 388px
}

.subcategory__container .subcategory-slide-title {
  font-size: 20px;
  line-height: 27px;
  color: #101010;
  margin-bottom: 12px;
  display: inline-block
}

.subcategory__container .subcategory-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.subcategory__container .uk-slider-items > li {
  padding-left: 0;
  padding-right: 5px
}

.subcategory__container .subcst-uk-next, .subcategory__container .subcst-uk-prev {
  transition: color 150ms linear
}

.slider-cards__wrapper-category {
  padding-top: 80px;
  padding-bottom: 80px
}

.top__favorite-title, .top__search-title {
  line-height: 25px;
  color: #101010;
  text-transform: uppercase
}

.top__favorite {
  padding-top: 54px;
  text-align: center
}

.grid__favorite-wrapper, .grid__search-wrapper {
  padding-bottom: 134px
}

.top__favorite-add-text {
  text-align: center;
  color: rgba(48, 49, 50, .5);
  font-family: OpenSans-SemiBold;
  text-transform: uppercase;
  font-size: 21px;
  padding: 0 16px;
  margin-bottom: 60px
}

.top__favorite-add-link {
  color: var(--text-color);
  background-color: var(--green-bg);
  text-transform: uppercase;
  padding: 14px;
  font-size: 16px;
  line-height: 22px
}

.compare__head-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 68px 60px 8px
}

.compare__head-link {
  font-size: 15px;
  line-height: 20px;
  color: var(--text-color);
  padding: 10px 12px;
  border: 1px solid var(--black-bg);
  transition: .1s ease-in-out;
  display: inline-flex;
  min-width: 17.8%
}

.compare__head-link::before {
  margin-right: 12px;
  font-size: 23px
}

.compare__head-link:hover {
  padding: 10px 12px;
  border: 1px solid var(--green-bg);
}

.compare__wrapper {
  padding-bottom: 194px;
  position: relative;
  overflow: hidden
}

.compare__container {
  padding: 0 60px;
  overflow-x: auto
}

table {
  border-collapse: collapse;
  table-layout: fixed;
  max-width: 100%
}

.compare__table td, .compare__table th {
  border: 1px solid rgba(48, 49, 50, .5);
  padding: 16px;
  font-size: 16px;
  line-height: 22px
}

.compare__table td {
  max-width: calc((100% - 12%) / 4);
  overflow: hidden
}

.compare__table-top {
  display: flex;
  align-items: center;
  flex-direction: column
}

.compare__table-title {
  font-size: 20px;
  line-height: 27px;
  text-transform: uppercase;
  display: inline-block;
  width: 273px;
  overflow: hidden
}

.compare__table-img {
  width: 125px;
  height: 132px;
  margin-top: 15px;
  margin-bottom: 14px
}

.compare__table-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.compare__table .main-item {
  display: flex;
  align-items: center;
  padding-bottom: 14px
}

.compare__table .main-item label {
  color: rgba(48, 49, 50, .5);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0
}

.compare__table .table-item-name {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold;
  text-decoration: underline !important
}

.compare__table .table-parametr {
  text-align: left;
  padding-left: 35px;
  font-size: 18px;
  line-height: 25px;
  max-width: 160px;
  min-width: 154px;
  color: #101010
}

.compare__table .top-td {
  padding: 8px;
  width: calc((100% - 12%) / 4);
  height: 239px
}

.compare__table .top-td-first {
  width: 12%
}

.compare__table .top-td-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

.compare__table .table__btns {
  padding: 0
}

.compare__table .table__btns-container {
  display: inline-flex;
  width: 100%
}

.compare__table .table__buy {
  background-color: var(--green-bg);
  padding: 19px 0;
  text-transform: uppercase;
  flex: 1 1 62%;
}

.close-item, .compare__table .table__buy::before {
  display: none
}

.compare__table .table__buy span {
  font-size: 16px;
  line-height: 22px;
  color: #fff !important
}

.compare__table .table__delete {
  flex: 0 0 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .1s ease-in-out
}

#topBtn, .order-collapse .icon {
  transition: transform .2s ease-in-out
}

.compare__table .table__delete:hover {
  background-color: #f33333;
  color: #fff !important
}

.compare__table .table-orange {
  color: #7897ab
}

.main__personal-container {
  position: relative;
  display: flex;
  max-width: 1440px;
  margin: 0 auto
}

.personal__sidebar {
  flex: 0 0 407px;
  border-right: 2px solid #101010;
  padding-bottom: 144px;
  min-height: 100vh
}

.personal__sidebar-user {
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold;
  padding: 36px 0 36px 60px;
  border-bottom: 2px solid #101010
}

.personal__sidebar-items {
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  flex-direction: column
}

.personal__sidebar-item, .personal__sidebar-out {
  font-size: 18px;
  line-height: 25px;
  margin-top: 50px;
  text-align: left;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 357px;
  text-transform: uppercase;
  transition: color 150ms ease-in-out;
  position: relative;
  padding: 0 6px
}

.personal__sidebar-item::before, .personal__sidebar-out::before {
  width: 102% !important;
  left: -1% !important
}

.add__card-container input:focus ~ label, .add__card-container select:focus ~ label, .personal__sidebar-item:hover, .personal__sidebar-out:hover, .spinner-basket, .spinner-order {
  color: var(--green-bg);
}

.user-data-container {
  padding: 36px 52px 144px 80px
}

.personal__information__wrapper {
  position: relative;
  flex: 1 1 auto
}

.personal__titles {
  padding-bottom: 42px
}

.personal__titles-text {
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold
}

.personal__main-data .questions-items-subtitle {
  margin-top: 0
}

.personal__main-data .question-item__title__container {
  margin-left: -10px;
  width: calc(100% + 10px)
}

.personal__main-data .question-item__text b, .personal__main-data .question-item__text h1, .personal__main-data .question-item__text p, .personal__main-data .question-item__text span, .personal__main-data .question-item__text strong {
  font-size: 16px;
  line-height: 20px
}

.personal__main-history {
  padding: 36px 0 144px;
  width: 100%;
  top: 0;
  position: relative;
  flex: 1 1 auto
}

.personal__form {
  display: flex;
  flex-direction: column;
  max-width: 380px;
  overflow: hidden
}

.confirm-btn, .confirmed-text, .user-persone-success, .user-telephone-message {
  font-size: 13px;
  line-height: 18px;
  display: none
}

.personal__form .data-item {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
/*  margin-bottom: 30px;*/
  margin-top: 30px;
}

form .data-item:first-child {
  margin-top: 0;
}

.personal__form .data-item input[type=date] {
  width: 100%;
  color: rgba(48, 49, 50, .5)
}

.mailing-right .data-item textarea, .personal__form .data-item select, .personal__form .data-item > input {
  border: none;
  border: 1px solid var(--color-grey);
  background-color: inherit;
  outline: 0;
  height: 35px;
  font-size: 16px;
  line-height: 22px;
  order: 1
}

.mailing-right .data-item textarea:focus, .personal__form .data-item select:focus, .personal__form .data-item > input:focus {
  outline: 0;
  border: 1px solid var(--black-bg);
}

.personal__form label {
  color: rgba(48, 49, 50, .5);
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0;
  text-align: left;
  order: 0
}

.user-persone-success {
  text-align: center;
  color: rgba(48, 49, 50, .5)
}

.user-telephone-message {
  color: #eb5757;
  order: 3
}

.confirmation__container {
  order: 4;
  max-height: 0;
  opacity: 0;
  transition: max-height .3s;
  font-size: 13px;
  line-height: 18px
}

.hight-container {
  max-height: 600px !important;
  opacity: 1
}

.confirmed-text {
  margin-top: 25px;
  position: relative;
  justify-content: center
}

._icon-checked {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #ffc579;
  position: absolute;
  bottom: -1px;
  right: 26%
}

._icon-checked::before {
  color: #fff;
  font-size: 6px;
  position: absolute;
  top: 0;
  left: 30%;
  line-height: 16px
}

.confirm-btn {
  margin-top: 25px;
  width: 100%;
  padding: 11px 0;
  color: #7897ab;
  border: 1px solid #7897ab
}

.active-order, .history__title-items {
  border-bottom: 1px solid rgba(48, 49, 50, .14)
}

.confirm-btn:disabled {
  color: #ffd5b9;
  border: 1px solid #ffd5b9;
  background-color: #f7f7f7
}

.personal-btn {
  width: 100%;
  margin-top: 44px;
  background-color: var(--green-bg);
  color: #fff;
  font-size: 16px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 18px 0
}

.svg-line-box {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1%;
  height: 0;
  overflow: hidden
}

@-webkit-keyframes focus-line {
  0% {
    width: 1%;
    left: 50%;
    height: 0
  }
  100% {
    width: 100%;
    left: 0;
    height: 2px
  }
}

@keyframes focus-line {
  0% {
    width: 1%;
    left: 50%;
    height: 0
  }
  100% {
    width: 100%;
    left: 0;
    height: 2px
  }
}

.svg-line {
  stroke: #ffc579;
  stroke-width: 4
}

.history__title-text {
  text-transform: uppercase;
  margin-bottom: 7px
}

.history__title-items {
  padding: 0 80px
}

.active-buy-title, .archive-title {
  font-size: 14px;
  line-height: 19px;
  padding: 0 3px 3px;
  color: rgba(48, 49, 50, .5)
}

.margin-left-title {
  margin-left: 42px
}

.active__wrapper .buttom__pagination-wrapper, .archive__wrapper .buttom__pagination-wrapper {
  margin-top: 50px;
  margin-bottom: 20px
}

.active-order {
  position: relative;
  padding: 0 60px 24px 80px
}

.active-order__item {
  position: relative;
  display: flex;
  padding-bottom: 14px;
  justify-content: space-between
}

.active-order__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px
}

.active-order__title-text {
  margin: 0 4px 0 0;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  max-width: 305px
}

.active-order__art {
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
  color: rgba(48, 49, 50, .5);
  padding-bottom: 10px
}

#infoAvailability .modal__inform-inputs input:focus ~ label, .active-order__review {
  color: #7897ab !important
}

.mailing-right .data-item textarea:focus ~ label {
    color: var(--color-text);
}

.active-order__review {
  font-size: 14px;
  line-height: 19px
}

.active-order__main-title.past-mobile {
  padding-top: 0
}

.active-order__main-title {
  font-size: 16px;
  line-height: 22px;
  font-family: OpenSans-SemiBold
}

.active-order__main-title span {
  font-size: 16px;
  line-height: 22px;
  color: rgba(16, 16, 16, .75);
  text-transform: uppercase
}

.active-order__img {
  width: 88px;
  height: 118px;
  margin-right: 10px;
  flex: 0 0 auto
}

.active-order__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.active-order__info {
  flex: 0 1 84%
}

.history__title {
  padding: 0 80px 5px
}

.history__title-text {
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold
}

.active-order__titles {
  display: flex;
  justify-content: space-between;
  padding: 23px 0 8px
}

.active-order__review-mobile, .past-mobile, .past-mobile-archive {
  display: none
}

.empty-title {
  font-size: 18px;
  line-height: 25px;
  color: rgba(48, 49, 50, .5);
  padding: 50px 80px 0
}

.check-info-count, .check-info-payment {
  font-size: 16px;
  line-height: 20px;
  color: rgba(48, 49, 50, .5)
}

.check-info-payment {
  padding: 0 26px
}

.check-info-price {
  font-size: 14px;
  line-height: 20px;
  font-family: OpenSans-SemiBold;
  position: relative;
  overflow: hidden
}

.check-info-price:before {
  left: auto !important;
  width: 100% !important;
  background-color: rgba(48, 49, 50, .5) !important
}

.order-info-bottom__first__adress, .order-info-bottom__first__ttn {
  font-size: 14px;
  line-height: 19px;
  max-width: 345px;
  margin-right: 15px
}

.order-info-bottom__first__ttn {
  color: #7897ab;
  max-width: 130px;
  overflow: hidden
}

._icon-arrow-slider-1:hover, ._icon-arrow-slider-2:hover, .order-collapse:hover .active-order__main-title, .order-collapse:hover .active-order__main-title span, .order-info-bottom__first__ttn:hover {
  color: var(--green-bg);
}

.connect__acounts-item:hover .connect__acounts-subtitle, .connect__remove-container > div:hover .connect__remove-icon, .connect__remove-container > div:hover .connect__remove-text, .personal__add-titles .back:hover {
  color: #ffc579
}

.past__items {
  text-align: right;
  display: flex;
  justify-content: flex-end
}

.past__item__cost {
  font-family: OpenSans-SemiBold;
  font-size: 16px;
  line-height: 20px;
  min-width: 90px;
  padding-left: 7px
}

.check-info-container {
  display: flex;
  flex-flow: row wrap
}

.past__item-container .past__item__cost {
  text-align: end;
  position: relative;
  overflow: hidden
}

.past__item-container .past__item__cost:before {
  left: auto;
  width: 100%;
  background-color: rgba(48, 49, 50, .5)
}

.not-found-content ._icon-arrow-link:before, .past__item-container .past__item__cost.cross-out-price, .qs-month-year span, .qs-overlay-month, .qs-square.qs-num {
  font-size: 14px
}

.ttn-group {
  padding-left: 10px
}

._icon-arrow-slider-1, ._icon-arrow-slider-2, .order-collapse {
  transition: color .1s ease-in-out
}

.connect__remove-icon, .connect__remove-text {
  transition: color 150ms linear
}

.order-collapse .active-order__main-title {
  display: inline-flex;
  align-items: center
}

.order-collapse .icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: 20px;
  margin-left: 4px;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  color: rgba(48, 49, 50, .5)
}

.order-collapse .icon::before {
  font-weight: 600;
  font-size: 16px
}

.order-collapse__item {
  margin-left: 33px
}

.user-page-container {
  padding: 36px 16px 144px;
  max-width: 854px;
  margin: 0 auto
}

.user-page-container .personal__titles {
  border: 0;
  padding-left: 0;
  padding-right: 0
}

.connect__auth-container {
  padding-bottom: 36px
}

.connect__card-container {
  padding-bottom: 24px
}

.connect__item {
  display: flex;
  width: 100%;
  background: #fff;
  padding: 0 20px
}

.connect__item:not(:last-child) {
  margin-bottom: 20px
}

.connect__item .connect__image {
  margin-bottom: auto;
  margin-top: 8px
}

.connect__image {
  width: 50px;
  height: 50px
}

.connect__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.connect__card-container .connect__image {
  width: auto;
  height: auto
}

.connect__card-container img {
  width: 38px;
  height: 26px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  margin-top: 14px
}

.connect__titles {
  margin-left: 8px;
  padding: 16px 0
}

.connect__titles .connect__title-item {
  font-family: OpenSans-Bold;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 13px;
  padding-top: 4px
}

.connect__titles .connect__title-subitem {
  font-size: 18px;
  line-height: 25px
}

.connect__card-container .connect__titles {
  margin-left: 12px;
  padding: 22px 0
}

.connect__card-container .connect__titles .connect__title-subitem:not(:last-child), .order__modal__sum-items {
  padding-bottom: 12px
}

.connect__remove {
  margin-left: auto;
  border-left: 1px solid #f7f7f7
}

.connect__remove-container {
  display: flex;
  align-items: center;
  height: 100%
}

.connect__remove-container > div {
  display: flex;
  align-items: center;
  cursor: pointer
}

.connect__remove-text {
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000;
  padding-left: 20px;
  padding-right: 25px
}

.connect__remove-icon::before {
  font-weight: 600
}

.connect__acounts-title {
  font-size: 13px;
  line-height: 16px;
  padding-bottom: 24px;
  text-transform: uppercase
}

.connect__acounts-item:not(:last-child) {
  margin-right: 36px
}

.connect__acounts-item:hover .connect__image {
  border-color: #ffc579
}

.connect__acounts-item .connect__image {
  border: 1px solid #000;
  transition: border-color 150ms linear
}

.connect__acounts-subtitle {
  transition: color 150ms linear;
  font-family: OpenSans-Bold;
  font-size: 18px;
  line-height: 25px;
  margin-left: 12px
}

.add-pay-card, .send-pay-card {
  font-size: 16px;
  line-height: 14px;
  color: #fff;
  background-color: #7897ab;
  transition: background-color 150ms linear;
  border: 0;
  text-align: center;
  width: 100%;
  text-transform: uppercase
}

.add-pay-card {
  padding: 18px 0;
  max-width: 380px
}

.personal__add-titles {
  display: flex;
  align-items: center;
  padding-bottom: 42px
}

.personal__add-titles .personal__titles-text {
  margin-left: 16px
}

.personal__add-titles .back {
  font-size: 16px;
  transition: color 150ms linear
}

#removeModal .text, #removeModal .title, #removeSocialModal .text, #removeSocialModal .title, .add__card-container, .blog-grid__item__mobile-block, .nuot-modal-mobile__close, .personal__add-titles .cansel {
  display: none
}

.add__card-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../image/arrow_custom.svg) right no-repeat;
  background-position-x: calc(100% - 8px)
}

#recoveryModal .input__container, .add__card-container .input__container {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 16px
}

.add__card-container .date-card {
  margin-bottom: 22px
}

.add__card-container .date-card:focus-within > label {
  color: #ffc579
}

.add__card-container .pay-card-number {
  padding-left: 60px;
  background: url(../../image/pay-placeholder.svg) right no-repeat;
  background-position-x: calc(100% - 93%)
}

.add__card-container .pay-card-number:focus {
  background: url(../../image/pay-placeholder-orange.svg) right no-repeat;
  background-position-x: calc(100% - 93%)
}

.date-card-container select:last-child {
  margin-left: 8px;
  max-width: 136px
}

.send-pay-card {
  margin-top: 8px;
  padding: 18px 0
}

#addCertificate, #addPayCard, #addVoucher {
  max-width: 305px
}

#removeModal .close, #removeSocialModal .close {
  transition: opacity 150ms linear
}

#infoAvailability .modal-header, #removeModal .modal-header, #removeSocialModal .modal-header {
  flex-direction: column;
  align-items: center;
  border: none;
  padding-bottom: 0
}

#removeModal .title, #removeSocialModal .title {
  font-size: 20px;
  line-height: 25px;
  color: #303132;
  text-transform: uppercase;
  margin-bottom: 13px
}

#removeModal .modal-body, #removeSocialModal .modal-body {
  padding: 0 44px 30px;
  position: relative
}

#removeModal .text, #removeSocialModal .text {
  font-size: 13px;
  line-height: 16px;
  color: rgba(48, 49, 50, .5);
  padding-bottom: 36px
}

#infoAvailability .modal-dialog, #removeModal .modal-dialog, #removeSocialModal .modal-dialog {
  max-width: 400px
}

#removeModal .dismiss-btn, #removeSocialModal .dismiss-btn {
  padding: 18px 0;
  border: 1px solid #7897ab;
  color: #7897ab;
  width: 100%;
  max-width: 147px;
  font-size: 16px;
  line-height: 14px;
  margin-right: 10px;
  transition: color 150ms linear, border-color 150ms linear;
  background: 0 0;
  border-radius: 0
}

#certificates .dismiss-btn:hover, #removeModal .dismiss-btn:hover, #removeSocialModal .dismiss-btn:hover {
  border-color: #ffc579;
  color: #ffc579
}

#removeModal .remove-btn, #removeSocialModal .remove-btn {
  padding: 18px 0;
  font-size: 16px;
  line-height: 14px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background-color: #7897ab;
  border: 1px solid #7897ab;
  width: 100%;
  max-width: 147px;
  transition: background-color 150ms linear, border-color 150ms linear;
  border-radius: 0
}

#removeModal .remove-btn:hover, #removeSocialModal .remove-btn:hover {
  background-color: #ffc579;
  border-color: #ffc579
}

.instruction-modal-content, .partners-right__tilte.mobile {
  display: none
}

#removeModal.account .account-text, #removeModal.account .account-title, #removeModal.pay-card .pay-card-text, #removeModal.pay-card .pay-card-title, #removeSocialModal.account .account-text, #removeSocialModal.account .account-title, #removeSocialModal.pay-card .pay-card-text, #removeSocialModal.pay-card .pay-card-title, .show-container {
  display: block
}

.top__search {
  padding-top: 54px;
  text-align: center
}

.top__search-add-text {
  text-align: center;
  color: rgba(48, 49, 50, .5);
  font-family: OpenSans-SemiBold;
  text-transform: uppercase;
  font-size: 21px;
  padding: 0 16px;
  margin-bottom: 60px
}

.top-nuot-container {
  padding-top: 72px;
  padding-bottom: 88px;
  background-color: #7897ab;
  position: relative
}

.top-nuot-container__ticker {
  position: absolute;
  top: 27%;
  left: 0;
  text-align: left;
  overflow: hidden;
  width: 100%
}

.top-nuot-container__ticker span {
  text-align: left;
  display: inline-block;
  padding-left: 100%;
  font-size: 150px;
  line-height: 160px;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-animation: 45s linear infinite runline;
  animation: 45s linear infinite runline
}

.top-nuot-container__text {
  position: absolute;
  bottom: 10.5%;
  left: 0;
  max-width: 515px;
  max-height: 100px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  margin-left: 60px;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical
}

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

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

.about-barand-container, .top-nuot__img-items {
  display: flex;
  justify-content: flex-end
}

.top-nuot__img-item {
  width: 484px;
  height: 675px
}

.gallery-nuo-item img, .nuot-modal-left img, .top-nuot__img-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.button-nuot-wrapper {
  padding-top: 50px;
  padding-bottom: 90px
}

.gallery-nuot-container {
  display: grid;
  grid-template-columns:repeat(2, 50%);
  justify-content: center;
  align-items: start;
  -o-object-fit: cover;
  object-fit: cover
}

.gallery-nuo-item {
  height: 770px;
  overflow: hidden
}

.nuot-modal-container {
  padding: 0;
  display: flex
}

.nuot-modal-left {
  width: 408px;
  height: 600px;
  flex: 0 1 408px
}

.nuot-modal-right {
  position: relative;
  overflow: hidden;
  max-width: 540px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.nuot-modal-right__close {
  padding: 15px !important;
  width: 100%;
  text-align: right
}

.nuot-modal-dialog {
  max-width: 950px
}

.nuot-modal-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 150px !important
}

.nuot-modal-slide__img {
  height: 180px
}

.nuot-modal-slide__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.nuot-modal-slide__title {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 4px;
  margin-top: 16px
}

.nuot-modal-slide__text {
  font-size: 12px;
  line-height: 14px;
  color: rgba(48, 49, 50, .5)
}

.nuot-modal-swiper {
  padding-top: 94px;
  width: 66%;
  overflow: hidden
}

.nuot-modal-swiper-next, .nuot-modal-swiper-prev {
  position: absolute;
  top: 37%
}

.nuot-modal-swiper-prev {
  left: 10%
}

.nuot-modal-swiper-next {
  right: 10%
}

.nuot-modal-scrollbar {
  margin-top: 65px;
  background: rgba(48, 49, 50, .5);
  width: 90%;
  margin-right: auto
}

.nuot-modal-right__title {
  padding-top: 15px;
  padding-right: 55px;
  width: 100%;
  text-align: right;
  font-size: 12px;
  line-height: 14px
}

.blog-page-title, .not-found-content__text {
  text-align: center;
  font-family: OpenSans-SemiBold
}

.text-page__top-banner {
  width: 100%;
  height: 470px;
  margin-bottom: 32px
}

.text-page__top-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right;
  object-position: right
}

.hashtags-slider-container {
  position: relative;
  overflow: hidden;
  padding: 0 50px;
  width: 92%;
  margin: 0 auto
}

.hashtags-slider-container .hashtag, .sales-department__schedule-container {
  max-width: 214px
}

.active-hashtag, .hashtags-slider-container .hashtag:hover {
  background-color: #db5900
}

.hashtag, .mailing-btn, .not-found-wrapper {
  background-color: var(--green-bg);
}

.button-link:hover div {
    background: #fff;
}

.hashtags-slider-container .uk-slidenav-next, .hashtags-slider-container .uk-slidenav-previous {
  margin-right: 0;
  margin-left: 0
}

.top-hashtags-wrapper {
  justify-content: flex-end;
  display: grid;
  grid-template-columns:repeat(3, auto);
  grid-gap: 10px;
  padding: 0 62px
}

.hashtag {
  color: #fff;
  padding: 6px 42px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
  overflow: hidden
}

.blog-page-title {
  font-size: 70px;
  line-height: 95px;
  text-transform: uppercase;
  padding-top: 40px;
  padding-bottom: 105px
}

.blog-grid {
  display: grid;
  justify-content: space-between;
  grid-template-columns:repeat(2, fit-content(557px));
  row-gap: 100px;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding: 0 62px
}

.blog-grid__item__text, .blog-grid__item__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.blog-grid__item__img {
  position: relative;
  overflow: hidden;
  height: 391px;
  margin-bottom: 22px
}

.blog-grid__item__img img, .first-article-img img, .second-article-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.blog-grid__item__img:hover .button-link {
  bottom: 14%
}

.blog-grid__item__img .button-link {
  position: absolute;
  color: #fff;
  bottom: -20%;
  transition: bottom .3s ease-in-out;
  right: 14%
}

.blog-grid__item__img .button-link div {
  border: .5px solid #fff
}

.blog-grid__item__title {
  font-size: 20px;
  line-height: 25px;
  font-family: OpenSans-SemiBold;
  margin-bottom: 14px;
  -webkit-line-clamp: 3
}

.blog-grid__item__text {
  font-size: 18px;
  line-height: 24px;
  -webkit-line-clamp: 4;
  margin-bottom: 10px
}

.blog-grid__item__date {
  font-size: 18px;
  line-height: 24px;
  color: rgba(85, 85, 85, .7)
}

.blog-bottom-wrapper, .blog-grid-wrapper {
  padding-bottom: 70px
}

.article-top__hashtags-container .top-hashtags-wrapper {
  justify-content: flex-start;
  padding: 0;
  margin: 0;
  max-width: none
}

.article-top__hashtags-container {
  display: flex;
  align-items: center;
  margin-bottom: 45px
}

.article-top__back__btn {
  display: flex;
  font-size: 18px;
  line-height: 60px
}

.article-top__back__btn::before {
  font-size: 16px;
  margin-right: 10px
}

.article-info__date {
  font-size: 18px;
  line-height: 24px;
  color: rgba(48, 49, 50, .5);
  margin-bottom: 28px
}

.article-wrapper {
  margin-bottom: 142px
}

.first-article-container {
  padding: 0 62px;
  overflow-x: auto
}

.article-title {
  font-size: 60px;
  line-height: 60px;
  font-family: OpenSans-SemiBold;
  margin-bottom: 38px
}

.article-content a, .article-content li, .article-content p, .article-content span, .article-content table, .article-content td, .article-content tr, .second-article-text {
  font-size: 18px;
  line-height: 24px;
  color: rgba(16, 16, 16, .75)
}

.first-article-img {
  width: 100%;
  height: 534px;
  margin-bottom: 50px
}

.second-article-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 140px
}

.second-article-text {
  margin-right: 82px;
  padding-left: 20px;
  max-width: 646px
}

.second-article-img {
  width: 297px;
  height: 411px;
  flex-shrink: 0;
  margin-right: 62px;
  margin-left: 95px
}

.article-blogs-wrapper {
  margin-bottom: 95px
}

.article-content, .delivery-table, .guarantee-table {
  overflow-x: auto
}

.article-content p {
  max-width: 1128px;
  margin: 0 auto;
  text-align: justify
}

.article-content ol, .article-content ul {
  max-width: 890px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  list-style: inside
}

.article-content iframe, .text-page-content iframe {
  width: 100% !important;
  height: 500px !important;
  padding-top: 20px;
  padding-bottom: 20px
}

.article-content img, .text-page-content img {
  width: 100% !important;
  height: 534px !important;
  margin-top: 20px;
  margin-bottom: 20px
}

.article-content table, .text-page-content table {
  width: 100%;
  min-width: 890px;
  border-collapse: collapse;
  table-layout: fixed;
  margin-top: 20px;
  margin-bottom: 20px
}

.article-content td, .text-page-content td {
  overflow: hidden;
  padding: 4px !important;
  border: 1px solid #101010 !important
}

.not-found-wrapper {
  max-width: 100%
}

.not-found {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 100px;
  width: 100vw;
  height: 100vh
}

.not-found svg {
  width: 60%;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .4));
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .4))
}

.not-found-content__text {
  font-size: 50px;
  line-height: 100px;
  margin-bottom: 76px;
  color: #fff
}

.not-found-content div {
  border: 1px solid #fff;
  color: #fff;
  width: 40px;
  height: 40px
}

.lol {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: .5s cubic-bezier(.6, 0, .74, .05) both lol-animation;
  animation: .5s cubic-bezier(.6, 0, .74, .05) both lol-animation;
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.sad {
  stroke-dasharray: 170;
  stroke-dashoffset: 170;
  -webkit-animation: .2s linear 1.7s both sad-animation;
  animation: .2s linear 1.7s both sad-animation
}

@-webkit-keyframes lol-animation {
  to {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg)
  }
}

@keyframes lol-animation {
  to {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg)
  }
}

@-webkit-keyframes sad-animation {
  to {
    stroke-dashoffset: 0
  }
}

@keyframes sad-animation {
  to {
    stroke-dashoffset: 0
  }
}

.about-barand-wrapper {
  padding-top: 62px;
  margin-bottom: 240px
}

.about-barand__left {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 458px
}

.about-barand__left__title, .partners-right__tilte {
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 5px
}

.about-barand__left__text, .partners-right__text {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 5px;
  text-align: justify
}

.about-barand__left__img {
  width: 246px;
  height: 300px;
  margin-left: auto
}

.about-barand__left__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.about-barand__right__img {
  margin-left: 130px;
  width: 635px;
  height: 760px;
  flex-shrink: 0
}

.about-barand__right__img img, .partners-left-img img, .values-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.values-warpper {
  margin-bottom: 230px
}

.values-titles {
  display: flex;
  position: relative;
  margin-bottom: 54px
}

.values-title {
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  font-size: 80px;
  line-height: 80px;
  width: 100%;
  top: 45%;
  text-align: center
}

.values-item {
  flex: 1 1 50%;
  height: 730px
}

.values-text {
  font-size: 18px;
  line-height: 30px;
  max-width: 1000px;
  padding-left: 130px;
  text-align: justify
}

.partners-warpper {
  margin-bottom: 70px
}

.partners-container {
  display: flex;
  padding-bottom: 65px
}

.partners-left-img {
  margin-right: 130px;
  width: 635px;
  height: 760px;
  flex-shrink: 0
}

.partners-right {
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 458px
}

.partners-right__img {
  width: 246px;
  height: 300px;
  margin-right: auto
}

.partners-right__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.delivery-table table, .guarantee-table table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  min-width: 736px;
  text-align: center
}

.delivery-table td, .guarantee-table td {
  border-bottom: 2px solid #101010;
  padding: 55px 15px;
  font-size: 15px;
  line-height: 18px;
  overflow: hidden
}

.delivery-table td span:nth-child(odd), .guarantee-table td span:nth-child(odd) {
  font-size: 15px;
  line-height: 18px
}

.delivery-table td span:nth-child(2n), .guarantee-table td span:nth-child(2n) {
  color: rgba(48, 49, 50, .5);
  font-size: 12px;
  line-height: 16px
}

.guarantee-table td:first-child {
  text-align: left;
  text-transform: uppercase
}

.guarantee__bottom-container {
  max-width: 964px;
  padding: 86px 62px 0;
  text-align: justify
}

.guarantee__bottom__important-title {
  text-transform: uppercase;
  color: #7897ab;
  font-family: OpenSans-SemiBold
}

.guarantee__bottom__first-text, .guarantee__bottom__important-text, .guarantee__bottom__important-title, .guarantee__bottom__second-text, .guarantee__bottom__second-title {
  font-size: 15px;
  line-height: 19px
}

.guarantee__bottom__first-text {
  font-family: OpenSans-SemiBold;
  padding-bottom: 20px
}

.guarantee__bottom__important-text {
  padding-bottom: 20px
}

.guarantee__bottom__second-title {
  text-transform: uppercase;
  font-family: OpenSans-SemiBold;
  padding-bottom: 20px
}

.instruction-btn {
  color: #7897ab;
  font-size: 30px;
  display: inline-block
}

.simple-page-wrapper {
  padding-top: 139px;
  margin-bottom: 222px
}

.simple-page-main-info__wrapper {
  padding-top: 60px;
  padding-bottom: 44px;
  border-bottom: 4px solid var(--green-bg);
}

.simple-page-title {
  font-size: 30px;
  line-height: 60px
}

.simple-page-text {
  font-size: 15px;
  line-height: 20px;
  color: rgba(48, 49, 50, .5);
  max-width: 1096px
}

.delivery-table td:not(:nth-child(2)) {
  text-transform: uppercase
}

.simple-page-table__titles td {
  padding: 25px 10px;
  font-size: 15px;
  line-height: 18px;
  font-family: OpenSans-SemiBold;
  text-transform: uppercase
}

.simple-page-table__titles span {
  font-size: 15px;
  line-height: 18px;
  font-family: OpenSans-SemiBold;
  text-transform: uppercase;
  display: block
}

.simple-page-table__titles span:nth-child(2n) {
  color: rgba(48, 49, 50, .5) !important;
  font-size: 15px !important;
  line-height: 18px !important;
  font-family: OpenSans-SemiBold !important
}

.delivery-table__img-container {
  display: flex;
  justify-content: center;
  flex-flow: row wrap
}

.delivery-table__img {
  width: 66px;
  height: 42px;
  margin: 4px
}

.delivery-table__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0
}

.delivery-table__img-item {
  display: inline-flex
}

.questions-wrapper, .text-page-wrapper {
  padding-top: 139px;
  padding-bottom: 248px
}

.text-page-title {
  font-size: 25px;
  line-height: 60px;
  font-family: OpenSans-SemiBold;
  color: #7897ab;
  text-transform: uppercase;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 38px
}

.text-page-content, .text-page-content p {
  text-align: justify
}

.text-page-content {
  overflow-x: auto;
  max-width: 1110px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 25px;
  color: #101010
}

.questions-items-subtitle, .questions-title {
  line-height: 60px;
  font-family: OpenSans-SemiBold
}

.text-page-content ol, .text-page-content ul {
  list-style: inside;
  padding-top: 20px;
  padding-bottom: 20px
}

.questions-container {
  max-width: 1110px;
  margin: 0 auto;
  padding: 0 62px
}

#langModal .input__container:not(:nth-child(11)), #userCertificates .input__container:not(:nth-child(11)) {
  margin-bottom: 20px
}

.questions-title {
  font-size: 30px;
  padding-top: 75px;
  padding-bottom: 60px;
  text-align: center;
  text-transform: uppercase
}

.questions-items-subtitle {
  font-size: 25px;
  border-bottom: 2px solid #303132;
  padding-bottom: 5px;
  margin-bottom: 20px;
  margin-top: 10px
}

.question-item__title__container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 14px 10px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: background-color 150ms ease-in-out
}

.question-item__title__container ._icon-cancel, .question-item__title__container .question-item__title {
  transition: color 150ms ease-in-out
}

.question-item__title__container:hover {
  background-color: var(--green-bg);
}

footer {
  background: var(--black-bg);
}

.option-class.select2-results__option--highlighted[aria-selected] .option-flag-container, .question-item__title__container:hover ._icon-cancel {
  color: #fff;
}
._icon-favorites {
  color: #212121;
  transition: all .3s ease-in;
}
._icon-favorites:hover:before {
  content: "";
}
.question-item__title__container ._icon-cancel {
  transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
  -webkit-transform: scale(0);
  transform: scale(0);
  color: #000;
}

.scale-icon {
  -webkit-transform: scale(1) rotate(90deg) !important;
  transform: scale(1) rotate(90deg) !important
}

.question-item__title {
  font-size: 25px;
  line-height: 25px;
  color: #000;
}

.question-item__text {
  padding: 0 15px;
  font-size: 16px;
  line-height: 20px;
  color: rgba(48, 49, 50, .5);
  max-width: 790px
}

.mailing-container {
  border-top: 2px solid #101010;
  border-bottom: 2px solid #101010;
  display: flex;
  padding-top: 139px
}

.mailing-left {
  border-right: 2px solid #101010;
  flex: 0 1 722px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.sales-department {
  padding: 46px 20px 50px 62px
}

.sales-department__title {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 30px;
  text-transform: uppercase
}

.sales-department__telephons {
  display: flex;
  flex-direction: column;
  margin-bottom: 26px
}

.sales-department__tel {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 6px
}

.sales-department__schedule {
  font-size: 15px;
  line-height: 18px;
  color: rgba(48, 49, 50, .5)
}

.sales-department__schedule-dayoff {
  font-size: 15px;
  line-height: 18px;
  color: rgba(48, 49, 50, .5);
  text-transform: uppercase
}

.sales-department__schedule-dayoff span {
  font-size: 15px;
  line-height: 18px;
  color: #7897ab;
  text-transform: uppercase
}

.other-departments {
  border-top: 2px solid #101010;
  display: flex;
  flex: 0 1 33%
}

.wholesale-department {
  padding: 20px 20px 26px 62px;
  flex: 0 1 100%;
  border-right: 2px solid #101010
}

.other-department__title {
  font-size: 15px;
  line-height: 18px;
  font-family: OpenSans-SemiBold;
  margin-bottom: 10px;
  min-height: 36px
}

.other-department__tel {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 5px
}

.other-department__email {
  font-size: 16px;
  line-height: 22px;
  color: rgba(48, 49, 50, .5);
  text-transform: uppercase
}

.marketing-department {
  padding: 20px 20px 26px 30px;
  display: flex;
  flex-direction: column
}

._icon-favorites-fill, .active-compare, .marketing-department .other-department__email {
  color: #101010
}

.other-department__name {
  font-size: 15px;
  line-height: 20px;
  color: rgba(48, 49, 50, .5)
}

.mailing-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding: 46px 20px 50px
}

.mailing-right .personal__form {
  position: relative;
  max-width: none;
  width: 74%
}

.mailing-right-title {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 54px;
  text-align: center;
  width: 76%
}

.mailing-btn {
  width: 51%;
  margin-left: auto;
  margin-top: 44px;
  color: var(--color-text);
  font-size: 16px;
  line-height: 14px;
  text-transform: uppercase;
  padding: 18px 0
}

#mailing-lastname {
  padding: 4px;
  margin-top: 2px
}

.footer__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 95px 60px 105px;
  display: flex;
  justify-content: space-between
}

.footer__sub {
  flex: 0 1 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.footer__sub-title {
  font-size: 25px;
  line-height: 15px;
  font-family: OpenSans-SemiBold;
  padding-bottom: 60px;
  color: #fff;
}

.footer__delivery-title, .footer__info-title {
  font-family: OpenSans-Bold;
  padding-bottom: 20px;
  line-height: 19px;
  text-transform: uppercase
}

.footer__sub-action hr {
  margin: 12px 0 46px;
  width: 100%;
  height: 1px;
  border: none;
  background-color: #fff;
}

.footer__sub-form form, .footer__sub-social-cont {
  display: flex
}

.footer__sub-form form, .footer__sub-social-cont a {
  color: #fff;
}

.footer__sub-form input {
  border: none !important;
  background: inherit !important;
  width: 100%;
  line-height: 60px;
  outline: 0;
  color: #fff;
}

.footer__sub-form input:focus {
  outline: 0
}

.footer__sub-form input::placeholder {
  color: var(--color-grey);
}

.footer__sub-form button {
  padding: 0;
  background-color: inherit;
  border: none;
  color: #fff;
}

.custom-swiper-pagination .swiper-pagination-total, .footer__sub-form button:before {
  font-size: 15px
}

.footer__sub-social-cont a:nth-child(2n) {
  margin: 0 24px
}

#recoveryModal .re-recovery-send, #recoveryModal .recovery-new-pass, .footer__sub-success {
  display: none
}

.footer__sub-success p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 12px
}

.footer__info {
  flex: 0 1 32.5%
}

.footer__info li {
  list-style: none
}

.footer__info-title {
  font-size: 14px;
  color: #fff;
}

#userCertificates .lang-confirm-container, .footer__info-links, .order__modal__sum .items-info, .order__modal__sum-total {
  display: flex;
  justify-content: space-between
}

.footer__info .info-links-right {
  margin-top: 0;
  margin-left: 10px
}

.footer__info .info-links-item {
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}

.footer__info .sale {
  color: #eb5757 !important;
  text-transform: uppercase
}

.footer__delivery {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.footer__delivery-title {
  font-size: 14px;
  color: #fff;
}

.footer__delivery-item {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}

#modal360 .control360-container, .footer__delivery-method, .order__modal__sum .info-price {
  display: flex
}

.footer__delivery-pay {
  margin-right: 8px;
  width: 70px;
  height: 48px
}

.footer__delivery-pay img, .sub-prod img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

#codeForm label {
  order: 2
}

#codeForm input[type=number]:valid:focus {
  outline-color: #bbf7be;
  border: 1px solid #bbf7be
}

#codeForm input[type=number]:valid:focus ~ label {
  color: #bbf7be !important
}

#codeForm input[type=number]:invalid:focus ~ .requirements {
  max-height: 200px;
  opacity: 1
}

.requirements {
  padding-top: 3px;
  text-align: left;
  color: rgba(48, 49, 50, .5) !important;
  max-height: 0;
  opacity: 0;
  transition: max-height .3s;
  font-size: 13px;
  line-height: 18px
}

#topBtn {
  bottom: 2rem;
  display: none;
  right: 2rem;
  position: fixed;
  font-size: 26px;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  z-index: 8;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  box-shadow: #000 0 0 5px 1px;
  border-radius: 50%;
}

#topBtn:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  color: var(--green-bg);
}

.error-label {
  color: #eb5757 !important;
  -webkit-animation: 5s cubic-bezier(.39, .575, .565, 1) both error-label;
  animation: 5s cubic-bezier(.39, .575, .565, 1) both error-label
}

@-webkit-keyframes error-label {
  0% {
    opacity: .7
  }
  25%, 75% {
    opacity: 1
  }
  50% {
    opacity: .3
  }
  100% {
    opacity: .8
  }
}

@keyframes error-label {
  0% {
    opacity: .7
  }
  25%, 75% {
    opacity: 1
  }
  50% {
    opacity: .3
  }
  100% {
    opacity: .8
  }
}

.error-input {
  border: 1px solid #eb5757 !important
}

@-webkit-keyframes error-input {
  0%, 100% {
    border: 1px solid rgba(48, 49, 50, .5)
  }
  50% {
    border: 1px solid #eb5757
  }
}

@keyframes error-input {
  0%, 100% {
    border: 1px solid rgba(48, 49, 50, .5)
  }
  50% {
    border: 1px solid #eb5757
  }
}

.error-number {
  display: none;
  color: #eb5757;
  font-size: 13px;
  line-height: 14px
}

.button-link {
  display: flex;
  align-items: center;
  justify-content: center
}

.button-link:hover div {
  -webkit-transform-origin: right 50%;
  transform-origin: right 50%;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  border: none !important
}

.button-link:hover div::before {
  -webkit-transform: scale(.5);
  transform: scale(.5);
  color: var(--color-text);
}

.button-link span {
  z-index: 1;
  color: #fff;
  font-size: 19px;
  line-height: 20px;
  padding: 15px
}

#langModal .input__container:hover label, #modal360 .control360:hover, #recoveryModal input:focus ~ label, #userCertificates .input__container:hover label {
  color: var(--color-text);
}

.button-link div {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .2s ease-in-out
}

.swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  border-radius: 0
}

.swiper-pagination-bullet-active {
  border-radius: 0;
  border: 1px solid #fff;
  background: rgba(48, 49, 50, .5)
}

.custom-swiper-scrollbar {
  z-index: 1;
  height: 3px
}

.custom-swiper-btn-cont {
  z-index: 1;
  display: flex
}

.custom-swiper-btn-cont span {
  margin: 0 25px;
  font-size: 16px;
  line-height: 23px;
  opacity: .5
}

.custom-swiper-pagination {
  z-index: 1;
  line-height: 25px
}

.refresh-form {
  padding-bottom: 10px;
  display: none
}

.back-number {
  padding-top: 10px;
  padding-bottom: 10px
}

.sub-prod {
  width: 35px;
  height: 45px;
  margin-bottom: 8px;
  transition: transform .1s;
  transition: transform .1s, -webkit-transform .1s
}

.sub-prod:not(:last-child) {
  margin-right: 5px
}

.item-active:before {
  content: "";
  position: absolute;
  width: 112%;
  height: 1px;
  background: #303132;
  top: 50%;
  left: -6%;
  -webkit-animation: .2s cubic-bezier(.39, .575, .565, 1) both scale-up-ver-left;
  animation: .2s cubic-bezier(.39, .575, .565, 1) both scale-up-ver-left
}

.rotate {
  -webkit-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important
}

.rotate270 {
  -webkit-transform: rotate(270deg) !important;
  transform: rotate(270deg) !important
}

#recoveryModal .modal-dialog {
  max-width: 650px
}

#instructionModal .modal-header, #recoveryModal .modal-header, #firstVisitModal .modal-header {
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0
}

#recoveryModal .title {
  font-size: 18px;
  line-height: 25px;
  color: #101010;
  font-family: OpenSans-SemiBold;
  padding-bottom: 24px
}

#recoveryModal .modal-text {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 24px
}

#recoveryModal .modal-body {
  padding: 0 36px 36px
}

#recoveryModal form {
  max-width: 305px;
  margin: 0 auto
}

#recoveryModal .new-pass-btn, #recoveryModal .recovery-btn {
  width: 100%;
  color: var(--color-text);
  background-color: var(--green-bg);
  border: none;
  font-size: 16px;
  line-height: 14px;
  padding: 18px 20px;
  margin-top: 10px
}

#recoveryModal .re-recovery-btn {
  width: 100%;
  max-width: 305px;
  font-size: 16px;
  line-height: 14px;
  padding: 18px 20px;
  margin-top: 10px;
  color: #7897ab;
  background-color: #f7f7f7;
  border: 1px solid #7897ab
}

#recoveryModal .re-recovery-btn:disabled {
  color: #7897ab85;
  border-color: #7897ab85
}

#recoveryModal .recovery-email-error, #recoveryModal .recovery-pass-error {
  color: #eb5757;
  font-size: 13px;
  line-height: 14px
}

.modal-content {
  border-radius: 0;
  background-color: #f7f7f7
}

.modal-body {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #101010;
  background-color: #f7f7f7
}

#instructionModal .modal-title, #firstVisitModal .modal-title {
  padding-bottom: 47px;
  color: #7897ab;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold
}

#instructionModal .modal-body, #firstVisitModal .modal-body {
  padding: 0 44px 52px
}

#instructionModal .modal-body p {
  font-size: 18px;
  line-height: 25px;
  text-align: justify
}

#modal360 .modal-body {
  background-color: #fff
}

#langModal .lang-confirm, #modal360 .cloudimage-360-loader {
  background-color: #7897ab
}

#modal360 .control360 {
  position: inherit;
  width: 27px;
  height: 30px;
  margin-right: 15px;
  padding: 0;
  color: #000;
  transition: color 80ms linear;
  font-size: 26px;
  background: transparent;
}
#modal360 .control360-container button:hover svg {
  fill: #ffc579;
}
#modal360 .cloudimage-360-right:before,
#modal360 .cloudimage-360-left:before {
  display: none;
}

#modal360 .control360:first-child {
  padding-left: 0
}

#modal360 .control360:disabled {
  color: rgba(16, 16, 16, .5)
}

#modal360 .modal360__close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 16px;
  height: 4px;
  color: #000;
  transition: opacity 80ms linear;
}

#modal360 .wait {
  display: none;
  color: #101010;
  font-size: 22px
}

#modal360 .cloudimage-360__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px
}

#modal360 .cloudimage-360-icons-container {
  top: 65px;
  height: 80%
}

#universalModal .modal-header {
  border: none;
  padding: 20px 20px 10px
}

#universalModal .modal-body {
  padding: 0 20px 20px
}

.universalModal {
  display: none;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #303132;
  background-color: #fffaf6
}

.spinner-auth-container, .spinner-contacts-container, .spinner-inform-continer, .spinner-reg-container {
  background-color: #f7f7f7c7
}

.universalModal > span {
  color: #ffc579;
  font-weight: 600
}

#orderModal .modal-header {
  border: none;
  padding-bottom: 0
}

#orderModal .modal-body {
  padding: 0 37px 44px
}

#orderModal .order__modal-number-items {
  display: flex;
  flex-direction: column;
  padding-bottom: 22px
}

#orderModal .order__modal-number-item {
  margin-bottom: 10px
}

#orderModal .order__modal-number-span {
  font-size: 16px;
  line-height: 22px;
  color: #303132;
  font-family: OpenSans-SemiBold
}

#orderModal .number__item-left {
  float: left;
  font-size: 14px;
  line-height: 15px;
  color: rgba(48, 49, 50, .5)
}

#orderModal .number__item-right {
  float: right;
  font-size: 14px;
  line-height: 15px;
  color: #101010
}

.order__modal-logo {
  width: 35px;
  height: 35px;
  margin: 0 auto
}

#infoAvailability .inform-success-img img, .order__modal-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.order__modal-title {
  margin-top: 14px;
  margin-bottom: 4px;
  font-size: 25px;
  line-height: 34px;
  text-transform: uppercase;
  font-family: OpenSans-SemiBold;
  text-align: center;
  color: #7897ab
}

.order__modal-text {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  color: rgba(48, 49, 50, .5)
}

.order__modal-number {
  font-size: 16px;
  line-height: 22px;
  color: #101010;
  font-family: OpenSans-SemiBold;
  text-align: left;
  margin-bottom: 7px;
  margin-top: 0
}

.order__modal__sum-title {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid #101010
}

.order__modal__sum-total .sum-total-text {
  font-size: 16px;
  line-height: 22px;
  color: rgba(48, 49, 50, .5)
}

.order__modal__sum-total .sum-total-count {
  font-size: 16px;
  line-height: 22px;
  font-family: OpenSans-SemiBold;
  color: #101010
}

.order__modal__sum .items-title {
  margin-bottom: 8px;
  margin-top: 0;
  padding-top: 4px;
  font-size: 14px;
  line-height: 19px;
  color: #101010;
  font-family: OpenSans-SemiBold;
  text-transform: uppercase;
  text-align: left
}

.order__modal__sum .info-size {
  font-size: 14px;
  line-height: 20px;
  color: #101010;
  text-transform: uppercase
}

.order__modal__sum .info-price span {
  font-size: 14px;
  line-height: 15px;
  color: #101010
}

.order__modal__sum .info-price ._icon-cancel::before {
  font-size: 7px;
  margin: 0 8px
}

#langModal .modal-dialog {
  max-width: 380px
}

#langModal .modal-header, #userCertificates .modal-header {
  border: none
}

#langModal .modal-body, #userCertificates .modal-body {
  padding: 0 38px 32px;
  text-align: left
}

#langModal .lang-modal__title, #userCertificates .lang-modal__title {
  text-align: center;
  color: #101010;
  font-size: 18px;
  line-height: 25px;
  font-family: OpenSans-SemiBold
}

#langModal .lang-confirm {
  color: #fff;
  text-transform: uppercase;
  padding: 13px 0;
  width: 100%
}

#langModal form, #userCertificates form {
  padding-top: 16px;
  padding-bottom: 4px
}

#langModal label, #userCertificates label {
  color: rgba(48, 49, 50, .5);
  font-size: 13px;
  line-height: 14px;
  margin-bottom: .3rem
}

#langModal .select2-selection--single, #userCertificates .select2-selection--single {
  padding-left: 14px;
  padding-top: 7px;
  border: 1px solid rgba(48, 49, 50, .5) !important;
  border-radius: 0 !important;
  height: 45px !important
}

#langModal .select2-selection__arrow {
  width: 14px
}

#langModal .select2-selection__rendered {
  padding-right: 14px
}

#langModal .select2-container--default .select2-selection--single .select2-selection__arrow b, #userCertificates .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../../image/arrow_custom.svg) center no-repeat;
  width: 14px;
  height: 14px;
  left: 90%;
  top: 45%
}

.option-class {
  padding-left: 25px
}

.option-flag-container {
  font-size: 14px;
  line-height: 20px;
  color: #101010
}

.select-flag-container {
  font-size: 14px;
  line-height: 28px;
  color: #101010;
  display: flex;
  align-items: center
}

.spinner-auth-container, .spinner-basket-container, .spinner-contacts, .spinner-contacts-container, .spinner-inform-continer, .spinner-number, .spinner-reg-container {
  display: none;
  color: #ffc579 !important
}

.spinner-auth-container, .spinner-basket-container, .spinner-contacts-container, .spinner-reg-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  z-index: 1
}

.spinner-inform-continer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1
}

.spinner-inform-continer .spinner-inform {
  color: #7897ab;
  position: absolute;
  left: 46%;
  top: 35%
}

#infoAvailability .modal__inform-success-body {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

#infoAvailability .inform-success-title {
  font-size: 18px;
  line-height: 20px;
  color: #101010;
  max-width: 205px;
  margin-top: 8px;
  margin-bottom: 30px
}

#infoAvailability .inform-success-thanks {
  font-size: 25px;
  line-height: 34px;
  color: #101010;
  text-transform: uppercase;
  margin-top: 17px
}

#infoAvailability .inform-success-img {
  width: 60px;
  height: 60px
}

#infoAvailability .title {
  font-size: 20px;
  line-height: 25px;
  color: #101010;
  text-transform: uppercase;
  margin-bottom: 13px;
  margin-top: 8px
}

#infoAvailability .modal-body {
  padding: 0 34px 50px;
  position: relative
}

#infoAvailability .text {
  font-size: 13px;
  line-height: 16px;
  color: rgba(48, 49, 50, .5);
  padding-bottom: 22px
}

#infoAvailability .modal__inform-inputs {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  margin-top: 18px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(48, 49, 50, .5)
}

#infoAvailability .modal__inform-inputs .svg-line-box {
  bottom: -1px
}

#infoAvailability .modal__inform-inputs input {
  width: 100%;
  height: 25px;
  background-color: #f7f7f7;
  border: none;
  outline: 0;
  font-size: 16px;
  line-height: 22px
}

#infoAvailability .modal__inform-inputs input:focus {
  outline: 0;
  border: none
}

#infoAvailability .modal__inform-inputs label {
  font-size: 13px;
  line-height: 18px;
  color: rgba(48, 49, 50, .5);
  margin-bottom: 3px
}

#infoAvailability .modal__notification-container {
  padding-top: 22px
}

#infoAvailability .modal__notification-submit {
  font-size: 16px;
  line-height: 14px;
  background-color: #7897ab;
  color: #fff;
  width: 100%;
  padding: 18px 0;
  text-transform: uppercase;
  margin-top: 20px
}

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

.custom-radio + label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.custom-radio + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 2px solid rgba(48, 49, 50, .5);
  border-radius: 50%;
  margin-bottom: 3px
}

.custom-checkbox:not(:disabled):not(:checked) + label:hover::before, .custom-radio:not(:disabled):not(:checked) + label:hover::before {
  border-color: var(--black-bg);
}

.custom-checkbox:not(:disabled):active + label::before, .custom-radio:not(:disabled):active + label::before {
  background-color: var(--black-bg);
  border-color: var(--black-bg);
}

.custom-checkbox:focus:not(:checked) + label::before, .custom-radio:focus:not(:checked) + label::before {
  border-color: var(--black-bg);
}

.custom-radio:checked + label::before {
  border-color: var(--black-bg);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%212121'/%3e%3c/svg%3e")
}

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

.custom-checkbox + label::before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid rgba(48, 49, 50, .5);
  border-radius: 0;
  margin-right: 6px
}

.custom-checkbox:checked + label::before {
  border-color: #7897ab;
  background-color: #7897ab;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox:focus + label::before {
  box-shadow: 0 0 0 .1rem #fa893e69
}

.disabled-item {
  color: rgba(48, 49, 50, .3) !important
}

.opacity-checked {
  -webkit-animation: .3s ease-in-out forwards checked;
  animation: .3s ease-in-out forwards checked
}

@-webkit-keyframes checked {
  0% {
    -webkit-transform: scale(.2);
    transform: scale(.2);
    opacity: .8
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes checked {
  0% {
    -webkit-transform: scale(.2);
    transform: scale(.2);
    opacity: .8
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.sale {
  color: #eb5757 !important;
  text-transform: uppercase
}

:root {
  --fancybox-color: $ text
}

.fancybox__backdrop {
  background-color: #f7f7f7
}

.qs-overlay-year {
  height: 30px
}

.qs-overlay .qs-submit {
  padding: 3px 10px !important;
  margin: .5em auto 0 !important
}

.password-control {
  cursor: pointer;
  position: absolute;
  top: 31px;
  right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/view.svg) no-repeat
}

.password-control.view {
  background: url(../images/no-view.svg) no-repeat
}

@media screen and (min-width: 767px) {
  .product__sizes-item:hover {
    color: #7897ab;
    -webkit-transform: translateY(-3px) scale3d(1.2, 1.2, 1.1);
    transform: translateY(-3px) scale3d(1.2, 1.2, 1.1)
  }
}

@media screen and (min-width: 768px) {
  .blog__column-item:hover .blog__column-description {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  .colors__wrapper .product__card-container {
    width: 120px!important;
  }

  .colors__wrapper {
    width: 100%;
    max-width: 500px;
  }

  .colors__wrapper .slider-cards__container {
    padding: 0;
  }

  .colors__wrapper .slider-cards__container .slider-controls-container {
    max-width: 33%;
  }

  .colors__wrapper .slider-cards__title {
      font-size: 18px;
      line-height: 30px;
      padding-bottom: 10px;
  }
}

@media screen and (min-width: 1441px) {
  .mailing-container, .personal__sidebar {
    border-left: 2px solid #101010
  }

  .rating__modal-container {
    margin-right: 11.6%
  }

  .mailing-container {
    border-right: 2px solid #101010
  }
}

@media screen and (max-width: 1440px) {
  .slider-cards__container .product__card-container {
    width: 350px
  }

  .product__card-container {
    width: 376px
  }

  #topBtn {
    right: 2rem
  }
}

@media screen and (max-width: 1320px) {
  .buy__container {
    padding: 20px 0
  }
}

@media screen and (max-width: 1300px) {
  .active-order__title {
    align-items: flex-start;
    padding-top: 10px
  }

  .active-order__art {
    padding-bottom: 0
  }

  .check-info-payment {
    order: 2;
    width: 100%;
    padding: 0;
    text-align: right
  }

  .check__items-container {
    order: 1;
    margin-left: auto
  }
}

@media screen and (max-width: 1200px) {
  .sale__slide {
    max-height: 600px
  }

  .nuot__style-block {
    padding-left: 36px;
    padding-bottom: 4px
  }

  .nuot__style-block .nuot__title-head {
    padding-top: 20px
  }

  .nuot__style-block .nuot__text {
    line-height: 20px;
    margin: 14px 0 17px
  }

  .buy__container {
    padding: 8px 0
  }

  .card__info-desctop {
    padding-bottom: 6px
  }

  .delivery__container .input__container, .order__forms .input__container {
    flex: 1 1 100%
  }

  .order__steps.other-method .select2-selection__rendered {
    max-width: 356px
  }

  .footer__sub-title {
    line-height: 22px
  }

  .footer__info {
    flex: 0 1 23%
  }

  .footer__info-links {
    flex-direction: column
  }

  .footer__info .info-links-right {
    margin-left: 0
  }
}

@media screen and (max-width: 1110px) {
  .filters-main__title__text, .menu__icon {
    font-size: 15px
  }

  .filters-main__price, .filters-main__size, .filters-other__sort, .filters-params {
    border-bottom: .5px solid rgba(48, 49, 50, .5)
  }

  header {
    height: 98px /*kkk height: 77px*/
  }

  .header__main, .header__top {
    display: none
  }

  .header__bottom {
    padding: 0;
    max-width: 1000px
  }

  .header__logo {
  /*  width: 80px;
    height: 30px*/
    width: 100px;
  }

  .header__logo .logo-min {
    display: block
  }

  .header__logo .logo-max {
    display: none
  }

  .header__actions:last-child {
    margin-right: 30px
  }

  .header__actions {
    flex: 0 1 200px
  }

  .header__search-wrapper {
    top: 75px
  }

  .user__menu {
    padding-top: 15px;
    right: -4%
  }

  .auth__wrapper, .personal__wrapper {
    margin-top: 16px;
    right: -4%
  }

  .menu__icon {
    display: flex;
    flex-direction: column;
    line-height: 20px;
    margin-left: 30px
  }

  .menu__icon div {
    background-color: #303132;
    height: 2px;
    transition: width .2s
  }

  .menu__icon div:nth-child(odd), .menu__icon:hover div {
    width: 48px
  }

  .menu__icon div:nth-child(2n) {
    width: 28px;
    margin-top: 9px
  }

  .header__basket-wrapper {
    top: 102%
  }

  .category__baner-wrapper, .checkout__head-wrapper, .compare__head-wraper, .main__personal-wrapper, .new-collection__wrapper, .questions-wrapper, .text-page-wrapper, .text-page__top-wrapper, .top-nuot-wrapper, .top__favorite-wrapper, .top__search-wrapper {
    padding-top: 98px
  }

  .new-collection__wrapper .custom__container {
    flex-flow: row wrap
  }

  .new-collection__wrapper .custom__container .female__container, .new-collection__wrapper .custom__container .male__container {
    flex: 0 1 50%
  }

  .new-collection__wrapper .custom__container .female__container .new-collection__button, .new-collection__wrapper .custom__container .male__container .new-collection__button {
    bottom: 16%;
    right: 30%
  }

  .new-collection__wrapper .custom__container .child__container {
    flex: 0 1 100%;
    height: 500px;
    overflow: hidden
  }

  .new-collection__wrapper .custom__container .child__container .new-collection__button {
    bottom: 18%;
    right: 40%
  }

  .new-collection__wrapper .custom__container .child__container img {
    z-index: -1;
    -o-object-position: 50% 20%;
    object-position: 50% 20%
  }

  .sale__slide, .values-item {
    height: 500px
  }

  .grid__catalog-container .product__card-container-item {
    height: 88%
  }

  .grid__catalog-container-3 .product__card-img-cont {
    height: 470px
  }

  .grid__catalog-container-2 .product__card-img-cont {
    height: 670px
  }

  .product__card-img-cont {
    height: 350px
  }

  .bread__crumbs-container {
    max-width: 1000px;
    padding: 90px 30px 16px
  }

  .card__wrapper, .recently-watched__wrapper {
    padding-bottom: 50px
  }

  .card__container {
    padding: 0 10px
  }

  .rating__modal-container {
    margin-top: 76px
  }

  .order__steps.other-method .select2-selection__rendered {
    max-width: 275px
  }

  .top__filters-wrapper {
    padding: 0 30px 15px;
    max-width: 1000px
  }

  .filters {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9;
    flex-direction: column;
    padding: 0;
    justify-content: start
  }

  .filters-main__title {
    width: 100%;
    text-align: left;
    padding: 12px 0
  }

  .filters-main__title .icon {
    display: inline
  }

  .filters-params {
    margin: 0 20px;
    flex: none
  }

  .filters-params__container {
    justify-content: start;
    padding-top: 0
  }

  .filters-params .filters-select {
    margin-right: 24px
  }

  .filters-params .collapse-container:not(:last-child) {
    margin-top: -12px
  }

  .collapse-container {
    padding-bottom: 18px
  }

  .filters-main .filters-select {
    padding-top: 0
  }

  .filters-main, .filters-other {
    flex: none;
    padding-left: 20px;
    padding-right: 20px
  }

  .filters-main__size {
    padding-bottom: 0
  }

  .other-regulate__container {
    padding-top: 0;
    padding-left: 2px
  }

  .filters-other__control-wrapper {
    padding-top: 64px;
    padding-bottom: 22px;
    flex-direction: row-reverse
  }

  .filters-other__control-wrapper .close-filters {
    display: none
  }

  .control-apply {
    flex: 0 1 48.5%;
    max-width: 500px;
    padding: 21px 0
  }

  .control-throw {
    border: 1px solid rgba(48, 49, 50, .5);
    color: rgba(48, 49, 50, .5);
    flex: 0 1 48.5%;
    max-width: 500px;
    padding: 18px 0
  }

  .filter-title-container {
    display: flex;
    justify-content: space-between;
    padding: 16px 22px;
    border-bottom: 1px solid rgba(48, 49, 50, .5)
  }

  .compare__head-container {
    padding: 68px 30px 8px;
    max-width: 1000px
  }

  .compare__container {
    padding: 0 30px;
    max-width: 1000px
  }

  .history__title-items {
    padding: 0 26px
  }

  .active-order {
    padding: 0 30px 24px 26px
  }

  .history__title {
    padding: 0 26px 5px
  }

  .empty-title {
    padding: 50px 26px 0
  }

  .hashtags-slider-container {
    width: 94%
  }

  .article-top-info, .first-article-container, .simple-page-main-info__container, .simple-page-table-container, .text-page-container, .top-hashtags-wrapper {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1000px
  }

  .blog-grid {
    padding: 0 30px;
    max-width: 1000px;
    margin: 0 auto
  }

  .second-article-img {
    margin: 0;
    height: 555px
  }

  .about-barand-container {
    flex-direction: column
  }

  .about-barand__left {
    margin-bottom: 120px;
    max-width: none;
    flex-direction: row;
    flex-flow: row wrap
  }

  .about-barand__left__title {
    margin-bottom: 30px;
    width: 100%
  }

  .about-barand__left__text, .partners-right__text {
    line-height: 25px;
    flex: 1
  }

  .about-barand__left__img {
    margin-left: 80px
  }

  .about-barand__right__img {
    width: 100%;
    height: 405px;
    margin-left: 0
  }

  .values-warpper {
    margin-bottom: 120px
  }

  .values-titles {
    margin-bottom: 30px
  }

  .values-title {
    font-size: 50px;
    line-height: 80px;
    top: 42%
  }

  .values-text {
    line-height: 25px;
    padding: 0 30px
  }

  .partners-warpper {
    margin-bottom: 60px
  }

  .partners-container {
    flex-direction: column;
    padding-bottom: 62px
  }

  .partners-left-img {
    width: 100%;
    height: 405px;
    margin-right: 0;
    order: 1
  }

  .partners-right {
    padding-right: 0;
    padding-left: 30px;
    margin-bottom: 120px;
    max-width: none;
    flex-direction: row;
    flex-flow: row wrap
  }

  .partners-right__img {
    margin-right: 0;
    margin-left: 80px
  }

  .partners-right__tilte {
    width: 100%;
    margin-bottom: 50px
  }

  .guarantee-table td {
    font-size: 14px;
    vertical-align: top;
    padding: 25px 5px
  }

  .guarantee-table .simple-page-table__titles td {
    padding: 25px 5px
  }

  .guarantee__bottom-container {
    padding: 50px 30px 0
  }

  .simple-page-wrapper {
    padding-top: 77px;
    margin-bottom: 142px
  }

  .questions-container {
    padding: 0 30px
  }

  .sales-department, .wholesale-department {
    padding-left: 30px
  }

  .mailing-container {
    flex-direction: column;
    border-bottom: none;
    padding-top: 77px
  }

  .mailing-left {
    border: none;
    justify-content: flex-start;
    flex: auto
  }

  .sales-department {
    padding-right: 30px
  }

  .other-departments {
    border-bottom: 2px solid #101010
  }

  .mailing-right {
    width: 100%;
    padding: 108px 30px 150px
  }

  .mailing-right .personal__form {
    width: 100%
  }

  .mailing-right-title {
    width: 100%;
    text-align: left
  }

  .mailing-btn {
    width: 100%;
    margin-left: 0
  }
}

@media screen and (max-width: 1050px) {
  .sale__wrapper {
    padding-bottom: 40px
  }

  .short-description__container {
    flex-direction: column;
    align-items: flex-end;
    padding: 0 30px
  }

  .short-description__title {
    padding-bottom: 30px;
    padding-top: 40px
  }

  .short-description__text {
    padding-bottom: 20px
  }

  .short-description__button {
    position: absolute;
    bottom: -66px
  }

  .categories__container .categories__text_container .categories__text__title {
    font-size: 40px;
    line-height: 46px
  }

  .categories__container .categories__text_container {
    padding: 54px 0 52px 40px
  }

  .categories__container .categories__img_container {
    width: 374px;
    height: 384px
  }

  .blog__wrapper .slider-controls-container, .slider-cards__container .slider-controls-container {
    padding-top: 15px
  }

  .blog__swiper {
    margin: 0 30px
  }

  .blog__column {
    width: 350px
  }

  .blog__column-item:nth-child(odd) {
    height: 420px
  }

  .blog__column-item:nth-child(2n) {
    height: 216px
  }

  .blog__column-description {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    bottom: 40px
  }

  .blog__column .button-link {
    display: none
  }
}

@media screen and (max-width: 1024px) {
  .header__checkout {
    padding: 10px 0
  }

  .header__checkout .header__contacts {
    padding: 0 20px
  }

  .child-size-item, .multi-size-item {
    font-size: 18px
  }

  .bread__crumbs-back, .card__info-compound, .card__info-desctop, .certificates_item-icon, .nuot-modal-right__close, .ordering__shopping-title {
    display: none
  }

  .card__wrapper .wrapper_block {
    width: 100%;
  }

  .card__imgs {
    margin-left: auto;
    margin-right: auto;
    width: 100%
  }

  .gallery {
    display: flex;
    grid-gap: 0
  }

  .card__container {
    flex-direction: column;
    padding: 0;
    overflow: hidden
  }

  .card__description {
    max-width: 1000px;
    padding: 0 30px
  }

  .card__description .sub-prod {
    width: 105px;
    height: 140px
  }

  .card__description .sub-prod:not(:last-child) {
    margin-right: 16px
  }

  .card__description-name {
    align-items: flex-start;
    flex-direction: column
  }

  .card__description-title {
    padding-bottom: 10px
  }

  .card__description-titles {
    display: flex;
    flex-direction: column
  }

  .card__description-titles > .card__description__rating {
    padding-top: 0;
    order: 1
  }

  .card__description-titles .card__description-title {
    order: 0
  }

  .card__description__price {
    padding-bottom: 36px
  }

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

  .card__description__sizes-block {
    order: 0;
    padding-top: 20px
  }

  .buy__container {
    padding: 24px 0
  }

  .card__info-mobile {
    display: block
  }

  .product-slider-item {
    height: clamp(375px, 80vh, 600px)
  }

  .card__description__head-container, .grid__catalog-wrapper .product__sizes-title, .grid__favorite-wrapper .product__sizes-title, .grid__search-wrapper .product__sizes-title {
    padding-top: 0
  }

  /*.card__delivery-text {
    padding-bottom: 7px
  }*/

  .checkout__head-title {
    padding-top: 24px;
    padding-bottom: 51px
  }

  .ordering__wrapper {
    padding: 0 20px 66px
  }

  .certificates_item, .ordering__container {
    flex-direction: column
  }

  .ordering__personal__data {
    flex: 1 1 100%;
    padding-top: 0;
    padding-bottom: 67px;
    margin-right: 0
  }

  .ordering__personal-init .personal__title {
    font-size: 16px;
    line-height: 16px
  }

  .delivery__container .input__container, .order__forms .input__container {
    flex: 0 1 49%
  }

  .delivery__container .textarea__container, .order__forms .textarea__container {
    flex: 0 1 100%
  }

  .add__card-container input, .add__card-container select, .delivery__container input, .delivery__container textarea, .grid__catalog-wrapper .product__buy-container, .grid__favorite-wrapper .product__buy-container, .grid__search-wrapper .product__buy-container, .order__forms input, .order__forms textarea, .ukposhta-container input {
    height: 50px
  }

  .justin-index, .select__order-deliver, .select__order-pay, .select__order-step, .ukr-index {
    height: 50px !important
  }

  .input__container-delivery:last-child {
    padding-bottom: 0
  }

  .ordering__shopping__list {
    flex: 1 1 100%
  }

  .ordering__shopping__list .basket__info {
    padding: 0;
    flex: auto;
    margin-left: 40px;
    max-width: none
  }

  .ordering__shopping__list .basket__item {
    padding-bottom: 30px
  }

  .auth__wrapper-checkout, .blog-page-title {
    padding-top: 47px
  }

  .select2-selection--single {
    padding-top: 10px;
    height: 50px !important
  }

  .select2-selection__arrow {
    height: 47px !important
  }

  .order__steps.other-method .select2-selection__rendered {
    max-width: none;
    width: calc(100% - 20px)
  }

  .top__catalog-title {
    padding-top: 28px
  }

  .grid__catalog-wrapper .product__sizes-item, .grid__favorite-wrapper .product__sizes-item, .grid__search-wrapper .product__sizes-item {
    padding: 0 6px;
    font-size: 20px;
    line-height: 22px
  }

  .grid__catalog-wrapper .grid__catalog-container-2 .product__sizes-item, .grid__favorite-wrapper .grid__catalog-container-2 .product__sizes-item, .grid__search-wrapper .grid__catalog-container-2 .product__sizes-item {
    margin: 0 5px;
    font-size: 26px;
    line-height: 42px
  }

  .grid__catalog-wrapper .grid__catalog-container-2 .product__buy-container, .grid__favorite-wrapper .grid__catalog-container-2 .product__buy-container, .grid__search-wrapper .grid__catalog-container-2 .product__buy-container {
    height: 80px
  }

  .personal__sidebar {
    flex: 0 0 284px;
    max-width: none;
    padding-bottom: 225px
  }

  .personal__sidebar-user {
    padding-left: 50px
  }

  .personal__sidebar-items {
    padding-left: 40px;
    padding-right: 40px
  }

  .personal__sidebar-item, .personal__sidebar-out {
    padding: 0
  }

  .user-data-container {
    padding: 36px 49px 144px 52px
  }

  .personal__main-history {
    padding: 36px 0 144px
  }

  .user-page-container {
    padding: 36px 16px 144px
  }

  .top-nuot-container {
    padding-top: 64px;
    padding-bottom: 60px
  }

  .top-nuot-container__ticker span {
    font-size: 100px;
    line-height: 160px
  }

  .top-nuot-container__text {
    margin-left: 30px
  }

  .top-nuot__img-item {
    width: 290px;
    height: 820px
  }

  .button-nuot-wrapper {
    padding-top: 90px;
    padding-bottom: 100px
  }

  .gallery-nuo-item {
    height: 510px
  }

  .nuot-modal-container {
    flex-direction: column;
    align-items: center
  }

  .nuot-modal-left {
    width: 100%;
    height: 517px;
    flex: none
  }

  .nuot-modal-right {
    width: 100%;
    max-width: none
  }

  .nuot-modal-mobile__close {
    display: block;
    margin-left: auto;
    padding: 23px !important
  }

  .nuot-modal-dialog {
    max-width: 716px
  }

  .nuot-modal-swiper {
    padding-top: 56px;
    width: 100%;
    max-width: 312px
  }

  .nuot-modal-swiper-next, .nuot-modal-swiper-prev {
    top: 33%
  }

  .nuot-modal-swiper-prev {
    left: 22%
  }

  .nuot-modal-swiper-next {
    right: 22%
  }

  .nuot-modal-scrollbar {
    margin-top: 48px;
    width: 96%
  }

  .nuot-modal-right__title {
    padding-top: 15px;
    padding-right: 4%;
    padding-bottom: 50px
  }

  .not-found svg {
    width: 80%
  }

  .not-found-content__text {
    font-size: 40px;
    margin-bottom: 40px
  }

  #langModal .select2-selection--single {
    padding-left: 14px;
    padding-top: 7px;
    border: 1px solid rgba(48, 49, 50, .5) !important;
    border-radius: 0 !important;
    height: 45px !important
  }
}

@media screen and (max-width: 1024px) and (max-width: 650px) {
  .card__description-titles > .card__description__rating {
    position: absolute;
    padding: 0;
    right: 0;
    bottom: -18px
  }
}

@media screen and (max-width: 998px) {
  .footer__container {
    padding: 95px 30px 105px;
    flex-flow: row wrap
  }

  .footer__sub {
    flex: 0 1 100%
  }

  .footer__info {
    flex: 0 1 100%;
    padding-top: 50px
  }

  .footer__info-links {
    flex-direction: unset
  }

  .footer__info .info-links-right {
    margin-right: 90px
  }

  .footer__delivery {
    padding-top: 40px;
    flex-direction: unset;
    flex: 0 1 100%
  }
}

@media screen and (max-width: 960px) {
  .nuot__block {
    flex: 0 1 50%
  }

  .nuot__block:nth-child(3) {
    flex-direction: row;
    flex: 0 1 100%
  }

  ._third-block .nuot__img-container:nth-child(odd) {
    order: 1
  }

  .nuot__grid-wrapper {
    flex-flow: row wrap
  }
}

@media screen and (max-width: 950px) {
  .grid__catalog-container .product__card-container-item {
    height: 86%
  }

  .grid__catalog-container-3 .product__card-img-cont {
    height: 370px
  }

  .grid__catalog-container-2 .product__card-img-cont {
    height: 570px
  }

  .product__card-img-cont {
    height: 305px
  }
}

@media screen and (max-width: 910px) {
  #instructionModal .modal-body, #firstVisitModal .modal-body {
    padding: 0 23px 64px 36px
  }
}

@media screen and (max-width: 895px) and (orientation: landscape) {
  .auth__wrapper .auth__container, .header__basket-wrapper {
    max-height: 330px;
    overflow-y: scroll
  }
}

@media screen and (max-width: 860px) {
  .history__title-items {
    padding: 0 16px 0 26px
  }

  .active-order {
    padding: 0 30px 24px 26px;
    border-bottom: 2px solid #101010
  }

  .active-order__item {
    padding-bottom: 6px
  }

  .history__title {
    padding: 0 16px 5px 26px
  }

  .past-mobile, .past-mobile-active, .past-mobile-archive {
    padding-top: 6px;
    border-top: 1px solid rgba(48, 49, 50, .14)
  }

  .order-info-bottom {
    padding-bottom: 2px
  }

  .past-desctop.active-order__main-title {
    display: none
  }

  .past-mobile {
    display: block
  }

  .past-mobile-archive {
    display: flex;
    margin-top: 6px;
    margin-right: 4px
  }

  .past-mobile-active {
    margin-top: 10px
  }

  .past-mobile-active .past-mobile {
    border: none
  }

  .check-info-container {
    max-width: 130px
  }
}

@media screen and (max-width: 812px) and (orientation: landscape) {
  .personal__wrapper .personal__container {
    max-height: 280px
  }
}

@media screen and (max-width: 790px) {
  .product__card-container {
    width: 350px
  }
}

@media screen and (max-width: 778px) {
  #topBtn {
    right: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .blog-swiper-scrollbar, .blog__wrapper .slider-controls-container .slider__btn-cont, .grid__catalog-wrapper .product__sizes-title, .grid__favorite-wrapper .product__sizes-title, .grid__search-wrapper .product__sizes-title, .sale__swiper .sale-swiper-scrollbar, .sale__swiper .slider__btn-cont, .slider-cards__container .slider-controls-container .slider__btn-cont, .slider-controls-container .custom-swiper-scrollbar {
    display: none
  }

  .header__contacts .header__contacts-item {
    font-size: 18px
  }

  .header__contacts .header__contacts-item span {
    font-size: 18px;
    max-width: 120px
  }

  .header__actions:last-child {
    margin-right: 30px
  }

  .auth__wrapper, .personal__wrapper {
    right: 0
  }

  .menu__icon {
    margin-left: 30px
  }

  .header__basket-wrapper {
    right: 0;
    width: 100%
  }

  .new-collection__wrapper .custom__container .child__container, .sale__slide {
    height: 360px
  }

  .child__container, .female__container, .male__container {
    height: clamp(528px, 95vh, 580px)
  }

  .sale__swiper .sale-swiper-pagination {
    position: relative;
    float: right;
    left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-top: 10px;
    padding-right: 16px;
    color: #101010
  }

  .sale__swiper .sale-swiper-pagination .swiper-pagination-current {
    color: #101010
  }

  .sale__swiper .sale-swiper-pagination .swiper-pagination-total {
    color: rgba(48, 49, 50, .5)
  }

  .sale__swiper .sale-swiper-pagination .swiper-pagination-bullet-active {
    border: 1px solid #101010;
    background: #101010 !important
  }

  .sale__swiper .sale-swiper-pagination .swiper-pagination-bullet {
    background: rgba(48, 49, 50, .5)
  }

  .short-description__right {
    max-width: 465px;
    height: 580px
  }

  .slider-cards__container {
    padding: 0 4px
  }

  .category__title-title, .slider-cards__title {
    font-size: 20px;
    line-height: 27px
  }

  .product__description-price {
    max-width: 100%;
    text-align: left
  }

  .product__description-subprod {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  .grid__catalog-container .product__description-price, .grid__catalog-container-2 .product__description-price, .grid__catalog-container-3 .product__description-price {
    margin-left: 0
  }

  .grid__catalog-container .product__card-container-item {
    height: 82%
  }

  .slider-cards__container .product__card-container {
    width: 376px
  }

  .slider-cards__container .product__card-img-cont {
    height: 460px
  }

  .product__card-img-cont {
    height: 260px
  }

  .product__card-link .favorit {
    opacity: 1
  }

  .product__buy-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height: 72px
  }

  .grid__catalog-wrapper .product__description-item, .grid__favorite-wrapper .product__description-item, .grid__search-wrapper .product__description-item, .product__sizes-title {
    padding-top: 2px
  }

  .product__sizes-item {
    line-height: 30px;
    padding: 0 10px
  }

  .slider-cards__container .slider-controls-container {
    padding-top: 5px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding-right: 6px
  }

  .slider-cards__container .slider-controls-container .swiper-pagination-bullet {
    background: rgba(48, 49, 50, .5);
    margin: 0 4px
  }

  .slider-cards__container .slider-controls-container .swiper-pagination-bullet-active {
    border: 1px solid #303132;
    background: #303132 !important
  }

  .slider-cards__container .slider-controls-container .slider-cards-controls-wrapper {
    justify-content: flex-end
  }

  .blog__wrapper .slider-controls-container {
    margin-right: 30px;
    padding-top: 5px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
  }

  .blog__wrapper .slider-controls-container .blog-controls-wrapper {
    justify-content: flex-end
  }

  .blog__column {
    grid-row-gap: 10px
  }

  .blog__column-title {
    font-size: 18px;
    line-height: 21px;
    min-height: 64px
  }

  .bread__crumbs-container {
    padding: 107px 30px 12px /*kkk padding: 107px 30px 12px */
  }

  .bread__crumbs-container .bread__crumbs-menu {
    max-width: 100vw;
    overflow: hidden;
    flex-flow: row wrap
  }

  #productComposition .modal-dialog {
    max-width: 680px
  }

  .fancybox__slide {
    padding-left: 0;
    padding-right: 0
  }

  .has-image[data-image-fit=contain] .fancybox__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }

  .fancybox__content {
    max-width: none !important;
    width: 100%
  }

  .fancybox__nav .carousel__button.is-next {
    right: -8px
  }

  .fancybox__nav .carousel__button.is-prev {
    left: -8px
  }

  .icon360 {
    top: 16px;
    right: 16px
  }

  .modal-availability-error, .modal-order-error, .spinner-order-container p {
    font-size: 13px;
    line-height: 15px
  }

  .top__filters-wrapper {
    padding: 0 13px 15px
  }

  .grid__catalog-wrapper .product__sizes-item, .grid__favorite-wrapper .product__sizes-item, .grid__search-wrapper .product__sizes-item {
    padding: 0 4px;
    font-size: 16px;
    line-height: 18px
  }

  .grid__catalog-wrapper .sub-prod, .grid__favorite-wrapper .sub-prod, .grid__search-wrapper .sub-prod {
    width: 23px;
    height: 30px;
    margin-bottom: 2px
  }

  .grid__catalog-wrapper .product__description-cont, .grid__favorite-wrapper .product__description-cont, .grid__search-wrapper .product__description-cont {
    flex-direction: column
  }

  .grid__catalog-wrapper .grid__catalog-container-2 .product__buy-container, .grid__favorite-wrapper .grid__catalog-container-2 .product__buy-container, .grid__search-wrapper .grid__catalog-container-2 .product__buy-container {
    height: 60px
  }

  .grid__catalog-wrapper .product__buy-container, .grid__favorite-wrapper .product__buy-container, .grid__search-wrapper .product__buy-container {
    height: 30px
  }

  .grid__catalog-container-2, .grid__catalog-container-3 {
    row-gap: 15px
  }

  .grid__catalog-container {
    row-gap: 1%
  }

  .category__baner-wrapper {
    padding-bottom: 40px
  }

  .subcategory__wrapper {
    padding-top: 0;
    padding-bottom: 40px
  }

  .subcategory__title {
    font-size: 20px;
    line-height: 27px;
    padding-bottom: 26px
  }

  .category__title-date {
    font-size: 19px
  }

  .subcategory__container .subcategory-slide {
    width: 188px;
    height: 275px
  }

  .subcategory__container .subcategory-slide-title {
    font-size: 16px;
    line-height: 18px
  }

  .subcategory__container .subcst-uk-next, .subcategory__container .subcst-uk-prev {
    margin: 0;
    padding: 0 4px
  }

  .slider-cards__wrapper-category {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .nuostyle__wrapper-category {
    padding-top: 40px
  }

  .top__favorite, .top__search {
    padding-top: 20px
  }

  .grid__favorite-wrapper, .grid__search-wrapper {
    padding-bottom: 115px
  }

  .compare__head-container {
    padding: 22px 30px 15px
  }

  .user-data-container {
    padding: 36px 49px 225px 52px
  }

  .personal__main-history {
    padding: 36px 0 225px
  }

  .active-order__title-text {
    max-width: 180px
  }

  .user-page-container {
    padding: 36px 20px 225px 48px
  }

  .connect__remove-text {
    padding-left: 16px;
    padding-right: 8px
  }

  .add-pay-card {
    max-width: none
  }

  .gallery-nuot-container {
    grid-template-columns:repeat(1, 100%)
  }

  .gallery-nuo-item {
    height: 770px
  }

  .text-page__top-banner {
    height: 332px;
    margin-bottom: 20px
  }

  .hashtag {
    font-size: 12px;
    line-height: 12px;
    padding: 9px 42px
  }

  .blog-page-title {
    font-size: 40px;
    line-height: 42px;
    padding-bottom: 33px
  }

  .blog-grid {
    row-gap: 70px
  }

  .article-top__hashtags-container .top-hashtags-wrapper {
    order: 1
  }

  .article-top__hashtags-container {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 27px
  }

  .article-top__back {
    margin-bottom: 19px;
    margin-top: -20px
  }

  .article-info__date {
    margin-bottom: 4px
  }

  .about-barand-wrapper, .article-wrapper, .second-article-container {
    margin-bottom: 120px
  }

  .article-title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px
  }

  .first-article-img {
    height: 297px
  }

  .article-blogs-wrapper {
    margin-bottom: 67px
  }

  .article-content iframe, .text-page-content iframe {
    height: 333px !important
  }

  .article-content img, .text-page-content img {
    height: 297px !important
  }

  .about-barand__left__title {
    margin-bottom: 50px
  }

  .about-barand__left__text, .partners-right__text {
    max-width: 600px
  }

  .values-item {
    height: 390px
  }

  .simple-page-main-info__wrapper {
    padding-top: 48px;
    padding-bottom: 20px
  }

  .delivery-table__img {
    width: 52px;
    height: 35px
  }

  .questions-wrapper, .text-page-wrapper {
    padding-bottom: 167px
  }

  .text-page-title {
    padding-top: 25px;
    padding-bottom: 18px
  }

  .questions-title {
    padding-top: 30px;
    padding-bottom: 20px;
    font-size: 25px;
    line-height: 60px
  }

  .questions-items-subtitle {
    font-size: 20px;
    line-height: 60px;
    margin-bottom: 10px
  }

  .question-item__title__container ._icon-cancel {
    font-size: 15px
  }

  .question-item__title__container {
    margin-bottom: 10px;
    padding: 8px
  }

  .question-item__title {
    font-size: 20px;
    line-height: 25px
  }

  .question-item__text {
    padding: 0 26px 0 12px
  }

  .sales-department, .wholesale-department {
    padding-left: 30px
  }

  .sales-department {
    padding-right: 30px
  }

  .marketing-department {
    padding: 20px 16px 30px 36px
  }

  #orderModal .modal-header {
    padding: 10px
  }

  .order__modal-logo {
    width: 30px;
    height: 30px
  }

  .order__modal-title {
    margin-top: 11px;
    font-size: 20px;
    line-height: 27px
  }

  .order__modal-text {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 30px
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .blog-swiper-pagination .swiper-pagination-bullet-active {
    border: 1px solid #101010;
    background: #101010 !important
  }

  .blog-swiper-pagination .swiper-pagination-bullet {
    background: rgba(48, 49, 50, .5);
    margin: 0 4px
  }
}

@media screen and (max-width: 767px) {
  .header__logo {
    position: relative;
    margin-left: 18px
  }

  .short-description__warapper {
    padding-bottom: 200px
  }

  .short-description__container {
    align-items: center
  }

  .short-description__left {
    margin-bottom: 44px
  }

  .short-description__right .right__second-img {
    bottom: -32%;
    left: auto;
    right: 0
  }

  .short-description__button {
    position: relative;
    bottom: 0
  }

  .active-order__review-desctop, .top__pagination {
    display: none
  }

  .empty-text, .top__favorite-add-text, .top__search-add-text {
    font-size: 18px
  }

  .top__favorite-wrapper .top__filters-wrapper, .top__search-wrapper .top__filters-wrapper {
    justify-content: center
  }

  .top__favorite-add-link {
    font-size: 13px;
    line-height: 18px;
    padding: 11px
  }

  .active-order__main-title, .active-order__main-title span, .active-order__title-text {
    line-height: 16px;
    font-size: 12px
  }

  .active-order__item {
    padding-bottom: 6px;
    padding-top: 23px
  }

  .active-order__title {
    padding-top: 0;
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%
  }

  .active-order__art {
    max-width: 150px
  }

  .active-order__main-title.past-mobile {
    padding-top: 2px
  }

  .active-order__main-title {
    padding-top: 3px
  }

  .active-order__img {
    width: 86px;
    height: 107px
  }

  .active-order__titles {
    padding: 12px 0 0
  }

  .active-order__review-mobile {
    display: block
  }

  .check-info-count, .check-info-payment {
    font-size: 12px;
    line-height: 20px
  }

  .past-mobile-active .past-mobile {
    font-size: 13px
  }

  .ttn-group {
    padding-left: 5px
  }

  .order-collapse .icon {
    margin-right: 15px
  }

  .order-collapse .icon::before {
    font-size: 12px
  }

  .order-collapse__item {
    margin-left: 27px
  }

  .second-article-container {
    flex-direction: column;
    align-items: center
  }

  .second-article-text {
    order: 1;
    padding: 0 16px;
    margin: 0
  }

  .second-article-img {
    margin-bottom: 54px;
    width: 100%;
    height: 780px
  }
}

@media screen and (max-width: 766px) {
  .slider-cards__container .product__card-container {
    width: 300px
  }

  .slider-cards__container .product__card-img-cont {
    height: 360px
  }
}

@media screen and (max-width: 734px) {
  .product__card-container {
    width: 250px
  }
}

@media screen and (max-width: 700px) {
  .categories__wrapper .custom__container {
    display: flex;
    flex-direction: column;
    align-content: space-between
  }

  .categories__container {
    flex-direction: column;
    align-items: center
  }

  .categories__container .categories__text_container {
    order: 1;
    padding: 10px 0 60px;
    flex: 1 1 100%;
    max-width: clamp(300px, 95%, 465px)
  }

  .categories__container .categories__img_container {
    order: 0;
    flex: 1 1 100%;
    width: clamp(320px, 100%, 465px);
    height: 100%
  }

  .categories__container:nth-child(2n) .categories__text_container {
    order: 1
  }

  .categories__container:nth-child(2n) .categories__img_container {
    order: 0
  }

  .categories__container .categories__text_container .categories__text__title {
    font-size: 25px;
    line-height: 28px
  }

  .categories__container .categories__text_container .button-link {
    margin-left: auto;
    margin-right: 0
  }
}

@media screen and (max-width: 650px) {
  .header__actions .header-icon::before, .header__search-container form ._icon-search {
    font-size: 20px
  }

  .blog-grid__item__description, .blog-grid__item__img .button-link, .bread__crumbs-container .bread__crumbs-last, .compare__table .table__buy span, .personal__add-titles .back, .product__description-subprod, .user__menu {
    display: none
  }

  header {
    height: 64px /*kkk height: 43px*/
  }

  .header__body {
    min-height: 43px
  }

  .header__logo {
    width: 100px;
  }

  .header__actions:last-child {
    margin-right: 16px
  }

  .header__actions {
    flex: 0 1 180px
  }

  .active-order__review, .custom-swiper-pagination .swiper-pagination-total, .header__actions .header-favorites, .menu__mobile-item ._icon-arrow-link::before, .not-found-content ._icon-arrow-link:before, .products-total, .question-item__title__container ._icon-cancel {
    font-size: 11px
  }

  .header-checkout .header__actions-item:first-child, .header-checkout .header__actions-item:nth-child(3) {
    margin-right: 18px
  }

  .header-checkout .header__actions-item:nth-child(4) {
    margin-right: 18px;
    width: 20px;
    height: 30px
  }

  ._icon-compare {
    width: 20px;
    height: 30px
  }

  .header__search-wrapper {
    top: 40px;
    min-height: 172px
  }

  .header__search-container {
    padding-top: 35px
  }

  #removeModal .close ._icon-cancel::before, .guarantee__bottom__first-text, .guarantee__bottom__important-text, .guarantee__bottom__important-title, .guarantee__bottom__second-text, .guarantee__bottom__second-title, .header__basket-container > ._icon-cancel, .header__search-container .search__results-container a, .header__search-container form .search-input {
    font-size: 14px
  }

  .auth__wrapper, .personal__wrapper {
    margin-top: 7px
  }

  .menu__icon {
    font-size: 11px;
    line-height: 12px;
    margin-left: 16px
  }

  .menu__icon div:nth-child(odd) {
    width: 28px
  }

  .menu__icon div:nth-child(2n) {
    width: 18px;
    margin-top: 6px
  }

  .article-top-info, .card__description, .compare__container, .first-article-container, .history__title-items, .menu__mobile-container, .questions-container, .simple-page-main-info__container, .simple-page-table-container, .text-page-container {
    padding: 0 16px
  }

  .card__wrapper .card__description {
    padding: 0 10px;
  }

  .menu__mobile-logo {
    width: 30px;
    height: auto
  }

  .menu__mobile-top {
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 43px
  }

  .menu__mobile-unregistered {
    font-size: 12px;
    padding: 12px 16px
  }

  .menu__mobile-unregistered::before {
    font-size: 18px;
    margin-right: 12px
  }

  .menu__mobile-sub-title {
    padding: 15px 0;
    font-size: 15px;
    line-height: 18px
  }

  .menu__footer ul li {
    padding: 2px 0
  }

  .menu__footer ul .menu__footer-item, .menu__mob__bottom-title div, .personal__main-data .question-item__text b, .personal__main-data .question-item__text h1, .personal__main-data .question-item__text p, .personal__main-data .question-item__text span, .personal__main-data .question-item__text strong {
    font-size: 12px;
    line-height: 16px
  }

  .mob__lang-container {
    padding: 8px 0 16px 16px
  }

  #mob-lang button {
    font-size: 10px;
    line-height: 14px
  }

  .menu__mob-sub-wrapper {
    top: 44px
  }

  .filter-title-container .filter-title-close, .menu__mob-sub-wrapper .menu__mob-sub-list {
    padding-top: 0
  }

  .mobile-sub-cont {
    padding: 13px 0 16px 16px
  }

  .blog-grid__item__img, .mobile-sub-cont:nth-child(4) {
    margin-bottom: 0
  }

  .menu__mob-sub-title {
    padding-bottom: 16px;
    padding-top: 16px;
    font-size: 16px;
    line-height: 18px
  }

  .menu__mob-sub-title._icon-arrow-link::before {
    font-size: 10px;
    left: 18px
  }

  .menu__mob-sub-text, .old-price {
    font-size: 16px
  }

  #instructionModal .modal-body p, .filter-title-container, .filter-title-container .filter-title, .menu__mob-sub-link, .other-department__email, .slider-cards__title, .text-page-content, .text-page-content li, .text-page-content p, .text-page-content span, .text-page-content table {
    font-size: 14px;
    line-height: 19px
  }

  .menu__mob-sub-item {
    padding: 8px 0
  }

  .menu__mobile-list .menu__sub-more {
    padding: 4px 0;
    font-size: 14px;
    line-height: 19px
  }

  .new-collection__wrapper {
    padding-top: 64px; /*kkk padding-top: 43px; */
    position: relative
  }

  .new-collection__wrapper .new-collection-slider {
    overflow: hidden
  }

  .slider-cards__title {
    padding-bottom: 15px
  }

  .colors__wrapper .slider-cards__title {
    padding-top: 15px
  }

  .swiper-slide .product__description-price__container {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: 42px
  }

  .product__description-item {
    margin-left: 5px
  }

  .product__description-title {
    font-size: 11px;
    line-height: 15px
  }

  .product__description-price {
    font-size: 12px;
    line-height: 16px;
    margin-left: 0
  }

  .bread__crumbs-item, .bread__crumbs-item span {
    line-height: 18px;
    font-size: 11px
  }

  .product__card-link .product-card-swiper-next, .product__card-link .product-card-swiper-prev {
    opacity: 1
  }

  .bread__crumbs-container {
    padding: 72px 16px 6px; /*kkk padding: 56px 16px 6px; */
    position: relative
  }

  .bread__crumbs-item {
    max-width: 106px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .card__description__price-status span, .card__description__price-title {
    max-width: 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .card__description__rating-link {
    font-size: 11px;
    line-height: 15px;
    padding-bottom: 2px
  }

  .availability-text, .card__delivery-modal, .card__delivery-text, .card__description-name, .card__description-name p, .size-chart-text {
    font-size: 13px;
    line-height: 18px
  }

  .card__description__rating .simple-rating-dis, .card__description__rating .simple-rating__i, .rating-items-main > .simple-rating__i {
    font-size: 18px
  }

  .card__description__rating .simple-rating__items-dis, .rating-items-main .simple-rating__items-dis {
    left: 0
  }

  .compare__card-container {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center
  }

  .compare__card ._icon-checked {
    width: 12px;
    height: 12px
  }

  .compare__card ._icon-checked::before {
    font-size: 5px;
    line-height: 11px
  }

  .card__description .sub-prod {
    width: 84px;
    height: 112px
  }

  .card__description-name {
    flex-direction: row
  }

  .card__description-art {
    font-size: 11px;
    line-height: 15px
  }

  .card__description-title, .not-found svg {
    width: 100%
  }

  .card__description-titles {
    padding-top: 20px;
    position: relative
  }

  .card__description__price {
    padding-bottom: 33px
  }

  .card__description__price-title {
    font-size: 14px;
    line-height: 18px
  }

  .card__description__price-status span {
    font-size: 12px;
    line-height: 15px;
    display: inline-block
  }

  .card__description__sizes {
    flex-direction: column;
    align-items: flex-start
  }

  .card__description__sizes-block {
    order: 1;
    padding-top: 14px
  }

  .card__description-size {
    min-width: 44px;
    height: 30px;
    font-size: 12px;
/*    line-height: 13px*/
  }

  .buy__container {
    padding: 16px 0 24px
  }

  .buy__container-btn, .buy__container-btn-1, .buy__container-btn-2, .buy__container-btn-3 {
    font-size: 13px;
    line-height: 18px;
    padding: 11px 0;
    margin-right: 7px
  }

  .buy__container-compare-favorite::before, .buy__container-favorite::before {
    font-size: 22px
  }

  .buy__container-compare-favorite, .buy__container-favorite, .not-found-content div {
    width: 40px;
    height: 40px
  }

  .info__mobile-presence {
    font-size: 13px;
    line-height: 18px;
    padding: 11px 0
  }

  .info__mobile ul, .info__mobile-list, .info__mobile-list p, .info__mobile-title {
    line-height: 16px;
    font-size: 13px
  }

  .info__mobile-title {
    padding-top: 10px
  }

  .top__filters-container, .top__filters-container::before {
    line-height: 20px;
    font-size: 12px
  }

  .info__mobile ul li, .info__mobile-list li {
    font-size: 13px;
    margin-bottom: 5px
  }

  .card__mobile-delivery ._icon-arrow-link::before, .card__mobile-guarantee ._icon-arrow-link::before, .card__mobile-info ._icon-arrow-link::before, .check-info-price, .custom-swiper-pagination, .custom-swiper-pagination .swiper-pagination-current, .info__mobile ul li span, .info__mobile-list li span, .order-info-bottom__first__adress, .order-info-bottom__first__ttn, .past__item__text {
    font-size: 13px
  }

  .info__mobile-structure {
    font-size: 13px;
    padding-bottom: 20px
  }

  .card__mobile-delivery, .card__mobile-guarantee, .card__mobile-info, .compare__table .table__buy {
    padding: 11px 0
  }

  .rating__modal-container {
    margin-top: 45px
  }

  .product-slider-pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    left: inherit !important;
    padding: 0;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    margin-right: 16px
  }

  .product-slider-pagination .swiper-pagination-bullet {
    background: #fff
  }

  .product-slider-pagination .swiper-pagination-bullet-active {
    border: 1px solid #fff;
    background: rgba(48, 49, 50, .5)
  }

  .product-swiper {
    position: relative
  }

  .availability-text {
    margin-bottom: 8px
  }

  .category__baner-wrapper, .checkout__head-wrapper, .compare__head-wraper, .mailing-container, .main__personal-wrapper, .text-page__top-wrapper, .top-nuot-wrapper, .top__favorite-wrapper, .top__search-wrapper {
    padding-top: 43px
  }

  .top__filters-container {
    border: 1px solid #101010;
    padding: 8px 35px
  }

  .top__filters-wrapper {
    justify-content: center;
    padding: 0 16px 8px
  }

  .top__catalog-title {
    font-size: 14px;
    line-height: 19px;
    padding-top: 16px
  }

  .grid__catalog-container {
    grid-template-columns:repeat(3, 32.7%);
    row-gap: 0;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
  }

  .button__catalog-wrapper {
    padding: 0 16px 50px
  }

  .buttom__pagination-item {
    font-size: 16px;
    line-height: 18px;
    padding: 2px 10px
  }

  .filters-main__title {
    padding: 13px 0
  }

  .filters-main__title .icon {
    margin-right: 15px
  }

  .filters-main__title .icon::before {
    font-size: 12px
  }

  .card__description-name h1, .filters-main__title__text, .sales-department__schedule-dayoff, .sales-department__schedule-dayoff span, .simple-page-table__titles span, .simple-page-table__titles td {
    font-size: 13px;
    line-height: 18px
  }

  .filters-other__control-wrapper {
    padding-top: 23px
  }

  .control-apply, .control-throw {
    font-size: 12px;
    line-height: 16px;
    padding: 12px 0
  }

  .top__favorite-title, .top__search-title {
    font-size: 14px;
    line-height: 19px;
    font-family: OpenSans-SemiBold
  }

  .top__favorite, .top__search {
    padding-top: 30px;
    padding-bottom: 12px
  }

  .grid__favorite-wrapper, .grid__search-wrapper {
    padding-bottom: 52px
  }

  .compare__head-container {
    padding: 15px 16px;
    flex-direction: column;
    align-items: flex-start
  }

  .compare__head-title {
    font-size: 13px;
    line-height: 18px;
    padding-bottom: 16px
  }

  .compare__head-link {
    font-size: 10px;
    line-height: 14px;
    min-width: auto;
    padding: 10px 28px
  }

  .compare__head-link::before {
    margin-right: 10px;
    font-size: 16px
  }

  .compare__table .main-item label, .compare__table .table-item-name, .compare__table-title {
    font-size: 9px;
    line-height: 12px
  }

  .compare__wrapper {
    padding-bottom: 90px
  }

  .compare__table td, .compare__table th {
    font-size: 12px;
    line-height: 16px;
    padding: 8px
  }

  .compare__table-top {
    height: 100%
  }

  .compare__table-title {
    width: auto;
    order: 1;
    white-space: normal;
    padding-bottom: 11px
  }

  .compare__table-img {
    order: 0;
    width: 57px;
    height: 60px;
    margin-top: 0;
    margin-bottom: 11px
  }

  .compare__table .main-item {
    padding-bottom: 7px;
    min-height: 22px
  }

  .compare__table .table-parametr {
    font-size: 12px;
    line-height: 16px;
    padding: 14px;
    min-width: auto
  }

  .compare__table .top-td {
    padding: 6px;
    height: 140px;
    min-width: 110px
  }

  .compare__table .table__buy::before {
    display: inline;
    color: #fff
  }

  .compare__table .table__delete {
    background-color: #f33333;
    color: #fff !important;
    flex: 0 0 38px
  }

  .personal__sidebar {
    flex: 1 1 100%;
    border-right: none;
    padding-bottom: 300px
  }

  .personal__sidebar-user {
    padding: 24px 0 26px 50px;
    font-size: 16px;
    line-height: 22px
  }

  .personal__sidebar-item, .personal__sidebar-out {
    margin-top: 30px;
    font-size: 16px;
    line-height: 22px
  }

  .user-data-container {
    padding: 24px 0 60px
  }

  .personal__information__wrapper {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 45px;
    left: 0;
    background: #f7f7f7;
    overflow-y: auto;
    z-index: 2
  }

  .close-item {
    display: inline-block;
    float: right;
    padding-top: 4px
  }

  .personal__titles {
    border-bottom: 2px solid #101010;
    padding: 0 16px 27px
  }

  .personal__titles-text {
    color: #000;
    font-size: 16px;
    line-height: 22px;
    font-family: OpenSans-Regular
  }

  .personal__main-data .question-item__title__container {
    margin-left: -8px;
    width: calc(100% + 8px)
  }

  .personal__main-history {
    padding: 23px 0 60px
  }

  .personal__form {
    max-width: none;
    width: 100%;
    padding: 16px 16px 0
  }

  .personal__form .data-item {
    margin-bottom: 15px
  }

  ._icon-checked {
    width: 12px;
    height: 12px;
    bottom: 1px;
    right: 20%
  }

  ._icon-checked::before {
    font-size: 5px;
    line-height: 11px;
    left: 19%
  }

  .personal-btn {
    font-size: 16px;
    line-height: 14px;
    padding: 16px 0;
    margin-top: 15px
  }

  .active-order {
    padding: 0 16px 15px
  }

  .active-order__title-text {
    max-width: 250px
  }

  .active-order__art {
    margin-top: auto;
    font-size: 11px;
    line-height: 14px
  }

  .active-order__info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
  }

  .history__title {
    padding: 0 16px 8px
  }

  .history__title-text {
    color: #7897ab;
    font-size: 16px;
    line-height: 22px;
    font-family: OpenSans-Regular
  }

  .empty-title {
    padding: 23px 16px 0;
    font-size: 15px;
    line-height: 20px
  }

  .total-cost {
    font-size: 16px;
    line-height: 20px
  }

  .past__item-container .past__item__cost.cross-out-price {
    font-size: 13px;
    min-width: 80px
  }

  .order-collapse__item {
    margin-left: 0
  }

  .user-page-container {
    padding: 24px 20px 60px
  }

  .connect__item {
    flex-flow: row wrap;
    padding: 0
  }

  .connect__card-container .connect__item {
    padding-left: 16px
  }

  .connect__card-container .connect__titles {
    padding-bottom: 16px
  }

  .connect__remove {
    margin-left: 0;
    padding-left: 58px;
    padding-top: 16px;
    padding-bottom: 20px;
    border-left: 0;
    border-top: 1px solid #f7f7f7;
    width: 100%
  }

  .connect__card-container .connect__remove {
    padding-bottom: 16px;
    padding-left: 50px
  }

  .connect__remove-text {
    padding-left: 0
  }

  .connect__acounts-container {
    flex-flow: row wrap
  }

  .connect__acounts-item {
    margin-bottom: 16px
  }

  .connect__acounts-item:not(:last-child) {
    margin-right: 30px
  }

  .connect__acounts-item .connect__image {
    width: 44px;
    height: 44px
  }

  .add-pay-card, .send-pay-card {
    font-size: 13px;
    line-height: 13px;
    padding: 14px 0
  }

  .personal__add-titles {
    padding-bottom: 20px
  }

  .personal__add-titles .personal__titles-text {
    color: #101010;
    margin-left: 0
  }

  .personal__add-titles .cansel {
    display: block;
    margin-left: auto
  }

  #removeModal .title {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 12px
  }

  #removeModal .modal-body {
    padding: 0 20px 24px
  }

  #removeModal .text {
    font-size: 11px;
    line-height: 14px;
    padding-bottom: 24px
  }

  #removeModal .dismiss-btn, #removeModal .remove-btn {
    max-width: none;
    line-height: 13px;
    padding: 14px 0;
    font-size: 13px
  }

  #removeModal .dismiss-btn {
    margin-right: 0;
    margin-bottom: 12px
  }

  .top-nuot-container {
    padding-top: 34px;
    padding-bottom: 34px
  }

  .top-nuot-container__ticker span {
    font-size: 50px;
    line-height: 50px
  }

  .top-nuot-container__text {
    font-size: 13px;
    line-height: 18px;
    margin-left: 16px;
    max-width: 278px
  }

  .top-nuot__img-items {
    flex-direction: column;
    align-items: flex-end
  }

  .top-nuot__img-item {
    width: 386px;
    height: 300px
  }

  .button-nuot-wrapper {
    padding-top: 60px;
    padding-bottom: 60px
  }

  .gallery-nuo-item {
    height: 730px
  }

  .nuot-modal-mobile__close {
    padding: 16px !important
  }

  .nuot-modal-slide__title {
    font-size: 12px;
    line-height: 14px
  }

  .nuot-modal-swiper-next, .nuot-modal-swiper-prev {
    top: 36%
  }

  .nuot-modal-swiper-prev {
    left: 12%
  }

  .nuot-modal-swiper-next {
    right: 12%
  }

  .nuot-modal-scrollbar {
    margin-top: 40px
  }

  .nuot-modal-right__title {
    padding-top: 6px;
    padding-bottom: 18px
  }

  .text-page__top-banner {
    height: 280px
  }

  div.text-page__top-banner img {
    -o-object-position: center;
    object-position: center;
  }

  .hashtags-slider-container .uk-slidenav-next svg, .hashtags-slider-container .uk-slidenav-previous svg {
    width: 10px;
    height: 20px
  }

  .hashtags-slider-container {
    width: 96%;
    padding: 0 35px
  }

  .top-hashtags-wrapper {
    padding: 0 16px;
    justify-content: center;
    grid-gap: 7px;
    grid-template-columns:repeat(auto-fill, minmax(69px, 91px));
    max-width: 400px
  }

  .hashtag {
    padding: 9px 20px
  }

  .blog-page-title {
    font-size: 14px;
    line-height: 19px;
    padding-top: 41px;
    padding-bottom: 15px
  }

  .blog-grid {
    padding: 0;
    row-gap: 66px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
  }

  .blog-grid__item__mobile-block {
    display: block;
    position: absolute;
    color: #fff;
    bottom: 0;
    padding: 0 16px 10px
  }

  .blog-grid__item__mobile-block__date {
    text-align: right;
    font-size: 13px;
    line-height: 23px
  }

  .blog-grid__item__mobile-block__title {
    color: #fff;
    font-size: 18px;
    font-family: OpenSans-SemiBold;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 26px
  }

  .blog-grid-wrapper {
    padding-bottom: 40px
  }

  .article-top__hashtags-container .top-hashtags-wrapper {
    order: 0;
    max-width: 380px
  }

  .article-top__hashtags-container {
    margin-bottom: 4px
  }

  .article-top__back {
    margin-bottom: 0;
    margin-top: 20px
  }

  .article-top__back__btn {
    font-size: 14px;
    line-height: 14px
  }

  .article-top__back__btn::before, .guarantee-table td {
    font-size: 12px
  }

  .article-wrapper, .values-warpper {
    margin-bottom: 130px
  }

  .article-title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px
  }

  .first-article-img {
    height: 280px;
    margin-bottom: 25px
  }

  .second-article-container {
    margin-bottom: 100px
  }

  .second-article-img {
    height: 700px
  }

  .article-content a, .article-content li, .article-content p, .article-content span, .article-content table, .article-content td, .article-content tr {
    font-size: 14px;
    line-height: 24px
  }

  .article-content img, .text-page-content img {
    height: 280px !important
  }

  .not-found-content__text {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 60px
  }

  .not-found-content, .not-found-content span {
    font-size: 14px;
    line-height: 16px
  }

  .not-found-content:hover div {
    -webkit-transform-origin: right 50%;
    transform-origin: right 50%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #7897ab;
    border: none !important
  }

  .not-found-content:hover div::before {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  .about-barand-wrapper {
    padding-top: 42px;
    margin-bottom: 130px
  }

  .about-barand__left, .partners-right {
    margin-bottom: 60px;
    padding-left: 16px
  }

  .about-barand__left__title, .partners-right__tilte {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 30px
  }

  .about-barand__left__text, .partners-right__text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 40px;
    flex: 0 1 auto;
    padding-right: 16px;
    max-width: none
  }

  .about-barand__left__img, .partners-right__img {
    margin-left: auto
  }

  .values-title {
    font-size: 30px
  }

  .values-text {
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px
  }

  .partners-warpper {
    margin-bottom: 65px
  }

  .partners-container {
    padding-bottom: 65px
  }

  .partners-left-img {
    order: 0
  }

  .partners-right__tilte.desctop {
    height: 0;
    visibility: hidden
  }

  .partners-right__tilte.mobile {
    display: block;
    padding-left: 16px
  }

  .guarantee__bottom-container {
    padding: 50px 16px 0
  }

  .simple-page-wrapper {
    padding-top: 43px;
    margin-bottom: 110px
  }

  .simple-page-main-info__wrapper {
    padding-top: 16px;
    padding-bottom: 24px
  }

  .simple-page-title {
    font-size: 16px;
    line-height: 25px
  }

  .simple-page-text {
    font-size: 12px;
    line-height: 18px
  }

  .delivery-table td {
    padding: 25px 15px;
    font-size: 13px;
    line-height: 18px
  }

  .simple-page-table__titles span:nth-child(2n) {
    font-size: 13px !important;
    line-height: 18px !important
  }

  .questions-wrapper, .text-page-wrapper {
    padding-top: 43px;
    padding-bottom: 78px
  }

  .text-page-title {
    font-size: 15px;
    line-height: 25px
  }

  .questions-title {
    padding-top: 16px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 25px
  }

  .questions-items-subtitle {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 5px
  }

  .question-item__title {
    font-size: 15px;
    line-height: 15px
  }

  .question-item__text {
    padding: 0 18px 0 10px;
    font-size: 12px;
    line-height: 16px
  }

  .marketing-department, .sales-department {
    padding: 30px 16px
  }

  .sales-department__title {
    font-size: 15px;
    line-height: 16px;
    font-family: OpenSans-SemiBold
  }

  .sales-department__telephons {
    margin-bottom: 18px
  }

  .other-department__name, .other-department__tel, .sales-department__tel {
    font-size: 15px;
    line-height: 20px
  }

  .other-departments {
    flex: auto;
    flex-direction: column
  }

  .wholesale-department {
    padding: 30px 16px;
    border-right: none;
    border-bottom: 2px solid #101010
  }

  .other-department__title {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
    min-height: 0
  }

  .mailing-right {
    padding: 24px 16px 60px
  }

  .mailing-right .personal__form {
    padding: 0
  }

  .mailing-right-title {
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 34px
  }

  .mailing-btn {
    font-size: 16px;
    line-height: 14px;
    padding: 18px 0;
    margin-top: 37px
  }

  .footer__container {
    padding: 95px 16px 105px
  }

  #instructionModal .modal-header, #recoveryModal .modal-header, #firstVisitModal .modal-header {
    padding: 14px 14px 0
  }

  #recoveryModal .modal-text {
    font-size: 14px;
    line-height: 20px
  }

  #recoveryModal .modal-body {
    padding: 0 14px 36px
  }

  #instructionModal .modal-title, #firstVisitModal .modal-title {
    padding-top: 14px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 20px
  }

  #instructionModal .modal-body, #firstVisitModal .modal-body {
    padding: 0 14px 57px
  }

  .custom-checkbox + label::before {
    height: 15px;
    width: 15px;
    margin-right: 3px
  }
}

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

  .slider-cards__wrapper {
    padding-top: 14px;
    padding-bottom: 34px
  }

  .slider-cards__container .slider-controls-container {
    padding-right: 8px;
    padding-top: 0
  }

  .nuostyle__wrapper {
    padding-top: 44px;
    padding-bottom: 34px
  }

  .nuot__title {
    font-size: 10px;
    line-height: 20px
  }

  .nuot__block {
    flex: 1 1 100%;
    align-items: center
  }

  .nuot__block:nth-child(3) {
    flex: 1 1 100%;
    flex-direction: column
  }

  .nuot__block:first-child {
    order: 1
  }

  .nuot__block:nth-child(2) {
    order: 0
  }

  .nuot__img-container, .nuot__style-img {
    height: 400px
  }

  .nuot__style-block {
    padding: 0 15px;
    height: clamp(240px, 42%, 320px)
  }

  .nuot__style-block .nuot__title-head {
    font-size: 30px;
    line-height: 32px
  }

  .nuot__style-block .nuot__text {
    font-size: 14px;
    line-height: 18px;
    padding-right: 0;
    margin-bottom: 10px
  }

  .nuot__style-block .button-link {
    margin-left: auto
  }

  .nuot__style-img img {
    -o-object-position: top;
    object-position: top
  }

  .blog__wrapper {
    padding-bottom: 50px;
    padding-top: 34px
  }

  .blog__column-description {
    left: 16px
  }

  .blog__title {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 15px
  }
}

@media screen and (max-width: 614px) {
  .slider-cards__container .product__card-container {
    width: 260px
  }

  .slider-cards__container .product__card-img-cont {
    height: 300px
  }

  .product-card-swiper-next.complect, .product-card-swiper-prev.complect {
    opacity: 0
  }
}

@media screen and (max-width: 598px) {
  .card__description__rating .simple-rating {
    margin-left: 0;
    margin-bottom: 22px
  }

  .card__description__rating .simple-rating__items {
    width: 97%
  }

  .review__continer .simple-rating__items {
    left: 6px
  }

  .review-rating-cont {
    flex-direction: column
  }

  .review-btn {
    flex: 1 1 100%;
    width: 100%;
    margin-left: 0
  }
}

@media screen and (max-width: 575px) {
  .rating__modal-container {
    margin: 0 auto;
    max-height: calc(100% - 1rem)
  }
}

@media screen and (max-width: 570px) {
  .gallery-nuo-item {
    height: 574px
  }
}

@media screen and (max-width: 568px) {
  .short-description__right {
    width: clamp(302px, 100vw, 560px);
    height: 366px
  }

  .short-description__right .right__second-img {
    width: 160px;
    height: 210px
  }

  .category__baner-wrapper, .subcategory__wrapper {
    padding-bottom: 20px
  }

  .slider-cards__wrapper-category {
    padding-top: 20px;
    padding-bottom: 20px
  }

  .nuostyle__wrapper-category {
    padding-top: 20px
  }
}

@media screen and (max-width: 560px) {
  .ordering__shopping__list .basket__info {
    margin-left: 15px
  }
}

@media screen and (max-width: 550px) {
  .blog-grid {
    grid-template-columns:repeat(1, fit-content(420px));
    justify-content: center
  }

  .blog-grid__item__img {
    height: 420px
  }

  .second-article-img {
    height: 600px
  }
}

@media screen and (max-width: 540px) {
  .basket__count-container, .header__checkout .header__contacts {
    padding: 0 16px
  }

  .header__contacts .header__contacts-item {
    font-size: 15px;
    line-height: 20px
  }

  .header__contacts .header__contacts-item span {
    font-size: 15px;
    line-height: 20px;
    max-width: 85px
  }

  .auth__wrapper .auth__container, .personal__wrapper .personal__container {
    padding: 26px 16px 32px
  }

  #recoveryModal label, .add__card-container label, .auth__container label, .delivery__container label, .order__forms label {
    font-size: 12px;
    line-height: 14px
  }

  .basket__title {
    padding: 10px 0 22px;
    font-size: 16px;
    line-height: 22px
  }

  .basket__items {
    padding: 0 16px;
    max-height: 230px
  }

  .basket__item {
    padding-top: 36px
  }

  .basket__img {
    width: 86px;
    height: 107px;
    flex: 0 0 auto
  }

  .basket__info {
    padding-right: 0;
    padding-left: 15px;
    flex: 1 1 auto
  }

  .basket__info-title {
    padding-top: 0;
    position: absolute;
    top: 14px;
    left: 0;
    width: 100%
  }

  .basket__info-title-text {
    font-size: 12px;
    line-height: 16px;
    max-width: 260px
  }

  .basket__info-title ._icon-cancel::before {
    font-size: 11px
  }

  .basket__info-art {
    font-size: 11px;
    line-height: 14px;
    padding-bottom: 19px
  }

  .basket__info__details, .product__description-cont {
    flex-direction: column
  }

  .basket__info__details-sub {
    width: 100%
  }

  .basket__info__details-size {
    font-size: 16px;
    line-height: 22px
  }

  .basket__info__details-amount {
    font-size: 16px;
    line-height: 15px
  }

  .basket__info__price {
    padding-bottom: 0;
    padding-top: 16px
  }

  .basket__count-title, .basket__info__price-title {
    font-size: 12px;
    padding-bottom: 0
  }

  .basket__count-price, .basket__info__price-cost {
    font-size: 15px
  }

  .basket__submit-cont {
    padding: 42px 16px;
    flex-direction: column;
    align-items: center
  }

  .basket__submit-checkout {
    width: 100%;
    font-size: 12px;
    line-height: 12px
  }

  .basket__submit-continue {
    margin-bottom: 10px;
    width: 100%;
    font-size: 12px;
    line-height: 12px
  }

  .child-size-item, .multi-size-item {
    font-size: 14px;
    line-height: 26px
  }

  .slider-cards__container {
    padding: 0
  }

  .product__description-item {
    padding-top: 2px
  }

  .slider-cards__container .product__card-container {
    width: 200px
  }

  .slider-cards__container .product__card-img-cont {
    height: 260px
  }

  .product__card-container {
    width: 158px
  }

  .product__card-link .favorit {
    top: 10px;
    right: 15px;
    font-size: 14px
  }

  .product__card-link .product-card-swiper-next, .product__card-link .product-card-swiper-prev {
    top: 45%
  }

  .product__buy-container {
    height: 30px
  }

  .justin-index, .select2-selection__arrow, .select__order-deliver, .select__order-pay, .select__order-step, .ukr-index {
    height: 40px !important
  }

  .product__buy-container ._icon-bag {
    font-size: 15px
  }

  .product__sizes-title {
    display: none
  }

  .product__sizes-item {
    font-size: 13px;
    line-height: 26px;
    margin: 0 2px;
    padding: 2px
  }

  #productComposition .modal-body, #productComposition .modal-body li, #productComposition .modal-body p {
    font-size: 13px;
    line-height: 18px
  }

  #productComposition .modal-title {
    font-size: 14px;
    line-height: 15px;
    max-width: 85%;
    margin-left: 0;
    padding-bottom: 0
  }

  #productComposition .compound__modal-item {
    border-top: 1px solid #101010;
    padding: 8px 0
  }

  #productComposition .compound__modal-item div {
    font-size: 12px;
    line-height: 18px
  }

  #productComposition .compound__modal-item div:first-child {
    padding: 0 5px 0 5px;
    flex: 0 0 40%
  }

  #productComposition .compound__modal-item div:last-child {
    padding-left: 10px;
    font-size: 12px
  }

  #productComposition .compound__modal-item:last-child {
    border-bottom: 1px solid #101010
  }

  .checkout__head-title {
    padding-bottom: 14px;
    font-size: 16px;
    line-height: 22px
  }

  .ordering__wrapper {
    padding: 0 16px 32px
  }

  .ordering__personal__data {
    padding-bottom: 56px
  }

  .ordering__personal-init .personal__title {
    font-size: 11px;
    line-height: 16px
  }

  .delivery__container, .order__forms {
    padding-top: 24px
  }

  .delivery__container .input__container, .order__forms .input__container {
    flex: 1 1 100%;
    padding-bottom: 6px
  }

  .add__card-container input, .add__card-container select, .delivery__container input, .delivery__container textarea, .order__forms input, .order__forms textarea, .ukposhta-container input {
    height: 40px
  }

  .personal__form-title {
    font-size: 11px;
    line-height: 15px;
    padding-bottom: 7px
  }

  .delivery__methods .order__steps-label span, .order__submit {
    font-size: 12px;
    line-height: 12px
  }

  .select__order-pay {
    margin-bottom: 0 !important
  }

  .input__container-delivery label {
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 7px
  }

  .ordering__shopping__list .basket__inform, .ordering__shopping__list .basket__inform-cert {
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    bottom: 8px;
    left: 0;
    margin-top: 0
  }

  .discount-error {
    margin: 6px 0
  }

  .shopping__inform-count {
    padding-top: 20px
  }

  .shopping__inform-discounts {
    margin-top: 11px;
    flex-direction: column
  }

  .shopping__inform-discounts input {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
    flex: none
  }

  .shopping__inform-items {
    margin-top: 0
  }

  .shopping__inform-items:last-child {
    margin-top: 20px
  }

  .shopping__inform-items .item-title {
    font-size: 14px;
    line-height: 16px
  }

  .shopping__inform-items .item-sum {
    font-size: 16px;
    line-height: 16px
  }

  .auth__wrapper-checkout {
    padding: 33px 8px 0
  }

  .auth__wrapper-checkout .auth__title, .order__modal-title {
    font-size: 16px;
    line-height: 22px
  }

  .select2-results__option, .select2-selection__placeholder, .select2-selection__rendered {
    font-size: 13px;
    line-height: 13px
  }

  .auth__wrapper-checkout .number__container-title {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 5px
  }

  .auth__wrapper-checkout .code__container-text, .auth__wrapper-checkout .code__container-title, .auth__wrapper-checkout .code__container-title-error {
    font-size: 14px;
    line-height: 19px
  }

  .auth__wrapper-checkout .send-code-btn, .auth__wrapper-checkout .send-tel {
    font-size: 14px;
    line-height: 14px
  }

  .select2-results__option {
    padding-left: 20px
  }

  .select2-selection--single {
    padding-left: 15px;
    padding-top: 4px;
    height: 40px !important
  }

  .subcategory__title {
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 20px
  }

  .subcategory__container .subcategory-slide {
    width: 158px;
    height: 230px
  }

  .subcategory__container .subcategory-slide-title {
    font-size: 14px;
    line-height: 16px
  }

  .subcategory__container .uk-slider-items > li {
    padding-right: 2px
  }

  .subcategory__container svg {
    width: 12px;
    height: 18px
  }

  .subcategory__container svg polyline {
    stroke: #101010;
    stroke-width: 3.4
  }

  #orderModal .modal-body {
    padding: 0 16px 40px
  }

  #orderModal .order__modal-number-items {
    padding-bottom: 35px
  }

  .order__modal-logo {
    width: 20px;
    height: 20px
  }

  .order__modal-text {
    margin-bottom: 24px
  }

  #langModal .select2-selection--single .select2-selection--single {
    padding-left: 14px;
    padding-top: 7px;
    border: 1px solid rgba(48, 49, 50, .5) !important;
    border-radius: 0 !important;
    height: 45px !important
  }
}

@media screen and (max-width: 528px) {
  .footer__container {
    padding: 52px 16px 30px
  }

  .footer__sub-title {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 10px
  }

  .footer__delivery-item, .footer__delivery-title, .footer__info .info-links-item, .footer__info-title {
    font-size: 12px;
    line-height: 16px
  }

  .footer__sub-action hr {
    margin-bottom: 22px
  }

  .footer__sub-form input {
    font-size: 12px;
    line-height: 20px
  }

  .footer__info {
    padding-top: 24px
  }

  .footer__info-title {
    padding-bottom: 15px
  }

  .footer__info .info-links-right {
    margin-right: 0
  }

  .footer__delivery {
    flex-direction: column;
    padding-top: 24px
  }

  .footer__delivery-title {
    padding-bottom: 10px
  }

  .footer__delivery-method {
    padding-top: 30px;
    justify-content: center
  }

  .footer__delivery-pay {
    width: 55px;
    height: 38px
  }
}

@media screen and (max-width: 520px) {
  .new-collection__wrapper .custom__container .child__container .new-collection__button, .new-collection__wrapper .custom__container .female__container .new-collection__button, .new-collection__wrapper .custom__container .male__container .new-collection__button {
    bottom: 24%;
    right: 34%
  }

  .new-collection__wrapper .new-collection-pagination {
    display: block;
    position: absolute;
    bottom: 10px;
    z-index: 1;
    display: flex;
    justify-content: flex-end
  }

  .new-collection__wrapper .custom__container {
    flex-flow: unset
  }

  .new-collection__wrapper .custom__container .female__container, .new-collection__wrapper .custom__container .male__container {
    flex: none;
    max-width: 520px
  }

  .new-collection__wrapper .custom__container .child__container {
    flex: none;
    height: 100%;
    max-width: 520px;
    height: clamp(528px, 95vh, 828px)
  }

  .new-collection__wrapper .custom__container .child__container img {
    -o-object-position: unset;
    object-position: unset
  }

  .child__container, .female__container, .male__container {
    height: clamp(528px, 95vh, 828px)
  }

  .child__container .child__title-wrapper .title-collection, .child__container .female__title-wrapper .title-collection, .child__container .male__title-wrapper .title-collection, .female__container .child__title-wrapper .title-collection, .female__container .female__title-wrapper .title-collection, .female__container .male__title-wrapper .title-collection, .male__container .child__title-wrapper .title-collection, .male__container .female__title-wrapper .title-collection, .male__container .male__title-wrapper .title-collection {
    font-size: 18px;
    line-height: 25px;
    padding: 10px
  }

  .child__container .child__title-wrapper .new-collection, .child__container .female__title-wrapper .new-collection, .child__container .male__title-wrapper .new-collection, .female__container .child__title-wrapper .new-collection, .female__container .female__title-wrapper .new-collection, .female__container .male__title-wrapper .new-collection, .male__container .child__title-wrapper .new-collection, .male__container .female__title-wrapper .new-collection, .male__container .male__title-wrapper .new-collection {
    font-size: 16px;
    line-height: 20px
  }

  .sale__slide {
    height: 300px
  }

  .nuot-modal-left {
    height: 280px
  }

  .nuot-modal-slide {
    width: 93px !important
  }

  .nuot-modal-slide__img {
    height: 112px
  }

  .nuot-modal-slide__title {
    margin-top: 6px
  }

  .nuot-modal-swiper {
    max-width: 209px
  }

  .nuot-modal-swiper-next, .nuot-modal-swiper-prev {
    top: 34%
  }

  .nuot-modal-scrollbar {
    width: 89%
  }

  .nuot-modal-right__title {
    padding-right: 11%
  }
}

@media screen and (max-width: 500px) {
  .grid__catalog-container .product__card-container-item {
    height: 82%
  }

  .grid__catalog-container {
    grid-template-columns:repeat(2, 49.5%)
  }

  .about-barand__right__img, .partners-left-img {
    height: 235px
  }

  .values-titles {
    flex-direction: column
  }

  .values-title {
    font-size: 25px;
    line-height: 25px;
    top: 25%
  }
}

@media screen and (max-width: 490px) {
  .blog__wrapper .slider-controls-container {
    margin-right: 8px
  }

  .blog__swiper {
    margin: 0
  }
}

@media screen and (max-width: 475px) {
  .top-nuot__img-item {
    width: 260px;
    height: 230px
  }
}

@media screen and (max-width: 462px) {
  .sale__swiper .sale-swiper-pagination {
    color: #fff;
    position: absolute;
    bottom: 5%;
    display: inline-flex;
    justify-content: flex-end;
    width: 100%
  }

  .sale__swiper .sale-swiper-pagination .swiper-pagination-current {
    color: #fff;
    flex-shrink: 0;
    margin-right: 4px
  }

  .sale__swiper .sale-swiper-pagination .swiper-pagination-total {
    color: rgba(255, 255, 255, .6);
    flex-shrink: 0;
    margin-left: 5px
  }

  .sale__swiper .sale-swiper-pagination .swiper-pagination-bullet-active {
    border: 1px solid #fff;
    background: rgba(48, 49, 50, .5) !important
  }

  .sale__swiper .sale-swiper-pagination .swiper-pagination-bullet {
    background: #fff
  }

  .short-description__warapper {
    padding-bottom: 108px
  }

  .short-description__container {
    padding: 15px
  }

  .short-description__right {
    height: 350px
  }

  .short-description__right .right__second-img {
    width: 139px;
    height: 180px
  }

  .short-description__title {
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: 19px;
    padding-bottom: 10px;
    margin: 0
  }

  .short-description__text {
    font-size: 14px;
    line-height: 22px
  }

  .category__title-title {
    font-size: 18px;
    line-height: 25px
  }

  .category__title-date {
    font-size: 16px
  }

  .button-link, .button-link span {
    font-size: 14px;
    line-height: 16px
  }

  .button-link ._icon-arrow-link:before {
    font-size: 11px
  }

  .button-link div {
    width: 40px;
    height: 40px
  }

  .button-link:hover div {
    -webkit-transform-origin: right 50%;
    transform-origin: right 50%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #7897ab;
    border: none !important
  }

  .button-link:hover div::before {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@media screen and (max-width: 425px) {
  .auth__wrapper, .personal__wrapper {
    width: 100%
  }

  .filters-select {
    max-width: 100%
  }

  .filters-params {
    margin: 0 16px
  }

  .filters-params .filters-select {
    flex: 1 1 100%;
    margin-right: 0
  }

  .filters-main, .filters-other {
    padding-left: 16px;
    padding-right: 16px
  }

  .filter-title-container {
    padding: 16px
  }

  .check-info-count {
    order: 3;
    margin-left: auto;
    display: inline-block
  }

  .check-info-container {
    max-width: 80px
  }

  .second-article-img {
    height: 450px
  }

  .article-content iframe, .text-page-content iframe {
    height: 230px !important
  }

  .values-title {
    font-size: 20px
  }

  .values-item {
    flex: 0 1 304px;
    height: 304px
  }
}

@media screen and (max-width: 420px) {
  .card__description__rating .simple-rating, .card__description__rating .simple-rating__label {
    font-size: 34px
  }

  .card__description__rating .simple-rating__items {
    left: 4px
  }

  .card__description__rating .modal-body .simple-rating__i {
    font-size: 20px
  }

  .custom__modal-content {
    padding-left: 12px
  }

  .custom__modal-content .card__description__rating {
    display: none
  }

  .rating__modal-header {
    padding: 15px 15px 0 0
  }

  .modal-title {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 34px
  }

  .custom__modal-footer {
    margin-right: 12px;
    padding-bottom: 12px
  }

  .custom__modal-body {
    padding: 0 32px 0 0
  }

  .reviews__container {
    align-items: flex-end;
    padding-bottom: 40px
  }

  .reviewer__inform, .reviews__title-container {
    flex-direction: column;
    width: 62%
  }

  .reviews__title-container .simple-rating-dis {
    margin: 0;
    font-size: 20px
  }

  .reviews__title-container .simple-rating__items-dis {
    width: 39%;
    left: 0;
    top: 0;
    overflow: visible
  }

  .reviews__title {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 8px
  }

  .reviewer__img-container {
    width: 95px;
    height: 100px;
    position: absolute;
    top: 0
  }

  .reviewer__container {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end
  }

  .reviewer__date, .reviewer__name {
    font-size: 11px;
    line-height: 16px;
    padding-top: 0
  }

  .reviewer__name {
    padding-bottom: 10px;
    order: 1
  }

  .reviewer__date {
    padding-bottom: 16px;
    order: 0
  }

  .reviewer__text {
    font-size: 12px;
    line-height: 15px;
    padding-top: 4px;
    width: 100%
  }

  .reviewer-more {
    font-size: 13px;
    line-height: 16px
  }

  .add-review {
    padding: 8px
  }

  .add-review-listener {
    padding-right: 0
  }

  .add-review-text {
    font-size: 14px;
    line-height: 19px
  }

  .add-review ._icon-cancel::before {
    font-size: 11px;
    padding: 5px
  }

  .review__continer {
    padding-bottom: 12px
  }

  .review__inputs-top {
    flex-direction: column;
    width: 100%
  }

  .review__input-cont {
    width: 100%
  }

  .review__input-cont label, .review__label {
    font-size: 11px;
    padding: 7px 0 3px
  }

  .review__textarea-cont {
    padding-bottom: 16px;
    width: 100%
  }

  .review-rating-cont {
    padding-bottom: 36px;
    width: 100%
  }

  #productComposition .modal-dialog {
    margin: 0 auto
  }

  .top__filters-container {
    width: 100%;
    padding: 8px 0;
    justify-content: center
  }
}

@media screen and (max-width: 410px) {
  .slider-cards__container .product__card-container {
    width: 158px
  }

  .slider-cards__container .product__card-img-cont {
    height: 193px
  }
}

@media screen and (max-width: 375px) {
  .product__card-img-cont {
    height: 225px
  }

  .product-slider-item {
    height: 375px
  }

  .complect-info-container {
    margin-left: 7px
  }

  .ordering__personal-init .personal-loged {
    margin-left: 12px
  }

  .grid__catalog-container {
    row-gap: 5px
  }

  .gallery-nuo-item {
    height: 400px
  }

  .nuot-modal-swiper-prev {
    left: 6%
  }

  .nuot-modal-swiper-next {
    right: 6%
  }

  .second-article-img {
    height: 394px
  }

  .footer__info-links {
    flex-direction: column
  }
}

@media screen and (max-width: 350px) {
  .product__card-container {
    width: 148px
  }
}

@media screen and (min-width: 768px) and (max-width: 1110px) {
  .header__navigation-wrapper {
    justify-content: space-between
  }

  .header__navigation-wrapper .lang-modal-btn {
    display: flex;
    margin-left: 40px
  }
}

.poster:after, .poster:before {
  content: '';
  position: absolute;
  display: block
}

@media screen and (min-height: 300px) and (max-height: 768px) {
  .menu__mob-sub-wrapper {
    height: 100vh
  }
}

@media screen and (min-height: 300px) and (max-height: 767px) and (orientation: landscape) {
  .mobile-sub-cont {
    height: 55vh
  }
}

@media screen and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
  .mobile-sub-cont {
    height: 80vh
  }
}

.poster, .poster:before {
  width: 100%;
  height: 100%
}

.certificates_item {
  display: flex;
  background: #fff;
  padding: 2%;
  margin: 2% 0
}

.certificates_item-icon {
  margin-right: 25px
}

.certificates_item-title {
  margin-bottom: 16px;
  font-weight: 700
}

.certificates_item-expire {
  margin-left: auto;
  display: flex;
  align-items: center
}

#certificates .add-pay-card {
  max-width: 420px
}

#certificates .dismiss-btn {
  padding: 11px 0;
  border: 1px solid #7897ab;
  color: #7897ab;
  width: 100%;
  max-width: 380px;
  font-size: 16px;
  line-height: 14px;
  margin-right: 10px;
  transition: color 150ms linear, border-color 150ms linear;
  background: 0 0;
  border-radius: 0
}

.certificates-add {
  max-width: 380px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.certificates-not_found {
  max-width: 420px;
  text-align: center;
  margin-bottom: 36px
}

.certificates-not_found p {
  font-size: 18px;
  color: rgba(16, 16, 16, .5)
}

.card__description__price-gift {
  padding-bottom: 30px
}

.card__description__price-gift .text-danger {
  margin-top: 30px
}

.modal-dialog--chart-size {
  width: 100%;
  max-width: 768px;
}

.modal-dialog--first {
  width: 100%;
  max-width: 480px;
}

#userCertificates .modal-dialog {
  max-width: 450px
}

#userCertificates .lang-confirm {
  background-color: #7897ab;
  color: #fff;
  text-transform: uppercase;
  padding: 13px 0;
  width: 48%
}

#userCertificates .lang-cancel {
  color: #7897ab;
  text-transform: uppercase;
  padding: 13px 0;
  width: 48%;
  border: 1px solid #7897ab
}

#userCertificates .select2-selection__arrow {
  width: 14px
}

#userCertificates .select2-selection__rendered {
  padding-right: 14px
}

#userCertificates .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background: 0 0
}

.spinner-new img {
  animation: 2s linear infinite spinner-new;
  -webkit-animation: 2s linear infinite spinner-new
}

@-webkit-keyframes spinner-new {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}

@media screen and (max-width: 425px) {
  #certificate, #certificates .connect__cards, #certificates [data-step="2"], .certificates, .certificates-add {
    max-width: 380px;
    display: flex;
    justify-content: center;
    margin: 0 auto
  }

  #certificate, #certificates [data-step="2"], .certificates {
    flex-direction: column
  }

  #addCertificate {
    margin: 0 auto
  }
}

._icon-compare {
  align-items: center !important;
  position: relative;
}

.poster {
  position: relative;
  background-size: cover;
  background-position: center
}

.poster:before {
  background: rgba(0, 0, 0, .75)
}

.poster:after {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3275_30459)'%3E%3Cpath d='M39.8113 32L28.4442 24.4213V39.5787L39.8113 32ZM45.1127 32.7396L26.27 45.3013C26.1361 45.3904 25.9806 45.4415 25.82 45.4492C25.6594 45.4569 25.4998 45.4209 25.358 45.345C25.2163 45.2691 25.0977 45.1562 25.0151 45.0182C24.9324 44.8803 24.8888 44.7226 24.8887 44.5618V19.4382C24.8888 19.2774 24.9324 19.1197 25.0151 18.9818C25.0977 18.8439 25.2163 18.7309 25.358 18.6551C25.4998 18.5792 25.6594 18.5431 25.82 18.5508C25.9806 18.5585 26.1361 18.6096 26.27 18.6987L45.1127 31.2605C45.2344 31.3416 45.3342 31.4516 45.4033 31.5806C45.4723 31.7096 45.5084 31.8537 45.5084 32C45.5084 32.1463 45.4723 32.2904 45.4033 32.4194C45.3342 32.5484 45.2344 32.6584 45.1127 32.7396Z' fill='white'/%3E%3C/g%3E%3Ccircle cx='32' cy='32' r='30' stroke='white' stroke-width='4'/%3E%3Cdefs%3E%3CclipPath id='clip0_3275_30459'%3E%3Crect width='42.6667' height='42.6667' fill='white' transform='translate(10.6665 10.667)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 64px;
  height: 64px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.language-select-active, .currency-select-active {
    color: #000;
}

#form-currency {
  margin-left: 20px;
}

#form-currency .currency-select, #form-currency span.lang-btn__cntr {
  padding: 0;
  margin-right: 3px;
}

#compare-total {
    position: absolute;
    bottom: 0;
    right: -10px;
}

.input-error {
  outline: 0;
  border: 1px solid red!important;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

#resetForm .mailing-btn {
    margin-right: auto;
}

.d_flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Cookies */
#section-cookies_law {
  position: fixed;
  top: auto;
  z-index: 999;
  padding: 15px;
  box-shadow: 0 0 9px rgba(0, 0, 0, .14);
  transition: -webkit-transform .35s ease;
  transition: transform .35s ease;
  transition: transform .35s ease,
  -webkit-transform .35s ease;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  right: 0;
  left: 0;
}

#section-cookies_law.pp_onshow {
  -webkit-transform: none;
  transform: none;
}

#section-cookies_law.pp_onhide {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

a.pp_cookies_more_btn {
    border-bottom: 2px solid #f6f6f8;
    color: #222;
    font-weight: 500;
    font-size: 12px;
    margin-right: 10px;
    transition: all .25s ease;
}

a.pp_cookies_more_btn:focus, a.pp_cookies_more_btn:hover {
  opacity: .7;
}

a.pp_cookies_accept_btn:focus, a.pp_cookies_accept_btn:hover {
  background-color: #000;
  color: #fff;
}

@media (max-width: 767px) {
  .popup_cookies_text {
    margin-bottom: 15px;
  }
  .nt_action .icon_search {
   display:none!important;
 }
 .nt_action.in_flex.al_center.cart_des_1 {
  margin-left: -15px;
}
#product button.compare-add {
  margin-right: 10px;
}
}

@media (max-width: 450px) {
  a.pp_cookies_more_btn {
    margin-left: 10px;
    margin-bottom: 10px;
  }
}

.bgw {
  background: #fff;
}

a.pp_cookies_accept_btn {
  font-weight: 500;
  padding: 10px 14px;
  font-size: 12px;
  background-color: #7897ab;
  color: #fff;
  transition: all .25s ease;
}

.popup_cookies_text {
  font-size: 14px;
  line-height: 1.75;
  color: #878787;
  font-weight: 400;
  text-align: justify;
}

.al_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fl_center {
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.tc {
    text-align: center;
}

.tu {
    text-transform: uppercase;
}
/* Cookies */
.colors__wrapper .product__description-title {
  font-size: 10px;
}

.desc_pc p, .desc_pc li {
  font-size: 14px;
  line-height: 20px
}

.desc_pc {
  border-top: .5px solid rgba(48, 49, 50, .5);
  padding-top: 18px;
}

.desc_pc ul {
  list-style: inside;
}

.pr__payment-method {
  display: flex;
  justify-content: left;
}

.pr__payment {
    margin-right: 8px;
    width: 52px;
    height: 36px;
}

.pr__payment img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#firstVisitModal {
  background: rgba(0, 0, 0, .7);
}

#firstVisitModal .modal-header {
  background: #fff;
  display: block;
  padding: 0;
}

#firstVisitModal .modal_wrapper {
  border: none;
}

.switcher_wrapper .switcher_title {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 24px;
  font-weight: bold;
}

.switcher_btn {
  display: flex;
  align-items: center;
  gap: 10px;
}

.switcher_btn .image {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  overflow: hidden;
}

.switcher_btn .image img {
  display: block;
  width: 100%;
  height: 100%;
}

.switcher_btn .title {
  font-size: 14px;
  line-height: 1.1;
  color: #000;
  text-transform: uppercase;
  transition: color 0.15s ease-in;
  border-bottom: 1px solid transparent;
}

.switcher_btn.active .title {
  color: var(--color-grey);
  border-color: #000;
}

.switcher_btn:hover .title {
  color: var(--color-grey);
}

.actions {
  text-align: center;
  margin-top: 24px;
}

.actions .btn {
  width: 88px;
  font-size: 16px;
  font-weight: bold;
  background: var(--black-bg);
  color: #ffffff;
  padding: 8px 20px;
  outline: none;
  border: 1px solid transparent;
  transition: 0.15s ease-in;
  transition-property: border-color, color, background-color;
}

.actions .btn:hover {
  border-color: var(--black-bg);
  color: var(--black-bg);
  background-color: #fff;
}

@media(max-width: 767px) {
  .switcher_wrapper .switcher_title {
    font-size: 14px;
  }
}

.youtube_video {
  text-align: center;
  color: #fff;
  margin-top: 20px;
}

.youtube_video > div {
  margin: 0 auto;
  -moz-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s
}

.youtube_video > div > div {
  padding-bottom: 56.25%;
  position: relative
}

.youtube_video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.swiper-wrapper {
  height: auto !important;
}

.simple-content .pr__info i {
  display: flex;
  font-size: 14px;
}

.simple-content .pr__info i:before {
  margin-right: 5px;
}

.stores_block {

}

.stores_block .title {
  text-align: center;
  margin: 20px 0;
}

.stores_block .store_images {
  margin: 50px 0;
}

.stores_block .store_images img {
  width: 100%;
  height: auto;
}

.stores_list_wrapper {
  margin: 50px 0;
  font-size: 14px;
}

.stores_list_wrapper .store_city {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.stores_list_wrapper .label {
  font-size: 12px;
  font-weight: bold;
}

.stores_list_wrapper .card-body {
  padding: 1rem;
}

.product-blocks-content {
  margin-bottom: 40px;
}

.product-blocks-content .product-block {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.product-blocks-content .product-block:last-child {
  margin-bottom: 0;
}

.product-blocks-content .product-block:nth-child(2n) {
  flex-direction: row-reverse;
}

.product-blocks-content .product-block-wrap,
.product-blocks-content .product-block-wrap-img {
  width: 50%;
}

.product-blocks-content .product-block-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  height: auto;
  padding: 40px;
  background: #f0f0f0;
}
.product-blocks-content .block-title {
  font-family: OpenSans-Bold;
  font-size: 24px;
  color: #000;
}

.product-blocks-content .block-description {
  font-size: 18px;
  color: #717171;
}

.product-blocks-content .product-block-wrap-img img {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .product-blocks-content .product-block,
  .product-blocks-content .product-block:nth-child(2n) {
    flex-direction: column;
  }

  .product-blocks-content .product-block-wrap,
  .product-blocks-content .product-block-wrap-img {
    width: 100%;
  }

  .product-blocks-content .block-title {
    font-size: 20px;
  }

  .product-blocks-content .block-description {
    font-size: 16px;
  }
}

.size-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 13px 0 0;
}

.size-trigger__img {
  width: 24px;
  display: block;
  height: 28px;
}

.size-trigger__text {
  font-size: 16px;
  color: #000000;
  transition: color 0.15s ease-in;
}

.size-trigger__img img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.size-trigger:hover .size-trigger__text {
  color: rgba(48, 49, 50, .5);
}

.chart-size__table {
  margin: 16px 0 0;
}

.chart-size__table table {
  min-width: 400px;
}

.chart-size__table th {
  font-size: 16px;
  border: none;
  font-weight: bold;
  vertical-align: middle;
  padding: 13px 4px;
  background-color: #fff;
  border-bottom: 1px solid #c4c4c4;
}

.chart-size__table td {
  font-size: 14px;
  line-height: 1.1;
  border: none;
  padding: 8px 4px;
  border-bottom: 1px solid #c4c4c4;
  vertical-align: middle;
  word-break: break-word;
  text-align: center;
}

.chart-size__table th:first-child {
  width: 40%;
}

.chart-size__table th:nth-child(n + 2) {
  width: 15%;
}

.chart-size__text {
  font-size: 16px;
  line-height: 2;
}

.chart-size__img {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 91%;
}

.chart-size__img img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

@media(max-width: 767px) {
  .chart-size__table th {
    font-size: 14px;
    padding: 10px 4px;
  }

  .chart-size__table td {
    font-size: 13px;
  }
}

@media(max-width: 575px) {

  .modal-dialog--chart-size {
    width: auto;
  }

  .modal-dialog--first {
    width: auto;
  }

  .chart-size__text {
    margin: 0 0 24px;
  }

  .chart-size__text {
    font-size: 14px;
  }

}

.switcher-parent {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  padding: 25px 20px;
}

.switcher-parent__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.switcher-parent .actions {
  grid-column: 1/3;
}

.order__forms .radio input, .delivery__container .radio input {
  width: 20px;
  margin-right: 10px;
  height:18px;
}