@charset "UTF-8";
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

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

/* Links */
a, a:link, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */
aside, nav, footer, header, section, main {
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul, ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img, svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

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

button, input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

textarea,
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

textare {
  outline: none;
}

/* Header */
.header {
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
  padding: 24px 0;
  z-index: 13;
}
@media only screen and (max-width: 1180px) {
  .header {
    padding: 24px 0 7px;
  }
}
@media only screen and (max-width: 767px) {
  .header {
    padding: 12px 0 7px;
  }
}
.header.no-scroll1 {
  position: fixed;
  z-index: 10;
}
.header.header-opacity {
  background: rgba(0, 0, 0, 0.3490196078);
}

.nav {
  position: relative;
}

.open-menu .nav,
.show-catalog .nav {
  z-index: 2;
}

.nav__row {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .nav__row {
    gap: 8px;
  }
}

.nav__right-panel {
  display: flex;
  height: 72px;
  min-width: 33%;
  z-index: 1;
  align-items: center;
  gap: 0px;
}
@media only screen and (max-width: 1023px) {
  .nav__right-panel {
    min-width: 37%;
  }
}
@media only screen and (max-width: 767px) {
  .nav__right-panel {
    height: 52px;
  }
}
.nav__right-panel .nav__logo {
  margin-right: 44px;
}
@media only screen and (max-width: 1023px) {
  .nav__right-panel .nav__logo {
    flex-shrink: 0;
    margin-right: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .nav__right-panel .nav__logo {
    margin-right: 12px;
  }
  .nav__right-panel .nav__logo img {
    height: 52px;
    width: 41px;
  }
}
@media only screen and (max-width: 540px) {
  .nav__right-panel .nav__logo {
    margin-right: 0px;
  }
}
.nav__right-panel .nav__lang {
  display: none;
}

.open-menu .nav__right-panel .nav__lang {
  display: block;
}

.nav__catalog-btn {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 24px 22px 24px 32px;
  margin: 0 8px 0 0;
  /* Add the blur effect */
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 50px;
  overflow: hidden;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  transition: display 1.5s ease-in-out;
  /* @media only screen and (max-width: $smalltablet) {
       &{
          margin: 0;
       }
   }*/
  /*@media only screen and (max-width: $desctop) {
      padding: 19px 22px 19px 32px;
  }*/
}
.nav__catalog-btn .nav__catalog-icon {
  background: url(/assets/img/icons/arrow_down.svg) no-repeat center;
  background-size: 10px;
  width: 24px;
  height: 24px;
}
@media only screen and (max-width: 767px) {
  .nav__catalog-btn {
    display: flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 0px;
    column-gap: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0px;
    flex-shrink: 0;
  }
}

.show-catalog .nav__catalog-btn {
  background-color: #fff;
  color: #161616;
}
.show-catalog .nav__catalog-btn .nav__catalog-icon {
  background: url(/assets/img/icons/close-cat.svg) no-repeat center;
  background-size: 10px;
}

.show-catalog .open-cat-btn {
  display: inline-flex;
}

.open-menu .nav__catalog-btn {
  display: none;
}

.nav__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  width: 72px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  cursor: pointer;
}
.nav__btn span {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/icons/menu-open.svg) no-repeat center;
  background-size: 24px;
}
@media only screen and (max-width: 767px) {
  .nav__btn {
    height: 52px;
    width: 52px;
    margin: 0 0 0 auto;
  }
  .nav__btn span {
    background-size: 20px;
  }
}

.open-menu .nav__btn {
  border: 1px solid #fff;
}

.open-menu .nav__btn span {
  background: url(/assets/img/icons/menu-close.svg) no-repeat center;
  background-size: 24px;
}

.nav__center-panel {
  min-width: 33%;
  text-align: center;
  z-index: 1;
}
@media only screen and (max-width: 1023px) {
  .nav__center-panel {
    min-width: unset;
  }
}

.show-catalog .nav__center-panel {
  display: none;
}

.nav__left-panel {
  display: flex;
  min-width: 33%;
  justify-content: flex-end;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
  z-index: 1;
}
@media only screen and (max-width: 1180px) {
  .nav__left-panel {
    gap: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  .nav__left-panel {
    min-width: 37%;
  }
}
@media only screen and (max-width: 767px) {
  .nav__left-panel {
    gap: 8px;
  }
}

@media only screen and (max-width: 540px) {
  .nav__left-panel,
  .nav__center-panel,
  .nav__right-panel {
    min-width: auto;
    gap: 8px;
  }
}
/*.nav__search,*/
.nav__favour a,
.nav__login a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 767px) {
  .nav__favour a,
  .nav__login a {
    width: 52px;
    height: 52px;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .nav__favour a svg,
  .nav__login a svg {
    width: 20px;
  }
}
.nav__favour a:hover,
.nav__login a:hover {
  background-color: rgba(255, 255, 255, 0.1019607843);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

@media only screen and (max-width: 767px) {
  .nav__search svg,
  .nav__basket svg {
    width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .nav__favour {
    display: none;
  }
  .open-menu .nav__left-panel, .show-catalog .nav__left-panel {
    display: none;
  }
  .show-catalog .nav__right-panel {
    width: 100%;
    justify-content: space-between;
  }
  .show-catalog .nav__catalog-btn {
    order: 2;
    background: rgba(255, 255, 255, 0.1019607843);
    border: 1px solid #fff;
  }
  .show-catalog .nav__catalog-btn .nav__catalog-icon {
    background: url(/assets/img/icons/menu-close.svg) no-repeat center;
    background-size: 24px;
  }
  .show-catalog .open-cat-btn {
    -moz-column-gap: 0px;
    column-gap: 0;
    padding: 15px 25px 15px 25px;
  }
}
.nav__lang {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 1180px) {
  .nav__lang {
    display: none;
    margin-left: 12px;
  }
}

.open-menu .nav__lang,
.show-catalog .nav__lang {
  display: none;
}

.lang-switcher {
  display: flex;
  padding: 2px;
  /*border: 1.5px solid #fff;*/
  box-shadow: 0px 0px 0px 1px #fff;
  border-radius: 1000px;
}

.lang-switcher li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  color: #EAE9E5;
  cursor: pointer;
}

.lang-switcher li.current-lang {
  background-color: #fff;
  color: #161616;
}

.nav__basket {
  width: 62px;
  height: 62px;
}
@media only screen and (max-width: 767px) {
  .nav__basket {
    width: 52px;
    height: 52px;
  }
}

.nav__basket-btn {
  position: relative;
  background: #E5543C;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  transform: translateY(0px);
  z-index: 1;
}
.nav__basket-btn.fixed-basket {
  position: fixed;
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 20px);
  transition: 0.5s ease;
}
@media only screen and (max-width: 767px) {
  .nav__basket-btn {
    width: 52px;
    height: 52px;
  }
}

.product-card .nav__basket-btn {
  transition: background-color 0.5s ease;
}
.product-card .nav__basket-btn:not(.basket-added):hover {
  background-color: #3C7E3D;
  transition: 0.5s ease;
}
.product-card .nav__basket-btn:not(.basket-added):hover::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 62px;
  height: 62px;
  animation: ripple 0.8s ease-out;
  opacity: 0;
  background: #3C7E3D;
  border-radius: 50%;
}

.basket-added {
  background: #3C7E3D url(/assets/img/icons/icon-check.svg) no-repeat center;
}
.basket-added svg {
  display: none;
}

@keyframes ripple {
  0%, 35% {
    transform: scale(0);
    opacity: 1;
  }
  50% {
    transform: scale(1.25);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
.nav__basket-quantity {
  position: absolute;
  top: -4px;
  width: 24px;
  border-radius: 50%;
  background-color: #EAE9E5;
  color: #161616;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

/* Megamenu */
.nav__mega-menu {
  background: url(/assets/img/home/mega-menu_bg.jpg) no-repeat center;
  background-size: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: -100%; /*top: -100vh;*/
  bottom: auto;
  z-index: 1;
  height: 100%; /*height: 100%;*/
  max-height: unset;
  text-align: center;
  padding: 0 26px 26px; /*padding: 0px 26px 27px;*/
  transition: 1s;
  overflow-y: hidden;
}
@media only screen and (max-width: 767px) {
  .nav__mega-menu {
    max-height: unset;
  }
}

.mega-menu__container .container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: unset;
}
@media only screen and (max-width: 767px) {
  .mega-menu__container .container {
    max-height: unset;
  }
}

.mega-menu__list li {
  margin-bottom: 26px;
  margin-bottom: clamp(1rem, -2.125rem + 3.47vw, 1.625rem);
}
@media only screen and (max-width: 1180px) {
  .mega-menu__list li {
    margin-bottom: 26px;
    margin-bottom: 0;
  }
}
.mega-menu__list li:last-child {
  margin-bottom: 0;
}
.mega-menu__list a {
  font-size: 48px;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 2.5vw;
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (max-width: 1540px) {
  .mega-menu__list a {
    font-size: 5vh;
    line-height: 6vh;
  }
}
@media only screen and (max-width: 1180px) {
  .mega-menu__list a {
    font-size: 48px;
    font-size: 3.65vh;
    line-height: 48px;
    line-height: 7vh;
  }
}
@media only screen and (max-width: 767px) {
  .mega-menu__list a {
    font-size: 24px;
    font-size: 3.6vh;
    line-height: 24px;
    line-height: 7.5vh;
  }
}

.mega-menu__bottom {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .mega-menu__bottom {
    justify-content: center;
    bottom: 26px;
    bottom: calc(26px + env(safe-area-inset-bottom, 0px) * 1.5);
  }
}

.social-links,
.mega-menu__contacts,
.mega-menu__links {
  display: flex;
  min-width: 33%;
}
.social-links a,
.mega-menu__contacts a,
.mega-menu__links a {
  color: #fff;
}

.mega-menu__links {
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 26px;
       column-gap: 26px;
}
@media only screen and (max-width: 1180px) {
  .mega-menu__links {
    display: none;
  }
}
.mega-menu__links a {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 15px;
}
.mega-menu__links::after {
  content: "";
  width: 68px;
  height: 1px;
  background-color: #EAE9E5;
}
@media only screen and (max-width: 1180px) {
  .mega-menu__links::after {
    content: none;
  }
}

.mega-menu__contacts {
  align-items: center;
  -moz-column-gap: 26px;
       column-gap: 26px;
}
.mega-menu__contacts a {
  font-size: 15px;
  line-height: 15px;
}
.mega-menu__contacts::before {
  content: "";
  width: 68px;
  height: 1px;
  background-color: #EAE9E5;
}
@media only screen and (max-width: 1180px) {
  .mega-menu__contacts::before {
    content: none;
  }
}
@media only screen and (max-width: 767px) {
  .mega-menu__contacts {
    display: none;
  }
}

.social-links {
  gap: 8px;
}
.social-links a {
  display: flex;
  padding: 16px;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: all 0.5s ease;
}
.social-links a:hover {
  transform: scale(1.3);
}

/* Search */
.nav__search {
  position: relative;
  width: 46px;
  height: 46px;
  color: #161616;
}
.nav__search.expanded .search__input {
  transition: none;
  border-radius: 28px 28px 0 0;
}
@media only screen and (max-width: 767px) {
  .nav__search {
    position: static;
    height: 52px;
    width: 52px;
  }
  .nav__search.expanded .search__input {
    transition: none;
    border-radius: 1000px;
    color: #161616;
  }
}

#search {
  display: flex;
  position: absolute;
  right: 0;
  /* left: 0; */
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  transition: all 1s;
  z-index: 2;
  /*&:hover{
      cursor: pointer;

      .search__input{
          display: block;
          background-color: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(10px);
          width: 434px;
      }
  }*/
}
@media only screen and (max-width: 767px) {
  #search {
    transition: unset;
    display: none;
  }
  #search.search-show {
    display: block;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 8;
    transform: unset;
    background: #fff;
    height: 100vh;
    padding: 16px 16px 16px;
    transition: unset;
  }
  #search.search-show .sc_livesearch_close {
    opacity: 1;
  }
  #search.search-show .search__input {
    width: 100%;
  }
}
#search.search-show .search__input {
  display: block;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  width: 434px;
}
@media only screen and (max-width: 767px) {
  #search.search-show .search__input {
    width: 100%;
    height: 52px;
    background-color: #EAE9E5 !important;
  }
}
#search.search-show .search__btn {
  opacity: 1;
}

.search__input {
  width: 44px;
  padding: 21px 12px 21px 56px;
  border-radius: 1000px;
  transition: all 1s;
  background-color: transparent;
  transition: 0.5s ease;
}
@media only screen and (max-width: 767px) {
  .search__input {
    transition: unset;
    padding: 21px 12px 21px 55px;
    color: #161616;
  }
}

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

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

.search__input::-moz-placeholder {
  color: #fff;
}

.search__input::placeholder {
  color: #fff;
}

@media only screen and (max-width: 767px) {
  .search__input::-moz-placeholder {
    color: #161616;
  }
  .search__input::placeholder {
    color: #161616;
  }
}
.search-toggle {
  /*position: relative;
  z-index: 1;*/
  height: 46px;
  width: 46px;
  position: absolute;
  z-index: 3;
  /* top: 50%;
   transform: translateY(-50%);
   bottom: 0;
   left: 12px;*/
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 767px) {
  .search-toggle {
    display: block !important;
    height: 52px;
    width: 52px;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
  .search-toggle.close-search {
    background: url(/assets/img/icons/close-white.svg) no-repeat center;
    background-size: 32x;
    border: 1px solid #fff;
    transition: unset;
  }
  .search-toggle.close-search svg {
    display: none;
  }
}
.search-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.search__btn {
  height: 46px;
  width: 46px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  left: 12px;
  opacity: 0;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .search__btn {
    top: 22px;
    left: 26px;
    transform: unset;
  }
  .search__btn svg {
    width: 24px;
    height: 24px;
  }
  .search__btn svg path {
    fill: #161616;
  }
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

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

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 38px;
  width: 38px;
  margin-right: 5px;
  background: url(/assets/img/icons/icon-close.svg) no-repeat 50% 50%;
  background-size: 24px;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}

input[type=search]:focus::-webkit-search-cancel-button {
  opacity: 0.75;
  pointer-events: all;
}

/* Catalog */
.catalog {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 140px;
  height: 140vh;
  max-height: 1200px;
  background-color: rgba(22, 22, 22, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.catalog .container {
  height: calc(100vh - 150px);
  padding-bottom: 30px;
  overflow-y: auto;
}
.catalog .container .read-more {
  height: 60px;
  line-height: 60px;
  padding: 0px 26px;
}
@media only screen and (max-width: 1180px) {
  .catalog .container .read-more {
    padding: 0px 23px;
  }
}
@media only screen and (max-width: 767px) {
  .catalog {
    padding-top: 90px;
  }
  .catalog .container {
    height: calc(100vh - 180px);
    padding-bottom: 0px;
  }
  .catalog .container .read-more {
    display: inline-block;
    width: auto;
  }
}

.catalog__row {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 44px;
       column-gap: 44px;
}
.catalog__row:first-child {
  padding-bottom: 52px;
  margin-bottom: 68px;
  border-bottom: 1px solid #EAE9E5;
}
@media only screen and (max-width: 1540px) {
  .catalog__row {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .catalog__row:first-child {
    padding-bottom: 50px;
    margin-bottom: 60px;
    border-bottom: 1px solid #EAE9E5;
  }
}
@media only screen and (max-width: 1180px) {
  .catalog__row {
    flex-wrap: wrap;
    -moz-column-gap: 0px;
         column-gap: 0px;
    /*height: 100vh;
    overflow: scroll;*/
  }
  .catalog__row:first-child {
    padding-bottom: 10px;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 1180px) {
  .catalog__box {
    width: 33%;
    margin-bottom: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .catalog__box {
    width: 100%;
    margin-bottom: 34px;
  }
}
.catalog__subtitle {
  margin-bottom: 21px;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
}

.header .catalog__subtitle a {
  color: #fff;
}

.catalog__menu li {
  margin-bottom: 12.5px;
}
.catalog__menu a {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
}
@media only screen and (max-width: 1540px) {
  .catalog__menu li {
    margin-bottom: 8px;
  }
}

.catalog__special {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.special__descr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.special__subtitle {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 32px;
  text-transform: uppercase;
}

.special__text {
  font-size: 14px;
  line-height: 20px;
}

.special__img {
  flex-shrink: 0;
}

.dir-vertical {
  flex-direction: column;
  justify-content: space-between;
}

.special_1 {
  max-width: 477px;
}
.special_1 .special__img {
  width: 50%;
}
.special_1 .special__img img {
  height: 100%;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1540px) {
  .special_1 .special__img img {
    max-height: 270px;
  }
}

.dir-vertical .special__descr {
  flex-direction: row;
  align-items: end;
  margin-bottom: 16px;
}

.special_2 .special__text {
  max-width: 50%;
}

.special_3 {
  max-width: 603px;
}
@media only screen and (max-width: 1540px) {
  .special_3 img {
    height: 100%;
    max-height: 270px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media only screen and (max-width: 1540px) {
  .catalog__row + .catalog__row {
    gap: 44px;
    flex-wrap: nowrap;
  }
  .special_3 {
    max-width: none;
    width: 40%;
  }
  .special_3 .special__img {
    width: 50%;
  }
  .special_1 {
    max-width: none;
    width: 35%;
  }
  .special_1 .special__img {
    width: 50%;
  }
  .special_1 .special__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .special_2 {
    max-width: none;
    width: 25%;
  }
  .special_2 img {
    width: 100%;
  }
}
@media only screen and (max-width: 1180px) {
  .catalog__row + .catalog__row {
    gap: 30px;
    padding-bottom: 26px;
    flex-wrap: nowrap;
    width: 100%;
    overflow-y: auto;
  }
  .special_3 {
    width: calc(56% - 15px);
    flex-shrink: 0;
  }
  .special_1 {
    max-width: none;
    width: 50%;
    width: calc(56% - 15px);
    flex-shrink: 0;
  }
  .special_1 .special__subtitle {
    margin-bottom: 0;
  }
  .special_1 .special__descr {
    gap: 12px;
  }
  .special_2 {
    max-width: none;
    width: 50%;
    width: calc(44% - 15px);
    flex-shrink: 0;
  }
  .special_2 .special__text {
    max-width: unset;
  }
  .special_2 img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .special_1,
  .special_2,
  .special_3 {
    width: 100%;
    flex-direction: column-reverse;
  }
  .special_1 .special__img,
  .special_2 .special__img,
  .special_3 .special__img {
    width: 100%;
    margin-bottom: 16px;
  }
  .special_1 .special__img img,
  .special_2 .special__img img,
  .special_3 .special__img img {
    width: 100%;
    height: 296px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .special_1 .special__descr,
  .special_2 .special__descr,
  .special_3 .special__descr {
    gap: 16px;
  }
  .special_2 {
    justify-content: flex-end;
  }
  .dir-vertical .special__descr {
    flex-direction: column;
    align-items: flex-start;
  }
  .special_3 {
    flex-direction: column;
  }
}
.read-more {
  position: relative;
  z-index: 1;
  display: inline-block;
  border: 1px solid #FFFFFF;
  padding: 27.5px 26px;
  border-radius: 1000px;
  transition: border 0.5s;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}
.read-more::after {
  content: "";
  display: inline-block;
  margin-left: 11px;
  width: 11px;
  height: 11px;
  background: url(/assets/img/icons/btn_arrow.svg) no-repeat center;
}
.read-more:hover {
  border: 1px solid #E5543C;
  color: #fff;
}
.read-more:hover .btn-bg {
  width: 150%;
  height: 500%;
}
@media only screen and (max-width: 1180px) {
  .read-more {
    padding: 22px 26px;
  }
}
@media only screen and (max-width: 540px) {
  .read-more {
    display: block;
    width: 100%;
  }
}

/*  Menu vertical */
.menu-vert {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  width: 100vh;
  height: 45px;
  position: fixed;
  left: 2vw;
  -webkit-transform-origin: left top;
  -webkit-transform: rotate(-90deg) translateX(-100%);
  z-index: 1;
}
@media only screen and (max-width: 1180px) {
  .menu-vert {
    display: none;
  }
}
.menu-vert .nav-menu {
  justify-content: center;
  gap: 30px;
}
.menu-vert .long-arrow {
  display: inline-block;
  width: 13px;
  height: 58px;
  -webkit-transform: rotate(90deg);
}
.menu-vert .long-arrow.light svg path {
  fill: #fff;
}
.menu-vert li.light a {
  color: #fff;
}
.menu-vert a {
  color: #161616;
  text-transform: uppercase;
}

.open-menu + .menu-vert,
.show-catalog + .menu-vert {
  display: none;
}

/* Dark header for light pages*/
.dark-header {
  position: relative;
  color: #161616;
}
.dark-header .nav__catalog-btn,
.dark-header .nav__btn {
  background-color: rgba(255, 255, 255, 0.6);
}
.dark-header .nav__catalog-btn .nav__catalog-icon,
.dark-header .nav__btn .nav__catalog-icon {
  filter: invert(100%);
}
@media only screen and (max-width: 767px) {
  .dark-header .nav__search,
  .dark-header .nav__favour,
  .dark-header .nav__login {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
  }
}
.dark-header .nav__search svg path,
.dark-header .nav__favour svg path,
.dark-header .nav__login svg path {
  fill: #161616;
}
.dark-header .nav__btn span {
  filter: invert(100%);
}
.dark-header .lang-switcher {
  box-shadow: 0px 0px 0px 1px #161616;
}
.dark-header .lang-switcher li {
  color: #161616;
  cursor: pointer;
}
.dark-header .lang-switcher li.current-lang {
  background-color: #161616;
  color: #fff;
}
.dark-header #search.search-show .search__input {
  background-color: rgba(255, 255, 255, 0.6);
  color: #161616;
}
.dark-header .search__input::-moz-placeholder {
  color: #161616;
}
.dark-header .search__input::placeholder {
  color: #161616;
}
@media only screen and (max-width: 767px) {
  .dark-header .close-search {
    background: url(/assets/img/icons/close.svg) no-repeat center;
    background-size: 32x;
    border: 1px solid transparent;
    transition: unset;
  }
}

/*  Footer  */
main.home + .footer .container {
  max-width: 1728px;
  padding: 0 44px 0 88px;
}
@media only screen and (max-width: 1180px) {
  main.home + .footer .container {
    padding: 0 16px;
  }
}

.footer {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #9DC95D url(/assets/img/blog/blog_bg_dark.png) repeat center;
}
@media only screen and (max-width: 1180px) {
  .footer {
    padding-top: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    padding-top: 33px;
  }
}
.footer .container {
  position: relative;
  justify-content: space-between;
  gap: 80px;
}
@media only screen and (max-width: 1440px) {
  .footer .container {
    gap: 36px;
  }
}
@media only screen and (max-width: 1180px) {
  .footer .container {
    align-items: stretch;
    padding: 0 26px;
    gap: 0;
  }
}
.footer .container .wrapper {
  width: 100%;
  position: relative;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 1180px) {
  .footer .container .wrapper {
    flex-direction: column;
    gap: 32px;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .footer .container .wrapper {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .container {
    gap: 56px;
    flex-direction: column;
  }
}
.footer .footer-img {
  position: absolute;
  left: -35px;
  bottom: -15px;
}
@media only screen and (max-width: 1180px) {
  .footer .footer-img {
    display: none;
  }
}
.footer .footer-col {
  width: 25%;
}
.footer .footer-col:first-child {
  position: relative;
  min-width: unset;
  width: 29%;
}
.footer .footer-col:first-child > img {
  margin-bottom: 26px;
}
.footer .footer-col:first-child .footer-descr {
  text-align: left;
  width: 75%;
}
@media only screen and (max-width: 1180px) {
  .footer .footer-col:first-child .footer-descr {
    display: none;
  }
}
.footer .footer-col:last-child {
  width: 21%;
}
.footer .footer-col:last-child .footer-descr {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .footer .footer-col:last-child .footer-descr {
    display: block;
  }
}
@media only screen and (max-width: 1180px) {
  .footer .footer-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 100%;
  }
}
.footer .footer-addres {
  margin-bottom: 2px;
  font-size: 26px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
  text-align: right;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .footer .footer-addres {
    text-align: left;
    margin-bottom: 6px;
  }
}
.footer .footer-location {
  position: relative;
  font-size: 20px;
  line-height: 42px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .footer .footer-location {
    text-align: left;
  }
}
.footer .footer-descr {
  font-size: 14px;
  line-height: 28px;
  text-align: right;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1180px) {
  .footer .footer-descr {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-descr {
    text-align: left;
    margin-bottom: 26px;
  }
}
.footer .footer-menu li {
  margin-bottom: 8px;
}
.footer .footer-menu li:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1180px) {
  .footer .footer-menu li {
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .footer .footer-menu li {
    margin-bottom: 28px;
  }
}
.footer .footer-menu a {
  font-size: 20px;
  font-weight: 400;
  line-height: 48px;
  color: #161616;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .footer .footer-menu a {
    line-height: 27px;
  }
}
.footer .nav__lang {
  display: flex;
  margin-bottom: 13px;
}
@media only screen and (max-width: 767px) {
  .footer .nav__lang {
    position: absolute;
    top: 2px;
    right: 16px;
  }
}
.footer .contacts-item {
  justify-content: flex-end;
  margin-bottom: 0px;
}
.footer .contacts-item img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.footer .social-links {
  justify-content: flex-end;
  margin-top: 25px;
  margin-bottom: 26px;
}
.footer .social-links a {
  border: 1px solid #161616;
}
.footer .social-links a svg path {
  stroke: #161616;
}
@media only screen and (max-width: 767px) {
  .footer .social-links {
    justify-content: flex-start;
    margin-bottom: 26px;
  }
  .footer .contacts-item {
    justify-content: flex-start;
    margin-bottom: 0px;
  }
}

.payment-icons {
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .payment-icons {
    justify-content: flex-start;
  }
}

.web {
  text-align: right;
  font-size: 14px;
  line-height: 22px;
}
.web a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .web a {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .web {
    text-align: left;
  }
}
.web img {
  margin-left: 10px;
}

.title-2-small {
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .title-2-small {
    font-size: 32px;
    line-height: 42px;
  }
}
.title-2-small + .wrapper {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1180px) {
  .title-2-small + .wrapper {
    justify-content: space-between;
    width: 100%;
  }
}

.catalog-top {
  margin-bottom: 27px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 767px) {
  .catalog-top {
    margin-bottom: 16px;
  }
}

.category-list {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
  justify-content: space-between;
}
.category-list.start {
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
}
.category-list li:last-child a {
  padding-right: 0;
}
.category-list li.active-cat a {
  color: #161616;
  font-weight: 700;
  background: url(/assets/img/icons/cat-arrow.svg) no-repeat center right;
  padding-right: 30px;
}
.category-list a {
  color: rgba(22, 22, 22, 0.5019607843);
  padding-right: 30px;
  transition: color 0.5s;
}
.category-list a:hover {
  color: #161616;
}
@media only screen and (max-width: 1540px) {
  .category-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .category-list {
    display: inline-block !important;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .category-list li {
    display: inline-block;
  }
}

.read-more-catalog {
  height: 60px;
  line-height: 60px;
  padding: 0 26px;
}
@media only screen and (max-width: 540px) {
  .read-more-catalog {
    width: auto;
    display: inline;
  }
}

.mySwiperTopDiscounts .swiper-slide {
  height: auto;
  padding-right: 0px;
  justify-content: space-between;
}
@media only screen and (max-width: 1180px) {
  .mySwiperTopDiscounts .swiper-slide {
    max-width: unset !important;
  }
}
@media only screen and (max-width: 767px) {
  .mySwiperTopDiscounts .swiper-slide {
    flex-direction: column !important;
  }
}
@media only screen and (max-width: 540px) {
  .mySwiperTopDiscounts .swiper-slide img {
    height: 190px;
    margin-bottom: 0px;
  }
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) {
  width: calc(31% - 30px);
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) {
    gap: 0;
  }
}
@media only screen and (max-width: 1440px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) {
    width: calc(31% - 23px);
  }
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) .discounts__img {
    width: 100%;
    max-height: 160px;
  }
}
@media only screen and (max-width: 1440px) and (max-width: 767px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) .discounts__img {
    max-height: unset;
  }
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) .special__subtitle {
  margin-bottom: 5px;
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) .discounts__img {
  width: 100%;
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) .discounts__descr {
  flex-direction: row;
  justify-content: space-between;
  height: auto;
  align-items: end;
  width: 100%;
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) .discounts__descr p {
  max-width: 190px;
}
@media only screen and (max-width: 767px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) .discounts__descr {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+2) .discounts__descr p {
    max-width: unset;
  }
}
.mySwiperTopDiscounts .swiper-slide-duplicate-prev {
  padding-right: 0px;
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n+1) {
  width: calc(32% - 30px);
}
@media only screen and (max-width: 1440px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+1) {
    width: calc(32% - 23px);
  }
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n+1) .discounts__img {
  height: 100%;
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+1) .discounts__img {
    width: 100%;
  }
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n+1) .discounts__descr {
  width: 42%;
}
@media only screen and (max-width: 1440px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+1) .discounts__descr {
    width: 48%;
  }
}
@media only screen and (max-width: 767px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n+1) .discounts__descr {
    width: 100%;
  }
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n) {
  width: calc(37% - 30px);
}
@media only screen and (max-width: 1440px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n) {
    width: calc(37% - 23px);
  }
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n) .discounts__img {
  height: 100%;
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n) .discounts__img {
    width: 100%;
  }
}
@media only screen and (max-width: 540px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n) .discounts__img {
    height: auto;
  }
}
.mySwiperTopDiscounts .swiper-slide:nth-child(3n) .discounts__descr {
  width: 38%;
}
@media only screen and (max-width: 1440px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n) .discounts__descr {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .mySwiperTopDiscounts .swiper-slide:nth-child(3n) .discounts__descr {
    width: 100%;
  }
}
.mySwiperTopDiscounts .discounts__descr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  height: 100%;
}
.mySwiperTopDiscounts .special__subtitle {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .mySwiperTopDiscounts .special__subtitle {
    padding-top: 10px;
  }
}
.mySwiperTopDiscounts .read-more-catalog {
  width: 166px;
  flex-shrink: 0;
}
@media only screen and (max-width: 540px) {
  .mySwiperTopDiscounts .read-more-catalog {
    width: 100%;
    text-align: center;
  }
}

/* Dicsounts */
.discounts__row {
  margin-bottom: 100px;
}

/* Products grid*/
.new-products,
.discounts,
.week-promo,
.catalog-products {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .new-products,
  .discounts,
  .week-promo,
  .catalog-products {
    margin-bottom: 44px;
  }
}
.new-products .title-wrapper,
.discounts .title-wrapper,
.week-promo .title-wrapper,
.catalog-products .title-wrapper {
  margin-bottom: 36px;
  gap: 20px;
}
@media only screen and (max-width: 1180px) {
  .new-products .title-wrapper,
  .discounts .title-wrapper,
  .week-promo .title-wrapper,
  .catalog-products .title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
  }
}
@media only screen and (max-width: 1180px) and (max-width: 767px) {
  .new-products .title-wrapper,
  .discounts .title-wrapper,
  .week-promo .title-wrapper,
  .catalog-products .title-wrapper {
    gap: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .new-products .title-wrapper,
  .discounts .title-wrapper,
  .week-promo .title-wrapper,
  .catalog-products .title-wrapper {
    margin-bottom: 26px;
  }
}
.new-products .swiper__nav,
.discounts .swiper__nav,
.week-promo .swiper__nav,
.catalog-products .swiper__nav {
  height: 60px;
}
.new-products .swiper__nav .swiper-button-next,
.new-products .swiper__nav .swiper-button-prev,
.discounts .swiper__nav .swiper-button-next,
.discounts .swiper__nav .swiper-button-prev,
.week-promo .swiper__nav .swiper-button-next,
.week-promo .swiper__nav .swiper-button-prev,
.catalog-products .swiper__nav .swiper-button-next,
.catalog-products .swiper__nav .swiper-button-prev {
  top: 0;
  margin-top: 0;
  background: url(/assets/img/icons/arrow-right_slider.svg) no-repeat center;
  background-size: 16px;
  border: 1px solid #161616;
}
.new-products .swiper__nav .swiper-button-prev,
.discounts .swiper__nav .swiper-button-prev,
.week-promo .swiper__nav .swiper-button-prev,
.catalog-products .swiper__nav .swiper-button-prev {
  top: 0;
  margin-top: 0;
  background: url(/assets/img/icons/arrow-left_slider.svg) no-repeat center;
  background-size: 16px;
}

.container.category-container {
  margin-bottom: 120px;
}
.container.category-container .catalog-products {
  width: 100%;
  margin-bottom: 0;
}
@media only screen and (max-width: 1180px) {
  .container.category-container .catalog-products .title-wrapper {
    flex-direction: row;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .container.category-container .catalog-products .title-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.catalog-products {
  width: 100%;
  margin-bottom: 120px;
}

.products-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  margin-left: 16px;
  background-color: #E5543C;
  border-radius: 50%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.catalog-products .products-container {
  display: flex;
  flex-wrap: wrap;
}
.catalog-products .products-container .product-card {
  border-top: 1px solid transparent;
  overflow: hidden;
}
.catalog-products .products-container .product-card:first-child, .catalog-products .products-container .product-card:nth-child(2), .catalog-products .products-container .product-card:nth-child(3), .catalog-products .products-container .product-card:nth-child(4) {
  border-top: 1px solid rgba(22, 22, 22, 0.1019607843);
}
.catalog-products .products-container .product-card:hover {
  border-color: #161616;
}
@media only screen and (max-width: 1180px) {
  .catalog-products .products-container .product-card:hover {
    border-color: rgba(22, 22, 22, 0.1019607843);
  }
}
.catalog-products .products-container .product-card:nth-child(4n) {
  border-right: 1px solid rgba(22, 22, 22, 0.1019607843);
}
.catalog-products .products-container .product-card:nth-child(4n):hover {
  border-color: #161616;
}
@media only screen and (max-width: 1180px) {
  .catalog-products .products-container .product-card:nth-child(4n):hover {
    border-color: rgba(22, 22, 22, 0.1019607843);
  }
}

.product-card__banner {
  height: 100%;
  transition: 1s ease;
}
.product-card__banner:hover {
  transform: scale(1.1);
}
@media only screen and (max-width: 1180px) {
  .product-card__banner:hover {
    transform: unset;
  }
}
.product-card__banner img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-card__banner-content {
  position: absolute;
  bottom: 0;
  padding: 0 22px 32px;
  color: #fff;
  pointer-events: none;
}
.product-card__banner-content .product-card__caption {
  color: #fff !important;
}

.mySwiperNewProducts {
  border-right: 1px solid rgba(22, 22, 22, 0.1019607843);
  margin-bottom: 80px;
}

.products-container {
  align-items: stretch;
}

.product-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 25%;
  height: auto;
  border: 1px solid rgba(22, 22, 22, 0.1019607843);
  /*border-right: 1px solid transparent;*/
  background-color: #EAE9E5;
  transition: border-color 1s ease;
}
@media only screen and (max-width: 1440px) {
  .product-card {
    width: 33.2%;
    border-right: 1px solid rgba(22, 22, 22, 0.1019607843);
  }
  .product-card:last-child, .product-card:nth-child(3n) {
    border-right: 1px solid rgba(22, 22, 22, 0.1019607843);
  }
}
@media only screen and (max-width: 1023px) {
  .product-card {
    width: 50%;
  }
}
@media only screen and (max-width: 540px) {
  .product-card {
    width: 100%;
  }
}
.product-card .product-card__img {
  width: 100%;
}
.product-card .product-card__images {
  overflow: hidden;
}
.product-card .product-card__images img {
  width: 100%;
  max-height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #fff;
}
@media only screen and (max-width: 540px) {
  .product-card .product-card__images img {
    height: 289px;
  }
}
.product-card:hover {
  border-color: #161616;
  transition: border-color 1s ease;
}
@media only screen and (max-width: 1180px) {
  .product-card:hover {
    border-color: rgba(22, 22, 22, 0.1019607843);
    transition: none;
  }
}
.product-card:hover .product_img_front {
  opacity: 0;
  transition: all 1.5s ease 0.2s;
}
@media only screen and (max-width: 1180px) {
  .product-card:hover .product_img_front {
    opacity: 1;
    transition: none;
  }
}
.product-card:hover .product_img_back {
  transform: scale(1.1);
  transition: all 1.5s ease;
}
@media only screen and (max-width: 1180px) {
  .product-card:hover .product_img_back {
    transform: unset;
    transition: none;
  }
}
.product-card:hover .product-card__caption {
  color: #3C7E3D;
  transition: color 1s ease;
}
@media only screen and (max-width: 1180px) {
  .product-card:hover .product-card__caption {
    color: inherit;
    transition: none;
  }
}

.product-card__images {
  position: relative;
  display: block;
}
.product-card__images .product_img_front {
  position: relative;
  opacity: 1;
  transition: all 1.5s ease;
  z-index: 2;
}
.product-card__images .product_img_back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  transition: all 1.5s ease;
}

.product-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  padding: 16px 22px 22px;
}
@media only screen and (max-width: 1440px) {
  .product-card__content {
    padding: 16px 10px 22px;
  }
}
@media only screen and (max-width: 767px) {
  .product-card__content {
    padding: 16px 16px 22px;
  }
}
.product-card__content > .wrapper {
  margin-bottom: 16px;
}
.product-card__content .product-card__basket-box {
  padding-top: 16px;
  border-top: 1px solid rgba(22, 22, 22, 0.1019607843);
}

.product-card__stikers {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 2;
}
.product-card__stikers .stiker-new,
.product-card__stikers .stiker-promo {
  background-color: #E5543C;
  padding: 8px 10px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
}
.product-card__stikers .stiker-promo {
  background-color: #9DC95D;
  display: inline-block;
}

.product-card__action {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2;
}
.product-card__action svg path {
  fill: #161616;
}
.product-card__action .nav__favour {
  display: block;
}

.favour-btn {
  width: 52px;
  height: 52px;
  background: #fff url(/assets/img/icons/favour-black.svg) no-repeat center;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.favour-btn.inwishlist {
  background: #3C7E3D url(/assets/img/icons/favour_icon_white.svg) no-repeat center !important;
}

.product-card__caption {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 12px;
  transition: all 1s ease;
}

.product-card__info {
  font-size: 14px;
  line-height: 22px;
  opacity: 0.6;
}

.product-weight {
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}
.product-weight a {
  font-weight: 700;
  opacity: 0.6;
}
.product-weight a.active {
  color: #3C7E3D;
}

.product-card__basket-box span {
  display: inline-block;
}

.product-card__basket-box span:not(:last-of-type) {
  /*float: left;*/
  margin-right: 20px;
}

.product-card__basket-box a.active {
  color: #3C7E3D;
}

.product-price-box {
  gap: 8px;
}

.product-price {
  font-size: 32px;
  line-height: 32px;
}

.product-price-old {
  color: rgba(22, 22, 22, 0.2);
  font-size: 18px;
  line-height: 32px;
  text-decoration: line-through;
}

.loadmore-box {
  margin-top: 106px;
  margin-bottom: 26px;
  text-align: center;
}

.loadmore-button {
  height: 60px;
  line-height: 60px;
  text-transform: none;
  padding: 0 26px;
  width: 343px;
  margin: 0 auto;
  justify-content: center;
}
.loadmore-button::after {
  content: none;
}

.loadmore-icon {
  background: url(/assets/img/icons/refresh.svg) no-repeat center;
  display: inline-block;
  margin-right: 6px;
  width: 16px;
  height: 16px;
}

.pagination {
  justify-content: center;
  gap: 11px;
}
.pagination a, .pagination span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(22, 22, 22, 0.5019607843);
  font-size: 20px;
  line-height: 20px;
  width: 48px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: all 1s ease;
}
.pagination a.active, .pagination a:hover, .pagination span.active, .pagination span:hover {
  color: #161616;
  background-color: #fff;
}
.pagination a.first-page, .pagination span.first-page {
  background: url(/assets/img/icons/arrow-left_slider.svg) no-repeat center;
  background-size: 16px;
}
.pagination a.first-page:hover, .pagination span.first-page:hover {
  background-color: #fff;
}
.pagination a.last-page, .pagination span.last-page {
  background: url(/assets/img/icons/arrow-right_slider.svg) no-repeat center;
  background-size: 16px;
}
.pagination a.last-page:hover, .pagination span.last-page:hover {
  background-color: #fff;
}

.alert {
  position: fixed;
  right: 0;
  bottom: 0;
  background: #EAE9E5;
  border: 1px solid #E5543C;
  z-index: 20;
  padding: 16px 46px 16px 82px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  max-width: 400px;
}
.alert::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 50px;
  height: 50px;
  background: #E5543C url(/assets/img/icons/alert-error.svg) no-repeat center;
  background-size: 24px;
}
.alert a {
  color: #3C7E3D;
  font-weight: 600;
  text-decoration: underline;
}
.alert a:hover {
  text-decoration: none;
}
.alert .close {
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  color: transparent;
  background: url(/assets/img/icons/close-cat.svg) no-repeat center;
  background-size: 14px;
}

.breadcrumb {
  display: flex;
  font-size: 14px;
  line-height: 16px;
  padding: 16px 0;
  padding: 10px 0 24px;
}
@media only screen and (max-width: 1023px) {
  .breadcrumb {
    padding: 34px 0 16px;
  }
  .breadcrumb .breadcrumb-item {
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    padding: 21px 0 15px;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .breadcrumb li:last-child {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.breadcrumb li:first-child {
  padding-left: 18px;
  background: url(/assets/img/icons/bread_home.svg) no-repeat center left;
  background-size: 16px;
}
.breadcrumb a,
.breadcrumb .divider {
  color: rgba(22, 22, 22, 0.5019607843);
}
.breadcrumb .divider {
  padding: 0 6px;
}

/* Product card gallery*/
.product-single__gallery {
  position: relative;
  max-width: 50%;
}
.product-single__gallery .product-card__stikers {
  right: 26px;
  top: 26px;
  left: auto;
  text-align: right;
}
.product-single__gallery .product-card__stikers div {
  text-transform: uppercase;
}
.product-single__gallery .swiper-slide a {
  width: 100%;
}
.product-single__gallery .swiper-slide img {
  background-color: #fff;
}
.product-single__gallery .swiper-button-prev {
  width: 48px;
  height: 48px;
  background: #fff url(/assets/img/icons/arrow-left_slider.svg) no-repeat center;
  left: 26px;
}
@media only screen and (max-width: 1180px) {
  .product-single__gallery .swiper-button-prev {
    left: 16px;
  }
}
.product-single__gallery .swiper-button-next {
  width: 48px;
  height: 48px;
  background: #fff url(/assets/img/icons/arrow-right_slider.svg) no-repeat center;
  right: 26px;
}
@media only screen and (max-width: 1180px) {
  .product-single__gallery .swiper-button-next {
    right: 16px;
  }
}
@media only screen and (max-width: 1180px) {
  .product-single__gallery {
    max-width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__gallery {
    max-width: 100%;
  }
}

.product-gallery .swiper-pagination {
  display: none;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .product-gallery .swiper-pagination {
    display: flex;
    bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .product-gallery .swiper-button-next, .product-gallery .swiper-button-prev {
    display: none;
  }
  .product-gallery .swiper-slide a {
    width: 100%;
  }
  .product-gallery .swiper-slide img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 540px) {
  .product-gallery .swiper-slide img {
    height: 267px;
  }
}
.product-gallery .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  background: transparent;
  opacity: 1;
}
.product-gallery .swiper-pagination-bullet-active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
}
.product-gallery .swiper-pagination-bullet-active:before {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.product-gallery-thumb {
  height: 20%;
  box-sizing: border-box;
  padding: 8px 0;
}
@media only screen and (max-width: 767px) {
  .product-gallery-thumb {
    display: none;
  }
}

.product-gallery-thumb .swiper-slide {
  width: 25%;
  height: 100%;
  cursor: pointer;
}

.product-gallery-thumb .swiper-slide-thumb-active {
  opacity: 1;
}

/* Product card general info */
@media only screen and (max-width: 767px) {
  .product-single__top > .container {
    flex-direction: column;
  }
}

.product-info {
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  margin-top: -27px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .product-info {
    display: none;
  }
}
.product-info .container > div {
  width: 25%;
  align-self: stretch;
  padding: 16px 26px;
  border-right: 1px solid rgba(22, 22, 22, 0.2);
}
.product-info .container > div:first-child {
  padding-left: 0;
}
.product-info .container > div:last-child {
  padding-right: 0;
  border-right: none;
}
@media only screen and (max-width: 1023px) {
  .product-info .container > div:last-child {
    position: relative;
    padding-left: 26px;
  }
  .product-info .container > div:last-child .currency {
    position: absolute;
    bottom: 8px;
    left: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .product-info .container > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 16px;
  }
}
.product-info .container > div.product-info__price .product-info__caption {
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .product-info .container > div.product-info__price .product-info__caption {
    margin-left: -10px;
  }
}
.product-info .product-info__caption {
  color: rgba(22, 22, 22, 0.5019607843);
}

.product-single__price-box {
  border-bottom: 1px solid rgba(22, 22, 22, 0.1019607843);
  padding-bottom: 26px;
  margin-bottom: 26px;
}
.product-single__price-box .product-price-old {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 6px;
}
.product-single__price-box .product-price {
  font-size: 48px;
  font-weight: 600;
  line-height: 48px;
}
@media only screen and (max-width: 767px) {
  .product-single__price-box {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .product-single__price-box {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 16px;
  }
  .product-single__price-box .product-price-old {
    margin-bottom: 0;
  }
  .product-single__price-box .product-price {
    font-size: 36px;
    line-height: 42px;
  }
}

.product-single__info {
  padding: 73px 80px 73px;
  width: 100%;
}
@media only screen and (max-width: 1540px) {
  .product-single__info {
    padding: 73px 50px 73px;
  }
}
@media only screen and (max-width: 1440px) {
  .product-single__info {
    padding: 28px 0 32px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__info {
    padding: 12px 0px 44px;
    width: 100%;
  }
  .product-single__info .read-more {
    display: inline-block;
    text-align: center;
  }
}
@media only screen and (max-width: 540px) {
  .product-single__info .read-more {
    display: block;
  }
}

.product-single__type {
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .product-single__type {
    margin-bottom: 3px;
  }
}

.product-single__header {
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .product-single__header {
    margin-bottom: 16px;
  }
}
.product-single__header .reviews-general {
  gap: 5px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.product-single__header .reviews-general .raiting {
  gap: 2px;
}
.product-single__header .reviews-general .star {
  width: 16px;
  height: 16px;
}

.product-single__title {
  font-size: 54px;
  font-weight: 700;
  line-height: 62px;
  color: #3C7E3D;
  text-transform: uppercase;
  margin-bottom: 9px;
}
@media only screen and (max-width: 1023px) {
  .product-single__title {
    font-size: 48px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 4px;
  }
}

.product-single__buttons {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .product-single__buttons {
    margin-bottom: 18px;
  }
}

.product-single__options {
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .product-single__options {
    margin-bottom: 26px;
  }
}

.product-single__options-size {
  gap: 44px;
}
@media only screen and (max-width: 1023px) {
  .product-single__options-size {
    gap: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__options-size {
    gap: 17px;
  }
}
.product-single__options-size label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 74px;
}
.product-single__options-size .option-value {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 20px;
}
.product-single__options-size input {
  display: none;
}
.product-single__options-size .option-icon {
  display: flex;
  align-items: end;
  width: 48px;
  height: 80px;
  background: url(/assets/img/single-product/product_size.svg) no-repeat center top;
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
}
.product-single__options-size input:checked + .option-icon {
  background: url(/assets/img/single-product/product_size_hover.svg) no-repeat center top;
}
.product-single__options-size input:checked + .option-icon + .option-value {
  color: #3C7E3D;
}

@media only screen and (max-width: 767px) {
  .product-single__buttons > .wrapper {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 16px;
  }
}

.product-single__buttons-qty {
  display: flex;
  justify-content: space-between;
  max-width: 190px;
  height: 72px;
  border: 1px solid rgba(22, 22, 22, 0.2);
  border-radius: 1000px;
  font-size: 24px;
  font-weight: 600;
  line-height: 20px;
}
@media only screen and (max-width: 1440px) {
  .product-single__buttons-qty {
    max-width: 158px;
  }
}
@media only screen and (max-width: 1023px) {
  .product-single__buttons-qty {
    max-width: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__buttons-qty {
    max-width: unset;
    width: 100%;
  }
}
.product-single__buttons-qty button {
  width: 72px;
  text-align: center;
  color: transparent;
}
.product-single__buttons-qty input {
  text-align: center;
  width: 50px;
}
@media only screen and (max-width: 1023px) {
  .product-single__buttons-qty input {
    width: 40px;
  }
}
.product-single__buttons-qty .sub {
  font-size: 34px;
}
.product-single__buttons-qty button.add {
  background: url(/assets/img/icons/icon-add.svg) no-repeat center;
  background-size: 20px;
}
.product-single__buttons-qty button.sub {
  background: url(/assets/img/icons/icon-minus.svg) no-repeat center;
  background-size: 20px;
}

.card-btn {
  position: relative;
  z-index: 1;
  align-items: center;
  display: flex;
  gap: 6px;
  margin-left: 13px;
  border: 1px solid #3C7E3D;
  background-color: #3C7E3D;
  padding: 25px 26px;
  border-radius: 1000px;
  transition: border 0.5s;
  font-size: 15px;
  line-height: 19px;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}
.card-btn::after {
  content: "";
  display: inline-block;
  margin-left: 0px;
  width: 20px;
  height: 20px;
  background: url(/assets/img/icons/basket_icon.svg) no-repeat center;
  background-size: contain;
}
@media only screen and (max-width: 1023px) {
  .card-btn .card-btn__hidden-text {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .card-btn {
    margin-left: 0;
    width: auto;
    display: flex !important;
  }
  .card-btn .card-btn__hidden-text {
    display: inline;
  }
}

.product-single__action .favour-btn {
  width: 72px;
  height: 72px;
  background-color: transparent;
  border: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 767px) {
  .product-single__action {
    position: absolute;
    right: 16px;
  }
}

.product-single__guarantees {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1180px) {
  .product-single__guarantees .info-line {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__guarantees {
    margin-bottom: 36px;
  }
  .product-single__guarantees .info-line {
    gap: 8px;
  }
}

.info-line {
  padding: 16px 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
.info-line .wrapper {
  gap: 6px;
  line-height: 16px;
}

.small-font {
  font-size: 12px;
  line-height: 12px;
}

.red-link-normal {
  color: #E5543C;
  border-bottom: 1px solid #E5543C;
}
.red-link-normal:hover {
  border-bottom: 1px solid transparent;
}

.ocf-attribute-link {
  color: #3C7E3D;
  border-bottom: 1px solid #3C7E3D;
}
.ocf-attribute-link:hover {
  border-bottom: 1px solid transparent;
}

.delivery-icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/img/icons/truck-line.svg) no-repeat center top;
}

.return-icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/img/icons/arrow-go-back-fill.svg) no-repeat center top;
}

.gift-icon {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/assets/img/icons/gift-2-line.svg) no-repeat center top;
}

.notes-title {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 7px;
}

.product-single__notes {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .product-single__notes {
    margin-bottom: 36px;
  }
}
.product-single__notes .wrapper {
  width: 260px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .product-single__notes .wrapper {
    width: 200px;
  }
}
.product-single__notes .info-line {
  gap: 16px;
  padding: 12px 0 11px;
}
@media only screen and (max-width: 767px) {
  .product-single__notes .info-line {
    gap: 10px;
    padding: 9px 0 9px;
  }
}
.product-single__notes .notes-descr {
  display: block;
  gap: 8px;
}
.product-single__notes + .wrapper {
  text-align: center;
}

/* Product card content with text and images */
.product-single__content {
  padding: 120px 0 36px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .product-single__content {
    padding: 44px 0px 12px;
  }
  .product-single__content .read-more {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}
@media only screen and (max-width: 540px) {
  .product-single__content .read-more {
    width: 100%;
  }
}
.product-single__content .title-2-small {
  text-align: center;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1023px) {
  .product-single__content .title-2-small {
    margin-bottom: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__content .title-2-small {
    text-align: left;
    margin-bottom: 36px;
    font-size: 36px;
    line-height: 42px;
  }
}
.product-single__content .product-content__container {
  max-width: 1266px;
  padding: 0 16px;
}
.product-single__content .product-content__container .row {
  gap: 44px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1023px) {
  .product-single__content .product-content__container .row {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 44px;
  }
  .product-single__content .product-content__container .row + .row {
    flex-direction: column-reverse;
  }
  .product-single__content .product-content__container .row.product-single__last-row {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__content .product-content__container .row {
    margin-bottom: 36px;
  }
}
.product-single__content .product-content__container .read-more-catalog {
  display: none;
}
.product-single__content h3 {
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 38px;
  text-transform: uppercase;
}
.product-single__content li {
  list-style: disc;
  margin-left: 18px;
}

.half-container {
  width: 50%;
  gap: 16px;
}
.half-container img {
  width: 100%;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1023px) {
  .half-container {
    width: 100%;
  }
  .half-container img {
    width: 100%;
    max-height: 554px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 540px) {
  .half-container img {
    max-height: 230px;
  }
}

.product-content__title {
  font-size: 24px;
  line-height: 38px;
  text-transform: uppercase;
}

.product-single__region {
  max-width: 818px;
  padding: 44px 0;
  gap: 16px;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  .product-single__region {
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .product-single__region {
    padding: 0;
    flex-direction: column;
    align-items: flex-start !important;
  }
}

/* Simular products*/
.simular-products {
  padding-top: 80px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .simular-products {
    padding-top: 44px;
  }
}

/*  Section week promo with marquee*/
.single-product-week {
  background-image: linear-gradient(to bottom, transparent 0%, transparent 40%, #9DC95D 40%, #9DC95D);
  margin-bottom: 0;
  padding-bottom: 80px;
  padding-top: 80px;
}
@media only screen and (max-width: 1023px) {
  .single-product-week {
    padding-bottom: 44px;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 767px) {
  .single-product-week {
    padding-bottom: 0px;
  }
}
.single-product-week .swiper-promo-container {
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .single-product-week .swiper-promo-container {
    margin-bottom: 0;
  }
}
.single-product-week .swiper-promo-container + .wrapper {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .single-product-week .swiper-promo-container + .wrapper .read-more-catalog {
    display: none;
  }
}

/* Section marquee 2 lines crossed */
.marquee-sales {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  margin-bottom: -22px;
}

.marquee-sales__line {
  display: flex;
  font-family: var(--font-first);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  color: #969696;
  animation: startLine 15s linear, marquee 15s linear infinite alternate-reverse;
  width: 2630px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .marquee-sales__line {
    height: 300px;
    padding-top: 70px;
  }
}
@media only screen and (max-width: 1023px) {
  .marquee-sales__line {
    height: 74px;
    padding-top: 0px;
  }
}
.marquee-sales__line li {
  width: 470px;
  text-align: center;
  margin-left: 70px;
  padding-top: 5px;
}
.marquee-sales__line li::after {
  content: "";
  display: inline-block;
  background-color: #161616;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-left: 26px;
  margin-top: 25px;
}
.marquee-sales__line li:last-child::after {
  content: none;
}

@keyframes startLine {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0%);
  }
}
/* Notification */
.notification-body {
  position: fixed;
  bottom: 44px;
  right: 16px;
  background: #EAE9E5;
  padding: 16px;
  border: 1px solid rgba(22, 22, 22, 0.1019607843);
  gap: 16px;
  z-index: 10;
  box-shadow: 0 6px 12px 1px rgba(0, 0, 0, 0.1215686275);
  max-width: 500px;
}
@media only screen and (max-width: 767px) {
  .notification-body {
    left: 16px;
    bottom: 26px;
  }
}
.notification-body h6 {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .notification-body h6 {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 8px;
  }
}
.notification-body .notification-details {
  gap: 8px;
}
.notification-body img {
  width: 62px;
  height: 62px;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  background-color: #fff;
}
.notification-body .product-price {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}
.notification-body .product-weight {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  margin-bottom: 0;
}
.notification-body .nav__basket-btn {
  background: #E5543C url(/assets/img/icons/basket_icon.svg) no-repeat center;
  margin-left: 20px;
  transition: 0.5s ease;
  flex-shrink: 0;
}
.notification-body .nav__basket-btn:hover {
  background-color: #3C7E3D;
}

.product-reviews {
  background-color: #fff;
  padding: 120px 0;
  border-top: 1px solid #EAE9E5;
}
@media only screen and (max-width: 767px) {
  .product-reviews {
    padding: 44px 0;
  }
  .product-reviews .loadmore-box {
    margin-top: 60px;
  }
}
.product-reviews .container {
  max-width: 1322px;
}
.product-reviews .title-wrapper {
  margin-bottom: 46px;
}
@media only screen and (max-width: 767px) {
  .product-reviews .title-wrapper {
    flex-direction: column;
    align-items: self-start;
    gap: 26px;
    margin-bottom: 20px;
  }
  .product-reviews .title-wrapper .wrapper {
    justify-content: space-between;
    width: calc(100% - 16px);
  }
}
.product-reviews .title-wrapper .title-2-small {
  padding-right: 26px;
  margin-right: 26px;
  border-right: 1px solid #EAE9E5;
}
@media only screen and (max-width: 767px) {
  .product-reviews .title-wrapper .title-2-small {
    width: 100%;
    justify-content: center;
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
    font-size: 36px;
  }
}
.product-reviews .title-wrapper .reviews-general {
  gap: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.product-reviews .title-wrapper .reviews-general-stars {
  display: flex;
}
.product-reviews .title-wrapper .raiting .star {
  width: 16px;
  height: 16px;
}
.product-reviews .add-btn {
  display: flex;
  align-items: center;
  background-color: #161616;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-transform: unset;
  height: 60px;
  line-height: 60px;
  padding: 0 16px 0 26px;
}
@media only screen and (max-width: 767px) {
  .product-reviews .add-btn {
    width: 100%;
    justify-content: center;
  }
}
.product-reviews .add-btn::after {
  background: url(/assets/img/icons/icon-add-white.svg) no-repeat center;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
.product-reviews .avatar {
  width: 52px;
  height: 52px;
  margin-right: 12px;
}
.product-reviews .product-reviews__author-meta .author {
  margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
  .product-reviews .product-reviews__author-meta .author {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product-reviews .product-reviews__author-meta .date {
  font-size: 12px;
  padding-left: 12px;
}
@media only screen and (max-width: 767px) {
  .product-reviews .product-reviews__author-meta .date {
    padding-left: 0;
  }
}
.product-reviews .product-reviews__review {
  margin-top: 9px;
  font-size: 14px;
  line-height: 20px;
}
.product-reviews .product-reviews__likes {
  position: absolute;
  right: 16px;
  font-size: 16px;
}
@media only screen and (max-width: 1180px) {
  .product-reviews .product-reviews__likes {
    right: 0px;
  }
}
.product-reviews .product-reviews__likes .like {
  padding-right: 16px;
  margin-right: 16px;
  border-right: 1px solid #EAE9E5;
}
.product-reviews .product-reviews__likes .vote-like {
  width: 24px;
  height: 24px;
  background: url(/assets/img/icons/thumb-up.svg) no-repeat center;
  background-size: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.product-reviews .product-reviews__likes .vote-like.active, .product-reviews .product-reviews__likes .vote-like.enabled:hover {
  background: url(/assets/img/icons/thumb-up-fill.svg) no-repeat center;
  background-size: 24px;
}
.product-reviews .product-reviews__likes .vote-dislike {
  width: 24px;
  height: 24px;
  background: url(/assets/img/icons/thumb-down.svg) no-repeat center;
  background-size: 24px;
  margin-right: 4px;
  cursor: pointer;
}
.product-reviews .product-reviews__likes .vote-dislike.active, .product-reviews .product-reviews__likes .vote-dislike.enabled:hover {
  background: url(/assets/img/icons/thumb-down-fill.svg) no-repeat center;
  background-size: 24px;
}
.product-reviews .product-reviews__item {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid #EAE9E5;
}

.raiting {
  display: flex;
  align-items: center;
  gap: 1px;
}
.raiting .star {
  background: url(/assets/img/icons/star-grey.svg) no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: block;
}
.raiting .star_good {
  background: url(/assets/img/icons/star-gold.svg) no-repeat center center;
  background-size: contain;
}
.raiting .star_half {
  background: url(/assets/img/icons/star-half.svg) no-repeat center center;
  background-size: contain;
}

/* Add review modal popup */
#add-review {
  display: none;
  width: 305px;
  height: auto;
  max-height: unset;
}
@media only screen and (max-width: 767px) {
  #add-review {
    height: 100%;
    width: auto;
  }
  #add-review .modal-dialog {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #add-review .modal-cart__title {
    font-size: 20px;
    line-height: 28px;
  }
  #add-review .modal-form__fields {
    height: 100%;
    padding-top: 14px;
  }
}
#add-review .modal-content {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #add-review .modal-content {
    height: calc(100% - 60px);
  }
}
#add-review .modal-header {
  padding: 16px 16px 16px;
  margin-bottom: 30px;
  border-bottom: 1px solid #EAE9E5;
}
@media only screen and (max-width: 767px) {
  #add-review .modal-header {
    margin-bottom: 16px;
  }
}
#add-review .modal-body {
  padding: 0 16px 16px;
}
#add-review .modal-body a {
  color: #3C7E3D;
  text-decoration: underline;
  font-weight: 600;
}
#add-review .modal-body a:hover {
  text-decoration: none;
}
#add-review .modal-body__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-transform: none;
  margin-bottom: 16px;
}
#add-review .modal-form__descr {
  max-width: unset;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  #add-review .modal-form__descr {
    margin-bottom: 16px;
  }
}
#add-review textarea {
  height: 84px;
  margin-bottom: 4px;
}
#add-review .send-btn::after {
  content: "";
  background: url(/assets/img/icons/send-plane.svg) no-repeat center;
  background-size: contain;
  width: 20px;
  height: 20px;
}
#add-review .control-error-text {
  top: 0%;
  right: auto;
  left: 0;
  transform: translateY(-90%);
  max-width: 100%;
}
#add-review .modal-form__fields > label {
  position: relative;
  display: block;
}

.wrap_rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
}

.wrap_rating label.rating_value input {
  display: none;
}

.rating_value:before {
  content: "";
  background: url(/assets/img/icons/star-grey.svg) no-repeat center center;
  width: 42px;
  height: 42px;
  background-size: contain;
  display: block;
}

.rating_value.hovered:before,
.rating_value.checked:before {
  content: "";
  background: url(/assets/img/icons/star-gold.svg) no-repeat center center;
  width: 42px;
  height: 42px;
  background-size: contain;
  display: block;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

.category-container .product-card {
  width: 33.3%;
}
@media only screen and (max-width: 1440px) {
  .category-container .product-card {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .category-container .product-card {
    width: 100%;
  }
}
.category-container.full-width .product-card {
  width: 25%;
}
@media only screen and (max-width: 1440px) {
  .category-container.full-width .product-card {
    width: 33.2%;
  }
}
@media only screen and (max-width: 1180px) {
  .category-container.full-width .product-card {
    width: 33.2%;
  }
}
@media only screen and (max-width: 1023px) {
  .category-container.full-width .product-card {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .category-container.full-width .product-card {
    width: 100%;
  }
}

.category-sort {
  font-size: 14px;
  line-height: 18px;
}
.category-sort .category-sort__title {
  color: rgba(22, 22, 22, 0.6);
  padding-right: 10px;
  margin-right: 8px;
  border-right: 1px solid #161616;
  flex-shrink: 0;
}
.category-sort .category-sort__select {
  outline: none;
  font-weight: 500;
  cursor: pointer;
}

#filter-products {
  width: 25%;
  padding-right: 36px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1023px) {
  #filter-products {
    position: absolute;
  }
}

@media only screen and (max-width: 1023px) {
  .filter-container {
    display: none;
    position: fixed;
    width: 100%;
    max-width: 472px;
    margin: 0px auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    height: 100%;
    max-height: 90vh;
    /* overflow: auto; */
    background: #fff;
    z-index: 100;
    padding: 36px;
  }
  .filter-container .black-btn {
    width: 100%;
    margin-top: 16px;
  }
  .filter-body {
    height: calc(100% - 170px);
    overflow-y: auto;
  }
}
@media only screen and (max-width: 767px) {
  .filter-container {
    max-height: 100vh;
    padding: 16px;
  }
}
.filter-header {
  margin-bottom: 70px;
  padding-top: 5px;
}

.filter-caption {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  opacity: 0;
}
@media only screen and (max-width: 1180px) {
  .filter-caption {
    opacity: 1;
  }
}

.filter-close {
  display: none;
  height: 24px;
  width: 24px;
  background: url(/assets/img/icons/close.svg) no-repeat center;
  background-size: auto;
}
@media only screen and (max-width: 1023px) {
  .filter-close {
    display: block;
  }
}

.filter-group {
  margin-bottom: 36px;
}
.filter-group .ocf-filter .ocf-noUi-handle, .filter-group .ocf-filter .ocf-noUi-connect:before {
  background-color: #3C7E3D;
}
.filter-group .ocf-filter .ocf-mobile.ocf-icon,
.filter-group .ocf-filter .ocf-active-label,
.filter-group .ocf-filter .ocf-filter-header-append {
  display: none !important;
}

.filter-group__item {
  margin-bottom: 16px;
}
.filter-group__item:last-child {
  margin-bottom: 0;
}
.filter-group__item button.ocf-value {
  display: flex;
  text-align: left;
  align-items: center;
  gap: 8px;
  color: rgba(22, 22, 22, 0.5019607843);
  font-size: 16px;
  line-height: 24px;
}
.filter-group__item button.ocf-value input {
  display: none; /* Hide the default checkbox */
}
.filter-group__item button.ocf-value span.filter-item__icon {
  height: 24px;
  width: 24px;
  border: 1px solid rgba(22, 22, 22, 0.2);
  border-radius: 6px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.filter-group__item button.ocf-value.ocf-selected span.filter-item__icon:before {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  display: block;
  background: #9DC95D url(/assets/img/icons/icon-check-black.svg) no-repeat center;
  background-size: 16px;
  border: 1px solid #9DC95D;
}
.filter-group__item button.ocf-value.ocf-selected span {
  color: #161616;
}
.filter-group__item .filter-item__count {
  margin-left: auto;
  min-width: 50px;
  text-align: right;
}
.filter-group__item .filter-item__count .ocf-value-count {
  font-size: 16px;
  line-height: 24px;
}

.filter-group__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 22px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .filter-group__title {
    font-size: 16px;
  }
}

.filter-show {
  position: fixed;
  bottom: 16px;
  left: 0;
  right: 0;
  z-index: 12;
  margin: 0 auto;
  display: none;
  width: 147px;
  align-items: center;
  gap: 16px;
  background-color: #161616;
  color: #fff;
  padding: 0 27px 0 32px;
  height: 72px;
  line-height: 72px;
  border-radius: 1000px;
  font-size: 15px;
}
@media only screen and (max-width: 1023px) {
  .filter-show {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .filter-show {
    height: 60px;
    line-height: 60px;
  }
}
.filter-show .filter-show__icon {
  display: block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/icons/icon-filter.svg) center;
  background-size: contain;
}

/* Modal cart */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 14;
  background-color: rgba(22, 22, 22, 0.6);
}

#modal-cart {
  position: fixed;
  background: #fff;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 15;
  padding: 0;
  width: 460px;
  transform: translate3d(100%, 0, 0);
  transition: transform 1s ease;
  height: 100vh;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  overflow-x: hidden;
}
#modal-cart.open {
  transform: translateZ(0);
}
#modal-cart .product-single__buttons-qty {
  height: 32px;
  max-width: 106px;
}
#modal-cart .product-single__buttons-qty input, #modal-cart .product-single__buttons-qty button {
  font-size: 14px;
  line-height: 14px;
}
#modal-cart .product-single__buttons-qty button.add {
  width: 32px;
  background: url(/assets/img/icons/icon-add.svg) no-repeat center;
  background-size: 19px;
}
#modal-cart .product-single__buttons-qty button.sub {
  width: 32px;
  background: url(/assets/img/icons/icon-minus.svg) no-repeat center;
  background-size: 19px;
}
#modal-cart .product-single__buttons-qty input.form-control {
  width: 44px;
}
#modal-cart .cart-item {
  align-items: stretch;
}
#modal-cart .cart-item__price {
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  #modal-cart {
    width: 100%;
  }
}
#modal-cart .cart-empty .free-shipping-bar,
#modal-cart .cart-empty .cart-item-list,
#modal-cart .cart-empty .cart-products-caption,
#modal-cart .cart-empty .cart-products-list {
  display: none;
}
#modal-cart .cart-empty .modal-cart__body {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#modal-cart .cart-empty a.green-btn {
  pointer-events: none;
  cursor: default;
  background-color: #fff;
  border: 1px solid #fff;
  color: #EAE9E5;
}
#modal-cart .cart-empty-info__img {
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  #modal-cart .cart-empty-info__img img {
    width: 150px;
  }
}
#modal-cart .cart-empty-info__title {
  font-size: 24px;
  line-height: 36px;
  color: #161616;
  margin-bottom: 8px;
}
#modal-cart .cart-empty-info__descr {
  font-size: 16px;
  line-height: 24px;
  color: #3C7E3D;
}

.modal-cart__wrapper {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 26px 0 26px 26px;
}
@media only screen and (max-width: 767px) {
  .modal-cart__wrapper {
    padding: 16px 0 16px 16px;
  }
}

.cart-close {
  height: 24px;
  width: 24px;
  background: url(/assets/img/icons/close.svg) no-repeat center;
  background-size: auto;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .cart-close {
    display: block;
  }
}

.modal-cart__header {
  padding-right: 26px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .modal-cart__header {
    padding-right: 16px;
  }
}

.modal-cart__title {
  font-size: 24px;
  line-height: 38px;
  text-transform: uppercase;
}

.modal-cart__body {
  /*height: 100%;*/
  display: flex;
  flex-direction: column;
}
.modal-cart__body .cart-item-list {
  width: 100%;
}
.modal-cart__body .cart-item__img {
  height: 99px;
  width: 99px;
  -o-object-fit: cover;
     object-fit: cover;
}

.free-shipping-bar {
  margin-bottom: 26px;
  padding-right: 26px;
}

.free-shipping-bar__message {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 8px;
}
.free-shipping-bar__message span {
  color: #3C7E3D;
  font-weight: 700;
}
.free-shipping-bar__message.shipping-free {
  color: #3C7E3D;
  font-weight: 700;
  padding-left: 28px;
  background: url(/assets/img/icons/icon-check-green.svg) no-repeat center left;
}

.free-shipping-bar__progress {
  position: relative;
  height: 8px;
  overflow: hidden;
  border-radius: 1000px;
  background-color: #EAE9E5;
}
.free-shipping-bar__progress .free-shipping-bar__indicator {
  height: 8px;
  background-color: #9DC95D;
  border-radius: 1000px;
}

.cart-item-list {
  padding-right: 26px;
}

.cart-item {
  gap: 16px;
  margin-bottom: 16px;
}

.cart-item__descr {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.cart-item__img {
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .cart-item__img {
    height: 44px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.cart-item__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.cart-item__title a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: 0.5s ease;
}
.cart-item__title a:hover {
  color: #3C7E3D;
}

.cart-item__weight {
  font-size: 14px;
  line-height: 14px;
  opacity: 0.6;
}

.cart-item__remove-btn {
  transition: 0.5s ease;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.cart-item__remove-btn:hover path {
  fill: #3C7E3D;
  transition: 0.5s ease;
}

.cart-products-caption {
  font-size: 24px;
  line-height: 38px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.cart-products-list {
  gap: 8px;
  width: 100%;
  overflow-y: auto;
  padding-bottom: 10px;
}
.cart-products-list .product-card {
  width: 237px;
  flex-shrink: 0;
}
.cart-products-list .product-card__caption {
  font-size: 16px;
  margin-bottom: 0;
  -webkit-line-clamp: 1;
}
.cart-products-list .product-price {
  font-size: 20px;
  line-height: 20px;
}
.cart-products-list .product-weight {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 4px;
}
.cart-products-list .product-price-old {
  color: rgba(22, 22, 22, 0.2);
  font-size: 12px;
  line-height: 16px;
}
.cart-products-list .nav__basket-btn {
  width: 44px;
  height: 44px;
}
.cart-products-list .nav__basket-btn:hover::after {
  content: none !important;
}
.cart-products-list .nav__basket-btn svg {
  height: 16px;
  width: 16px;
}
.cart-products-list::-webkit-scrollbar {
  height: 10px;
  margin-top: 5px;
}
.cart-products-list::-webkit-scrollbar-track {
  background: #fff;
}
.cart-products-list::-webkit-scrollbar-thumb {
  background: #3C7E3D;
}
.cart-products-list::-webkit-scrollbar-thumb:hover {
  background: #3C7E3D;
}

.modal-cart__footer {
  background-color: #EAE9E5;
  padding: 26px;
  flex: 0 0 auto;
}
@media only screen and (max-width: 767px) {
  .modal-cart__footer {
    padding: 16px 16px 26px;
    padding: 16px 16px calc(26px + env(safe-area-inset-bottom) * 1.5);
  }
}

.modal-cart__subtotal {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.modal-cart__checkout-btn {
  text-align: center;
}
.modal-cart__checkout-btn a {
  display: block;
}

.title-3-small {
  font-size: 36px;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: 600;
}

.blog-header {
  padding: 20px 0 94px;
}
@media only screen and (max-width: 1180px) {
  .blog-header {
    padding: 34px 0 57px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-header {
    padding: 34px 0 38px;
  }
}
.blog-header img {
  margin-right: 26px;
}
.blog-header .title-2-small {
  padding-right: 26px;
  margin-right: 26px;
  border-right: 1px solid rgba(22, 22, 22, 0.2);
  height: 68px;
  line-height: 68px;
}
@media only screen and (max-width: 767px) {
  .blog-header .title-2-small {
    font-size: 48px;
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
  }
  .blog-header .title-2-small + span {
    display: none;
  }
}

.blog-main-container {
  position: relative;
  padding-bottom: 59px;
  margin-bottom: 77px;
}
@media only screen and (max-width: 1540px) {
  .blog-main-container {
    padding-bottom: 26px;
  }
}
@media only screen and (max-width: 1180px) {
  .blog-main-container {
    margin-bottom: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .blog-main-container {
    margin-bottom: 32px;
  }
}
.blog-main-container > .container {
  gap: 36px;
}
.blog-main-container .title-wrapper {
  margin-bottom: 31px;
}
.blog-main-container::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9DC95D;
  min-height: 100vh;
  display: block;
  top: -100vh;
  z-index: -1;
}

.last-articles {
  max-width: 949px;
}
@media only screen and (max-width: 1540px) {
  .last-articles {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1180px) {
  .last-articles {
    max-width: 100%;
  }
}
.last-articles .swiper-slide {
  align-items: flex-start;
}

.last-article__author, .author {
  margin-bottom: 26px;
}
.last-article__author a, .author a {
  font-size: 16px;
  line-height: 24px;
}
.last-article__author img.avatar, .author img.avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 12px;
}

.author {
  margin-bottom: 12px;
}
.author a {
  color: #161616;
}
.author > a:hover {
  color: #3C7E3D;
}

.last-article__author {
  margin-bottom: 26px;
}
.last-article__author a {
  color: #fff;
}

.last-article__subtitle {
  text-transform: none;
}

.last-article__descr {
  padding: 36px 16px 16px;
}
@media only screen and (max-width: 1440px) {
  .last-article__descr p {
    max-height: 250px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .last-article__descr {
    padding: 16px;
  }
  .last-article__descr p {
    height: auto;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* количество строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .mySwiperLastArticles {
    background-color: #161616;
  }
}
.mySwiperLastArticles .last-article__img {
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .mySwiperLastArticles .last-article__img {
    width: 100%;
  }
}
.mySwiperLastArticles .last-article__img img {
  width: 500px;
  height: 510px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1540px) {
  .mySwiperLastArticles .last-article__img img {
    width: 400px;
  }
}
@media only screen and (max-width: 1180px) {
  .mySwiperLastArticles .last-article__img img {
    width: 500px;
  }
}
@media only screen and (max-width: 1023px) {
  .mySwiperLastArticles .last-article__img img {
    width: 345px;
  }
}
@media only screen and (max-width: 767px) {
  .mySwiperLastArticles .last-article__img img {
    width: 100%;
    height: 280px;
  }
}
@media only screen and (max-width: 540px) {
  .mySwiperLastArticles .last-article__img img {
    height: 232px;
  }
}
.mySwiperLastArticles .swiper-slide {
  align-items: flex-start;
  background-color: #161616;
  color: #EAE9E5;
}
@media only screen and (max-width: 767px) {
  .mySwiperLastArticles .swiper-slide {
    flex-direction: column;
  }
}
.mySwiperLastArticles .swiper-slide .last-article__subtitle a {
  color: #fff;
  transition: 0.5s ease;
}
.mySwiperLastArticles .swiper-slide .last-article__subtitle a:hover {
  color: #3C7E3D;
}
.mySwiperLastArticles .swiper-articles__nav {
  position: absolute;
  right: 16px;
  left: 516px;
  bottom: 0px;
}
@media only screen and (max-width: 1540px) {
  .mySwiperLastArticles .swiper-articles__nav {
    left: 416px;
  }
}
@media only screen and (max-width: 1180px) {
  .mySwiperLastArticles .swiper-articles__nav {
    left: 361px;
  }
}
@media only screen and (max-width: 767px) {
  .mySwiperLastArticles .swiper-articles__nav {
    position: relative;
    padding: 0 16px;
    left: 0;
    right: 0;
  }
}
.mySwiperLastArticles .swiper-articles__nav .swiper-pagination-fraction {
  width: 70px;
  position: relative;
  color: rgba(255, 255, 255, 0.4);
  font-size: 20px;
  line-height: 46px;
}
.mySwiperLastArticles .swiper-articles__nav .swiper-pagination-fraction .swiper-pagination-current {
  font-size: 36px;
}
.mySwiperLastArticles .swiper-articles__nav .box {
  width: 136px;
  margin-bottom: 16px;
}
.mySwiperLastArticles .swiper-articles__nav .box .swiper-button-prev, .mySwiperLastArticles .swiper-articles__nav .box .swiper-button-next {
  position: relative;
  background-color: rgba(255, 255, 255, 0.2);
}
.mySwiperLastArticles .swiper-articles__nav .box .swiper-button-prev {
  left: 0;
}
.mySwiperLastArticles .swiper-articles__nav .box .swiper-button-next {
  right: 0;
}

/* Popular articles */
.popular-articles__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media only screen and (max-width: 1180px) {
  .popular-articles {
    display: none;
  }
}

.popular-articles__item {
  background-color: #EAE9E5;
}

.popular-articles__img {
  flex-shrink: 0;
}
.popular-articles__img img {
  width: 210px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.popular-articles__img .product-card__stikers {
  display: none;
}

.popular-articles__descr {
  padding: 16px 49px 16px 32px;
}
@media only screen and (max-width: 1540px) {
  .popular-articles__descr {
    padding: 16px 32px 16px 16px;
  }
}
@media only screen and (max-width: 1440px) {
  .popular-articles__descr .date {
    display: none;
  }
}
.popular-articles__descr .last-article__author {
  margin-bottom: 12px;
}
.popular-articles__descr .last-article__author a {
  color: #161616;
}
.popular-articles__descr p {
  height: 65px;
  overflow: hidden;
  line-height: 22px;
  font-size: 14px;
}
@media only screen and (max-width: 1440px) {
  .popular-articles__descr p {
    display: none;
  }
}

.popular-articles__subtitle {
  text-transform: unset;
  line-height: 32px;
  margin-bottom: 12px;
  max-height: 65px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/* General Blog*/
#blog-main .seo-text {
  padding: 0 0 124px;
}
#blog-main .seo-text ol {
  padding-left: 20px;
}
@media only screen and (max-width: 1180px) {
  #blog-main .seo-text {
    padding: 0 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  #blog-main .seo-text {
    padding: 0 0 44px;
  }
}

.blog-main {
  padding-bottom: 79px;
}
.blog-main > .container {
  gap: 16px;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.blog-main .wrapper {
  padding: 16px;
}
.blog-main .loadmore-box {
  margin-top: 67px;
}

.blog-main__item {
  width: calc(25% - 16px);
  border: 1px solid rgba(22, 22, 22, 0.1019607843);
}
@media only screen and (max-width: 1440px) {
  .blog-main__item {
    width: calc(33% - 8px);
  }
}
@media only screen and (max-width: 1023px) {
  .blog-main__item {
    width: calc(50% - 8px);
  }
}
@media only screen and (max-width: 767px) {
  .blog-main__item {
    width: 100%;
  }
}

.blog-main__item {
  transition: 0.5s ease;
}
.blog-main__item:hover {
  border: 1px solid #161616;
}
.blog-main__item:hover img {
  transform: scale(1.1);
  transition: 0.5s ease;
}
.blog-main__item a {
  transition: 0.5s ease;
}
.blog-main__item a:hover {
  color: #3C7E3D;
}
.blog-main__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.5s ease;
}
.blog-main__item .blog__img {
  overflow: hidden;
  height: 286px;
  width: 100%;
}
.blog-main__item .blog__img .product-card__stikers {
  display: none;
}
@media only screen and (max-width: 767px) {
  .blog-main__item .blog__img {
    height: 230px;
  }
}
.blog-main__item .blog__excerpt {
  padding-bottom: 0px;
  border-bottom: 0;
  height: 100px;
  margin-bottom: 10px;
}
.blog-main__item .blog__excerpt p {
  height: 75px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .blog-main__item .blog__excerpt p {
    height: 94px;
    font-size: 14px;
    line-height: 22px;
  }
}
.blog-main__item .blog__cat {
  border-top: 1px solid rgba(22, 22, 22, 0.1019607843);
  padding-top: 26px;
}
.blog-main__item .blog__cat a {
  background-color: #fff;
}
.blog-main__item .blog__cat a:hover {
  color: #3C7E3D;
}

.blog-categories__list {
  margin-bottom: 34px;
  gap: 6px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1023px) {
  .blog-categories__list {
    overflow-x: scroll;
    margin-bottom: 27px;
  }
}
.blog-categories__list a {
  padding: 10px 18px;
  border-radius: 1000px;
  background-color: #fff;
  transition: 0.5s ease;
  font-size: 12px;
  line-height: 14px;
  flex-shrink: 0;
}
.blog-categories__list a:hover {
  color: #3C7E3D;
}
.blog-categories__list a.active-cat {
  background-color: #161616;
  color: #fff;
}

/* Author */
.author-page {
  background-color: #fff;
}
.author-page::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #D1D3CF url(/assets/img/blog/blog_bg_dark.png) repeat center;
  height: 332px;
  display: block;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 1180px) {
  .author-page::before {
    height: 240px;
  }
}
@media only screen and (max-width: 1023px) {
  .author-page::before {
    height: 256px;
  }
}
@media only screen and (max-width: 767px) {
  .author-page::before {
    height: 216px;
  }
}
.author-page .author-info {
  padding-top: 31px;
}
@media only screen and (max-width: 1180px) {
  .author-page .author-info {
    padding-top: 8px;
  }
}
.author-page .author-info__header,
.author-page .author-info p:last-child {
  padding-bottom: 44px;
  margin-bottom: 44px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1180px) {
  .author-page .author-info__header,
  .author-page .author-info p:last-child {
    padding-bottom: 36px;
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .author-page .author-info__header,
  .author-page .author-info p:last-child {
    padding-bottom: 26px;
    margin-bottom: 26px;
  }
}
.author-page .author-info__descr a {
  color: rgba(22, 22, 22, 0.8);
  font-weight: 700;
  border-bottom: 1px solid rgba(22, 22, 22, 0.8);
  transition: all 0.2s ease;
}
.author-page .author-info__descr a:hover {
  color: #3C7E3D;
  border-bottom: 1px solid #3C7E3D;
}
@media only screen and (max-width: 767px) {
  .author-page .author-info__header,
  .author-page .author-info__thumb {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
}
.author-page .author-info__thumb img {
  width: 256px;
  height: 256px;
  border-radius: 50%;
}
@media only screen and (max-width: 1180px) {
  .author-page .author-info__thumb img {
    width: 156px;
    height: 156px;
  }
}
@media only screen and (max-width: 767px) {
  .author-page .author-info__thumb img {
    margin-bottom: 10px;
  }
}
.author-page .author-info__bio {
  margin-left: 25px;
}
@media only screen and (max-width: 767px) {
  .author-page .author-info__bio {
    margin-left: 0;
  }
}
.author-page .author-info__name {
  font-size: 48px;
  font-weight: 500;
  line-height: 62px;
}
@media only screen and (max-width: 1180px) {
  .author-page .author-info__name {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .author-page .author-info__name {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
  }
}
.author-page .author-info__position {
  color: #3C7E3D;
  font-size: 16px;
}
@media only screen and (max-width: 1180px) {
  .author-page .author-info__position {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .author-page .author-info__position {
    display: none;
  }
}
.author-page .author-info__label {
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .author-page .author-info__label {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
  }
}
.author-page .author-info__posts {
  row-gap: 60px;
  align-items: flex-end;
}
@media only screen and (max-width: 1180px) {
  .author-page .author-info__posts {
    row-gap: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .author-page .author-info__posts {
    row-gap: 26px;
    flex-direction: column-reverse;
    width: 100%;
    align-items: center;
  }
}
.author-page .posts-count {
  gap: 60px;
}
@media only screen and (max-width: 767px) {
  .author-page .posts-count {
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-bottom: 16px;
    gap: 0;
    border-bottom: 1px solid #EAE9E5;
  }
}
.author-page .posts-count__item {
  font-size: 48px;
  font-weight: 500;
  line-height: 62px;
  text-align: center;
  width: 70px;
}
@media only screen and (max-width: 1180px) {
  .author-page .posts-count__item {
    font-size: 32px;
    line-height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .author-page .posts-count__item {
    font-size: 28px;
    line-height: 32px;
    width: 170px;
    padding: 0 20px;
    border-right: 1px solid #EAE9E5;
  }
  .author-page .posts-count__item:last-child {
    border-right: 0;
  }
}
.author-page .posts-count__item span {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (max-width: 1180px) {
  .author-page .posts-count__item span {
    font-size: 14px;
    line-height: 20px;
    margin-top: 7px;
  }
}

.author-main .blog-categories__list a {
  background-color: #EAE9E5;
}
.author-main .blog-categories__list a.active-cat {
  background-color: #161616;
}
.author-main .blog-main__item {
  background-color: #EAE9E5;
}

.single-post {
  background: linear-gradient(to bottom, #D1D3CF 0%, #D1D3CF 520px, #fff 520px, #fff);
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .single-post {
    background: #fff; /* linear-gradient(to bottom, #D1D3CF 0%, #D1D3CF 620px, #fff 620px, #fff);  */
  }
}

.post-header {
  margin-bottom: 44px;
  margin-top: 10px;
}
@media only screen and (max-width: 1180px) {
  .post-header {
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .post-header {
    flex-direction: column;
    align-items: flex-start !important;
    margin-bottom: 44px;
  }
}
.post-header .post-title-h1, .post-header h1 {
  font-size: 54px;
  font-weight: 700;
  line-height: 62px;
  max-width: 975px;
}
@media only screen and (max-width: 1180px) {
  .post-header .post-title-h1, .post-header h1 {
    font-size: 40px;
    line-height: 56px;
    max-width: 580px;
  }
}
@media only screen and (max-width: 767px) {
  .post-header .post-title-h1, .post-header h1 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 26px;
  }
}

.post-share {
  gap: 8px;
}
.post-share a {
  transition: 0.5s ease;
}
.post-share a:hover {
  transform: scale(1.2);
}
@media only screen and (max-width: 767px) {
  .post-share {
    width: 100%;
    justify-content: center;
    padding-top: 26px;
    border-top: 1px solid #EAE9E5;
  }
  .post-share + .posts-count {
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }
}

.post-thumbnail {
  margin-bottom: 49px;
  position: relative;
  text-align: center;
  height: 650px;
}
.post-thumbnail img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1540px) {
  .post-thumbnail {
    margin-bottom: 26px;
    height: 535px;
  }
}
@media only screen and (max-width: 1180px) {
  .post-thumbnail {
    margin-bottom: 26px;
    height: 435px;
  }
  .post-thumbnail img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .post-thumbnail {
    margin-bottom: 92px;
    height: 228px;
  }
  .post-thumbnail::before {
    content: "";
    position: absolute;
    left: -16px;
    right: -16px;
    bottom: 0;
    background-color: #D1D3CF;
    min-height: 100vh;
    display: block;
    top: -100vh;
    z-index: -1;
  }
  .post-thumbnail::after {
    content: "";
    position: absolute;
    left: -16px;
    right: -16px;
    bottom: 0;
    background-color: #fff;
    height: 30px;
    display: block;
    top: auto;
    z-index: -1;
  }
}

.post-wrapper {
  max-width: 1222px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .post-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

.post-content {
  padding-right: 80px;
  border-right: 1px solid rgba(22, 22, 22, 0.2);
  margin-bottom: 138px;
}
@media only screen and (max-width: 1440px) {
  .post-content {
    padding-right: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .post-content {
    margin-bottom: 0;
    padding-right: 0;
    border-right: 0;
  }
}
.post-content .post-title-h2, .post-content h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.post-content p {
  color: rgba(22, 22, 22, 0.8);
  margin-bottom: 16px;
}
.post-content p + h2 {
  margin-top: 44px;
}
.post-content p, .post-content .quote, .post-content li {
  color: rgba(22, 22, 22, 0.8);
}
.post-content p a, .post-content .quote a, .post-content li a {
  color: rgba(22, 22, 22, 0.8);
  font-weight: 700;
  border-bottom: 1px solid rgba(22, 22, 22, 0.8);
  transition: all 0.2s ease;
}
.post-content p a:hover, .post-content .quote a:hover, .post-content li a:hover {
  color: #3C7E3D;
  border-bottom: 1px solid #3C7E3D;
}
.post-content ul {
  padding-left: 25px;
  margin-bottom: 16px;
}
.post-content ul li {
  list-style: disc;
}
.post-content > img {
  width: 100%;
  margin: 28px 0 44px;
}
@media only screen and (max-width: 767px) {
  .post-content > img {
    margin: 28px 0;
    min-height: 200px;
  }
}
.post-content .author {
  gap: 26px;
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .post-content .author {
    justify-content: space-between;
  }
}

.post-images {
  align-items: stretch !important;
  margin: 44px 0;
}
@media only screen and (max-width: 1180px) {
  .post-images {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .post-images {
    margin: 26px 0;
  }
}
.post-images > img {
  height: 396px;
  width: 570px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1440px) {
  .post-images > img {
    width: calc(70% - 8px);
    height: auto;
  }
}
@media only screen and (max-width: 1180px) {
  .post-images > img {
    width: 100%;
    height: 315px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .post-images > img {
    height: 238px;
  }
}
.post-images .box {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 240px;
}
@media only screen and (max-width: 1440px) {
  .post-images .box {
    width: 30%;
  }
}
@media only screen and (max-width: 1180px) {
  .post-images .box {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
}
.post-images .box > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1180px) {
  .post-images .box > img {
    width: calc(50% - 4px);
  }
}

.quote {
  position: relative;
  padding: 16px 32px 16px 65px;
  margin: 44px 0;
  border: 1px solid rgba(22, 22, 22, 0.2);
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (max-width: 767px) {
  .quote {
    margin: 26px 0;
  }
}
.quote::before {
  content: "";
  background: url(/assets/img/icons/quotes.svg) no-repeat center;
  position: absolute;
  left: 16px;
  top: 16px;
  display: block;
  width: 23px;
  height: 18px;
}

.post-navigation {
  height: 60px;
  gap: 8px;
  justify-content: end;
  margin-bottom: -60px;
  margin-top: 44px;
}
.post-navigation > .box {
  gap: 8px;
}
.post-navigation .post-prev,
.post-navigation .post-next {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  margin-top: 0;
  background: url(/assets/img/icons/arrow-right_slider.svg) no-repeat center;
  background-size: 16px;
  border: 1px solid #161616;
}
.post-navigation .post-prev {
  margin-top: 0;
  background: url(/assets/img/icons/arrow-left_slider.svg) no-repeat center;
  background-size: 16px;
}
@media only screen and (max-width: 767px) {
  .post-navigation {
    margin-bottom: 60px;
    justify-content: space-between;
  }
  .post-navigation .read-more span {
    display: none;
  }
  .post-navigation .read-more::after {
    content: none;
  }
  .post-navigation.mob-show {
    display: flex !important;
  }
}

.title-4-small {
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
  margin-bottom: 26px;
}

.more-articles__list {
  margin-bottom: 28px;
}
@media only screen and (max-width: 767px) {
  .more-articles__list {
    max-width: unset;
    display: flex;
    gap: 8px;
    width: 100%;
    overflow-y: auto;
  }
}

.more-articles {
  flex-shrink: 0;
  max-width: 244px;
  margin-left: 80px;
}
@media only screen and (max-width: 1440px) {
  .more-articles {
    margin-left: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .more-articles {
    width: 100%;
    max-width: unset;
    margin-left: 0;
  }
}
.more-articles .more-articles__item {
  display: block;
  background-color: #EAE9E5;
  border: 1px solid rgba(22, 22, 22, 0.1019607843);
  margin-bottom: 16px;
  flex-shrink: 0;
  width: 244px;
}
.more-articles .more-articles__item:hover .more-articles__title {
  color: #3C7E3D;
}
.more-articles .more-articles__wrapper {
  padding: 16px 12px 12px;
  color: #161616;
}
.more-articles .more-articles__wrapper img {
  width: 244px;
  height: 181px;
  -o-object-fit: cover;
     object-fit: cover;
}
.more-articles .more-articles__wrapper .date {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 6px;
}
.more-articles .more-articles__wrapper .more-articles__title {
  font-weight: 600;
  transition: 0.5s ease;
}

.date {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 44px;
}

.tag {
  padding: 11px 18px;
  background-color: #EAE9E5;
  border-radius: 1000px;
  font-size: 12px;
  line-height: 14px;
  transition: 0.5s ease;
}
.tag:hover {
  color: #3C7E3D;
}

.single-post-products {
  background-color: #EAE9E5;
  margin-bottom: 0;
  padding-bottom: 80px;
}

.checkout-page main {
  background-color: #fff;
}
.checkout-page .catalog-top {
  margin-bottom: 43px;
  background-color: #EAE9E5;
  border-bottom: 1px solid transparent;
}
@media only screen and (max-width: 767px) {
  .checkout-page .catalog-top {
    margin-bottom: 16px;
  }
}
.checkout-page .back {
  display: inline-block;
  padding-left: 28px;
  margin-bottom: 30px;
  color: #161616;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  transition: 0.25s ease;
  background: url(/assets/img/icons/arrow-back.svg) no-repeat center left;
  background-size: contain;
}
@media only screen and (max-width: 1180px) {
  .checkout-page .back {
    padding-left: 24px;
    background-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-page .back {
    padding-left: 29px;
    margin-bottom: 22px;
  }
}
.checkout-page .back:hover {
  color: #3C7E3D;
}

.checkout-container {
  gap: 44px;
}
@media only screen and (max-width: 1440px) {
  .checkout-container {
    gap: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-container {
    flex-direction: column;
    gap: 0;
    padding: 0 !important;
  }
}

.checkout-order {
  width: 100%;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .checkout-order {
    margin-bottom: 44px;
    padding: 0 16px;
  }
}
.checkout-order .cart-item__img {
  flex-shrink: 0;
  width: 78px;
  height: 78px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1180px) {
  .checkout-order .cart-item__img {
    width: 100%;
    height: 234px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-order .cart-item__img {
    width: 78px;
    height: 78px;
  }
}
@media only screen and (max-width: 1180px) {
  .checkout-order .cart-item__header {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-order .cart-item__header {
    margin-bottom: 0;
  }
}

.checkout-cart { /* Safari */
  position: sticky;
  top: 0;
  background-color: #EAE9E5;
  padding: 26px;
  width: 365px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1440px) {
  .checkout-cart {
    width: 320px;
  }
}
@media only screen and (max-width: 1180px) {
  .checkout-cart {
    width: 252px;
    padding: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-cart {
    width: 100%;
    padding: 44px 16px;
  }
}
.checkout-cart .promo-title {
  line-height: 16px;
  margin-bottom: 8px;
}
.checkout-cart textarea {
  resize: none;
  outline: none;
}
.checkout-cart button {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-left: 0;
}
.checkout-cart .black-btn::after {
  content: none;
}

.checkout-cart__promo {
  margin-bottom: 36px;
}

.details-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 1180px) {
  .details-title {
    font-size: 16px;
  }
}

.details-count {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.details-row {
  margin-bottom: 20px;
}
.details-row .box {
  margin-bottom: 20px;
}

.conditions {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.conditions .filter-item__option {
  color: #161616 !important;
}
.conditions a {
  color: #9DC95D;
}

.checkout-container h2 {
  margin-bottom: 36px;
}
@media only screen and (max-width: 1180px) {
  .checkout-container h2 {
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-container h2 {
    line-height: 42px;
    margin-bottom: 0px;
    font-size: 36px;
  }
}

.order-row {
  padding: 26px;
  margin-bottom: 26px;
  border: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1180px) {
  .order-row {
    padding: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .order-row {
    padding: 16px 0;
    border: none;
    border-bottom: 1px solid rgba(22, 22, 22, 0.2);
    margin-bottom: 8px;
  }
}
.order-row:last-child {
  margin-bottom: 0;
}
.order-row .box {
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .order-row .box {
    margin-bottom: 16px;
  }
}
.order-row .order__subtitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  padding-right: 16px;
}
.order-row .order__descr {
  font-family: Lato;
  font-size: 16px;
  font-weight: 600;
  color: rgba(22, 22, 22, 0.6);
  line-height: 24px;
  padding-left: 16px;
  border-left: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1180px) {
  .order-row .order__descr {
    display: none;
  }
}
.order-row .order__descr span:not(.currency) {
  color: rgba(22, 22, 22, 0.6);
  margin-right: 10px;
}

.order-details__products {
  gap: 16px;
  flex-wrap: wrap;
}
.order-details__products .cart-item {
  width: calc(33% - 8px);
  align-items: stretch;
  margin-bottom: 0;
}
@media only screen and (max-width: 1440px) {
  .order-details__products .cart-item {
    width: calc(50% - 8px);
  }
}
@media only screen and (max-width: 1180px) {
  .order-details__products .cart-item {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .order-details__products .cart-item {
    width: 100%;
    flex-direction: row;
  }
}

.order-edit, .edit-link {
  padding-right: 28px;
  color: rgba(22, 22, 22, 0.6);
  font-size: 15px;
  line-height: 36px;
  font-weight: 500;
  transition: 0.25s ease;
  background: url(/assets/img/icons/pencil.svg) no-repeat center right;
  background-size: 24px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .order-edit, .edit-link {
    font-size: 0;
  }
}
.order-edit:hover, .edit-link:hover {
  color: #3C7E3D;
}

.personal-info {
  gap: 26px;
}
.personal-info .order__subtitle {
  padding-right: 0;
}
.personal-info label {
  display: block;
}
.personal-info label .required {
  color: #E5543C;
  padding-left: 4px;
}
.personal-info .form-details {
  gap: 26px;
}
@media only screen and (max-width: 1440px) {
  .personal-info .form-details {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1180px) {
  .personal-info .form-details {
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .personal-info {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 8px;
  }
}

.profile-link {
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: rgba(22, 22, 22, 0.6);
}
.profile-link a {
  display: inline-block;
  line-height: 24px;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  transition: 0.25s ease;
  padding: 0 28px 0 6px;
  background: url(/assets/img/icons/user_icon-black.svg) no-repeat center right;
  background-size: contain;
}
.profile-link a:hover {
  color: #3C7E3D;
}
@media only screen and (max-width: 767px) {
  .profile-link {
    font-size: 0;
  }
}

.form-group {
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .form-group {
    width: calc(50% - 13px);
  }
}
@media only screen and (max-width: 767px) {
  .form-group {
    width: 100%;
  }
}

.checkout-cart input, .checkout-cart textarea, .order-row input, .order-row textarea {
  width: 100%;
  padding: 9px 0 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  transition: 0.25s ease;
}
.checkout-cart input:focus, .checkout-cart textarea:focus, .order-row input:focus, .order-row textarea:focus {
  color: #3C7E3D;
  border-bottom: 1px solid #3C7E3D;
}
@media only screen and (max-width: 767px) {
  .checkout-cart input, .checkout-cart textarea, .order-row input, .order-row textarea {
    margin-bottom: 8px;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-cart input {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping-method {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .shipping-method > .title-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 16px;
  }
}
.shipping-method .shipping-method-box {
  gap: 26px;
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .shipping-method .shipping-method-box {
    flex-wrap: wrap;
    gap: 16px;
  }
}
.shipping-method .shipping-method-check {
  position: relative;
  border: 1px solid rgba(22, 22, 22, 0.2);
  width: 100%;
  height: 156px;
  /* &:first-child, &[attr-id|="shipping-warehouse_delivery"]{
       .wrapper span{
           position: relative;
           padding-left: 44px;

           &::before{
               content: '';
               position: absolute;
               left: 0;
               top: 50%;
               transform: translateY(-50%);
               display: block;
               width: 32px;
               height: 32px;
               background: url(/assets/img/icons/shipping-np.svg) no-repeat center;   
               background-size: 32px;
           }
       }
   }*/
}
@media only screen and (max-width: 1440px) {
  .shipping-method .shipping-method-check {
    height: 176px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping-method .shipping-method-check {
    width: 100%; /*calc( 50% - 8px );*/
    height: 165px;
  }
}
.shipping-method .shipping-method-check.selected {
  border: 1px solid #9DC95D;
  background-color: rgba(157, 201, 93, 0.1019607843);
}
.shipping-method .shipping-method-check.selected .check-status {
  border: 8px solid #9DC95D;
}
.shipping-method .shipping-method-check.selected .shipping_price {
  background-color: #9DC95D;
}
.shipping-method .shipping-method-check.selected .shipping-icon {
  background: url(/assets/img/icons/shipping-pay-green.svg);
}
.shipping-method .shipping-method-check.selected .shipping-icon-free {
  background: url(/assets/img/icons/shipping-free-green.svg);
}
.shipping-method .shipping-method-check.selected .shipping-icon-np {
  background: url(/assets/img/icons/shipping-np.svg) no-repeat center;
  background-size: contain;
}
.shipping-method .shipping-method-check.selected .shipping-icon-up {
  background: url(/assets/img/icons/shipping-up.svg) no-repeat center;
  background-size: contain;
}
.shipping-method .shipping-method-check[attr-id|=shipping-warehouse_delivery] .wrapper span, .shipping-method .shipping-method-check[attr-id|=shipping-free] .wrapper span,
.shipping-method .shipping-method-check[attr-id|=ukr_novaposhta] .wrapper span {
  position: relative;
  padding-left: 44px;
}
.shipping-method .shipping-method-check[attr-id|=shipping-warehouse_delivery] .wrapper span::before, .shipping-method .shipping-method-check[attr-id|=shipping-free] .wrapper span::before,
.shipping-method .shipping-method-check[attr-id|=ukr_novaposhta] .wrapper span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 32px;
  height: 32px;
  background: url(/assets/img/icons/shipping-np.svg) no-repeat center;
  background-size: 32px;
}
.shipping-method .shipping_price {
  padding: 12px 22px;
  background-color: #EAE9E5;
  font-weight: 500;
  font-size: 18px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .shipping-method .shipping_price {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .shipping-method .shipping_price {
    font-size: 14px;
    line-height: 22px;
  }
}
.shipping-method .shipping-icon {
  position: absolute;
  left: 26px;
  top: 26px;
  width: 32px;
  height: 32px;
  background: url(/assets/img/icons/shipping-pay.svg);
}
@media only screen and (max-width: 1180px) {
  .shipping-method .shipping-icon {
    left: 16px;
    top: 16px;
  }
}
.shipping-method .shipping-icon.shipping-icon-free {
  background: url(/assets/img/icons/shipping-free.svg);
}
.shipping-method .shipping-icon.shipping-icon-np {
  position: static;
  background: url(/assets/img/icons/shipping-np.svg) no-repeat center;
  background-size: contain;
}
.shipping-method .shipping-icon.shipping-icon-up {
  position: static;
  background: url(/assets/img/icons/shipping-up.svg) no-repeat center;
  background-size: contain;
}
.shipping-method .wrapper {
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .shipping-method .wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .shipping-method .wrapper {
    gap: 17px;
  }
  .shipping-method .wrapper span {
    font-size: 14px;
    line-height: 22px;
  }
}
.shipping-method label {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
  padding: 23px;
}
@media only screen and (max-width: 1180px) {
  .shipping-method label {
    padding: 16px;
  }
}
.shipping-method .chooseOffise {
  width: 50%;
  margin-bottom: 0;
}
@media only screen and (max-width: 1440px) {
  .shipping-method .chooseOffise {
    width: 100%;
  }
}
.shipping-method .chooseOffise .shipping-method-check {
  padding: 26px 24px;
}
@media only screen and (max-width: 767px) {
  .shipping-method .chooseOffise .shipping-method-check {
    width: 100%;
    padding: 19px 15px;
  }
}
.shipping-method .chooseOffise .modal-address {
  padding-right: 28px;
  color: rgba(22, 22, 22, 0.6);
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  transition: 0.25s ease;
  background: url(/assets/img/icons/pencil.svg) no-repeat center right;
  background-size: contain;
}
.shipping-method .chooseOffise .modal-address:hover {
  color: #3C7E3D;
}

.form-check-input {
  display: none;
}
.form-check-input:checked + .check-status {
  border: 8px solid #9DC95D;
}

.check-status {
  position: absolute;
  right: 26px;
  top: 26px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(22, 22, 22, 0.4);
}
@media only screen and (max-width: 1180px) {
  .check-status {
    right: 16px;
    top: 20px;
  }
}

.shipping-method-details .wrapper {
  gap: 26px;
}
.shipping-method-details .wrapper > span {
  font-size: 18px;
  font-weight: 600;
}

.shipping-shop-check {
  position: relative;
  padding: 0 26px 0px 32px !important;
}
.shipping-shop-check .check-status {
  left: 0px;
  right: auto;
  top: 0;
}
.shipping-shop-check .shipping-free-worktime {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #9DC95D;
}
.shipping-shop-check .box {
  margin-bottom: 0;
}

.shipping-method-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #161616;
  margin-bottom: 16px;
}

.shipping-method-details__post .shipping-method-check {
  height: auto;
}
.shipping-method-details__post .shipping-method-check-child.selected {
  color: #3C7E3D;
}
.shipping-method-details__post .shipping-method-check-child .form-check-label {
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .shipping-method-details__post .shipping-method-check-child {
    width: 100%;
  }
}

#shipping-free {
  display: none;
}

.payment-info .form-check-label .box {
  opacity: 0.4;
  gap: 12.5px;
}
.payment-info .form-check-input:checked + .check-status + .box {
  opacity: 1;
}
@media only screen and (max-width: 1440px) {
  .payment-info .wrapper {
    flex-wrap: wrap;
    gap: 26px;
  }
}

.payment-icon-goo,
.payment-icon-app {
  width: 36px;
  height: 20px;
  padding: 5px;
  background: url(/assets/img/icons/google-pay.svg) no-repeat center;
  background-size: 27px;
  border: 1px solid rgba(22, 22, 22, 0.4);
}

.payment-icon-app {
  background: url(/assets/img/icons/apple-pay.svg) no-repeat center;
  background-size: 27px;
}

/* Modal form for post address*/
#modalAddress {
  position: fixed;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 15;
  margin: 0 auto;
  width: 480px;
  height: 640px; /*calc( 100vh - 80px );*/
  max-height: 850px;
  background-color: #fff;
  padding: 26px 13px 26px 26px;
  overflow-y: auto;
  display: none;
  flex: 1 0 auto;
  flex-direction: column;
  overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
  #modalAddress {
    top: 0;
    transform: unset;
    width: auto;
    height: 100%;
    min-height: 100vh;
    padding: 26px 13px;
  }
}

.modal-address__header {
  margin-bottom: 16px;
}

.modal-address__city {
  gap: 8px;
  flex-wrap: wrap;
  padding: 16px;
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .modal-address__city {
    padding: 8px 0;
  }
}
.modal-address__city label {
  padding: 10px 26px;
  border-radius: 1000px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  background-color: #EAE9E5;
  transition: 0.5s ease;
}
.modal-address__city label.selected, .modal-address__city label:hover {
  background-color: #9DC95D;
}
.modal-address__city label input {
  display: none;
}

.modal-address__office {
  position: relative;
  background-color: #EAE9E5;
  padding: 16px;
  margin-bottom: 26px;
}
.modal-address__office .wrapper {
  height: 250px;
  overflow-y: scroll;
  padding-right: 6px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.modal-address__office .wrapper::-webkit-scrollbar {
  width: 6px;
}
.modal-address__office .wrapper::-webkit-scrollbar-track {
  background: #fff;
}
.modal-address__office .wrapper::-webkit-scrollbar-thumb {
  background: #161616;
}
.modal-address__office .wrapper::-webkit-scrollbar-thumb:hover {
  background: #161616;
}
.modal-address__office .modal-address__city-active {
  padding: 16px 32px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  background: url(/assets/img/icons/search_icon_black.svg) no-repeat left center;
}
.modal-address__office .modal-address__city-active input {
  width: 100%;
}
.modal-address__office label {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 13px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: 0.5s ease;
}
.modal-address__office label.selected, .modal-address__office label:hover {
  background-color: #9DC95D;
}
.modal-address__office label input {
  display: none;
}
.modal-address__office label input:checked + .check-status {
  border: 8px solid #fff;
}
.modal-address__office .check-status {
  position: static;
  right: auto;
  top: auto;
  width: 24px;
  height: 24px;
  display: block;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid transparent;
}
.modal-address__office .dropdown-menu {
  position: absolute;
  top: 70px !important;
  left: 16px !important;
  right: 16px;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 0;
  width: auto;
  margin: 2px 0px 0px;
  list-style: none;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  background-color: rgb(255, 255, 255);
  border: 0;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
  background-clip: padding-box;
}
.modal-address__office .dropdown-menu > li > a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}
.modal-address__office .dropdown-menu > li > a:hover, .modal-address__office .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.modal-address__descr {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 26px;
}

.modal-address__wrapper {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  justify-content: space-between;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 13px 0 0;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.modal-address__wrapper::-webkit-scrollbar {
  width: 6px;
}
.modal-address__wrapper::-webkit-scrollbar-track {
  background: #fff;
}
.modal-address__wrapper::-webkit-scrollbar-thumb {
  background: #161616;
}
.modal-address__wrapper::-webkit-scrollbar-thumb:hover {
  background: #161616;
}

.modal-address__footer {
  padding-right: 13px;
}
.modal-address__footer .read-more-catalog {
  display: block;
  width: 100%;
}

/* Page Checkout Success*/
.checkout-success__message {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  min-height: calc(100vh - 220px);
}
.checkout-success__message .checkout-success__icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 30px;
  border-radius: 50%;
  background: #9DC95D url(/assets/img/icons/icon-check-black.svg) no-repeat center;
  background-size: 32px;
}
.checkout-success__message p {
  font-size: 48px;
  font-weight: 500;
  line-height: 64px;
}
@media only screen and (max-width: 767px) {
  .checkout-success__message p {
    font-size: 24px;
    line-height: 32px;
  }
}
.checkout-success__message .order-number {
  margin-bottom: 40px;
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .checkout-success__message .green-btn {
    width: auto;
  }
  .checkout-success__message .checkout-success__content {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.order-number {
  font-size: 32px;
  font-weight: 600;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .order-number {
    font-size: 16px;
    line-height: 24px;
  }
}

/* Page Checkout Info */
.checkout-info .checkout-order {
  margin-bottom: 23px;
}
@media only screen and (max-width: 1180px) {
  .checkout-info .checkout-order .wrapper {
    flex-direction: column;
    align-items: flex-start;
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-info .checkout-order {
    padding: 0;
    margin-bottom: 15px;
  }
  .checkout-info .checkout-order .wrapper {
    position: relative;
  }
  .checkout-info .checkout-order .wrapper .title-2-small {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    font-size: 36px;
  }
}
.checkout-info .order-number {
  padding-left: 26px;
}
@media only screen and (max-width: 767px) {
  .checkout-info .order-number {
    padding-left: 0;
  }
}

.checkout-info__order,
.checkout-info__descr {
  width: 50%;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1180px) {
  .checkout-info__order,
  .checkout-info__descr {
    width: 100%;
    margin-bottom: 0;
  }
  .checkout-info__order .order-row .order__descr,
  .checkout-info__descr .order-row .order__descr {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-info__order,
  .checkout-info__descr {
    border: 1px solid rgba(22, 22, 22, 0.2);
    padding: 16px;
  }
  .checkout-info__order .order-row,
  .checkout-info__descr .order-row {
    padding: 0;
    border-bottom: 0;
  }
}

@media only screen and (max-width: 1180px) {
  .checkout-info__descr {
    margin-bottom: 80px;
  }
}
.checkout-info-container {
  gap: 44px;
}
@media only screen and (max-width: 1180px) {
  .checkout-info-container {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .checkout-info-container {
    gap: 16px;
  }
}
.checkout-info-container .order-details__header {
  margin-bottom: 26px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 767px) {
  .checkout-info-container .order-details__header {
    margin-bottom: 16px;
    padding-bottom: 15px;
  }
}
.checkout-info-container .cart-item__img {
  width: 78px;
  height: 78px;
}
@media only screen and (max-width: 767px) {
  .checkout-info-container .cart-item__img {
    width: 108px;
    height: 108px;
  }
}
.checkout-info-container .order-row .order__descr {
  border-left: 0;
  color: #161616;
  font-weight: 600;
}
.checkout-info-container .order-details__products .cart-item {
  width: 100%;
}
@media only screen and (max-width: 1440px) {
  .checkout-info-container .order-details__products .cart-item {
    flex-direction: row;
  }
}
.checkout-info-container .is-hidden {
  display: none;
}

.cart-item__wrapper {
  width: 100%;
}

.order-date {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  .order-date {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0;
    line-height: 0;
  }
  .order-date span {
    font-size: 16px;
    line-height: 24px;
  }
}

.checkout-info__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  color: rgba(22, 22, 22, 0.6);
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  padding-right: 23px;
}
@media only screen and (max-width: 767px) {
  .checkout-info__row {
    flex-direction: column;
    padding-right: 0;
  }
}
.checkout-info__row span {
  font-weight: 600;
  color: #161616;
}
.checkout-info__row .payment-icon {
  margin-left: 8px;
}

.checkout-info__box {
  margin-bottom: 26px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
.checkout-info__box:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.checkout-info__box-payment .checkout-info__row {
  color: #161616;
}
.checkout-info__box-payment .checkout-info__row:last-child {
  margin-bottom: 0;
}

.checkout-info__col {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-top: -15px;
}

.total-price {
  font-size: 78px;
  font-weight: 600;
  line-height: 78px;
}
@media only screen and (max-width: 767px) {
  .total-price {
    font-size: 64px;
  }
}

.barcode {
  padding-left: 20px;
  background: url(/assets/img/icons/barcode.svg) no-repeat center left;
  background-size: 18px;
  font-size: 14px;
  line-height: 22px;
}

.shipping-templates {
  font-size: 14px;
  line-height: 18px;
}
.shipping-templates .shipping-templates__title {
  color: rgba(22, 22, 22, 0.6);
  padding-right: 10px;
  margin-right: 8px;
}
.shipping-templates span {
  font-weight: 600;
}
.shipping-templates span::after {
  content: "";
  display: inline-block;
  background: url(/assets/img/icons/arrow-down-black.svg) no-repeat center right;
  background-size: 12px;
  width: 20px;
  height: 10px;
}

.profile-top {
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .profile-top {
    border-bottom: 0;
    margin-bottom: 16px;
  }
}

.profile-menu {
  width: 343px;
  min-height: 824px;
  margin-bottom: 44px;
  flex-shrink: 0;
  border-right: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1180px) {
  .profile-menu {
    width: 275px;
    min-height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-menu {
    display: none;
    border-right: 0;
    min-height: auto;
  }
  .profile-menu.profile-menu__account {
    display: block;
    width: 100%;
  }
}

.profile-menu__header {
  padding: 29px 16px 29px;
}

@media only screen and (max-width: 767px) {
  .profile-menu__list {
    margin: 0 -16px;
  }
}
.profile-menu__list .profile-menu__link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 19px 16px;
  transition: 0.25s ease;
}
.profile-menu__list .profile-menu__link.profile-menu-active, .profile-menu__list .profile-menu__link:hover {
  background-color: #3C7E3D;
  color: #fff;
}
.profile-menu__list .profile-menu__link.profile-menu-active .icon-profile-account,
.profile-menu__list .profile-menu__link.profile-menu-active .icon-profile-delivery,
.profile-menu__list .profile-menu__link.profile-menu-active .icon-profile-orders,
.profile-menu__list .profile-menu__link.profile-menu-active .icon-profile-favour,
.profile-menu__list .profile-menu__link.profile-menu-active .icon-profile-settings, .profile-menu__list .profile-menu__link:hover .icon-profile-account,
.profile-menu__list .profile-menu__link:hover .icon-profile-delivery,
.profile-menu__list .profile-menu__link:hover .icon-profile-orders,
.profile-menu__list .profile-menu__link:hover .icon-profile-favour,
.profile-menu__list .profile-menu__link:hover .icon-profile-settings {
  filter: invert(100%);
}
.profile-menu__list .profile-menu__link.profile-menu-active::after, .profile-menu__list .profile-menu__link:hover::after {
  content: "";
  position: absolute;
  right: 16px;
  display: inline-block;
  margin-left: 11px;
  width: 15px;
  height: 15px;
  background: url(/assets/img/icons/btn_arrow.svg) no-repeat center;
}
@media only screen and (max-width: 767px) {
  .profile-menu__list .profile-menu__link {
    padding: 19px 16px;
  }
}
.profile-menu__list .icon-profile-account,
.profile-menu__list .icon-profile-delivery,
.profile-menu__list .icon-profile-orders,
.profile-menu__list .icon-profile-favour,
.profile-menu__list .icon-profile-settings {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 13px;
  background: url(/assets/img/icons/user_icon-black.svg) no-repeat center left;
  transition: 0.25s ease;
}
.profile-menu__list .icon-profile-delivery {
  background: url(/assets/img/icons/truck-line.svg) no-repeat center left;
}
.profile-menu__list .icon-profile-orders {
  background: url(/assets/img/icons/orders.svg) no-repeat center left;
}
.profile-menu__list .icon-profile-favour {
  background: url(/assets/img/icons/favour-black.svg) no-repeat center left;
}
.profile-menu__list .icon-profile-settings {
  background: url(/assets/img/icons/settings.svg) no-repeat center left;
}

.account-user__name {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.account-user__tel {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.account-user__logout {
  width: 24px;
  height: 24px;
  background: url(/assets/img/icons/logout.svg) no-repeat center;
  background-size: 24px;
}

.profile-content {
  width: 100%;
  border-left: 0;
  padding-bottom: 115px;
}
@media only screen and (max-width: 767px) {
  .profile-content {
    border-left: 0;
  }
}
.profile-content .title-2-small {
  padding: 0 44px;
}
@media only screen and (max-width: 1180px) {
  .profile-content .title-2-small {
    padding: 0px 26px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-content .title-2-small {
    padding: 0px;
  }
}

.profile-content__header {
  margin-bottom: 20px;
  padding: 0 44px;
}
@media only screen and (max-width: 1180px) {
  .profile-content__header {
    padding: 0px 26px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-content__header {
    padding: 0px;
  }
}

@media only screen and (max-width: 1180px) {
  .profile-content__wrapper {
    flex-direction: column;
  }
}

.profile-content__left,
.profile-content__right {
  width: 50%;
  min-height: 736px;
  padding: 0px;
  flex-shrink: 0;
  /*border-right: 1px solid #16161633;*/
}
@media only screen and (max-width: 1180px) {
  .profile-content__left,
  .profile-content__right {
    width: 100%;
    min-height: auto;
    border-right: 0;
    /*border-bottom: 1px solid rgba(22, 22, 22, 0.2);*/
  }
}

@media only screen and (max-width: 767px) {
  .profile-content__right {
    border-bottom: 0;
  }
}
.profile-content__top {
  padding-bottom: 36px;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1180px) {
  .profile-content__top {
    flex-direction: column;
  }
  .profile-content__top .category-sort {
    padding: 0 26px;
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-content__top {
    padding-bottom: 26px;
  }
  .profile-content__top .category-sort {
    padding: 0px;
  }
}
.profile-content__top .save-btn {
  display: none;
  height: 44px;
  line-height: 44px;
}

.profile-subtitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 41px;
}

.profile-content__item {
  width: 50%;
  flex-shrink: 0;
}

.profile-content__row {
  padding: 26px 0px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 767px) {
  .profile-content__row {
    padding: 16px 0;
  }
}
.profile-content__row:last-child {
  border-bottom: 0;
}
.profile-content__row.profile-edit input {
  padding: 16px 0;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  width: calc(100% - 26px);
}
.profile-content__row.profile-edit input:focus {
  border-bottom: 1px solid #3C7E3D;
  color: #3C7E3D;
}
.profile-content__row.profile-edit .profile-btn {
  display: block;
}
.profile-content__row.profile-edit .edit-link {
  display: none;
}
.profile-content__row.profile-edit .profile-content__old-passw {
  display: none;
}
.profile-content__row.profile-content__row-passw.profile-edit .profile-content__main {
  flex-wrap: wrap;
}
.profile-content__row.profile-content__row-passw.profile-edit .profile-content__item {
  width: 100%;
}

.profile-btn {
  width: 100%;
  display: none;
}

.profile-content__main {
  flex-wrap: wrap;
  row-gap: 24px;
  padding: 0 44px;
}
@media only screen and (max-width: 1180px) {
  .profile-content__main {
    padding: 0 26px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-content__main {
    padding: 0px;
  }
}

.profile-info__label {
  font-size: 14px;
  line-height: 14px;
  color: rgba(22, 22, 22, 0.4);
}

.profile-info__value {
  font-size: 16px;
  line-height: 22px;
}
.profile-info__value input {
  padding: 16px 0;
  border-bottom: 1px solid transparent;
}

.save-btn {
  height: 52px;
  line-height: 52px;
  padding: 0px 26px;
}
.save-btn::after {
  background: url(/assets/img/icons/icon-check.svg) no-repeat center;
  width: 15px;
  height: 15px;
  margin-bottom: -2px;
}

/* Shipping */
@media only screen and (max-width: 767px) {
  .profile-container.container {
    margin-bottom: 44px;
  }
}
@media only screen and (max-width: 1180px) {
  .profile-container .profile-shipping__top {
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .profile-container .profile-shipping__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .profile-container .profile-shipping__top .btn-box {
    width: 100%;
    display: flex;
    gap: 16px;
  }
}
.profile-container .profile-shipping__row {
  margin: 0;
  padding: 0;
}
.profile-container .profile-shipping__row.shipping-method {
  padding: 44px 0px 44px 44px;
  border-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .profile-container .profile-shipping__row.shipping-method {
    padding: 26px 0px;
  }
}
.profile-container .add-btn {
  height: 44px;
  line-height: 44px;
  padding: 0px 26px;
  border: 1px solid #161616;
  color: #161616;
}
.profile-container .add-btn::after {
  background: url(/assets/img/icons/icon-add.svg) no-repeat center;
  width: 15px;
  height: 15px;
  margin-bottom: -2px;
}
.profile-container .shipping-info {
  padding: 16px 26px 16px 44px;
  width: 100%;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  gap: 26px;
}
@media only screen and (max-width: 1180px) {
  .profile-container .shipping-info {
    padding: 16px 26px;
    flex-wrap: wrap;
    gap: 0;
    row-gap: 16px;
  }
  .profile-container .shipping-info .shipping-info__method {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .profile-container .shipping-info {
    padding: 16px 0px;
  }
}
.profile-container .shipping-info:last-child {
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
.profile-container .shipping-info > div {
  width: 25%;
}
@media only screen and (max-width: 1180px) {
  .profile-container .shipping-info > div {
    width: 50%;
  }
}
.profile-container .shipping-info .shipping-info__btn {
  width: 145px;
  text-align: right;
}
.profile-container .shipping-info .shipping-edit,
.profile-container .shipping-info .shipping-remove {
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: url(/assets/img/icons/delete.svg) no-repeat center;
  background-size: contain;
}
.profile-container .shipping-info .shipping-edit {
  background: url(/assets/img/icons/pencil.svg) no-repeat center;
  background-size: contain;
  margin-right: 8px;
}
.profile-container .shipping-method-check:not(.selected) .shipping_price {
  background-color: #fff;
  border-radius: 1000px;
}
.profile-container .shipping-method-check-parent .form-check-label,
.profile-container .shipping-method-check-child .form-check-label {
  font-size: 18px;
  font-weight: 600;
}

#profileShipping {
  display: none;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
#profileShipping + p {
  padding: 44px 0px 44px 44px;
}
@media only screen and (max-width: 767px) {
  #profileShipping + p {
    padding: 44px 0px;
  }
}

#modalShipping {
  display: none;
  position: fixed;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 15;
  margin: 0 auto;
  width: 400px;
  height: 248px;
  background-color: #fff;
  padding: 26px;
  text-align: center;
}

.modal-shipping__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.modal-shipping__info {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 26px;
}

.modal-shipping__btn {
  gap: 16px;
}
.modal-shipping__btn button {
  height: 60px;
  line-height: 60px;
  width: 50%;
  padding: 0 26px;
  transition: 0.25s ease;
}
.modal-shipping__btn button::after {
  content: none;
}

/*  Orders */
.profile-orders__row {
  padding: 0 0 26px;
}
.profile-orders__row > p {
  padding: 44px 0px 44px 44px;
}
@media only screen and (max-width: 767px) {
  .profile-orders__row > p {
    padding: 44px 0px;
  }
}

.profile-content__item-header {
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  padding: 0px 44px;
}
.profile-content__item-header.orders-info {
  padding: 0px 16px 0px 44px;
}
@media only screen and (max-width: 1180px) {
  .profile-content__item-header.orders-info {
    display: none;
  }
}
.profile-content__item-header > div {
  padding: 8px 26px;
  color: rgba(22, 22, 22, 0.4);
  border-right: 1px solid rgba(22, 22, 22, 0.2);
  text-align: left;
}
.profile-content__item-header > div:first-child {
  padding-left: 0;
}
.profile-content__item-header > div:last-child {
  border-right: 0;
  width: 66px;
  width: 4%;
}

.profile-content__item-body {
  padding: 16px 44px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
.profile-content__item-body.orders-info {
  padding: 16px 16px 16px 44px;
}
@media only screen and (max-width: 1180px) {
  .profile-content__item-body.orders-info {
    position: relative;
    flex-wrap: wrap;
    padding: 16px 16px 16px 26px;
    justify-content: flex-start;
    row-gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-content__item-body.orders-info {
    padding: 16px 0px;
    row-gap: 11px;
  }
}
.profile-content__item-body:last-child {
  border-bottom: 0;
}
.profile-content__item-body > div {
  padding: 0px 26px;
}
@media only screen and (max-width: 1180px) {
  .profile-content__item-body > div {
    padding: 0;
  }
}
.profile-content__item-body > div:first-child {
  padding: 0;
}

.orders-info__status {
  width: 140px;
  width: 11%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .orders-info__status {
    min-width: 115px;
  }
}
@media only screen and (max-width: 767px) {
  .orders-info__status {
    order: 1;
    min-width: unset;
    width: 32%;
  }
}
.orders-info__status.status-done {
  color: #3C7E3D;
}
.orders-info__status.status-reject {
  color: #E5543C;
}

.orders-info__title {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 360px;
  width: 33%;
  flex-shrink: 0;
  font-weight: 600;
}
@media only screen and (max-width: 1180px) {
  .orders-info__title {
    width: 70%;
    flex-shrink: unset;
  }
}
@media only screen and (max-width: 767px) {
  .orders-info__title {
    width: 100%;
    max-width: 320px;
    order: 0;
  }
}
.orders-info__title a {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.5s ease;
}
.orders-info__title a:hover {
  color: #3C7E3D;
}

.orders-info__qty {
  width: 125px;
  width: 11%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .orders-info__qty {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .orders-info__qty {
    order: 2;
    width: 32%;
  }
}

.orders-info__total {
  width: 125px;
  width: 11%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .orders-info__total {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .orders-info__total {
    order: 3;
    width: 30%;
  }
}

.orders-info__shipping {
  width: 350px;
  width: 30%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .orders-info__shipping {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .orders-info__shipping {
    order: 4;
  }
}
.orders-info__shipping span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.order-view {
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background: url(/assets/img/icons/btn_arrow_black.svg) no-repeat center;
  background-size: contain;
}
@media only screen and (max-width: 1180px) {
  .order-view {
    position: absolute;
    top: 29px;
    right: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .order-view {
    right: 5px;
  }
}

#modalOrder {
  display: none;
  position: fixed;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 15;
  margin: 0 auto;
  width: 1269px;
  height: 770px;
  background-color: #fff;
  padding: 26px;
}
@media only screen and (max-width: 1440px) {
  #modalOrder {
    height: 90vh;
    width: 722px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 767px) {
  #modalOrder {
    height: 100%;
    width: 100%;
    padding: 20px 16px;
    overflow-y: auto;
  }
  #modalOrder .barcode {
    margin-bottom: 8px;
  }
  #modalOrder .checkout-info__row {
    line-height: 31px;
  }
}
#modalOrder .modal-order__header {
  position: relative;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  #modalOrder .modal-order__header {
    align-items: flex-start;
  }
}
#modalOrder .modal-order__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
  padding-right: 26px;
  border-right: 1px solid rgba(22, 22, 22, 0.2);
  margin-right: 26px;
}
@media only screen and (max-width: 767px) {
  #modalOrder .modal-order__title {
    flex-direction: column;
    align-items: flex-start;
    border-right: 0;
    row-gap: 25px;
    line-height: 28px;
  }
}
#modalOrder .order-number {
  font-size: 16px;
  font-weight: 400;
  line-height: 38px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  #modalOrder .order-number {
    padding-left: 0;
  }
}
#modalOrder .order-date {
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  #modalOrder .order-date {
    font-size: 0;
    line-height: 30px;
  }
}
#modalOrder .checkout-info-container {
  gap: 26px;
}
@media only screen and (max-width: 1440px) {
  #modalOrder .checkout-info-container {
    flex-direction: column;
  }
}
#modalOrder .checkout-info__order {
  width: 36%;
  min-width: 430px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1440px) {
  #modalOrder .checkout-info__order {
    min-width: unset;
    width: 100%;
  }
}
#modalOrder .checkout-info__descr {
  width: 100%;
  margin-bottom: 0;
}

/* Favourite */
.profile-favour__row {
  padding: 0 0px 0 44px;
  flex-wrap: wrap;
  align-items: stretch !important;
}
.profile-favour__row > p {
  padding: 44px 0px;
}
@media only screen and (max-width: 767px) {
  .profile-favour__row > p {
    padding: 44px 0px;
  }
}
@media only screen and (max-width: 1180px) {
  .profile-favour__row {
    padding: 0 0px 0 26px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-favour__row {
    padding: 0px;
  }
}
.profile-favour__row .product-card {
  width: 33.3%;
}
@media only screen and (max-width: 1180px) {
  .profile-favour__row .product-card {
    width: 50%;
  }
}
@media only screen and (max-width: 1023px) {
  .profile-favour__row .product-card {
    width: 100%;
  }
}
.profile-favour__row .product-card .favour-btn {
  background: #3C7E3D url(/assets/img/icons/favour_icon_white.svg) no-repeat center;
}

.profile-content__item.settings-info {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #161616;
}
.profile-content__item.settings-info .filter-group__item {
  margin-bottom: 26px;
}
.profile-content__item.settings-info .filter-group__item label {
  gap: 16px;
}
.profile-content__item.settings-info p {
  color: rgba(22, 22, 22, 0.6);
}

.profile-settings__row .profile-btn {
  display: block;
}

/* Account */
@media only screen and (max-width: 767px) {
  .profile-content__account {
    display: none;
  }
}

.filter-group__item {
  margin-bottom: 16px;
}
.filter-group__item:last-child {
  margin-bottom: 0;
}
.filter-group__item label {
  display: flex;
  gap: 8px;
}
.filter-group__item label input {
  display: none; /* Hide the default checkbox */
}
.filter-group__item label span.filter-item__icon {
  height: 24px;
  width: 24px;
  border: 1px solid rgba(22, 22, 22, 0.2);
  border-radius: 6px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.filter-group__item label [type=checkbox]:checked + span.filter-item__icon:before {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  display: block;
  background: #9DC95D url(/assets/img/icons/icon-check-black.svg) no-repeat center;
  background-size: 16px;
  border: 1px solid #9DC95D;
}
.filter-group__item label [type=checkbox] ~ span {
  color: rgba(22, 22, 22, 0.5019607843);
}
.filter-group__item label [type=checkbox]:checked ~ span {
  color: #161616;
}
.filter-group__item .filter-item__count {
  margin-left: auto;
  min-width: 50px;
  text-align: right;
}

.recipies-header {
  /*margin: 20px 0 74px;*/
}
@media only screen and (max-width: 1180px) {
  .recipies-header {
    /*margin: 36px 0 74px;*/
  }
}
@media only screen and (max-width: 1180px) {
  .recipies-header {
    padding: 36px 0 54px;
  }
}

.recipies__container {
  gap: 16px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .recipies__container {
    gap: 24px;
  }
}
.recipies__container::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #BAD1E2;
  height: 240px;
  display: block;
  top: 0;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .recipies__container::before {
    height: 192px;
  }
}
.recipies__container .recipies__item {
  width: calc(50% - 8px);
  align-items: stretch !important;
  border: 1px solid rgba(22, 22, 22, 0.1019607843);
  transition: 0.5s ease;
}
@media only screen and (max-width: 1180px) {
  .recipies__container .recipies__item {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .recipies__container .recipies__item {
    flex-direction: column;
  }
}
.recipies__container .recipies__item:hover {
  border: 1px solid #161616;
}
.recipies__container .recipies__item:hover img {
  transform: scale(1.1);
  transition: 0.5s ease;
}
.recipies__container .recipies__img {
  width: 427px;
  height: 307px;
  flex-shrink: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1540px) {
  .recipies__container .recipies__img {
    width: 327px;
  }
}
@media only screen and (max-width: 1440px) {
  .recipies__container .recipies__img {
    width: 250px;
  }
}
@media only screen and (max-width: 1180px) {
  .recipies__container .recipies__img {
    width: 408px;
  }
}
@media only screen and (max-width: 767px) {
  .recipies__container .recipies__img {
    width: 100%;
  }
}
.recipies__container .recipies__img img {
  transition: 0.5s ease;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recipies__container .recipies__descr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px 22px 22px 38px;
}
@media only screen and (max-width: 767px) {
  .recipies__container .recipies__descr {
    padding: 16px 22px 22px;
  }
}
.recipies__container .recipies__descr .popular-articles__subtitle {
  margin-bottom: 0px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .recipies__container .recipies__descr .popular-articles__subtitle {
    margin-bottom: 12px;
  }
}
.recipies__container .recipies__descr .popular-articles__subtitle a {
  transition: 0.5s ease;
}
.recipies__container .recipies__descr .popular-articles__subtitle a:hover {
  color: #3C7E3D;
}
.recipies__container .recipies__descr p {
  height: 155px;
  font-size: 14px;
  line-height: 22px;
  opacity: 0.6;
  overflow: hidden;
}
@media only screen and (max-width: 1440px) {
  .recipies__container .recipies__descr p {
    height: 115px;
  }
}
@media only screen and (max-width: 1180px) {
  .recipies__container .recipies__descr p {
    height: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .recipies__container .recipies__descr p {
    height: auto;
    max-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px;
  }
}
.recipies__container .recipies__descr .author {
  margin-bottom: 0;
}
.recipies__container .recipies__descr .author a {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #161616;
  transition: 0.5s ease;
}
.recipies__container .recipies__descr .author a:hover {
  color: #3C7E3D;
}
.recipies__container .recipies__descr .author .avatar {
  width: 44px;
  height: 44px;
}

/* Single recipe*/
.single-recipe {
  background: linear-gradient(to bottom, #BAD1E2 0%, #BAD1E2 520px, #fff 520px, #fff);
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .single-recipe {
    background: linear-gradient(to bottom, #BAD1E2 0%, #BAD1E2 500px, #fff 500px, #fff);
  }
  .single-recipe .post-thumbnail {
    margin-bottom: 25px;
  }
  .single-recipe .post-content {
    margin-bottom: 20px;
  }
}
.single-recipe .date {
  /*padding-top: 12px;*/
}
.single-recipe .download-link {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .single-recipe .download-link {
    position: absolute;
    right: 16px;
  }
}
.single-recipe .post-content p a, .single-recipe .post-content li a {
  color: #3C7E3D;
  border-bottom: 1px solid #3C7E3D;
}
.single-recipe .post-content p a:hover, .single-recipe .post-content li a:hover {
  border-bottom: 1px solid transparent;
}

.more-recipies .more-articles__wrapper {
  padding: 12px 12px;
}

.post-navigation {
  margin-right: 28px;
}
.post-navigation .black-btn::after {
  content: none;
}

.contacts-page {
  background: #D1D3CF url(/assets/img/blog/blog_bg_dark.png) repeat center;
}

.container.contacts__header {
  padding-top: 44px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1180px) {
  .container.contacts__header {
    padding-top: 57px;
    margin-bottom: 43px;
  }
}
@media only screen and (max-width: 767px) {
  .container.contacts__header {
    padding-top: 24px;
    margin-bottom: 43px;
  }
  .container.contacts__header .title-2-small {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 26px;
  }
  .container.contacts__header .title-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.container.contacts__header .two-btn {
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .container.contacts__header .two-btn {
    flex-direction: column;
    width: 100%;
  }
  .container.contacts__header .two-btn a {
    width: 100%;
    text-align: center;
  }
}

.container.contacts__body {
  margin-bottom: 36px;
  align-items: stretch;
}
@media only screen and (max-width: 767px) {
  .container.contacts__body {
    flex-direction: column;
  }
}
.container.contacts__body .contacts__left-part {
  width: 45%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .container.contacts__body .contacts__left-part {
    width: 52%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
  }
}
@media only screen and (max-width: 767px) {
  .container.contacts__body .contacts__left-part {
    width: 100%;
  }
}
.container.contacts__body .contacts__left-part .contacts__left-header {
  background-color: #fff;
}
@media only screen and (max-width: 1180px) {
  .container.contacts__body .contacts__left-part .contacts__left-header {
    height: 100%;
  }
}
.container.contacts__body .contacts__left-part .contacts-item {
  padding: 36px;
  gap: 36px;
}
@media only screen and (max-width: 1180px) {
  .container.contacts__body .contacts__left-part .contacts-item {
    gap: 26px;
  }
  .container.contacts__body .contacts__left-part .contacts-item {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .container.contacts__body .contacts__left-part .contacts-item {
    padding: 16px;
  }
}
.container.contacts__body .contacts__left-part .contacts__item, .container.contacts__body .contacts__left-part .contacts__item a {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  transition: 0.5s ease;
}
.container.contacts__body .contacts__left-part .contacts__item {
  margin-bottom: 16px;
}
.container.contacts__body .contacts__left-part .contacts__item:last-child {
  margin-bottom: 0;
}
.container.contacts__body .contacts__left-part .contacts__item a:hover {
  color: #3C7E3D;
}
.container.contacts__body .contacts__left-part .contacts-wrapper {
  width: 50%;
}
@media only screen and (max-width: 1180px) {
  .container.contacts__body .contacts__left-part .contacts-wrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .container.contacts__body .contacts__left-part .contacts-wrapper {
    flex-direction: column;
    row-gap: 16px;
  }
}
.container.contacts__body .contacts__left-part .contacts-social {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .container.contacts__body .contacts__left-part .contacts-social {
    flex-direction: row;
  }
}
.container.contacts__body .contacts__left-part .contacts-social .share-link {
  width: 36px;
  height: 36px;
}
.container.contacts__body .contacts__right-part {
  width: 55%;
  align-items: stretch;
}
.container.contacts__body .contacts__right-part img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 399px;
}
@media only screen and (max-width: 1440px) {
  .container.contacts__body .contacts__right-part img {
    width: 300px;
  }
}
@media only screen and (max-width: 1180px) {
  .container.contacts__body .contacts__right-part {
    width: 48%;
  }
  .container.contacts__body .contacts__right-part > img {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .container.contacts__body .contacts__right-part {
    width: 100%;
  }
}

.contacts-item__subtitle {
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 26px;
  text-transform: uppercase;
}

.contact-form {
  position: relative;
  background-color: #3C7E3D;
  width: 100%;
  padding: 36px;
  color: #fff;
}
.contact-form .form-group {
  margin-bottom: 10px;
  width: 100%;
}
@media only screen and (max-width: 1180px) {
  .contact-form .form-group {
    width: 100%;
  }
}
@media only screen and (max-width: 1180px) {
  .contact-form .form-group {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form {
    padding: 16px;
  }
}

.contact-form__title {
  margin-bottom: 44px;
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (max-width: 1540px) {
  .contact-form__title {
    font-size: 28px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 1180px) {
  .contact-form__title {
    font-size: 24px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form__title {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 15px;
  }
}

.contact-form input, .contact-form textarea {
  width: 100%;
  padding: 9px 0 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid #fff;
  transition: 0.25s ease;
}

.contact-form textarea {
  resize: none;
  outline: none;
  height: 80px;
}
@media only screen and (max-width: 1180px) {
  .contact-form textarea {
    height: 80px;
  }
}

.contact-form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.contact-form input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.contact-form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.contact-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.contact-form__send {
  position: absolute;
  bottom: 36px;
  left: 36px;
  right: 36px;
}
@media only screen and (max-width: 1180px) {
  .contact-form__send {
    position: static;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form__send {
    position: static;
  }
}
.contact-form__send button {
  width: 100%;
}

iframe {
  display: block;
}
@media only screen and (max-width: 1180px) {
  iframe {
    height: 224px;
  }
}
@media only screen and (max-width: 767px) {
  iframe {
    height: 288px;
  }
}

.tab-show {
  display: none !important;
}

.tab-hide {
  display: block !important;
}

.about-us__hero,
.matcha-club__hero {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 990px;
  height: 100vh;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 80px;
  background: #000 url(/assets/img/about-us/about-hero.jpg) no-repeat center;
  background-size: cover;
}
@media only screen and (max-width: 1180px) {
  .about-us__hero,
  .matcha-club__hero {
    margin-bottom: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .about-us__hero,
  .matcha-club__hero {
    margin-bottom: 26px;
  }
}

.menu-horiz {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: unset;
}
@media only screen and (max-width: 767px) {
  .menu-horiz {
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    right: 20px;
    left: auto;
    bottom: 100px;
  }
}
.menu-horiz .nav-menu {
  justify-content: center;
  gap: 26px;
}
@media only screen and (max-width: 767px) {
  .menu-horiz .nav-menu {
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
  }
}
.menu-horiz a {
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
}
.menu-horiz .long-arrow {
  display: inline-block;
  width: 13px;
  height: 58px;
  -webkit-transform: rotate(-90deg);
}
@media only screen and (max-width: 767px) {
  .menu-horiz .long-arrow {
    margin-right: 16px;
  }
}
.menu-horiz .long-arrow path {
  fill: #fff;
}

.main-title {
  font-size: 64px;
  font-weight: 300;
  line-height: 96px;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .main-title {
    font-size: 36px;
    line-height: 42px;
  }
}
.main-title span {
  display: block;
  font-size: 96px;
  font-weight: 400;
  line-height: 96px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .main-title span {
    font-size: 40px;
    line-height: 56px;
  }
}

.brand {
  padding-bottom: 0px;
}
.brand .title-2-light {
  font-size: 64px;
  font-weight: 300;
  line-height: 64px;
  text-align: center;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1180px) {
  .brand .title-2-light {
    margin-bottom: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .brand .title-2-light {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 26px;
  }
}
.brand .brand_subtitle {
  margin-bottom: 183px;
}
@media only screen and (max-width: 1440px) {
  .brand .brand_subtitle {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1180px) {
  .brand .brand_subtitle {
    margin-bottom: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .brand .brand_subtitle {
    font-size: 36px;
    line-height: 42px;
  }
}
.brand .brand__left-part {
  margin-bottom: -100px;
}
@media only screen and (max-width: 1180px) {
  .brand .brand__left-part {
    margin-bottom: 0;
  }
}
.brand .brand__right-part {
  padding-left: 197px;
}
@media only screen and (max-width: 1440px) {
  .brand .brand__right-part {
    padding-left: 70px;
  }
}
@media only screen and (max-width: 1180px) {
  .brand .brand__right-part {
    display: flex;
    width: 100%;
    padding-left: 0;
    padding-bottom: 44px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .brand .brand__right-part {
    flex-direction: column;
    padding-bottom: 26px;
  }
}
.brand .brand__right-part p {
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  margin-bottom: 68px;
}
@media only screen and (max-width: 1180px) {
  .brand .brand__right-part p {
    padding-right: 47px;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .brand .brand__right-part p {
    border-bottom: 1px solid rgba(22, 22, 22, 0.2);
    padding-bottom: 26px;
    margin-bottom: 26px;
    padding-right: 0;
  }
}
.brand .quote-box {
  width: 485px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .brand .quote-box {
    padding-left: 47px;
    border-left: 1px solid rgba(22, 22, 22, 0.2);
    width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .brand .quote-box {
    border-left: 0;
    padding-left: 0;
    width: 300px;
  }
}
.brand .quote {
  position: relative;
  padding: 16px 60px 16px 50px;
  margin: 44px 0 0;
  border: 0;
  font-size: 20px;
  line-height: 28px;
  font-style: italic;
  font-weight: 300;
}
@media only screen and (max-width: 1180px) {
  .brand .quote {
    margin: 0;
    padding: 0 0 16px 64px;
  }
}
@media only screen and (max-width: 767px) {
  .brand .quote {
    margin: 0;
    padding: 0 0 16px 48px;
  }
}
.brand .quote::before {
  left: 0;
}
@media only screen and (max-width: 767px) {
  .brand .quote::before {
    top: 0;
  }
}
.brand .quote a {
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
}
.brand .quote a:hover {
  text-decoration: none;
}
.brand .quote-author {
  font-size: 24px;
  font-style: italic;
  font-weight: 600;
  line-height: 38px;
  text-align: right;
}

.foundress-foto {
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 1440px) {
  .foundress-foto {
    max-width: 500px;
  }
}
@media only screen and (max-width: 1180px) {
  .foundress-foto {
    max-width: unset;
    margin-bottom: -100px;
  }
  .foundress-foto.tab-show {
    display: block !important;
  }
  .foundress-foto.tab-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .foundress-foto {
    max-width: 280px;
    margin: 0 auto -100px;
  }
}

.brand__left-part {
  width: calc(50% - 1px);
  border-right: 1px solid rgba(22, 22, 22, 0.1019607843);
  padding-top: 120px;
  padding-bottom: 140px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .brand__left-part {
    width: 100%;
    padding-top: 44px;
    border-right: 0;
  }
}

.brand_subtitle {
  max-width: 700px;
  font-size: 40px;
  font-weight: 500;
  line-height: 52px;
  text-transform: uppercase;
  color: #3C7E3D;
}
@media only screen and (max-width: 767px) {
  .brand_subtitle {
    font-size: 36px;
    line-height: 42px;
  }
}

.brand__right-part {
  padding-top: 120px;
  padding-bottom: 100px;
  width: 50%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .brand__right-part {
    width: 100%;
  }
}
.brand__right-part p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.brand__wrapper {
  border-top: 1px solid rgba(22, 22, 22, 0.1019607843);
}
@media only screen and (max-width: 1180px) {
  .brand__wrapper > .container {
    flex-direction: column;
    margin-bottom: 25px;
  }
}

.main-idea {
  background-color: #fff;
  text-align: center;
}
.main-idea > .container {
  align-items: stretch;
}
@media only screen and (max-width: 1180px) {
  .main-idea > .container {
    flex-direction: column;
  }
}
.main-idea .brand_subtitle {
  margin: 36px 0 39px;
}
.main-idea .brand__left-part {
  justify-content: center;
  align-items: center;
  align-items: end;
  padding-bottom: 209px;
}
@media only screen and (max-width: 1180px) {
  .main-idea .brand__left-part {
    display: none;
  }
}
.main-idea .brand__right-part {
  padding-top: 118px;
  padding-left: 76px;
  padding-right: 120px;
  padding-bottom: 203px;
  padding: 118px 120px 203px 76px;
  text-align: left;
}
@media only screen and (max-width: 1180px) {
  .main-idea .brand__right-part {
    padding: 182px 99px 216px 107px;
  }
}
@media only screen and (max-width: 767px) {
  .main-idea .brand__right-part {
    padding: 187px 0 120px;
  }
  .main-idea .brand__right-part img {
    width: 139px;
  }
}
.main-idea .brand__right-part p {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.main-idea__logo {
  display: inline-block;
  width: 592px;
  padding: 91px 163px;
  background: #161616 url(/assets/img/about-us/bg-light.png) repeat center;
  margin: 0px auto -38px;
}
@media only screen and (max-width: 1180px) {
  .main-idea__logo {
    margin: 0px auto -268px;
  }
}
@media only screen and (max-width: 767px) {
  .main-idea__logo {
    width: 280px;
    height: 280px;
    padding: 78px 44px;
    margin: 0px auto -70px;
  }
  .main-idea__logo img {
    width: 96px;
  }
}

@media only screen and (max-width: 1180px) {
  .why-kikkou > .container {
    flex-direction: column;
  }
  .why-kikkou .brand__left-part {
    padding-top: 165px;
  }
  .why-kikkou .brand__left-part img {
    height: 520px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .why-kikkou .brand__left-part {
    padding-top: 70px;
  }
  .why-kikkou .brand__left-part img {
    height: 343px;
    -o-object-fit: none;
       object-fit: none;
  }
}
.why-kikkou .brand__right-part {
  gap: 80px;
  padding-left: 40px;
  padding-top: 180px;
}
@media only screen and (max-width: 1180px) {
  .why-kikkou .brand__right-part {
    padding: 0 25px;
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .why-kikkou .brand__right-part {
    flex-wrap: wrap;
    padding: 0;
    gap: 38px;
  }
}

.why-reason {
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .why-reason {
    margin-bottom: 40px;
  }
}

.why-reason__header {
  gap: 26px;
  padding-bottom: 26px;
  margin-bottom: 26px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}

.why-reason__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  max-width: 200px;
}

.column {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .column {
    width: 100%;
  }
}
.column + .column {
  margin-top: 120px;
}
@media only screen and (max-width: 767px) {
  .column + .column {
    margin-top: 0;
  }
}

.about-b2b.b2b {
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 0;
}
@media only screen and (max-width: 1180px) {
  .about-b2b.b2b > .container {
    position: relative;
    flex-direction: row;
    padding-top: 180px;
  }
  .about-b2b.b2b > .container h2 {
    position: absolute;
    top: 102px;
    left: 16px;
    font-size: 40px;
    line-height: 40px;
  }
  .about-b2b.b2b > .container .brand__left-part {
    width: 50%;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .about-b2b.b2b {
    padding-bottom: 36px;
    background-color: #EAE9E5;
  }
  .about-b2b.b2b > .container {
    padding-top: 44px;
    flex-direction: column;
    gap: 0;
  }
  .about-b2b.b2b > .container h2 {
    position: static;
    top: 102px;
    left: 16px;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 26px;
  }
  .about-b2b.b2b > .container .brand__left-part {
    width: 100%;
    justify-content: flex-start;
  }
}
.about-b2b.b2b .marquee__line1 {
  transform: none;
  margin-top: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.2);
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
.about-b2b.b2b .b2b-container {
  margin-top: 0;
}
.about-b2b.b2b .brand__left-part {
  flex-direction: row;
  border-right: 0;
  padding-top: 0;
  justify-content: space-between;
  align-items: flex-start;
}
.about-b2b.b2b .brand__left-part .title-2 {
  padding-top: 80px;
}
.about-b2b.b2b video {
  width: 411px;
  height: 512px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1180px) {
  .about-b2b.b2b video {
    width: 238px;
    height: 304px;
  }
}
@media only screen and (max-width: 767px) {
  .about-b2b.b2b video {
    display: none;
  }
}
.about-b2b.b2b .b2b__content {
  gap: 32px;
  text-align: right;
  width: 50%;
  flex-shrink: 0;
  align-items: flex-end;
}
@media only screen and (max-width: 1180px) {
  .about-b2b.b2b .b2b__content {
    padding-left: 50px;
  }
  .about-b2b.b2b .b2b__content .b2b__email span {
    color: #fff;
    background-color: #161616;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .about-b2b.b2b .b2b__content {
    width: 100%;
    padding: 0;
    align-items: center;
  }
}
.about-b2b.b2b .b2b__content p {
  font-size: 20px;
  font-weight: 300;
  line-height: 36px;
  text-transform: uppercase;
  text-align: left;
  max-width: 515px;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 100px;
  padding-top: 17px;
}
@media only screen and (max-width: 1180px) {
  .about-b2b.b2b .b2b__content p {
    position: absolute;
    top: 97px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .about-b2b.b2b .b2b__content p {
    position: static;
    max-width: unset;
    margin-bottom: 16px;
  }
}
.about-b2b.b2b .b2b__content .b2b__email a {
  margin-right: 34px;
}
.about-b2b.b2b .b2b__content .b2b__email span {
  background-color: #161616;
  color: #fff;
}

/* Matcha club */
.matcha-club__hero {
  background: #000 url(/assets/img/club/club-hero.jpg) no-repeat center;
  background-size: cover;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .club-b2b.b2b {
    padding-bottom: 0;
  }
}
.club-b2b.b2b .marquee__content {
  background-color: #EAE9E5;
  padding: 28px 2px;
}
.club-b2b.b2b .marquee__content:before {
  background-color: #EAE9E5;
}

.club-top .brand__left-part {
  padding-top: 80px;
  padding-right: 80px;
  padding-left: 130px;
  border-right: 0;
}
.club-top .brand__left-part .brand_subtitle {
  margin-bottom: 36px;
  max-width: 600px;
}
@media only screen and (max-width: 1440px) {
  .club-top .brand__left-part .brand_subtitle {
    max-width: unset;
    width: 100%;
  }
}
@media only screen and (max-width: 1440px) {
  .club-top .brand__left-part {
    padding: 60px 108px;
  }
}
@media only screen and (max-width: 1180px) {
  .club-top .brand__left-part {
    padding: 60px 94px;
  }
}
@media only screen and (max-width: 767px) {
  .club-top .brand__left-part {
    padding: 56px 0px;
    text-align: left;
  }
}
.club-top .brand__left-part p {
  max-width: 600px;
}
@media only screen and (max-width: 1440px) {
  .club-top .brand__left-part p {
    max-width: unset;
    width: 100%;
  }
}
.club-top .brand__right-part {
  padding-top: 0;
  gap: 24px;
}
@media only screen and (max-width: 1440px) {
  .club-top .brand__right-part {
    justify-content: center;
  }
}
@media only screen and (max-width: 1180px) {
  .club-top .brand__right-part .img-scale + .img-scale img {
    height: 750px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .club-top .brand__right-part {
    flex-direction: column;
  }
  .club-top .brand__right-part .img-scale + .img-scale img {
    height: 489px;
  }
}

.brand__text {
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.brand__line {
  border-top: 1px solid rgba(22, 22, 22, 0.2);
  padding: 120px 0;
}
@media only screen and (max-width: 1180px) {
  .brand__line > .container {
    flex-direction: column;
    gap: 36px;
  }
}
@media only screen and (max-width: 1180px) {
  .brand__line {
    padding: 60px 0 120px;
  }
}
@media only screen and (max-width: 767px) {
  .brand__line {
    padding: 60px 0 105px;
  }
}
.brand__line .brand_subtitle,
.brand__line p {
  max-width: 702px;
  width: 42%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .brand__line .brand_subtitle,
  .brand__line p {
    width: 702px;
  }
}
@media only screen and (max-width: 767px) {
  .brand__line .brand_subtitle,
  .brand__line p {
    width: auto;
    text-align: center;
  }
}

.club-top {
  background-color: #fff;
}
@media only screen and (max-width: 1180px) {
  .club-top .container {
    flex-direction: column;
    text-align: center;
  }
}

.club-main {
  background-color: #fff;
  padding-top: 120px;
}
@media only screen and (max-width: 1440px) {
  .club-main {
    padding-top: 0;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .club-main > .container {
    flex-direction: column;
  }
}
.club-main .brand__left-part {
  border-right: 0;
  padding-top: 108px;
  padding-right: 83px;
  width: 50%;
}
@media only screen and (max-width: 1180px) {
  .club-main .brand__left-part {
    padding-top: 0;
    padding-right: 44px;
    width: 360px;
  }
}
@media only screen and (max-width: 767px) {
  .club-main .brand__left-part {
    padding-right: 0;
    width: 100%;
    margin-bottom: 54px;
  }
}
.club-main .brand__right-part {
  padding-top: 0;
  align-items: stretch;
  width: 50%;
}
@media only screen and (max-width: 1180px) {
  .club-main .brand__right-part {
    width: 100%;
    flex-shrink: 1;
  }
}
@media only screen and (max-width: 767px) {
  .club-main .brand__right-part {
    width: 100%;
  }
}
.club-main .brand__right-part .img {
  align-self: center;
}
.club-main .brand__right-part .wrapper-img {
  margin-bottom: 68px;
  gap: 26px;
}
@media only screen and (max-width: 1180px) {
  .club-main .brand__right-part .wrapper-img {
    justify-content: flex-start;
  }
  .club-main .brand__right-part .wrapper-img .img-scale:last-child {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .club-main .brand__right-part .wrapper-img {
    display: none;
  }
}
.club-main .brand__right-part p {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  max-width: 522px;
  color: rgba(22, 22, 22, 0.8);
  margin-bottom: 118px;
}
@media only screen and (max-width: 1540px) {
  .club-main .brand__right-part p {
    margin-bottom: 44px;
  }
}
@media only screen and (max-width: 1440px) {
  .club-main .club-main__cta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .club-main .club-main__cta {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    text-align: center;
    gap: 16px;
  }
  .club-main .club-main__cta .read-more {
    width: 100%;
  }
}
.club-main .club-main__cta .menu-btn {
  width: 300px;
  text-align: center;
  margin-left: 12px;
}
@media only screen and (max-width: 767px) {
  .club-main .club-main__cta .menu-btn {
    width: 130px;
    text-align: center;
    margin-left: 0;
    flex-shrink: 0;
  }
}

.club__descr {
  max-width: 315px;
  margin-bottom: 36px;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
}

.kikkou-сlub__logo {
  margin-bottom: 40px;
}

.img-scale {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .img-scale {
    width: 100%;
  }
}
.img-scale img {
  width: 100%;
  transition: 0.5s ease;
}
.img-scale:hover img {
  transform: scale(1.1);
}

/* Style the tab */
.club-tabs {
  padding-bottom: 120px;
  overflow: hidden;
}
@media only screen and (max-width: 1180px) {
  .club-tabs {
    border-top: 1px solid rgba(22, 22, 22, 0.2);
  }
}
@media only screen and (max-width: 767px) {
  .club-tabs {
    padding-bottom: 44px;
  }
}
.club-tabs .brand__left-part {
  padding-top: 0;
  border-right: 0;
  gap: 80px;
}
@media only screen and (max-width: 1540px) {
  .club-tabs .brand__left-part {
    gap: 44px;
    width: calc(50% - 22px);
  }
}
@media only screen and (max-width: 1440px) {
  .club-tabs .brand__left-part {
    gap: 26px;
    width: calc(50% - 13px);
  }
}
@media only screen and (max-width: 1180px) {
  .club-tabs .brand__left-part {
    width: 100%;
    align-items: flex-start;
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .club-tabs .brand__left-part {
    flex-direction: column;
    gap: 0;
    margin-bottom: 36px;
  }
}
.club-tabs .brand__left-part .img-scale {
  width: 397px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1540px) {
  .club-tabs .brand__left-part .img-scale {
    width: 310px;
  }
}
@media only screen and (max-width: 1180px) {
  .club-tabs .brand__left-part .img-scale {
    width: 397px;
  }
}
@media only screen and (max-width: 767px) {
  .club-tabs .brand__left-part .img-scale {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 16px;
  }
}
.club-tabs .brand__left-part p, .club-tabs .brand__left-part ul li {
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  max-width: 263px;
}
@media only screen and (max-width: 1440px) {
  .club-tabs .brand__left-part p, .club-tabs .brand__left-part ul li {
    max-width: unset;
  }
}
@media only screen and (max-width: 767px) {
  .club-tabs .brand__left-part p, .club-tabs .brand__left-part ul li {
    font-size: 16px;
    line-height: 24px;
  }
}
.club-tabs .brand__left-part ul {
  margin-bottom: 16px;
  padding-left: 20px;
}
.club-tabs .brand__left-part ul li {
  list-style: disc;
}
.club-tabs .brand__right-part {
  padding-top: 0;
  gap: 80px;
}
@media only screen and (max-width: 1540px) {
  .club-tabs .brand__right-part {
    gap: 44px;
    width: calc(50% - 22px);
  }
}
@media only screen and (max-width: 1440px) {
  .club-tabs .brand__right-part {
    gap: 26px;
    width: calc(50% - 13px);
  }
}
@media only screen and (max-width: 1180px) {
  .club-tabs .brand__right-part {
    gap: 44px;
    width: 100%;
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .club-tabs .brand__right-part {
    flex-direction: column;
    gap: 16px;
  }
}
.club-tabs .brand__right-part .img-scale {
  width: 280px;
  flex-shrink: 0;
}
@media only screen and (max-width: 1540px) {
  .club-tabs .brand__right-part .img-scale {
    width: 220px;
  }
}
@media only screen and (max-width: 1180px) {
  .club-tabs .brand__right-part .img-scale {
    width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .club-tabs .brand__right-part .img-scale {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 16px;
  }
}
.club-tabs .brand__right-part .wrapper {
  max-width: 460px;
}
@media only screen and (max-width: 1440px) {
  .club-tabs .brand__right-part .wrapper {
    max-width: unset;
  }
}
.club-tabs .brand__right-part p {
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 125px;
}
@media only screen and (max-width: 767px) {
  .club-tabs .brand__right-part p {
    margin-bottom: 44px;
    font-size: 16px;
    line-height: 24px;
  }
}
.club-tabs .brand__right-part .club__descr {
  margin: 0 0 0 auto;
  text-align: right;
}

.tab-content {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .tab-content .wrapper {
    flex-direction: column;
  }
}

.tab-content.is-active {
  display: block;
}

.tabs {
  position: relative;
  -webkit-overflow-scrolling: touch;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 1440px) {
  .tabs {
    margin-bottom: 44px;
  }
}
@media only screen and (max-width: 1180px) {
  .tabs {
    overflow-x: scroll;
    margin-bottom: 0px;
  }
}
.tabs::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 84px);
  width: 100%;
  height: 1px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1440px) {
  .tabs::after {
    left: 0;
  }
}

.tabs ul {
  display: flex;
  width: calc(50% + 84px);
  border-left: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1440px) {
  .tabs ul {
    width: 100%;
    border-left: 0;
  }
}

.tabs li {
  display: flex;
  flex-shrink: 0;
}
.tabs li:hover a {
  color: #3C7E3D;
}

.tabs li.is-active a {
  border-bottom-color: #3C7E3D;
  color: #3C7E3D;
}
.tabs li.is-active a::after {
  background: url(/assets/img/icons/arrow-right-up-green.svg) no-repeat center right;
}

.tabs a {
  position: relative;
  display: inline-block;
  padding: 36px 16px 36px 26px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
  color: rgba(22, 22, 22, 0.4);
  border-bottom: 1px solid transparent;
  transition: 0.5s ease;
}
.tabs a::after {
  content: "";
  font-weight: 700;
  padding-right: 30px;
}

/* Club slider */
.club-slider {
  padding: 120px 0;
  margin-bottom: 0;
  background-color: #fff;
}
@media only screen and (max-width: 1180px) {
  .club-slider {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .club-slider {
    padding: 44px 0 44px;
  }
}
.club-slider .b2b-container {
  gap: 32px;
  margin-top: 0;
  margin-bottom: 0;
  height: unset;
  margin-left: calc(50% - 856px + 44px);
}
@media only screen and (max-width: 1540px) {
  .club-slider .b2b-container {
    margin-left: 44px;
  }
}
@media only screen and (max-width: 1180px) {
  .club-slider .b2b-container {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .club-slider .b2b-container {
    gap: 22px;
    flex-direction: column;
  }
  .club-slider .b2b-container .swiper-slide {
    width: auto;
  }
  .club-slider .b2b-container .swiper-slide img {
    height: auto;
  }
}
.club-slider .swiper-button-prev, .club-slider .swiper-rtl .swiper-button-next {
  left: 0;
}
.club-slider .swiper-button-next, .club-slider .swiper-rtl .swiper-button-prev {
  right: 0;
}
.club-slider .swiper__nav {
  width: 129px;
}

.mySwiperClubSlider .swiper-slide {
  align-items: flex-start;
}
.mySwiperClubSlider .swiper-slide .rotate-box {
  overflow: hidden;
}
.mySwiperClubSlider .swiper-slide .slide-back {
  transition: 0.75s ease; /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.mySwiperClubSlider .swiper-slide:hover .slide-back {
  transform: rotate(10deg) scale(1.25);
  z-index: 1; /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.mySwiperClubSlider .swiper-slide:hover .button-view {
  opacity: 1;
}
.mySwiperClubSlider .swiper-slide1 {
  width: 370px;
}
.mySwiperClubSlider .swiper-slide2 {
  width: 348px;
}
.mySwiperClubSlider .swiper-slide3 {
  width: 512px;
}
.mySwiperClubSlider .swiper-slide4 {
  width: 258px;
}
.mySwiperClubSlider .swiper-slide5 {
  width: 250px;
}

.button-view {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 72px !important;
  height: 72px !important;
  opacity: 0;
  transition: 0.5s ease;
  cursor: pointer;
}

.rotate-box {
  position: relative;
}

.club-contacts {
  background-color: #fff;
  align-items: stretch !important;
}
@media only screen and (max-width: 767px) {
  .club-contacts {
    flex-direction: column;
  }
}
.club-contacts .brand__left-part {
  width: 50%;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(/assets/img/blog/blog_bg_dark.png) repeat center;
}
@media only screen and (max-width: 767px) {
  .club-contacts .brand__left-part {
    width: 100%;
    margin-bottom: 44px;
    padding-top: 66px;
  }
}
.club-contacts .brand_subtitle {
  max-width: 312px;
  margin: 0 auto 36px;
}
@media only screen and (max-width: 767px) {
  .club-contacts .brand_subtitle {
    font-size: 40px;
    line-height: 52px;
  }
}
.club-contacts .club-contacts__address {
  font-size: 40px;
  font-style: italic;
  font-weight: 300;
  line-height: 42px;
  text-transform: uppercase;
  max-width: 340px;
  margin: 0 auto;
}
.club-contacts .brand__right-part {
  padding-top: 0;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .club-contacts .brand__right-part {
    width: 100%;
  }
}
@media only screen and (max-width: 1440px) {
  .club-contacts iframe {
    height: 561px;
  }
}
@media only screen and (max-width: 767px) {
  .club-contacts iframe {
    height: 375px;
    width: 100%;
  }
}

/* Page B2B */
.bold {
  font-weight: 700;
  font-style: italic;
}

.b2b__hero {
  padding-top: 22px;
}
@media only screen and (max-width: 767px) {
  .b2b__hero {
    padding-bottom: 44px;
  }
}
.b2b__hero .container {
  align-items: flex-start;
  gap: 16px;
}
@media only screen and (max-width: 1440px) {
  .b2b__hero .container {
    align-items: stretch;
  }
}
@media only screen and (max-width: 1180px) {
  .b2b__hero .container {
    padding-top: 16px;
    gap: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b__hero .container {
    flex-direction: column;
    gap: 0;
  }
}
.b2b__hero .b2b__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding-top: 105px;
  background: url(/assets/img/b2b/b2b-bg.png) no-repeat center;
}
@media only screen and (max-width: 1180px) {
  .b2b__hero .b2b__wrapper {
    padding: 0px 60px 60px;
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .b2b__hero .b2b__wrapper {
    padding: 10px 0 24px;
    width: 100%;
  }
}
.b2b__hero .b2b__wrapper-img {
  width: 50%;
  gap: 24px;
}
.b2b__hero .b2b__wrapper-img > img {
  width: 550px;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  flex-shrink: 0;
}
@media only screen and (max-width: 1540px) {
  .b2b__hero .b2b__wrapper-img > img {
    width: 400px;
    height: auto;
    align-self: stretch;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 1180px) {
  .b2b__hero .b2b__wrapper-img {
    width: 243px;
    flex-shrink: 0;
  }
  .b2b__hero .b2b__wrapper-img > img {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .b2b__hero .b2b__wrapper-img {
    width: 100%;
  }
}
.b2b__hero .main-title {
  font-weight: 500;
  line-height: 64px;
  text-transform: uppercase;
  color: #3C7E3D;
  margin-bottom: 44px;
}
@media only screen and (max-width: 1180px) {
  .b2b__hero .main-title {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) {
  .b2b__hero .main-title {
    line-height: 42px;
  }
}
.b2b__hero p {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  text-align: left;
  max-width: 558px;
  margin: 0 auto 26px;
}
@media only screen and (max-width: 767px) {
  .b2b__hero p {
    max-width: unset;
    font-size: 16px;
    line-height: 24px;
  }
}
.b2b__hero .b2b__descr {
  width: 483px;
}
@media only screen and (max-width: 1180px) {
  .b2b__hero .b2b__descr {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .b2b__hero .b2b__descr {
    width: 100%;
  }
}
.b2b__hero .b2b__descr img {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1180px) {
  .b2b__hero .b2b__descr img {
    width: 100%;
    height: 285px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .b2b__hero .b2b__descr img {
    margin: 0 0 24px;
    width: 100%;
    max-width: unset;
  }
}
.b2b__hero .b2b__descr div {
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
}

.b2b-partner {
  background-color: #fff;
  padding-top: 180px;
  padding-bottom: 180px;
}
@media only screen and (max-width: 1440px) {
  .b2b-partner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-partner {
    padding-top: 46px;
    padding-bottom: 44px;
  }
}
.b2b-partner .brand_subtitle {
  font-size: 64px;
  font-weight: 500;
  line-height: 76px;
  max-width: 300px;
  margin-bottom: 26px;
}
@media only screen and (max-width: 1440px) {
  .b2b-partner .brand_subtitle {
    font-size: 40px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-partner .brand_subtitle {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1180px) {
  .b2b-partner .brand__left-part {
    gap: 36px;
  }
  .b2b-partner .brand__left-part .img-scale img {
    height: 580px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-partner .brand__left-part {
    gap: 0;
  }
  .b2b-partner .brand__left-part .img-scale img {
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.b2b-partner .b2b-descr {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.b2b-partner .b2b-partner__wrapper {
  align-items: stretch;
}
@media only screen and (max-width: 1440px) {
  .b2b-partner .b2b-partner__wrapper .img-scale {
    width: 210px;
  }
  .b2b-partner .b2b-partner__wrapper p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 1180px) {
  .b2b-partner .b2b-partner__wrapper {
    flex-direction: column;
  }
  .b2b-partner .b2b-partner__wrapper .img-scale {
    width: 341px;
  }
  .b2b-partner .b2b-partner__wrapper .brand__right-part .img-scale {
    width: 267px;
  }
  .b2b-partner .b2b-partner__wrapper .brand__right-part .img-scale img {
    height: 302px;
  }
  .b2b-partner .b2b-partner__wrapper .brand__right-part p {
    padding-left: 36px;
  }
  .b2b-partner .b2b-partner__wrapper p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-partner .b2b-partner__wrapper .img-scale {
    width: 100%;
    max-width: 450px;
    margin-bottom: 36px;
  }
  .b2b-partner .b2b-partner__wrapper .brand__right-part .img-scale {
    width: 100%;
    max-width: 450px;
  }
  .b2b-partner .b2b-partner__wrapper .brand__right-part .img-scale img {
    height: auto;
  }
  .b2b-partner .b2b-partner__wrapper .brand__right-part p {
    padding-left: 0px;
  }
  .b2b-partner .b2b-partner__wrapper p {
    font-size: 16px;
    line-height: 24px;
  }
}
.b2b-partner .club__descr {
  max-width: 315px;
  margin-bottom: 36px;
  padding-left: 36px;
  border-left: 1px solid rgba(22, 22, 22, 0.2);
  font-size: 14px;
  line-height: 22px;
  text-align: left !important;
}
@media only screen and (max-width: 767px) {
  .b2b-partner .club__descr {
    max-width: unset;
  }
}
.b2b-partner .b2b__cta {
  text-align: right;
}
@media only screen and (max-width: 1180px) {
  .b2b-partner .b2b__cta {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-partner .b2b__cta {
    width: 100%;
    text-align: center;
  }
  .b2b-partner .b2b__cta a {
    width: 100%;
  }
}
.b2b-partner .brand__right-part .wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: space-between;
  align-self: stretch;
  gap: 26px;
}
@media only screen and (max-width: 1180px) {
  .b2b-partner .brand__right-part .wrapper {
    gap: 97px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-partner .brand__right-part .wrapper {
    gap: 20px;
  }
}
@media only screen and (max-width: 1180px) {
  .b2b-partner .brand__right-part {
    align-items: flex-end;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-partner .brand__right-part {
    gap: 0;
  }
}
.b2b-partner .brand__right-part p {
  margin-bottom: 0;
}

.b2b-offer {
  padding: 120px 0;
  background: url(/assets/img/blog/blog_bg_dark.png) repeat center;
}
@media only screen and (max-width: 767px) {
  .b2b-offer {
    padding: 44px 0;
  }
}
.b2b-offer .container {
  max-width: 824px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (max-width: 1180px) {
  .b2b-offer .container {
    max-width: 624px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-offer .container {
    max-width: unset;
    padding: 0 16px;
  }
}
.b2b-offer .b2b-form__title {
  font-size: 64px;
  font-weight: 500;
  line-height: 76px;
  text-align: center;
  margin: 0 auto 36px;
  max-width: unset;
}
@media only screen and (max-width: 1180px) {
  .b2b-offer .b2b-form__title {
    font-size: 40px;
    line-height: 56px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-offer .b2b-form__title {
    font-size: 36px;
    line-height: 42px;
  }
}
.b2b-offer .b2b-form__descr {
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
  text-align: center;
  margin-bottom: 74px;
}
@media only screen and (max-width: 1180px) {
  .b2b-offer .b2b-form__descr {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b-offer .b2b-form__descr {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 22px;
    padding: 0;
  }
}
.b2b-offer .form-details {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 26px;
  margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
  .b2b-offer .form-details {
    gap: 22px;
  }
}
.b2b-offer .form-details .form-group {
  width: calc(50% - 13px);
}
.b2b-offer .form-details .form-group.col-lg-12 {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .b2b-offer .form-details .form-group {
    width: 100%;
  }
}
.b2b-offer .form-details label {
  color: #161616;
}
.b2b-offer .form-details input, .b2b-offer .form-details textarea {
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  width: 100%;
  padding: 14px 0;
}
.b2b-offer .form-details textarea {
  resize: none;
  outline: none;
}
.b2b-offer .b2b-form__send {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .b2b-offer .b2b-form__send {
    width: 100%;
  }
  .b2b-offer .b2b-form__send button {
    width: 100%;
  }
}

/* Page 404 */
.page404 {
  background: #EAE9E5 url(/assets/img/blog/blog_bg_dark.png) repeat center;
}

.container-404.container {
  margin-top: 0px;
  background: url(/assets/img/404/bg-404.svg) no-repeat center top;
}
@media only screen and (max-width: 1440px) {
  .container-404.container {
    background-position: -30% top;
    background-size: contain;
  }
}
@media only screen and (max-width: 767px) {
  .container-404.container {
    margin-top: 0;
  }
}

.header__404 {
  margin-bottom: 44px;
  padding-top: 63px;
}
@media only screen and (max-width: 1180px) {
  .header__404 {
    margin-bottom: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .header__404 {
    margin-bottom: 40px;
  }
}

.title-wrapper__404 {
  gap: 44px;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .title-wrapper__404 {
    gap: 36px;
  }
}

.search-container {
  position: relative;
}
.search-container .sc_livesearch_close {
  background: url(/assets/img/icons/close.svg) no-repeat center;
}
.search-container.expanded .search-form__input {
  transition: none;
  border-radius: 28px 28px 0 0;
}
@media only screen and (max-width: 1180px) {
  .search-container .search-form__input {
    width: 434px !important;
  }
}
@media only screen and (max-width: 767px) {
  .search-container .search-form__input {
    width: 302px !important;
    padding: 0 12px 0 56px;
    height: 52px;
  }
  .search-container .search__btn {
    height: 24px;
    width: 24px;
    top: 14px;
  }
  .search-container .sc_livesearch_close {
    top: 9px;
    right: 14px;
  }
  .search-container .sc-livesearch {
    top: 52px;
    border-top: 1px solid rgba(22, 22, 22, 0.2);
  }
  .search-container .sc-livesearch-header {
    padding: 10px 16px;
  }
  .search-container .sc-livesearch-title {
    font-size: 16px;
  }
}

.search-form {
  position: relative;
}
.search-form .search-form__input {
  display: block;
  padding: 21px 12px 21px 56px;
  border-radius: 1000px;
  transition: all 1s;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: 434px;
  background-color: rgb(255, 255, 255);
  color: #161616;
}
@media only screen and (max-width: 1180px) {
  .search-form .search-form__input {
    width: 302px;
  }
}
.search-form .search__btn {
  opacity: 1;
}
.search-form .search__btn svg path {
  fill: #161616;
}

.body__404 {
  width: 100%;
}
.body__404 h2 {
  text-align: center;
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .body__404 h2 {
    font-size: 36px;
    line-height: 42px;
  }
}
.body__404 .product-cat {
  margin-bottom: 58px;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1180px) {
  .body__404 .product-cat {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .body__404 .product-cat {
    justify-content: flex-start !important;
    overflow-x: scroll;
    padding: 0;
    flex-wrap: nowrap;
  }
}
.body__404 .product-cat__item {
  border: 1px solid rgba(22, 22, 22, 0.1019607843);
  border-right: 0;
  background-color: #EAE9E5;
  width: 16.6%;
}
@media only screen and (max-width: 1440px) {
  .body__404 .product-cat__item {
    width: 33%;
  }
}
@media only screen and (max-width: 767px) {
  .body__404 .product-cat__item {
    width: 255px;
    flex-shrink: 0;
  }
}
.body__404 .product-cat__item .product-cat__thumb {
  overflow: hidden;
}
.body__404 .product-cat__item img {
  transition: 0.5s ease;
}
@media only screen and (max-width: 1180px) {
  .body__404 .product-cat__item img {
    height: 261px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.body__404 .product-cat__item:hover img {
  transform: scale(1.1);
}
.body__404 .product-cat__item:hover:hover a {
  color: #3C7E3D;
}
.body__404 .product-cat__item:last-child {
  border-right: 1px solid rgba(22, 22, 22, 0.1019607843);
}
.body__404 .product-cat__title a {
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  padding: 16px 22px 22px;
  transition: 0.5s ease;
}
@media only screen and (max-width: 1540px) {
  .body__404 .product-cat__title a {
    font-size: 18px;
    line-height: 22px;
    padding: 16px 16px;
  }
}
@media only screen and (max-width: 1440px) {
  .body__404 .product-cat__title a {
    font-size: 24px;
    line-height: 24px;
    padding: 16px 22px 22px;
  }
}

/* Live search*/
.sc-livesearch {
  display: none;
  position: absolute;
  right: 0;
  top: 50px;
  background-color: #fff;
  border: 1px solid rgba(22, 22, 22, 0.2);
  border-radius: 0 0 28px 28px;
  width: 434px;
}

.sc-livesearch-header {
  padding: 16px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
.sc-livesearch-header .products-count {
  width: 36px;
  height: 36px;
}

.sc-livesearch-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-transform: uppercase;
}

.sc-livesearch-list {
  padding: 16px;
}

.sc-module-item {
  margin-bottom: 16px;
}
.sc-module-item:last-child {
  margin-bottom: 0;
}
.sc-module-item .wrapper {
  gap: 16px;
}
.sc-module-item .sc-module-img img {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sc-module-item .sc-module-info {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
.sc-module-item .sc-module-info a {
  transition: 0.5s ease;
}
.sc-module-item .sc-module-info a:hover {
  color: #3C7E3D;
}
.sc-module-item .module-price__price {
  font-weight: 600;
  margin-right: 10px;
}
.sc-module-item .module-price__weight {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  opacity: 0.6;
}

.sc_livesearch_close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 40px;
  height: 40px;
  background: url(/assets/img/icons/close.svg) no-repeat center;
  background-size: 30px;
  cursor: pointer;
  opacity: 0;
  z-index: 25;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.sc_livesearch_close.visible {
  opacity: 1;
}

.default-page h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.default-page main {
  background-color: #fff;
}
.default-page .catalog-top {
  background-color: #EAE9E5;
}
.default-page .category-list {
  display: none;
}
@media only screen and (max-width: 767px) {
  .default-page .category-list {
    display: block;
  }
}

.default-container.container {
  padding-top: 52px;
  padding-bottom: 80px;
  max-width: 1300px;
  justify-content: center;
  align-items: stretch;
}
@media only screen and (max-width: 1180px) {
  .default-container.container {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .default-container.container {
    flex-direction: column-reverse;
    padding-top: 0;
    padding-bottom: 16px;
  }
}
.default-container.container .default-content {
  width: 748px;
  padding-right: 80px;
  border-right: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1440px) {
  .default-container.container .default-content {
    width: auto;
    padding-right: 26px;
    flex: 1;
  }
}
@media only screen and (max-width: 767px) {
  .default-container.container .default-content {
    padding-right: 0;
    border-right: 0;
  }
}
.default-container.container .default-menu {
  width: 394px;
  flex-shrink: 0;
  margin-left: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (max-width: 1440px) {
  .default-container.container .default-menu {
    margin-left: 26px;
  }
}
@media only screen and (max-width: 1180px) {
  .default-container.container .default-menu {
    width: 286px;
  }
}
@media only screen and (max-width: 767px) {
  .default-container.container .default-menu {
    display: none;
  }
}
.default-container.container .default-menu .menu {
  position: sticky;
  top: 0;
  margin-bottom: 200px;
  padding: 26px;
  background-color: #EAE9E5;
}
.default-container.container .default-menu .menu li {
  list-style: none;
  margin-bottom: 22px;
}
.default-container.container .default-menu .menu li:hover a {
  color: #161616;
}
.default-container.container .default-menu .menu li.active-page a {
  background: url(/assets/img/icons/cat-arrow.svg) no-repeat center right;
  font-weight: 700;
  color: #161616;
}
.default-container.container .default-menu .menu li a {
  padding-right: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(22, 22, 22, 0.5019607843);
  text-transform: uppercase;
  transition: 0.5s ease;
}
.default-container.container .top-block,
.default-container.container .bottom-block {
  padding: 26px;
  background-color: rgba(229, 84, 60, 0.1019607843);
  border: 1px solid rgba(22, 22, 22, 0.2);
  color: #161616;
  margin-bottom: 26px;
}
.default-container.container .bottom-block {
  background-color: #BAD1E2;
  margin-bottom: 0;
}
.default-container.container p {
  margin-bottom: 26px;
}
.default-container.container p, .default-container.container li {
  font-size: 16px;
  line-height: 24px;
  color: rgba(22, 22, 22, 0.8);
}
.default-container.container ul {
  margin-bottom: 26px;
  padding-left: 30px;
}
.default-container.container ul li {
  list-style: disc;
}

.help__cta .help-box__title {
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  margin-bottom: 16px;
}
.help__cta a {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0;
  text-align: center;
}

.restore-password-page .catalog-top {
  display: none;
}

.restore-password {
  max-width: 362px;
  margin: 0 auto;
  padding: 150px 0 190px;
}
.restore-password .title-2-small {
  text-align: center;
  line-height: 62px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .restore-password .title-2-small {
    font-size: 24px;
    line-height: 38px;
  }
}
.restore-password .restore-password__descr {
  text-align: center;
  margin-bottom: 36px;
}
.restore-password .send-btn {
  width: 100%;
  height: 52px;
  line-height: 52px;
  padding: 0;
}

.faq-page {
  background: #D1D3CF url(/assets/img/blog/blog_bg_dark.png) repeat center;
}

.container.faq__header {
  padding-top: 44px;
  margin-bottom: 77px;
}
@media only screen and (max-width: 1180px) {
  .container.faq__header {
    padding-top: 60px;
  }
  .container.faq__header .title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .container.faq__header {
    padding-top: 19px;
    margin-bottom: 44px;
  }
  .container.faq__header .title-wrapper {
    row-gap: 16px;
  }
  .container.faq__header .title-2-small {
    font-size: 36px;
  }
  .container.faq__header .two-btn, .container.faq__header a {
    width: 100%;
    text-align: center;
  }
}

.faq {
  background-color: #fff;
  padding-bottom: 80px;
  padding-top: 26px;
}
@media only screen and (max-width: 767px) {
  .faq {
    padding-top: 16px;
    padding-bottom: 44px;
  }
}

.faq-container {
  gap: 26px;
}
@media only screen and (max-width: 1180px) {
  .faq-container {
    flex-direction: column;
    gap: 0;
  }
}

.faq-container__col {
  width: 50%;
}
@media only screen and (max-width: 1180px) {
  .faq-container__col {
    width: 100%;
  }
}

.faq-q {
  position: relative;
  padding: 28px 26px;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  cursor: pointer;
}
@media only screen and (max-width: 1440px) {
  .faq-q {
    padding: 28px 60px 28px 26px;
  }
}
@media only screen and (max-width: 767px) {
  .faq-q {
    padding: 26px 44px 26px 8px;
  }
}
.faq-q::after {
  content: "";
  position: absolute;
  right: 26px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0px;
  border-radius: 50%;
  background: url(/assets/img/icons/arrow-down-black.svg) no-repeat center;
}
@media only screen and (max-width: 767px) {
  .faq-q::after {
    right: 16px;
  }
}

.faq-a {
  padding: 26px;
  border-bottom: 1px solid #E5543C;
  font-size: 20px;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  .faq-a {
    font-size: 16px;
    line-height: 24px;
  }
}
.faq-a p {
  margin-bottom: 16px;
}
.faq-a p :last-child {
  margin-bottom: 0;
}

.open-faq .faq-q {
  padding-left: 44px;
}
@media only screen and (max-width: 767px) {
  .open-faq .faq-q {
    padding-left: 26px;
  }
}
.open-faq .faq-q::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  border-radius: 50%;
  background-color: #E5543C;
}
.open-faq .faq-q::after {
  transform: rotate(180deg) translateY(50%);
}
.open-faq .faq-a {
  display: block;
}

.modal {
  position: fixed;
  top: 50%;
  /*bottom: 0;*/
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 15;
  margin: 0 auto;
  width: 400px;
  height: calc(100vh - 80px);
  max-height: 618px;
  background: #fff;
  overflow-y: auto;
  flex: 1 0 auto;
  flex-direction: column;
  overflow-x: hidden;
}
.modal .green-btn,
.modal .gray-btn {
  height: 60px;
  line-height: 60px;
  padding: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .client-btn::after {
  content: "";
  margin-left: 6px;
  width: 20px;
  height: 20px;
  background: url(/assets/img/icons/user_icon.svg) no-repeat center;
  background-size: contain;
}
.modal .gray-btn {
  border: 1px solid rgba(22, 22, 22, 0.2);
  text-transform: none;
}
.modal .b2b-btn::after {
  content: "";
  margin-left: 6px;
  width: 20px;
  height: 20px;
  background: url(/assets/img/icons/briefcase.svg) no-repeat center;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .modal:not(.modal-msg) {
    width: auto;
    height: 100%;
    top: 0;
    transform: unset;
    max-height: unset;
  }
}

#modal-discount {
  display: none;
  width: 853px;
  height: 630px;
  max-height: unset;
  border: 1px solid rgba(22, 22, 22, 0.2);
}
@media only screen and (max-width: 1180px) {
  #modal-discount {
    width: auto;
    max-width: 792px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  #modal-discount {
    width: auto;
    height: 100%;
  }
}
#modal-discount.modal {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-header {
    padding: 0 16px;
    margin-bottom: 0;
  }
}
#modal-discount .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  align-items: stretch;
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-dialog {
    width: auto;
    margin: 0;
    flex-direction: column;
  }
}
#modal-discount .modal-body-img {
  width: 456px;
  height: 100%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  #modal-discount .modal-body-img {
    width: 395px;
  }
}
@media only screen and (max-width: 1023px) {
  #modal-discount .modal-body-img {
    width: 380px;
  }
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-body-img {
    width: 100%;
    height: 186px;
  }
}
#modal-discount .modal-body-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-content {
    height: 100vh;
    padding: 26px 0;
  }
}
#modal-discount .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 44px);
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-body {
    justify-content: flex-start;
    height: calc(100% - 34px);
  }
}
#modal-discount .modal-body__info {
  margin: 0 auto;
  font-size: 14px;
  line-height: 22px;
}
#modal-discount .modal-body__title-box {
  margin: 60px 0 0px;
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-body__title-box {
    padding: 0 16px;
    margin: 34px 0 0;
  }
}
#modal-discount .modal-body__title {
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-body__title {
    font-size: 20px;
    line-height: 28px;
  }
}
#modal-discount .modal-body__discount {
  font-size: 128px;
  font-style: italic;
  font-weight: 600;
  line-height: 128px;
  margin-bottom: 29px;
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-body__discount {
    font-size: 64px;
    line-height: 64px;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-body__form {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 767px) {
  #modal-discount .modal-form__wrapper {
    justify-content: flex-end;
  }
}
#modal-discount .black-btn {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding: 0;
}
#modal-discount .black-btn::after {
  content: none;
}

#modal-welcome {
  display: none;
  width: 800px;
  height: 550px;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  #modal-welcome {
    width: 744px;
  }
}
@media only screen and (max-width: 767px) {
  #modal-welcome {
    width: auto;
    height: 100%;
  }
}
#modal-welcome::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 93px;
  right: 0;
  transform: translateY(-50%);
  background: url(/assets/img/hero_logo.svg) no-repeat center;
  background-size: cover;
  display: block;
  width: 214px;
  height: 269px;
}
@media only screen and (max-width: 1180px) {
  #modal-welcome::before {
    left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #modal-welcome::before {
    content: none;
  }
}
#modal-welcome.modal {
  background: #fff url(/assets/img/modal-welcome.jpg) no-repeat left;
  background-size: 50% 100%;
}
@media only screen and (max-width: 1180px) {
  #modal-welcome.modal {
    background-size: 45% 100%;
  }
}
@media only screen and (max-width: 767px) {
  #modal-welcome.modal {
    background: #fff;
  }
}
#modal-welcome .modal-dialog {
  width: 50%;
  height: 100%;
  margin: 0 0 0 50%;
  background: url(/assets/img/bg-light.png) repeat top;
}
@media only screen and (max-width: 1180px) {
  #modal-welcome .modal-dialog {
    width: 55%;
    margin: 0 0 0 45%;
  }
}
@media only screen and (max-width: 767px) {
  #modal-welcome .modal-dialog {
    width: auto;
    margin: 0;
  }
}
#modal-welcome .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: calc(100% - 26px);
}
@media only screen and (max-width: 767px) {
  #modal-welcome .modal-body {
    justify-content: space-around;
  }
}
#modal-welcome .modal-body__info {
  margin: 0 auto;
  font-size: 14px;
  line-height: 22px;
  max-width: 260px;
}
#modal-welcome .modal-body__title-box {
  margin: 38px auto 67px;
}

#modal-reg {
  display: none;
}

#modal-login, #modal-loginb2b {
  display: none;
  height: 600px;
}
@media only screen and (max-width: 767px) {
  #modal-login, #modal-loginb2b {
    height: 100%;
  }
}

#modal-loginb2b {
  display: none;
}

#modal-regb2b {
  display: none;
  margin: 1.75rem auto;
  top: calc(50% - 1.75rem);
  height: auto; /*height: 900px;*/
  max-height: 95vh;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  #modal-regb2b {
    height: 100%;
    top: 0;
    margin: 0;
    max-height: unset;
  }
  #modal-regb2b .modal-form__send {
    padding-bottom: 26px;
  }
}

#modal-forgot-email {
  display: none;
  height: 430px;
}
#modal-forgot-email.forgot-email-step2 {
  height: 458px;
}
@media only screen and (max-width: 767px) {
  #modal-forgot-email.forgot-email-step2 {
    height: 100%;
  }
}
#modal-forgot-email .modal-form__descr {
  max-width: unset;
}
@media only screen and (max-width: 767px) {
  #modal-forgot-email {
    height: 100%;
  }
  #modal-forgot-email .modal-form__fields {
    height: 100%;
    padding-top: 14px;
  }
}

.modal-content {
  padding: 26px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .modal-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100vh - 26px);
    padding: 16px 16px 26px;
  }
}

.modal-header {
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .modal-header {
    margin-bottom: 52px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-body, .modal-body__form, .modal-form {
    height: 100%;
  }
}
.modal-body__title-box {
  margin: 16px auto 36px;
}

.modal__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
}

.modal-body__title {
  font-size: 36px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.modal-form__descr {
  max-width: 220px;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .modal-form__descr {
    margin-bottom: 20px;
  }
}

.modal-body__profile-box .modal-form__info {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
}

.modal-divider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 26px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: rgba(22, 22, 22, 0.4);
}
.modal-divider::before {
  content: "";
  display: inline-block;
  width: calc(50% - 10px);
  height: 1px;
  margin-top: 4px;
  background-color: rgba(22, 22, 22, 0.2);
}
.modal-divider::after {
  content: "";
  display: inline-block;
  width: calc(50% - 10px);
  height: 1px;
  margin-top: 4px;
  background-color: rgba(22, 22, 22, 0.2);
}

.modal-body__link {
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  margin: 37px 0;
}
.modal-body__link:last-child {
  margin-bottom: 0;
}
.modal-body__link .modal-link {
  font-weight: 600;
  text-decoration: underline;
  transition: 0.5s ease;
}
.modal-body__link .modal-link:hover {
  text-decoration: none;
}

.modal-form .form-group {
  width: 100%;
}
.modal-form .form-group label {
  position: relative;
  display: block;
}
.modal-form input, .modal-form textarea {
  width: 100%;
  padding: 9px 0px 14px;
  margin-bottom: 27px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  transition: 0.25s ease;
}
.modal-form input:focus, .modal-form textarea:focus {
  color: #3C7E3D;
  border-bottom: 1px solid #3C7E3D;
}
@media only screen and (max-width: 767px) {
  .modal-form input, .modal-form textarea {
    margin-bottom: 26px;
  }
}
.modal-form input.control-error, .modal-form textarea.control-error {
  color: #E5543C;
  border-bottom: 1px solid #E5543C;
}
.modal-form textarea {
  resize: none;
  outline: none;
  padding: 9px 9px 14px;
}
.modal-form textarea:active {
  color: #3C7E3D;
  border: none;
  border-bottom: 1px solid #3C7E3D;
}
.modal-form .modal-form__fields {
  margin-bottom: 14px;
}
.modal-form .required {
  color: #E5543C;
}
.modal-form .control-error-text {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 50%;
  color: #E5543C;
  font-size: 12px;
  line-height: 16px;
}
.modal-form .warning-error-text {
  transform: translateY(-50%);
  max-width: 50%;
  color: #E5543C;
  font-size: 12px;
  line-height: 16px;
}

@media only screen and (max-width: 767px) {
  .modal-form__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
}

/*  Modal messages */
#reg-confirm {
  display: none;
}

#reg-success {
  display: none;
}

#reg-success-b2b {
  display: none;
}

#reg-error {
  display: none;
}

#password-changed {
  display: none;
}

#fatal-error {
  display: none;
}

.modal-msg {
  height: 190px;
  width: 325px;
}
.modal-msg.success-msg .modal__title {
  color: #3C7E3D;
}
.modal-msg .modal-content {
  padding: 26px 0;
  height: unset;
}
.modal-msg .modal-header {
  padding: 0 26px 26px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
  margin-bottom: 16px;
}
.modal-msg .modal-form__descr {
  margin-bottom: 0;
}
.modal-msg .modal-body {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 26px;
}
.modal-msg .modal-body__icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #9DC95D url(/assets/img/icons/icon-check-black.svg) no-repeat center;
  background-size: 32px;
  flex-shrink: 0;
}

.confirm-msg {
  height: 210px;
}
.confirm-msg .modal-body__icon {
  background: url(/assets/img/icons/mail-send.svg) no-repeat center;
  background-size: 32px;
}

.error-msg .modal__title {
  color: #E5543C;
}
.error-msg .modal-body__icon {
  background: url(/assets/img/icons/alert-line.svg) no-repeat center;
  background-size: 32px;
}

.pass-changed-msg {
  height: 266px;
}
.pass-changed-msg .modal-body {
  flex-direction: column;
}
.pass-changed-msg .modal-body__icon {
  background: url(/assets/img/icons/lock-password.svg) no-repeat center;
  background-size: 32px;
}

#modal-shipping-templates {
  display: none;
  background-color: #EAE9E5;
  width: 483px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  #modal-shipping-templates {
    width: auto;
    height: 100%;
  }
}
#modal-shipping-templates .wrapper {
  padding-right: 0;
  overflow-y: auto;
}
#modal-shipping-templates .modal-address__office {
  padding: 0;
  margin-bottom: 0;
}
#modal-shipping-templates .modal-address__office label {
  border-top: 1px solid rgba(22, 22, 22, 0.2);
}
#modal-shipping-templates .modal-address__office label:last-child {
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
#modal-shipping-templates .modal-address__office label.selected, #modal-shipping-templates .modal-address__office label:hover {
  background-color: transparent;
}
#modal-shipping-templates .modal-address__office label input:checked + .check-status {
  border: 0px solid #fff;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #9DC95D url(/assets/img/icons/icon-check-black.svg) no-repeat center;
  background-size: 16px;
}

.shipping-method .shipping-sort {
  font-size: 16px;
  line-height: 22px;
}
@media only screen and (max-width: 767px) {
  .shipping-method .shipping-sort {
    font-size: 14px;
  }
}
.shipping-method .shipping-sort .category-sort__title {
  border-right: 0;
}

/* Live search*/
.sc-livesearch {
  display: none;
  position: absolute;
  right: 0;
  top: 50px;
  z-index: 10;
  background-color: #fff;
  border: 0;
  border-top: 1px solid rgba(22, 22, 22, 0.2);
  border-radius: 0 0 28px 28px;
  width: 434px;
}
@media only screen and (max-width: 767px) {
  .sc-livesearch {
    top: 55px;
    left: 0;
    width: auto;
    z-index: 10;
    border: none;
  }
}

.sc-livesearch-header {
  padding: 16px;
  border-bottom: 1px solid rgba(22, 22, 22, 0.2);
}
.sc-livesearch-header .products-count {
  width: 36px;
  height: 36px;
}

.sc-livesearch-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  text-transform: uppercase;
}

.sc-livesearch-list {
  padding: 16px;
  overflow-y: auto;
  height: 300px;
}
@media only screen and (max-width: 767px) {
  .sc-livesearch-list {
    height: calc(100vh - 160px);
  }
}

.sc-module-item {
  margin-bottom: 16px;
}
.sc-module-item:last-child {
  margin-bottom: 0;
}
.sc-module-item .wrapper {
  gap: 16px;
}
.sc-module-item .sc-module-img img {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sc-module-item .sc-module-info {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}
.sc-module-item .sc-module-info a {
  transition: 0.5s ease;
}
.sc-module-item .sc-module-info a:hover {
  color: #3C7E3D;
}
.sc-module-item .module-price__price {
  font-weight: 600;
  margin-right: 10px;
}
.sc-module-item .module-price__weight {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  opacity: 0.6;
}

.sc_livesearch_close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 40px;
  height: 40px;
  /* background: url(../../assets/img/icons/close.svg) no-repeat center;*/
  background: url(/assets/img/icons/icon-close.svg) no-repeat center;
  background-size: 18px;
  cursor: pointer;
  opacity: 0;
  z-index: 12;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media only screen and (max-width: 767px) {
  .sc_livesearch_close {
    background: url(/assets/img/icons/close.svg) no-repeat center;
    background-size: 30px;
    top: 21px;
    right: 26px;
    transform: unset;
  }
}

.sc_livesearch_close.visible {
  opacity: 1;
}

.dark-header .sc_livesearch_close {
  background: url(/assets/img/icons/close.svg) no-repeat center;
}

@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/assets/fonts/Lato-Thin.woff);
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/Lato-Light.woff);
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/Lato-LightItalic.woff);
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Lato-Regular.woff);
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Lato-Medium.woff);
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Lato-MediumItalic.woff);
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Lato-Semibold.woff);
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Lato-SemiboldItalic.woff);
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Lato-Bold.woff);
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Lato-BoldItalic.woff);
}
body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #161616;
  background-color: #EAE9E5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.no-scroll {
  z-index: 10;
  overflow-x: hidden;
  overflow-y: hidden;
  position: fixed;
  /*width: calc(100% - 26px);*/
  left: 0;
  right: 0;
}

.main-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
}

main.home .container {
  max-width: 1728px;
  padding: 0 44px 0 88px;
}
@media only screen and (max-width: 1180px) {
  main.home .container {
    padding: 0 16px;
  }
}

.container {
  max-width: 1728px;
  padding: 0 44px;
  margin: 0 auto;
}
@media only screen and (max-width: 1180px) {
  .container {
    padding: 0 16px;
  }
}

.green-bg {
  background-color: #9DC95D;
}

.white-bg {
  background-color: #fff;
}

.green-link {
  color: #9DC95D;
  font-style: italic;
  font-weight: 700;
}

.red-link {
  color: #E5543C;
  font-style: italic;
  font-weight: 700;
}

.d-flex-top {
  display: flex;
  align-items: flex-start;
}

.d-flex-bottom {
  display: flex;
  align-items: flex-end;
}

.d-flex-start {
  display: flex;
  align-items: flex-start;
}

.d-flex-stretch {
  display: flex;
  align-items: stretch;
}

.d-flex-center {
  display: flex;
  align-items: center;
}

.d-flex-sb {
  justify-content: space-between;
}

.d-flex-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mob-show {
  display: none;
}
@media only screen and (max-width: 767px) {
  .mob-show {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .mob-hide {
    display: none;
  }
}
a {
  color: #161616;
}

.open-cat-btn {
  display: none;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 24px 22px 24px 32px;
  /* Add the blur effect */
  color: #161616;
  border-radius: 50px;
  overflow: hidden;
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
}

.green-btn {
  border: 1px solid #3C7E3D;
  background-color: #3C7E3D;
  color: #fff;
}
.green-btn::after {
  content: "";
  background: url(/assets/img/icons/btn_arrow.svg) no-repeat center;
}

.lightGreen-btn {
  border: 1px solid #9DC95D;
  background-color: #9DC95D;
}
.lightGreen-btn::after {
  content: "";
  background: url(/assets/img/icons/btn_arrow.svg) no-repeat center;
}

.black-btn {
  border: 1px solid #161616;
  color: #161616;
}
.black-btn::after {
  content: "";
  background: url(/assets/img/icons/btn_arrow_black.svg) no-repeat center;
}
.black-btn:hover::after {
  background: url(/assets/img/icons/btn_arrow.svg) no-repeat center;
}

.black-btn-bg {
  background-color: #161616;
  color: #fff;
}

.orange-btn {
  border: 1px solid #E5543C;
  background-color: #E5543C;
}
.orange-btn:hover {
  border-color: #E5543C;
  color: #E5543C;
  background: transparent;
}

.gray-btn {
  border: 1px solid rgba(22, 22, 22, 0.2);
  color: #161616;
}
.gray-btn:hover {
  border-color: #161616;
  color: #161616;
  background: transparent;
}

.small-btn {
  min-width: 210px;
  text-align: center;
}

.btn-bg {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* top-left and transform are for putting div in the middle of button.*/
  background-image: linear-gradient(#E5543C, #E5543C);
  transition: 0.5s;
  z-index: -1;
  border-radius: 50%;
}

/*  Main  */
.title-1 {
  font-weight: 600;
  font-size: 72px;
  line-height: 86px;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1180px) {
  .title-1 {
    font-size: 48px;
    line-height: 62px;
  }
}
@media only screen and (max-width: 767px) {
  .title-1 {
    font-size: 36px;
    line-height: 36px;
  }
}

.color {
  color: #E5543C;
}

.title-2 {
  margin-bottom: 80px;
  font-size: 56px;
  font-weight: 600;
  line-height: 68px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1180px) {
  .title-2 {
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .title-2 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 44px;
  }
}

/* Hero */
.hero {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background: #000 url(/assets/img/home/kikkou-banner.jpg) no-repeat center;
  background-size: cover;
  max-height: 990px;
  height: 100vh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 120px;
  padding-top: 100px;
}
@media only screen and (max-width: 1180px) {
  .hero {
    max-height: 874px;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .hero {
    margin-bottom: 44px;
    background: #000 url(/assets/img/home/kikkou-banner-mob.jpg) no-repeat center;
    background-size: cover;
    max-height: unset;
  }
  .hero img {
    max-width: 199px;
  }
}

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

/* Section About us */
.about__wrapper {
  display: flex;
  -moz-column-gap: 80px;
       column-gap: 80px;
  margin-bottom: 157px;
}

.about__left-part {
  display: flex;
  -moz-column-gap: 60px;
       column-gap: 60px;
  max-width: 57%;
  flex-shrink: 0;
}
.about__left-part > img {
  width: 462px;
  height: 790px;
  -o-object-fit: cover;
     object-fit: cover;
}
.about__left-part .about__subtitle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width: 1540px) {
  .about__wrapper {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .about__left-part {
    max-width: 60%;
    -moz-column-gap: 25px;
         column-gap: 25px;
  }
}
@media only screen and (max-width: 1180px) {
  .about__wrapper {
    gap: 60px;
    flex-direction: column;
    margin-bottom: 56px;
  }
  .about__left-part {
    max-width: none;
    flex-shrink: 1;
    justify-content: space-between;
  }
  .about__left-part > img {
    width: calc(50% - 12.5px);
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about__left-part .about__subtitle {
    width: calc(50% - 12.5px);
    /*min-width: 383px;*/
    flex-shrink: 0;
    gap: 67px;
  }
  .about__right-part .wrapper {
    text-align: center;
    margin-bottom: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .about__wrapper {
    gap: 43px;
    margin-bottom: 17px;
  }
  .about__left-part > img {
    display: none;
  }
  .about__left-part .about__subtitle {
    width: 100%;
    min-width: unset;
    gap: 36px;
  }
}
.subtitle {
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
}

.about__right-part {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.about__right-part p {
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .about__right-part {
    flex-direction: column-reverse;
    gap: 26px;
  }
  .about__right-part p {
    text-align: left;
  }
}
.about__right-part .wrapper-2 {
  display: flex;
  justify-content: space-between;
  gap: 26px;
}
.about__right-part .wrapper-2 img {
  width: 48.5%;
}
@media only screen and (max-width: 1180px) {
  .about__right-part .wrapper-2 {
    margin-bottom: 0;
  }
  .about__right-part .wrapper-2 img {
    height: 356px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 1180px) {
  .about__right-part .wrapper-2 {
    margin-bottom: 0;
  }
  .about__right-part .wrapper-2 img {
    height: 420px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 1023px) {
  .about__right-part .wrapper-2 img {
    height: 356px;
  }
}
@media only screen and (max-width: 767px) {
  .about__right-part .wrapper-2 img {
    height: 172px;
  }
}

.rb_radius {
  border-radius: 0 0 300px 0;
}
@media only screen and (max-width: 1180px) {
  .rb_radius {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 1023px) {
  .rb_radius {
    height: 361px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .rb_radius {
    height: 378px;
  }
}

.lt_radius {
  border-radius: 300px 0 0 0;
}

/* Section Porduct Home */
@media only screen and (max-width: 1180px) {
  .product-home {
    background-color: #9DC95D;
    padding-top: 56px;
    margin-bottom: 0px;
  }
  .product-home p {
    font-size: 20px;
    line-height: 36px;
    max-width: 557px;
  }
}
@media only screen and (max-width: 767px) {
  .product-home {
    padding-top: 45px;
    margin-bottom: 44px;
  }
  .product-home p {
    max-width: unset;
  }
}
.product-home .title-2 {
  margin-bottom: 0;
  font-weight: 400;
  flex-shrink: 0;
  width: 566px;
}
@media only screen and (max-width: 1540px) {
  .product-home .title-2 {
    width: 445px;
  }
}
@media only screen and (max-width: 1440px) {
  .product-home .title-2 {
    width: 345px;
  }
}
@media only screen and (max-width: 1180px) {
  .product-home .title-2 {
    width: auto;
    flex-shrink: unset;
  }
}
.product-home .title-wrapper {
  display: flex;
  gap: 144px;
  align-items: center;
  margin-bottom: 80px;
}
@media only screen and (max-width: 1540px) {
  .product-home .title-wrapper {
    gap: 88px;
  }
}
@media only screen and (max-width: 1180px) {
  .product-home .title-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 26px;
    margin-bottom: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .product-home .title-wrapper {
    margin-bottom: 80px;
  }
}
.product-home .read-more {
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .product-home .read-more {
    order: 3;
    margin: 0 auto;
    text-align: center;
  }
}

.product-home__list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0px;
}
@media only screen and (max-width: 1180px) {
  .product-home__list {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .product-home__list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 16px;
  }
}

.product-home__item {
  position: relative;
  padding: 0 8px;
  border-right: 1px solid rgba(22, 22, 22, 0.2);
}
.product-home__item:first-child {
  padding-left: 0;
}
.product-home__item:last-child {
  border-right: none;
  padding-right: 0;
}
.product-home__item:hover .prod-img-hover {
  opacity: 1;
  top: 0;
}
.product-home__item:hover .prod-img {
  opacity: 0;
  bottom: 0;
}
.product-home__item:hover .product-home__descr {
  opacity: 0;
}
.product-home__item:hover .product-home__cat {
  opacity: 1;
}
.product-home__item .read-more {
  transition: z-index 2s ease;
  z-index: 1;
}
.product-home__item:hover .read-more {
  z-index: 2;
}
.product-home__item > a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media only screen and (max-width: 1540px) {
  .product-home__item .read-more {
    font-size: 0;
    line-height: 0;
    text-align: center;
  }
  .product-home__item .read-more::after {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1180px) {
  .product-home__item .prod-img-hover {
    display: none;
  }
}
.product-home__item:hover .prod-img {
  opacity: 0;
}
@media only screen and (max-width: 1180px) {
  .product-home__item:hover .prod-img {
    opacity: 1;
  }
}

.product-home__mob-show {
  display: none;
}

@media only screen and (max-width: 1180px) {
  .product-home__mob-show {
    display: block;
    height: 165px;
  }
  .product-home__mob-hide {
    display: none;
  }
}
.green-bg {
  padding-bottom: 220px;
}
@media only screen and (max-width: 1180px) {
  .green-bg {
    padding-bottom: 58px;
  }
}
@media only screen and (max-width: 767px) {
  .green-bg {
    padding-bottom: 44px;
  }
}
.green-bg .product-home__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 1180px) {
  .green-bg .product-home__item {
    padding-top: 0;
  }
  .green-bg .product-home__item:first-child, .green-bg .product-home__item:nth-child(4n+1) {
    padding: 0 8px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .green-bg .product-home__item:nth-child(2n) {
    border-right: 0;
  }
  .green-bg .product-home__item:first-child, .green-bg .product-home__item:nth-child(4n+1) {
    padding: 0 8px;
  }
}

.product-home__number {
  font-size: 64px;
  font-weight: 100;
  line-height: 64px;
  opacity: 0.3;
}
@media only screen and (max-width: 1180px) {
  .product-home__number {
    margin-bottom: 8px;
    line-height: 44px;
  }
}

.product-home__name {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  text-transform: uppercase;
  max-width: 140px;
}
@media only screen and (max-width: 1180px) {
  .product-home__name {
    margin-bottom: 16px;
  }
}

.product-home__descr {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  min-height: 280px;
  height: 100%;
  opacity: 1;
  transition: opacity 2s ease 0s;
}
@media only screen and (max-width: 1180px) {
  .product-home__descr {
    display: none;
  }
}

.product-home__box {
  position: relative;
  padding-left: 20px;
  margin-bottom: 26px;
}

.prod-count {
  font-size: 112px;
  font-weight: 300;
  line-height: 96px;
}
@media only screen and (max-width: 1440px) {
  .prod-count {
    font-size: 90px;
  }
}

.product-home__images {
  /*position: relative;
  height: 260px;*/
}

.prod-img {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 8px;
  opacity: 1;
  transition: all 2s ease 0s; /* only transition top property */
}
@media only screen and (max-width: 1180px) {
  .prod-img {
    position: relative;
    height: 260px;
    -o-object-fit: cover;
       object-fit: cover;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .prod-img {
    width: 100%;
    height: 126px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.prod-img-hover {
  position: absolute;
  top: 100%;
  z-index: 1;
  left: 0;
  right: 0;
  padding: 0 8px;
  width: 100%;
  opacity: 0;
  transition: opacity 2s ease 0s, top 1.4s ease 0s; /* only transition top property */
}

.product-home__cat {
  /*position: absolute;
  bottom: 0;*/
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 260px;
  opacity: 0;
  transition: opacity 1s ease 0.5s;
}
@media only screen and (max-width: 1180px) {
  .product-home__cat {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .product-home__cat {
    height: 220px;
  }
}

.rotate-text {
  transform: rotate(-90deg);
  position: absolute;
  left: 3px;
  bottom: 0;
  top: 0;
}

/* Section B2B */
.b2b {
  margin-bottom: 82px;
}
.b2b .b2b-container {
  display: flex;
  height: 680px;
  background: #fff;
  margin-top: -100px;
  margin-left: calc(50% - 856px + 88px);
  margin-bottom: 44px;
}
@media only screen and (max-width: 1540px) {
  .b2b .b2b-container {
    margin-left: 88px;
  }
}
@media only screen and (max-width: 1180px) {
  .b2b .b2b-container {
    flex-direction: column;
    margin: 0px 16px 44px;
    height: auto;
  }
}
.b2b .b2b__content {
  display: flex;
  flex-direction: column;
  gap: 25px; /*92px;*/
  padding: 36px;
  width: 454px; /*430px;*/
  flex-shrink: 0;
}
@media only screen and (max-width: 1180px) {
  .b2b .b2b__content {
    gap: 27px;
    padding: 36px;
    width: auto;
    flex-shrink: 0;
    padding-left: 184px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b .b2b__content {
    padding: 16px;
    gap: 20px;
    width: auto;
    margin-bottom: 10px;
  }
}
.b2b .b2b__content .title-2 {
  font-weight: 400;
  margin-bottom: 0;
}
.b2b .b2b__content p {
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(197, 196, 191, 0.3019607843);
  margin-bottom: 26px;
}
.b2b .b2b__content .b2b__email {
  font-size: 20px;
  line-height: 28px;
}
.b2b .b2b__content .b2b__email a {
  border-bottom: 1px solid #161616;
  color: #161616;
}
.b2b .b2b__content .b2b__email span {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-color: #C5C4BF;
  border-radius: 50%;
  text-align: center;
}
.b2b .b2b__content .b2b-img {
  width: 121px;
}
@media only screen and (max-width: 1180px) {
  .b2b .b2b__content .b2b-img {
    width: 121px;
    position: absolute;
    left: 53px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b .b2b__content .b2b-img {
    position: relative;
    left: 0;
  }
}
.b2b .b2b__video {
  width: 100%;
}
@media only screen and (max-width: 1180px) {
  .b2b .b2b__video {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .b2b .b2b__video {
    height: 246px;
  }
}
.b2b .b2b__video video {
  -o-object-fit: cover;
     object-fit: cover;
}
.b2b .container {
  display: flex;
  gap: 36px;
  align-items: center;
}
@media only screen and (max-width: 1180px) {
  .b2b .container {
    flex-direction: column;
  }
}
.b2b .b2b__info {
  font-size: 24px;
  line-height: 38px;
  padding-right: 20px;
}
@media only screen and (max-width: 1540px) {
  .b2b .b2b__info {
    font-size: 20px;
    line-height: 34px;
  }
}
@media only screen and (max-width: 1180px) {
  .b2b .b2b__info {
    padding-right: 0;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .b2b .b2b__info {
    text-align: left;
  }
}
.b2b .b2b__cta {
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .b2b .b2b__cta {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    text-align: center;
  }
}
.b2b .b2b__cta .black-btn {
  margin-right: 16px;
}

/* Section marquee 2 lines crossed */
.marquee {
  width: 100%;
  overflow: hidden;
  height: 405px;
  padding-top: 118px;
  background: url(/assets/img/home/flower-rotate.png) no-repeat center -105px;
  background-size: 579px;
}
@media only screen and (max-width: 1180px) {
  .marquee {
    background: transparent;
    height: 300px;
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .marquee {
    height: 270px;
  }
}

.marquee__line {
  position: relative;
  display: flex;
  width: 110%;
  /* overflow: hidden; */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  gap: var(26px);
}
.marquee__line .marquee__content {
  background: #3C7E3D;
  animation: scroll 20s linear infinite;
}
.marquee__line .marquee__content:before {
  content: "";
  position: absolute;
  left: -27px;
  top: 0;
  display: inline-block;
  background-color: #3C7E3D;
  width: 28px;
  height: 100%;
}

.marquee__line1 {
  transform: rotate(4.6deg);
  margin-top: -70px;
}
.marquee__line1 .marquee__content {
  background: #fff;
}
.marquee__line1 .marquee__content:before {
  content: "";
  background-color: #fff;
}

.marquee__line2 {
  transform: rotate(-5.9deg);
}

.marquee__content {
  padding: 32px 2px;
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: 26px;
  min-width: 100%;
  animation: scroll 20s linear infinite;
}
@media only screen and (max-width: 1540px) {
  .marquee__content {
    padding: 20px 2px;
  }
}
.marquee__content li::after {
  content: "";
  display: inline-block;
  background-color: #E5543C;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-left: 26px;
}

.marquee--reverse .marquee__content {
  animation-direction: reverse;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 26px));
  }
}
/* Section Club */
.club {
  /* margin-bottom: -240px;

   @media only screen and (max-width: $tablet) {
       &{
           margin-bottom: -80px; 
       }
   }

   @media only screen and (max-width: $smallmobile) {
       &{
           margin-bottom: -73px; 
       }
   }*/
}
.club .container {
  gap: 169px;
  justify-content: space-between;
}
@media only screen and (max-width: 1540px) {
  .club .container {
    gap: 77px;
  }
}
@media only screen and (max-width: 1180px) {
  .club .container {
    flex-direction: column;
    gap: 36px;
  }
}
@media only screen and (max-width: 1180px) {
  .club .container {
    flex-direction: column;
    gap: 26px;
  }
}
.club .club__container-pictures {
  gap: 0px;
  justify-content: space-between;
  flex-direction: row;
  margin-top: -58px;
}
.club .club__container-pictures img {
  width: 100%;
}
.club .club__container-pictures .club__picture1 {
  width: 25%;
  height: 457px;
  -o-object-fit: cover;
     object-fit: cover;
}
.club .club__container-pictures .club__picture2 {
  width: 25%;
  height: 513px;
  -o-object-fit: cover;
     object-fit: cover;
}
.club .club__container-pictures .club__picture2 {
  width: 50%;
  height: 614px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 1180px) {
  .club .club__container-pictures {
    margin-top: 0;
  }
  .club .club__container-pictures .club__picture1 {
    width: 33%;
    max-width: unset;
    height: 457px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .club .club__container-pictures .club__picture2 {
    width: 33%;
    max-width: unset;
    height: 513px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .club .club__container-pictures .club__picture3 {
    width: 33%;
    max-width: unset;
    height: 614px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  .club .club__container-pictures {
    margin-top: 0;
  }
  .club .club__container-pictures .club__picture1 {
    height: 240px;
    padding-right: 5px;
  }
  .club .club__container-pictures .club__picture2 {
    height: 280px;
    padding-right: 5px;
  }
  .club .club__container-pictures .club__picture3 {
    height: 317px;
    -o-object-position: left;
       object-position: left;
  }
}

.club__picture1, .club__picture2 {
  max-width: 24%;
  padding-right: 8px;
}

.club__picture3 {
  max-width: 52%;
}

.club__left-part {
  gap: 42px;
  flex-shrink: 0;
  max-width: 779px;
}
@media only screen and (max-width: 1180px) {
  .club__left-part {
    flex-direction: row;
    max-width: none;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .club__left-part {
    gap: 26px;
  }
}
.club__left-part .club__right-part {
  max-width: 650px;
}
.club__left-part .title-2 {
  font-weight: 400;
  margin-bottom: 0;
}
.club__left-part .club__descr {
  max-width: 600px;
}
@media only screen and (max-width: 1180px) {
  .club__left-part .club__descr {
    max-width: none;
    order: 3;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .club__left-part .club__descr {
    order: 0;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1180px) {
  .club__right-part {
    display: flex;
    gap: 26px;
    justify-content: space-between;
    margin-bottom: 36px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .club__right-part {
    flex-direction: column;
    gap: 36px;
    margin-bottom: 26px;
  }
}
.club__right-part .wrapper {
  gap: 36px;
}
@media only screen and (max-width: 1180px) {
  .club__right-part .wrapper {
    gap: 36px;
    flex-direction: column;
    width: auto;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px 0 14px 26px;
    border-left: 1px solid rgba(197, 196, 191, 0.3019607843);
  }
}
@media only screen and (max-width: 767px) {
  .club__right-part .wrapper {
    padding: 0;
    width: 100%;
    border-left: 0;
  }
}
.club__right-part .subtitle {
  margin-bottom: 40px;
  font-style: italic;
  font-weight: 300;
}
@media only screen and (max-width: 1180px) {
  .club__right-part .subtitle {
    margin-bottom: 0;
    max-width: 507px;
  }
}

.contacts-item, .contacts-item a {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #161616;
}
.contacts-item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-right: 8px;
  background-color: #C5C4BF;
  border-radius: 50%;
  text-align: center;
}

/* Section Blog */
.blog {
  padding-top: 425px;
  padding-bottom: 120px;
  background: #F49FBC url(/assets/img/blog/blog_bg_dark.png) repeat center;
}
@media only screen and (max-width: 1180px) {
  .blog {
    padding-top: 211px;
    padding-bottom: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .blog {
    padding-top: 139px;
    padding-bottom: 44px;
  }
}
.blog .title-wrapper {
  justify-content: space-between;
  margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
  .blog .title-wrapper {
    flex-wrap: wrap;
    gap: 26px;
  }
  .blog .title-wrapper .read-more {
    width: auto;
    order: 3;
  }
}
.blog .title-2 {
  margin-bottom: 0;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .blog .title-2 {
    width: 100%;
  }
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .swiper-slide img {
    height: 229px;
  }
}

.mySwiperBlog .wrapper {
  padding: 16px;
}

.blog__date {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 12px;
}

.blog__title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .blog__title {
    margin-bottom: 12px;
  }
}

.blog__excerpt {
  height: 145px;
  overflow: hidden;
  color: rgba(22, 22, 22, 0.6);
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 32px;
}

.blog__cat a {
  display: inline-block;
  padding: 8px 13px;
  margin-right: 6px;
  margin-bottom: 6px;
  border-radius: 1000px;
  background-color: rgba(22, 22, 22, 0.1019607843);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  font-size: 12px;
  color: #161616;
}
@media only screen and (max-width: 767px) {
  .blog__cat a {
    padding: 5px 13px;
  }
}

.swiper__nav {
  width: 149px;
  height: 100px;
  position: relative;
}
@media only screen and (max-width: 1180px) {
  .swiper__nav {
    height: 60px;
    width: 128px;
  }
  .swiper__nav .swiper-button-prev, .swiper__nav .swiper-rtl .swiper-button-next {
    left: 0;
    top: 23px;
  }
  .swiper__nav .swiper-button-next, .swiper__nav .swiper-rtl .swiper-button-prev {
    right: 0;
    top: 23px;
  }
}

.swiper-button-next {
  background: #161616 url(/assets/img/icons/arrow-right.svg) no-repeat center;
  background-size: 24px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: all 0.5s ease;
}
.swiper-button-next:hover {
  background-color: #E5543C;
}
.swiper-button-next::after {
  content: none;
}

.swiper-button-prev {
  background: #161616 url(/assets/img/icons/arrow-left.svg) no-repeat center;
  background-size: 24px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transition: all 0.5s ease;
}
.swiper-button-prev:hover {
  background-color: #E5543C;
}
.swiper-button-prev::after {
  content: none;
}

.text-danger, .alert-danger {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442 !important;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
}

.control-error {
  color: #E5543C;
  border-bottom: 1px solid #E5543C !important;
}

.control-error-text {
  color: #E5543C;
  font-size: 12px;
  float: right;
}

/*  Seo text */
.seo-text {
  padding: 124px 0;
  background: url(/assets/img/blog/blog_bg_dark.png) repeat center top;
}
@media only screen and (max-width: 1180px) {
  .seo-text {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .seo-text {
    padding: 44px 0;
  }
}
.seo-text h1, .seo-text h2 {
  margin-top: 44px;
  margin-bottom: 16px;
  font-size: 56px;
  font-weight: 600;
  line-height: 68px;
  text-transform: uppercase;
  max-width: 884px;
  text-align: left;
}
@media only screen and (max-width: 1180px) {
  .seo-text h1, .seo-text h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-text h1, .seo-text h2 {
    font-size: 36px;
    line-height: 46px;
  }
}
.seo-text h3 {
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1180px) {
  .seo-text h3 {
    font-size: 28px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-text h3 {
    font-size: 20px;
    line-height: 32px;
  }
}
.seo-text p {
  margin-bottom: 16px;
}
.seo-text ul {
  margin-bottom: 16px;
}
.seo-text ul li {
  list-style: disc;
  margin-left: 25px;
}
.seo-text .seo-text__hidden {
  display: none;
}
.seo-text .show-more {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #3C7E3D;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  cursor: pointer;
}
.seo-text .show-more::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
  background: url(/assets/img/icons/arrow-drop-green.svg);
  background-size: 16px;
  transform: rotateX(180deg);
  transition: all 0.5s ease;
}
.seo-text .show-more.show::after {
  transform: rotateX(0deg);
}/*# sourceMappingURL=main.css.map */