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

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

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Medium.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('../fonts/HelveticaNeueCyr-Light.woff2') format('woff2'),
    url('../fonts/HelveticaNeueCyr-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../fonts/CeraPro-Regular.woff2') format('woff2'),
    url('../fonts/CeraPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../fonts/CeraPro-Medium.woff2') format('woff2'),
    url('../fonts/CeraPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cera Pro';
  src: url('../fonts/CeraPro-Bold.woff2') format('woff2'),
    url('../fonts/CeraPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

* {
  box-sizing: border-box;
}

a,
:visited {
  text-decoration: none;
  color: unset;
}

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

input,
textarea {
  outline: none;
  border: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}

select {
  outline: none;
}

table,
tbody,
tfoot,
thead,
td,
th,
tr {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 0;
}

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: 'HelveticaNeueCyr';
  font-size: 17px;
  line-height: 1.76;
  color: #272727;
  -webkit-tap-highlight-color: transparent;
}

.wrapper {
  overflow: hidden;
  width: 100%;
}

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

.container_large {
  width: 100%;
  max-width: 1630px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

.container_small {
  max-width: 1175px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

h1,
h2 {
  font-family: 'Cera Pro';
  font-size: 34px;
  line-height: 45px;
  letter-spacing: 3px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 30px 0;
}

h3 {
  font-family: 'Cera Pro';
  font-size: 26px;
  line-height: 37px;
  letter-spacing: 2px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 25px 0;
}

h4 {
  font-family: 'Cera Pro';
  font-size: 22px;
  line-height: 33px;
  letter-spacing: 1.5px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 25px 0;
}

h5 {
  font-family: 'Cera Pro';
  font-size: 18px;
  line-height: 29px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

h6 {
  font-family: 'Cera Pro';
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.logo_box {
  position: relative;
  max-width: 100px;
  min-width: 100px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo_box .logo {
  line-height: 0;
  position: absolute;
  opacity: 1;
  transition: 0.3s;
}

.logo img {
  width: 100%;
  max-width: 100px;
}

.logo_box .logo_black {
  opacity: 0;
}

.header_pc:hover .logo_black,
.header_pc.active .logo_black,
.archive .header_pc .logo_black,
.search-results .header_pc .logo_black,
.single-post .header_pc .logo_black,
.page-template-contacts .header_pc .logo_black,
.page-id-303 .header_pc .logo_black {
  opacity: 1;
  transition: 0.3s;
}

.header_pc:hover .logo_white,
.header_pc.active .logo_white,
.archive .header_pc .logo_white,
.search-results .header_pc .logo_white,
.single-post .header_pc .logo_white,
.page-template-contacts .header_pc .logo_white,
.page-id-303 .header_pc .logo_white {
  opacity: 0;
  transition: 0.3s;
}

.header_pc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: 0.3s;
}

.header_pc:hover,
.header_pc.active,
.archive .header_pc,
.search-results .header_pc,
.single-post .header_pc,
.page-template-contacts .header_pc,
.page-id-303 .header_pc {
  background-color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px;
  transition: 0.3s;
}


.header_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  max-width: 93%;
  margin: 0 auto;
  height: 98px;
}

.main_menu {
  flex-grow: 1;
}

.menu_items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}

.submenu_box {
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1300px;
  display: flex;
  background-color: #FFF;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}

.submenu_box_wide {
  max-width: 100%;
}

.menu_item:hover .submenu_box {
  top: 98px;
  visibility: visible;
  opacity: 1;
  transition: 0.2s;
}

.sub_menu_img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-width: 335px;
}

.submenu_box_wide .sub_menu_img {
  min-width: 450px;
}

.submenu_cols {
  padding: 50px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.submenu_col {
  list-style: none;
  padding: 0 15px;
  margin: 0;
}

.submenu_col_1 {
  width: 100%;
}

.submenu_col_2 {
  width: 50%;
}

.submenu_col_3 {
  width: 33%;
}

.submenu_col_4 {
  width: 25%;
}

.menu_item {
  color: #FFF;
}

.menu_item_link {
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: relative;
  padding: 40px 25px;
  transition: 0.3s;
}

.header_pc:hover .menu_item,
.header_pc.active .menu_item,
.archive .header_pc .menu_item,
.search-results .header_pc .menu_item,
.single-post .header_pc .menu_item,
.page-template-contacts .header_pc .menu_item,
.page-id-303 .header_pc .menu_item {
  color: #000;
  transition: 0.3s;
}

.menu_item_link::after {
  content: '';
  position: absolute;
  top: calc(50% + 10px);
  left: 25px;
  width: 0;
  height: 1px;
  background-color: #000;
  transition: 0.3s;
}

.menu_item_link:hover::after {
  width: calc(100% - 50px);
  transition: 0.3s;
}

.menu_arrow:hover::before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 10px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid black;
}

.submenu_item {
  color: #5e5e5e;
}

.submenu_item_link {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  color: #5e5e5e;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
}

.submenu_item_link img {
  position: relative;
  bottom: 2px;
}

.submenu_item_link::after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000;
  transition: 0.3s;
}

.submenu_item_link:hover::after {
  width: 100%;
  transition: 0.3s;
}

.submenu_item {
  width: fit-content;
}

.item_bold {
  font-family: 'Cera Pro';
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 3px;
  color: #000;
  font-weight: 700;
  margin: 20px 0 10px;
}

.item_bold:visited {
  color: #000;
}

.search_icon {
  line-height: 0;
  cursor: pointer;
}

.search_icon svg,
.contacts_icon svg {
  fill: #FFF;
  transition: 0.3s;
}

.header_pc:hover .search_icon svg,
.header_pc:hover .contacts_icon svg,
.header_pc.active .search_icon svg,
.header_pc.active .contacts_icon svg,
.archive .header_pc .contacts_icon svg,
.search-results .header_pc .contacts_icon svg,
.archive .header_pc .search_icon svg,
.search-results .header_pc .search_icon svg,
.single-post .header_pc .contacts_icon svg,
.single-post .header_pc .search_icon svg,
.page-template-contacts .header_pc .contacts_icon svg,
.page-template-contacts .header_pc .search_icon svg,
.page-id-303 .header_pc .search_icon svg,
.page-id-303 .header_pc .contacts_icon svg {
  fill: #000;
  transition: 0.3s;
}

.header_pc .search_icon:hover svg,
.header_pc .contacts_icon:hover svg {
  fill: #879083;
  transition: 0.3s;
}

.contacts_icon {
  display: block;
  line-height: 0;
}

.search_box {
  position: fixed;
  top: 98px;
  left: 0;
  width: 100%;
  background-color: #fcfcfc;
  padding: 100px 7%;
  display: none;
}

.search_box_close {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.search_box_close>span {
  position: absolute;
  width: 22px;
  height: 4px;
  border-radius: 50px;
  background-color: #b8b5b5;
  transform: rotate(45deg);
}

.search_box_close>span:last-child {
  transform: rotate(-45deg);
}

.search-form {
  width: 100%;
  max-width: 1030px;
  position: relative;
  margin: 0 auto;
}

.search-form::after {
  content: url(..//img/search_icon.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  line-height: 0;
}

.search-field {
  border: 1px solid #d6d6d6;
  background-color: #fff;
  width: 100%;
  height: 67px;
  padding: 0 30px;
}

::-webkit-input-placeholder {
  color: #afafaf;
}

::-webkit-search-cancel-button {
  display: none;
}

.search-submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 19px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  cursor: pointer;
  font-size: 0;
  z-index: 5;
}

.main_screen {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #000;
}

.main_screen video,
.main_screen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main_content h1,
.main_content h2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-family: 'Cera Pro';
  margin: 0;
  font-size: 75px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 4px;
  color: #fff;
  text-align: center;
  text-transform: unset;
}

.main_content .container {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main_btn {
  position: absolute;
  bottom: 130px;
  color: #fff;
  border: 1px solid #fff;
  letter-spacing: 2px;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  transition: 0.3s;
}

.main_btn:hover {
  background-color: #FFF;
  color: #000;
  transition: 0.3s;
}

.video_play_button {
  position: absolute;
  bottom: 50px;
  cursor: pointer;
  line-height: 0;
}

.video_play_button {
  transition: 0.3s;
}

.video_play_button:hover {
  transform: scale(1.2);
  transition: 0.3s;
}

.video_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.video_popup.active {
  visibility: visible;
  opacity: 1;
  transition: 1s;
}

.video_popup_blackout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(24, 24, 27, 0.98);
}

.video_popup_content {
  position: relative;
  max-width: 80%;
  max-height: 80%;
  aspect-ratio: 1.77778 / 1;
}

.video_popup_content video {
  width: 100%;
  height: 100%;
}

.video_popup_close {
  position: absolute;
  top: -50px;
  right: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.video_popup_close span {
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #FFF;
  border-radius: 50px;
  transform: rotate(45deg);
}

.video_popup_close span:last-child {
  transform: rotate(-45deg);
}

.slider_box {
  padding: 190px 0;
  position: relative;
}

.slider_box .swiper {
  overflow: visible;
}

.slider_box_bg {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
}

.bg_left {
  left: 0;
}

.bg_right {
  right: 0;
}

.news .bg_left,
.sustainability_news .bg_left,
.sustainability_stories .bg_left {
  background-color: #f6f0e1;
}

.news .bg_right,
.sustainability_news .bg_right,
.sustainability_stories .bg_right {
  background-color: #eee3d3;
}

.slider_box_text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 450px;
  transition-duration: 1s;
  transition-delay: 0.5s;
  z-index: 9;
}

.slider_box_text.active {
  visibility: hidden;
  opacity: 0;
  transition: 1s;
}

.subtitle {
  letter-spacing: 3.2px;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 18px;
}

.slider_box h2 {
  margin: 0;
}

.slider_box_text a {
  letter-spacing: 2px;
  color: #FFF;
  border: 1px solid #FFF;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  margin-top: 25px;
  transition: 0.3s;
}

.slider_box_text a:hover {
  background-color: #FFF;
  color: #000;
  transition: 0.3s;
}

.swiper_box {
  position: relative;
}

.post_thumbnail_box {
  position: relative;
  height: 295px;
  background-color: #ccc;
}

.post_thumbnail_box>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider_box article {
  background-color: #FFF;
  color: #000;
  height: auto;
  transition: 0.3s;
}

.post_text {
  padding: 30px;
}

.post_text h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  margin: 0 0 15px 0;
  letter-spacing: 1.5px;
  text-transform: unset;
  transition: 0.3s;
}

.the_excerpt {
  font-size: 18px;
  line-height: 30px;
  letter-spacing: 1.8px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 5;
}

.slider_box article:hover {
  background-color: #b0bdb0;
  color: #FFF;
  transition: 0.3s;
}

.slider_box article:hover h4 {
  color: #FFF;
  transition: 0.3s;
}

.swiper_arrows>div {
  position: absolute;
  top: 35%;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  background-color: #FFF;
  box-shadow: 0 0 1px 1px #000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  cursor: pointer;
  transition: 0.3s;
}

.swiper_arrows>div:hover {
  width: 58px;
  height: 58px;
  background-color: #ebefec;
  margin-top: -3px;
  transition: 0.3s
}

.swiper_arrows>div.arrow_prev:hover {
  left: -3px;
}

.swiper_arrows>div.arrow_next:hover {
  right: -3px;
}

.arrow_prev {
  left: 0;
}

.swiper_arrows .arrow_prev svg {
  transform: scaleX(-1);
  margin: 9px 9px 0 0;
}

.arrow_next {
  right: 0;
}

.swiper_arrows svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
  margin: 9px 0 0 9px;
}

.swiper-button-disabled {
  visibility: hidden;
  opacity: 0;
}

.title {
  text-align: center;
  padding: 90px 0;
}

.title h2 {
  text-transform: unset;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.hotels .title {
  background-color: #e6d1cb;
}

.marquee_box {
  padding: 130px 0;
}

.marquee_box .swiper-wrapper {
  gap: 30px;
  animation: marquee 60s linear infinite;
  width: max-content;
}

.marquee_box .swiper-wrapper:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.marquee_box .swiper-slide {
  height: 480px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  width: 380px;
  overflow: hidden;
}

.hotel_img {
  line-height: 0;
}

.hotel_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}

.marquee_box .swiper-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  transition: 0.3s;
  z-index: 5;
}

.marquee_box .swiper-slide:hover .hotel_img img {
  transform: scale(1.1);
  transition: 0.3s;
}

.marquee_box .swiper-slide:hover::before {
  background-color: transparent;
  transition: 0.3s;
}

.marquee_box h5 {
  text-shadow: 0 3px 6px rgba(0, 0, 0, .5);
  color: #FFF;
  text-transform: uppercase;
  margin: 0;
  font-family: 'Cera Pro';
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 1.5px;
  text-align: center;
  line-height: 1.2;
  position: relative;
  z-index: 6;
}

.marquee_box .swiper_arrows>div {
  top: 50%;
  transform: translateY(-50%);
}

.blocks {
  background-color: #F9F8F6;
}

.blocks>div {
  display: flex;
}

.blocks>div>div {
  width: 50%;
}

.block_img {
  line-height: 0;
  position: relative;
  min-height: 700px;
}

.block_img>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block_text {
  padding: 150px;
  color: #000;
  letter-spacing: 1.8px;
  font-weight: 300;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.block_text p {
  margin: 0 0 25px 0;
}

.block_text p:last-child {
  margin-bottom: 0;
}

.block_text a {
  letter-spacing: 2px;
  color: #000;
  border: 1px solid #000;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  margin-top: 25px;
  transition: 0.3s;
}

.block_text a:hover {
  background-color: #b0bdb0;
  border-color: #b0bdb0;
  color: #FFF;
  transition: 0.3s;
}

.blocks_video .block_video {
  padding-top: 190px;
  padding-bottom: 190px;
}

.blocks_video .block_text {
  padding: 150px 190px;
}

.block_video_box {
  position: relative;
  width: 92%;
  line-height: 0;
  margin-right: -80px;
}

.video_play_button_all,
.video_play_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.block_video_box>video {
  width: 100%;
}

.block_video {
  background-color: #e2c4ae;
  display: flex;
  justify-content: flex-end;
}

.blocks_video>div {
  align-items: center;
}

.brands .title {
  background-color: #f9f6e5;
}

.brands_list .bg_left {
  background-color: #a1c5c8;
}

.brands_list .bg_right {
  background-color: #d5e8e8;
}

.brands_list article {
  height: 450px;
  overflow: hidden;
}

.page_thumbnail_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s;
}

.brands_list article>a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  position: relative;
}

.brands_list article h3 {
  margin: 25px 25px 30px;
  color: #FFF;
  text-align: center;
  position: relative;
  font-size: 20px;
  line-height: 30px;
  z-index: 5;
}

.brands_list article>a::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  opacity: .5;
  display: block;
  height: 50%;
  background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #10303d 100%) 0 0 no-repeat padding-box;
  mix-blend-mode: multiply;
}

.brands_list article:hover .page_thumbnail_box img {
  transform: scale(1.1);
  transition: 0.3s;
}

.brands_list .slider_box_text {
  max-width: 450px;
  color: #FFF;
  letter-spacing: 1.8px;
  font-weight: 300;
}

.brands_list h2,
.brands_list h3,
.brands_list h4,
.brands_list h5,
.brands_list h6 {
  color: #FFF;
}

.brands_list .swiper_arrows>div {
  top: 50%;
  transform: translateY(-50%);
}

.title a {
  letter-spacing: 2px;
  color: #000;
  border: 1px solid #000;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  margin: 15px auto 0;
  transition: 0.3s;
}

.title a:hover {
  background-color: #b0bdb0;
  border-color: #b0bdb0;
  color: #FFF;
  transition: 0.3s;
}

.dispenser .title {
  background-color: #f9f6e5;
}

.dispenser .bg_left {
  background-color: #dfb797;
}

.dispenser .bg_right {
  background-color: #edd3bf;
}

.sustainability .title {
  background-color: #6f997c;
}

.sustainability .bg_left {
  background-color: #84b59c;
}

.sustainability .bg_right {
  background-color: #c3cfbb;
}

.sustainability .subtitle,
.sustainability .title h2 {
  color: #FFF;
}

.sustainability .title a {
  color: #FFF;
  border-color: #FFF;
}

.sustainability .title a:hover {
  color: #000;
  background-color: #FFF;
}

.expert_stories .title {
  background-color: #496d96;
}

.expert_stories .subtitle {
  color: #FFF;
}

.expert_stories .title h2 {
  color: #FFF;
}

.expert_stories .bg_left {
  background-color: #f6f0e1;
}

.expert_stories .bg_right {
  background-color: #eee3d3;
}

.slider_box_text h3 {
  font-size: 18px;
  line-height: 1.2;
}

.about {
  display: flex;
  background-color: #427e83;
  color: #FFF;
}

.about_text {
  width: 42%;
  padding: 150px 8%;
}

.about_img {
  width: 58%;
}

.about_img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_text h4 {
  color: #FFF;
  letter-spacing: 3px;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 18px;
}

.about_text h2 {
  color: #FFF;
}

.about_text {
  letter-spacing: 1.8px;
  font-weight: 300;
}

.about_text a {
  letter-spacing: 2px;
  color: #FFF;
  border: 1px solid #FFF;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  margin-top: 25px;
  transition: 0.3s;
}

.about_text a:hover {
  background-color: #FFF;
  color: #000;
  transition: 0.3s;
}

.subscribe {
  padding: 80px 0;
  background-color: #cfc3ad;
  color: #fff;
}

.subscribe_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}

.subscribe_text {
  line-height: 28px;
  letter-spacing: 1.6px;
}

.subscribe_btn {
  letter-spacing: 2px;
  color: #FFF;
  border: 1px solid #FFF;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}

.subscribe_btn:hover {
  background-color: #FFF;
  color: #000;
  transition: 0.3s;
}

.subscribe_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  visibility: hidden;
}

.subscribe_popup.active {
  visibility: visible;
}

.subscribe_popup_blackout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(176, 189, 176, .5);
}

.subscribe_popup_content {
  position: relative;
  display: flex;
  background-color: #FFF;
  width: 95%;
  max-width: 1360px;
  max-height: 95%;
  overflow-y: auto;
  top: 100px;
  opacity: 0;
  transition: 0.3s;
}

.subscribe_popup.active .subscribe_popup_content {
  top: 0;
  opacity: 1;
  transition: 0.3s;
}

.subscribe_popup_close {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 10px 15px;
  font-size: 22px;
  cursor: pointer;
}

.subscribe_popup_img {
  position: relative;
  width: 30%;
}

.subscribe_popup_img>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.subscribe_popup_form_box {
  width: 70%;
  padding: 70px 70px 50px 70px;
}

.subscribe_popup_form_box p {
  margin: 0;
}

.subscribe_popup_header {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 50px;
}

.subscribe_popup_header>h4 {
  margin: 0;
  text-transform: unset;
  line-height: 1.2;
  font-size: 28px;
}

.fields_box {
  display: flex;
  gap: 30px;
}

.fields_item input {
  height: 50px;
  border: 1px solid #BFBFBF;
  font-size: 15px;
  padding: 0 15px;
  letter-spacing: 1px;
  width: 100%;
  color: #000;
}


.fields_item label {
  font-size: 15px;
  line-height: 1;
  margin-bottom: 5px;
}

.privacy_box {
  margin-top: 25px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
}

.wpcf7-list-item {
  margin: 0;
}

.privacy_box input {
  transform: scale(1.3);
  margin: 0 10px 0 2px;
}

.submit_btn {
  margin-top: 35px;
  display: flex;
  align-items: center;
}

.submit_btn input {
  letter-spacing: 2px;
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
  background-color: transparent;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  display: inline-block;
  min-width: 220px;
  text-transform: uppercase;
  transition: 0.3s;
}

.submit_btn input:hover {
  color: #FFF;
  background-color: #b0bdb0;
  border-color: #b0bdb0;
  transition: 0.3s;
}

.subscribe_popup_footer {
  margin-top: 10px;
}

.subscribe_popup_footer a {
  color: #b0bdb0;
  text-decoration: underline;
  transition: 0.3s;
}

.subscribe_popup_footer a:hover {
  color: #cedbce;
  text-decoration: none;
  transition: 0.3s;
}

.wpcf7-form input.wpcf7-not-valid {
  border-color: red;
  box-shadow: inset 0 0 5px red;
}

.wpcf7-not-valid-tip,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  display: none;
}

.main_footer {
  background-color: #f9f8f6;
}

.main_footer .logo {
  padding: 80px 0 60px;
  display: block;
  text-align: center;
}

.footer_cols {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}

.footer_col {
  width: 25%;
}

.footer_col h6 {
  letter-spacing: .53px;
  font-family: 'HelveticaNeueCyr';
  font-size: 19px;
  line-height: 25px;
  height: 25px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: unset;
}

.footer_col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.main_footer a {
  transition: 0.3s;
}

.main_footer a:hover {
  color: #879083;
  transition: 0.3s;
}

.socials_list {
  display: flex;
  gap: 25px;
}

.footer_col_midlle {
  display: flex;
  justify-content: center;
}

.footer_bottom {
  padding: 30px 20px;
  border-top: 1px solid #dfdfdf;
  font-size: 16px;
}

.footer_links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 30px;
}

.copyright {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.scroll_top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, .6);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  z-index: 999;
}

.scroll_top.active {
  visibility: visible;
  opacity: 1;
  transition: 0.3s;
}

.scroll_top:hover {
  background-color: rgba(0, 0, 0, 1);
  transition: 0.3s;
}

.group_page .title {
  background-color: #919f70;

}

.group_page .title .subtitle,
.group_page .title h2 {
  color: #FFF;
}

.block {
  display: flex;
  background-color: #f9f8f6;
}

.block.reverse {
  flex-direction: row-reverse;
}

.block>div {
  width: 50%;
}

.main_screen_pagination {
  position: absolute;
  bottom: 125px !important;
  display: flex;
  justify-content: center;
  z-index: 10;
}

.main_screen_pagination>span {
  opacity: 0.7;
  background-color: transparent;
  border: 1px solid #FFF;
  width: 10px;
  height: 10px;
  margin: 0 3px !important;
}

.main_screen_pagination>span:hover {
  opacity: 1;
}

.main_screen_pagination>span.swiper-pagination-bullet-active {
  background-color: #FFF;
  opacity: 1;
}

.expertise_title_1 {
  background-color: #427e83;

}

.expertise_page .title .subtitle,
.expertise_page .title h2 {
  color: #FFF;
}

.expertise_title_2 {
  background-color: #a1c5c8;
}

.presence_page .title {
  background-color: #7997a1;
}

.presence_page .title .subtitle,
.presence_page .title h2 {
  color: #FFF;
}

.worldwide {
  background-color: #79a0a8;
  color: #fff;
  padding: 130px 0;
}

.worldwide>h2 {
  color: #FFF;
  text-align: center;
  text-transform: unset;
}

.worldwide_box {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}

.worldwide_box>div {
  width: 48%;
}

.continents_list {
  display: flex;
  padding: 0 10px;
  border-bottom: 1px solid #FFF;
}

.map_img {
  display: none;
}

.map_img.active {
  display: block;
}

.continent {
  margin: 0 20px;
  padding: 22px;
  line-height: 1.2;
  margin-bottom: -1px;
  cursor: pointer;
  white-space: nowrap;
}

.continent.active {
  border: 1px solid #FFF;
  border-bottom-color: #79a0a8;
}

.countries_box {
  padding: 50px;
}

.countries_list {
  display: none;
  column-count: 4;
  column-gap: 10px;
}

.countries_list.active {
  display: block;
}

.country {
  padding: 10px 0;
  line-height: 1.4;
  cursor: pointer;
  overflow: hidden;
}

.contact {
  display: none;
  max-width: 1200px;
  width: 100%;
  padding: 50px 80px;
  margin: 100px auto 0;
  border-top: 1px solid #FFF;
}

.contact.active {
  display: block;
}

.contact a {
  text-decoration: underline;
}

.history_title {
  background-color: #84b59c;
}

.history_title_2 {
  background-color: #a1c5c8;
}

.history_title .subtitle,
.history_title h2 {
  color: #FFF;
}

.history_title_2 .subtitle,
.history_title_2 h2 {
  color: #FFF;
}

.about_history_swiper_box {
  position: relative;
}

.about_history_swiper_box .swiper-slide {
  display: flex;
  align-items: center;
  gap: 70px;
}

.about_history_img {
  min-width: 262px;
  max-width: 262px;
  height: 262px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #FFF;
  border-radius: 50%;
}

.about_history {
  background-color: #f9f8f6;
  padding: 130px 0;
}

.about_history_swiper_box {
  margin-top: 40px;
}

.about_history_swiper_box .swiper {
  max-width: 620px;
}

.about_history_year {
  margin-bottom: 10px;
  font-family: 'Cera Pro';
  font-size: 24px;
  line-height: 1.2;
  color: #000;
  letter-spacing: 1.5px;
  text-align: center;
}

.about_history_text {
  text-align: center;
}

.about_history .swiper-button-disabled {
  visibility: visible;
  opacity: 0.5;
}

.about_history_pagination {
  position: relative !important;
  background-color: #9b9b9b !important;
  height: 1px !important;
  margin-top: 150px;
}

.about_history_pagination .swiper-pagination-progressbar-fill {
  background-color: #879083 !important;
  height: 9px !important;
  top: -4px !important;
}

.unusual_story {
  background-color: #b0bdb0;
  padding: 90px 0;
}

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

.unusual_story_box .block_text {
  width: 60%;
  padding: 0;
  color: #FFF;
}

.unusual_story_box .block_text h2,
.unusual_story_box .block_text h4 {
  color: #FFF;
}

.unusual_story_box .block_text h5 {
  color: #FFF;
  margin-bottom: 10px;
}

.unusual_story_box .block_img {
  width: 32%;
}

.unusual_story_box .block_text a {
  border-color: #FFF;
  color: #FFF;
}

.unusual_story_box .block_text a:hover {
  background-color: #FFF;
  color: #000;
}

.events_title {
  background-color: #775040;
}

.events_title .subtitle,
.events_title h2 {
  color: #fff;
}

.events {
  background-color: #f6f0e1;
  padding: 130px 0;
}

.events_box .title {
  padding-top: 0;
}

.events_list {
  display: flex;
  flex-direction: column;
  gap: 260px;
}

.events_items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
}

.event {
  width: calc(50% - 15px);
}

.event h3 {
  font-size: 32px;
  line-height: 1.2;
  margin: 25px 0;
  letter-spacing: 2.5px;
  text-align: center;
}

.event_info {
  font-size: 20px;
  text-transform: unset;
  text-align: center;
}

.video_play_button_3 {
  bottom: 50%;
  transform: translateY(calc(50% + 100px));
}

.video_play_button_3:hover {
  transform: translateY(calc(50% + 100px));
}

.video_play_button_3 svg {
  transition: 0.3s;
}

.video_play_button_3:hover svg {
  transform: scale(1.2);
  transition: 0.3s;
}

.customers_title {
  background-color: #c4a891;
}

.customers_title .subtitle,
.customers_title h2 {
  color: #fff;
}

.block_video_box_all {
  margin-right: auto;
  margin-left: -80px;
}

.block.reverse .block_video_box_all {
  margin-left: auto;
  margin-right: -80px;
}

.block_video_customer {
  background-color: #FFF;
}

.block_text_customer {
  color: #FFF;
}

.block_text_customer h2 {
  color: #FFF;
}

.block_text_customer a {
  color: #FFF;
  border-color: #FFF;
}

.block_text_customer a:hover {
  background-color: #FFF;
  color: #000;
}

.customers_choise_list .bg_right {
  background-color: #c4a891;
}

.customers_choise_list .bg_left {
  background-color: #FFF;
}

.customers_choise_list .slider_box_text {
  right: 0;
}

.archive_page {
  padding: 230px 4% 130px;
  background: linear-gradient(rgb(244, 247, 244) 0px, rgb(250, 250, 250) 100%) 0px 0px no-repeat padding-box padding-box transparent;
}

.archive_page h1 {
  color: #8eaa8e;
  text-align: center;
}

.stories_filter_title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  margin-right: 50px;
  color: #000;
  letter-spacing: 1px;
  white-space: nowrap;
}

.stories_filter_box {
  margin: 90px 0;
  display: flex;
  align-items: center;
}

.stories_filter_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.stories_filter_menu a {
  display: block;
  font-size: 18px;
  line-height: 21px;
  cursor: pointer;
  background-color: #FFF;
  color: #000;
  border-radius: 5px;
  padding: 12px 23px;
  white-space: nowrap;
  transition: 0.3s;
}

.stories_filter_menu a:hover,
.stories_filter_menu .current-menu-item a {
  background-color: rgb(176, 189, 176);
  color: #FFF;
  transition: 0.3s;
}

.filter_search_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.filter_search_box .search-form {
  max-width: 400px;
  margin: 0;
}

.custom_search .search-field {
  padding: 0 80px 0 20px;
  height: 45px;
  border: none;
}

.post_loop {
  display: flex;
  flex-wrap: wrap;
  margin: -25px;
}

.post_loop>article {
  width: 25%;
  padding: 25px;
}

.category-expert-stories .post_loop>article:first-child {
  width: 75%;
}

.category-expert-stories .post_loop>article:first-child>a {
  display: flex;
  height: 100%;
}

.post_tags {
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.post_tags li {
  border: 1px solid #707070;
  border-radius: 3px;
  font-size: 14px;
  line-height: 16px;
  padding: 5px 10px;
  color: #000;
}

.post_thumbnail {
  position: relative;
  height: 280px;
}

.category-expert-stories .post_loop>article:first-child .post_thumbnail {
  width: 50%;
  height: auto;
}

.post_thumbnail>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.learn_more {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #000;
  background-color: rgba(255, 255, 255, .65);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.3s;
}

.post_loop>article:hover .learn_more {
  opacity: 1;
  transition: 0.3s;
}

.post_content {
  padding-top: 25px;
}

.category-expert-stories .post_loop>article:first-child .post_content {
  padding: 50px 70px;
  width: 50%;
  background-color: #FFF;
}

.post_content>h4 {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 20px;
  color: #000;
  letter-spacing: 1.5px;
  text-transform: unset;
}

.post_content .the_excerpt p {
  margin: 0;
}

.post_content .the_excerpt {
  font-size: 17px;
  letter-spacing: 0;
}

.show_more {
  margin: 100px auto 0;
  letter-spacing: 2px;
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  width: fit-content;
  transition: 0.3s;
}

.show_more:hover {
  color: #fff;
  border-color: #b0bdb0;
  background-color: #b0bdb0;
  transition: 0.3s;
}

.single_post {
  margin: 230px 0 130px;
}

.single_post .container {
  max-width: 1176px;
}

.single_post h1 {
  font-size: 35px;
  letter-spacing: 0;
  line-height: 1;
}

.single_post .post_tags {
  margin-bottom: 50px;
}

.post_date {
  margin-top: 40px;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0;
  color: #656565;
  text-transform: uppercase;
}

.single_post_content {
  margin: 130px 0;
}

.single_post_thumbnail {
  max-height: 600px;
  text-align: center;
  margin-bottom: 50px;
}

.single_post_thumbnail>img {
  max-height: 600px;
  width: auto;
}

.the_content {
  max-width: 875px;
  margin: 0 auto;
}

h2.title {
  padding: 0;
}

.the_content h2 {
  margin: 40px 0;
  text-transform: unset;
  text-align: unset;
}

.the_content h3 {
  margin: 35px 0;
  text-transform: unset;
  text-align: unset;
}

.the_content h4 {
  margin: 30px 0;
  text-transform: unset;
  text-align: unset;
}

.the_content h5 {
  margin: 25px 0;
  text-transform: unset;
  text-align: unset;
}

.the_content h6 {
  margin: 20px 0;
  text-transform: unset;
  text-align: unset;
}

.faq>h2 {
  font-weight: 700;
}

.faq_list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  cursor: pointer;
  background-color: #f8f8f8;
  border-radius: 10px;
  padding: 23px 45px 23px 38px;
  color: #000;
  font-size: 24px;
  line-height: 1.2;
}

.question svg {
  min-width: 9px;
}

.answer {
  padding: 15px 38px;
  display: none;
}

.related_posts {
  margin-top: 130px;
}

.related_posts>h2 {
  font-size: 32px;
  line-height: 1.2;
  text-transform: unset;
  margin-bottom: 40px;
  letter-spacing: 1.5px;
}

.related_posts .post_loop>article {
  width: 33.33333%;
}

.archive_page .title h1 {
  color: #000;
}

.archive_page .title {
  padding: 0 0 50px 0;
}

.category-news .post_loop>article {
  width: 33.3333%;
}

.category-news .post_loop>article .post_content {
  padding: 30px;
  background-color: #FFF;
}

.category-news .post_content>h4 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 15px;
  font-weight: 700;
}

.category-news .post_content .the_excerpt {
  font-size: 18px;
  letter-spacing: 1.8px;
  -webkit-line-clamp: 15;
}

.category-news .post_loop>article>a {
  display: block;
  height: 100%;
  background-color: #FFF;
}

.category-news>h1 {
  text-align: center;
}

.category-news .post_date {
  text-align: center;
}

.go_back_btn {
  position: fixed;
  top: 101px;
  left: 0;
  height: 44px;
  width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b0bdb0;
  transition: 0.3s;
}

.go_back_btn:hover {
  background-color: #879083;
  transition: 0.3s;
}

.share_btns {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.share_btns>a {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b0bdb0;
  transition: 0.3s;
}

.share_btns>a:hover {
  background-color: #879083;
  transition: 0.3s;
}

.share_btns svg {
  max-width: 20px;
  max-height: 20px;
}

.brands_title {
  background-color: #d6c8c3;
}

.brands_title .subtitle {
  color: #FFF;
}

.brands_title h2 {
  color: #FFF;
}

.main_content img {
  max-width: 355px;
  max-height: 355px;
  width: auto;
  height: auto;
}

.dispenser_title {
  background-color: #4e6e69;
}

.dispenser_title .subtitle,
.dispenser_title h2 {
  color: #FFF;
}

.dispenser_slider .bg_left {
  background-color: #4e6e69;
}

.dispenser_slider .bg_right {
  background-color: #a1c5c8;
}

.skincare_page_title {
  background-color: #a4b5c4;
}

.skincare_page_title .subtitle,
.skincare_page_title h2 {
  color: #FFF;
}

.sustainability_title {
  background-color: #548c80;
}

.sustainability_title .subtitle,
.sustainability_title h2 {
  color: #FFF;
}

.sustainability_slider h2 {
  color: #000;
}

.sustainability_slider .slider_box_text {
  color: #000;
}

.sustainability_slider article {
  background: unset;
}

.sustainability_slider article>a::after {
  display: none;
}

.sustainability_slider article h3 {
  color: #000;
}

.sustainability_slider article:hover {
  background-color: unset;
}

.sustainability_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  z-index: 99999;
}

.sustainability_popup.active {
  visibility: visible;
}

.sustainability_popup_blackout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(176, 189, 176, 0.50);
}

.sustainability_popup_content {
  position: relative;
  display: flex;
  background-color: #FFF;
  width: 95%;
  max-width: 1140px;
  max-height: 95%;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #DAE6DF #C2D6C9;
  top: 100px;
  opacity: 0;
  transition: 0.3s;
}

.sustainability_popup.active .sustainability_popup_content {
  top: 0;
  opacity: 1;
  transition: 0.3s;
}

.sustainability_popup_close {
  position: absolute;
  top: 11px;
  right: 11px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #65A393;
  font-size: 22px;
  cursor: pointer;
}

.sustainability_popup_left {
  min-width: 285px;
  max-width: 285px;
  position: sticky;
  top: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #DAE6DF #C2D6C9;
  padding-bottom: 50px;
}

.sustainability_popup_title {
  padding: 50px 20px;
  text-align: center;
  color: #000;
  line-height: 1.2;
}

.sustainability_popup_img {
  padding: 50px 50px 20px;
  text-align: center;
}

.links_list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 0 50px;
}

.links_list>a {
  color: #879083;
  text-decoration: underline;
  transition: 0.3s;
}

.links_list>a:hover {
  color: #b0bdb0;
  text-decoration: none;
  transition: 0.3s;
}

.links_list svg {
  position: relative;
  top: 6px;
  left: 10px;
  max-width: 20px;
}

.sustainability_popup_text {
  padding: 80px 160px 80px 80px;
  font-weight: 300;
}

.sustainability_popup_text a {
  letter-spacing: 2px;
  color: #000;
  border: 1px solid #000;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  margin-top: 30px;
  display: block;
  width: fit-content;
  transition: 0.3s;
}

.sustainability_popup_text a:hover {
  color: #fff;
  border-color: #b0bdb0;
  background-color: #b0bdb0;
  transition: 0.3s;
}

.sustainability_popup_content::-webkit-scrollbar,
.sustainability_popup_left::-webkit-scrollbar {
  width: 10px;
}

.sustainability_popup_content::-webkit-scrollbar-track,
.sustainability_popup_left::-webkit-scrollbar {
  background-color: #DAE6DF;
}

.sustainability_popup_content::-webkit-scrollbar-thumb,
.sustainability_popup_left::-webkit-scrollbar {
  background-color: #C2D6C9;
  border-radius: 6px;
}

.sustainability_slider .page_thumbnail_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 30px));
  display: flex;
  justify-content: center;
  align-items: center;
}

.sustainability_slider .page_thumbnail_box>img {
  position: unset;
  max-width: 170px;
  height: auto;
}

.Our-sustainability-strategy .page_thumbnail_box {
  position: unset;
  transform: unset;
}

.Our-sustainability-strategy .page_thumbnail_box>img {
  position: absolute;
  max-width: 100%;
  height: 100%;
}

.Our-sustainability-strategy article h3 {
  color: #FFF;
}

.Our-sustainability-strategy article>a::after {
  display: block;
}

.sustainability_title_2 {
  background-color: #496d96;
}

.sustainability_title_2 .subtitle,
.sustainability_title_2 h2 {
  color: #FFF;
}

.page-template-sustainability .slider_box_text h4 {
  font-size: 18px;
  line-height: 1.2;
}

.sticky_contact_menu {
  position: fixed;
  top: 180px;
  right: -550px;
  display: flex;
  z-index: 99;
  transition: 0.3s;
}

.sticky_info_menu {
  top: 300px;
}

.sticky_contact_menu.active {
  right: 0;
  transition: 0.3s;
  z-index: 100;
}

.sticky_contact_btn {
  border-radius: 9px 0 0 9px;
  min-width: 77px;
  height: 90px;
  padding: 5px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  align-items: center;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, .1);
}

.sticky_info_menu .sticky_contact_btn {
  height: 77px;
}

.sticky_contact_btn>span {
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 1.2;
  color: #000;
}

.sticky_contact_content {
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, .1);
  padding: 30px 40px;
  border-radius: 0 0 0 9px;
  width: 550px;
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 0;
  transition-delay: 1s;
}

.sticky_contact_menu.active .sticky_contact_content {
  height: 100%;
}

.sticky_info_list {
  gap: 0;
}

.sticky_info_menu .sticky_contact_content {
  max-height: calc(100vh - 300px);
  padding: 15px 30px;
}

.sticky_contact_item h2 {
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 1.5px;
  margin-bottom: 15px;
}

.sticky_contact_item a {
  letter-spacing: 2px;
  color: #000;
  border: 1px solid #000;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  width: fit-content;
  display: block;
  margin-top: 30px;
  transition: 0.3s;
}

.sticky_contact_item a:hover {
  color: #fff;
  border-color: #b0bdb0;
  background-color: #b0bdb0;
  transition: 0.3s;
}

.sticky_contact_item p:last-child {
  margin-bottom: 0;
}

.sticky_contact_content::-webkit-scrollbar,
.sticky_info_submenu::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.sticky_contact_content::-webkit-scrollbar-thumb:hover,
.sticky_info_submenu::-webkit-scrollbar-thumb:hover {
  background: #b0bdb0;
}

.sticky_contact_content::-webkit-scrollbar-thumb,
.sticky_info_submenu::-webkit-scrollbar-thumb {
  background-color: #879083;
  cursor: pointer;
}

.sticky_contact_content::-webkit-scrollbar-track,
.sticky_info_submenu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #f5f5f5;
}

.sticky_info_menu>h2 {
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 1.2;
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid lightgray;
}

.sticky_info_menu>ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sticky_info_menu>ul a {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 0;
  border-bottom: 1px solid lightgray;
  color: #879083;
  transition: 0.3s;
}

.sticky_info_menu>ul a:hover {
  color: #b0bdb0;
  transition: 0.3s;
}

.fragment {
  justify-content: space-between;
}

.sticky_info_submenu {
  position: absolute;
  top: 0;
  right: -550px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, .1);
  border-radius: 0 0 0 9px;
  width: 550px;
  height: 100%;
  padding: 15px 30px;
  overflow-y: auto;
  z-index: 99;
  transition: 1s;
}

.sticky_info_submenu.active {
  right: 0;
  transition: 1s;
  z-index: 100;
}

.submenu_close {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0;
  cursor: pointer;
}

.contacts_box {
  margin-top: 98px;
}

.contacts_img {
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.contacts_img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.no_relative {
  position: unset;
}

.contacts_content {
  width: 55%;
  float: right;
  height: calc(100vh - 101px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  padding: 130px 0;
}

.contacts_content::-webkit-scrollbar {
  display: none;
}

.page-template-contacts .about,
.page-template-contacts .subscribe {
  display: none;
}

.contacts_content h1 {
  color: #6db19f;
  font-size: 40px;
  letter-spacing: 4px;
  line-height: 1.3;
  margin-bottom: 0;
}

.contacts_content h4 {
  color: #6db19f;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 40px;
  letter-spacing: 2px;
  text-transform: unset;
}

.contacts_content>p {
  color: #6db19f;
}

.contacts_btns {
  display: flex;
  gap: 16px;
  margin-top: 5px;
  flex-wrap: wrap;
}

.contacts_btn {
  padding: 15px;
  width: 185px;
  font-size: 16px;
  line-height: 21px;
  color: #656565;
  background-color: #ebefec;
  border: 1px solid #ebefec;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
}

.contacts_btn.active {
  color: #fff;
  background-color: #65a393;
  border-color: #65a393;
}

.contacts_content .fields_box {
  flex-wrap: wrap;
}

.contacts_content .fields_item {
  width: calc(50% - 15px);
}

.clear {
  clear: both;
}

.fields_item .nice-select {
  height: 50px;
  border: 1px solid #BFBFBF;
  font-size: 15px;
  line-height: 48px;
  letter-spacing: 1px;
  float: none;
  padding-right: 60px;
  padding-left: 20px;
  width: 100%;
  border-radius: 0;
}

.nice-select:before {
  content: "";
  width: 45px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #b0bdb0;
}

.fields_item .nice-select:after {
  z-index: 2;
  right: 18px;
  margin-top: -4px;
  border-bottom: none;
  content: "";
  transition: color .15s ease-in-out;
  transform: none;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #fff;
  display: block;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform-origin: 66% 66%;
}

.fields_item .nice-select.open:after {
  transform: rotate(180deg);
  margin-top: -8px;
  right: 22px;
}

.fields_item .nice-select .list {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}

.fields_item textarea {
  height: 150px;
  border: 1px solid #BFBFBF;
  font-size: 15px;
  padding: 10px 15px;
  letter-spacing: 1px;
  width: 100%;
  color: #000;
  resize: none;
}

.page-template-contacts main {
  background-color: #f7f7f7;
}

.contacts_content .fields_item_textarea {
  width: 100%;
}

.contacts_content .fields_item label {
  font-size: 18px;
}

.privacy_box a {
  color: #879083;
  text-decoration: underline;
  transition: 0.3s;
}

.privacy_box a:hover {
  color: #b0bdb0;
  text-decoration: none;
  transition: 0.3s;
}

.header_mobile,
.header_mobile_spacer {
  display: none;
}

.no_scroll {
  overflow: hidden;
}

.single-post .about {
  display: none;
}

.mobile_menu {
  display: none;
}

.brands_list article h3>span {
  display: block;
  color: #8a8a8a;
}

.slider_popup article h3 {
  color: #000;
  letter-spacing: 0;
}

.slider_popup article>a::after {
  display: none;
}

.slider_popup .page_thumbnail_box img {
  position: unset;
  object-fit: contain;
}

.slider_popup article>a {
  justify-content: space-between;
}

.slider_popup .page_thumbnail_box {
  max-height: 305px;
}

.slider_popup article:hover {
  background-color: #FFF;
}

.skincare_title,
.skincare_title_2,
.skincare_title_3 {
  background-color: #636363;
}

.skincare_title .subtitle,
.skincare_title h2,
.skincare_title_2 .subtitle,
.skincare_title_2 h2,
.skincare_title_3 .subtitle,
.skincare_title_3 h2 {
  color: #FFF;
}

.skincare_slider .bg_left {
  background-color: #7e7f87;
}

.skincare_slider .bg_right {
  background-color: #FFF;
}

.skincare_title_3 a {
  color: #FFF;
  border-color: #FFF;
}

.prod_popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  visibility: hidden;
}

.prod_popup.active {
  visibility: visible;
}

.skincare_slide_popup_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(126, 127, 135, 0.56);
}

.skincare_slide_popup_content {
  position: relative;
  display: flex;
  background-color: #FFF;
  padding: 50px 30px 30px 30px;
  max-width: 1360px;
  width: 95%;
  max-height: 95%;
  overflow-y: auto;
  top: 100px;
  opacity: 0;
  transition: 0.3s;
}

.prod_popup.active .skincare_slide_popup_content {
  top: 0;
  opacity: 1;
  transition: 0.3s;
}

.skincare_slide_popup_close {
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 10px 15px;
  font-size: 22px;
  cursor: pointer;
}

.skincare_slide_popup_right>h3 {
  font-size: 28px;
  letter-spacing: 2.8px;
  margin-bottom: 35px;
  text-transform: uppercase;
}

.skincare_slide_popup_right>h3>span {
  display: block;
  color: #8a8a8a;
}

.skincare_slide_popup_img {
  max-width: 500px;
  padding-right: 20px;
}

.skincare_slide_popup_img>img {
  height: 100%;
}

.skincare_slide_popup_right {
  max-width: 730px;
  padding-right: 50px;
  height: 100%;
}

.skincare_slide_popup_icons {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 30px;
}

.skincare_slide_popup_icon {
  line-height: 0;
}

.skincare_slide_popup_icon img {
  height: 90px;
}

.skincare_slide_popup_right>a {
  letter-spacing: 2px;
  color: #000;
  border: 1px solid #000;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-transform: uppercase;
  margin-top: 30px;
  display: block;
  width: fit-content;
}

.fields_item_hidden {
  display: none;
}

.botanist_title {
  background-color: #343c2d;
}

.botanist_title .subtitle,
.botanist_title h2 {
  color: #FFF;
}

.botanist_title a {
  color: #FFF;
  border-color: #FFF;
}

.botanist_slider .bg_left {
  background-color: #343c2d;
}

.botanist_slider .bg_right {
  background-color: #FFF;
}

.aqua_title {
  background-color: #fcd299;
}

.aqua_title .subtitle,
.aqua_title h2 {
  color: #FFF;
}

.aqua_title a {
  color: #fff;
  border-color: #FFF;
}

.aqua_slider .bg_left {
  background-color: #DCCAB7;
}

.aqua_slider .bg_right {
  background-color: #fff;
}

.argentum_title_white {
  background-color: #FFF;
}

.argentum_title_black {
  background-color: #000;
}

.argentum_title_black .subtitle,
.argentum_title_black h2 {
  color: #FFF;
}

.argentum_title_black a {
  color: #FFF;
  border-color: #FFF;
}

.argentum_slider .bg_left {
  background-color: #000;
}

.argentum_slider .bg_right {
  background-color: #FFF;
}

.argentum_slider_2 .bg_left {
  background-color: #ccbfb3;
}

.argentum_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-62 .title {
  background-color: #e5cfbd;
}

.page-id-62 .slider_box .bg_left {
  background-color: #e5cfbd;
}

.page-id-62 .slider_box .bg_right {
  background-color: #F9F8F6;
}

.page-id-62 .skincare_title_3 {
  background-color: #bbafa9;
}

.page-id-64 .title {
  background-color: #c7d8df;
}

.page-id-64 .title .subtitle,
.page-id-64 .title h2 {
  color: #000;
}

.page-id-64 .title a {
  color: #000;
  border-color: #000;
}

.page-id-64 .skincare_slider .bg_left {
  background-color: #5ab0bc;
}

.page-id-66 .title {
  background-color: #88dbdf;
}

.page-id-68 .title {
  background-color: #ffc000;
}

.page-id-68 .skincare_slider .bg_left {
  background-color: #ffc000;
}

.page-id-68 .skincare_title_3 {
  background-color: #f79e38;
}

.page-id-70 .title {
  background-color: #d17400;
}

.page-id-70 .skincare_title {
  background-color: #778a80;
}

.page-id-70 .skincare_slider .bg_left {
  background-color: #778a80;
}

.page-id-72 .title {
  background-color: #FFF;
}

.page-id-72 .skincare_title_2 .subtitle,
.page-id-72 .skincare_title .subtitle {
  color: #000;
}

.page-id-72 .skincare_title_2 h2,
.page-id-72 .skincare_title h2 {
  color: #000;
}

.page-id-72 .skincare_title_3 {
  background-color: #acb09f;
}

.page-id-72 .skincare_slider .bg_left {
  background-color: #778a80;
}

.page-id-72 .skincare_slider .bg_left {
  background-color: #7d816e;
}

.page-id-74 .title {
  background-color: #a6b864;
}

.page-id-74 .skincare_slider .bg_left {
  background-color: #a6b864;
}

.page-id-74 .skincare_title_3 {
  background-color: #849e55;
}

.page-id-76 .title {
  background-color: #d5efe4;
}

.page-id-76 .title .subtitle,
.page-id-76 .title h2 {
  color: #000;
}

.page-id-76 .skincare_slider .bg_left {
  background-color: #bad1c5;
}

.page-id-78 .title {
  background-color: #2d4810;
}

.page-id-78 .skincare_slider .bg_left {
  background-color: #000;
}

.page-id-80 .title {
  background-color: #6454aa;
}

.page-id-80 .skincare_slider .bg_left {
  background-color: #ada7e3;
}

.page-id-82 .title {
  background-color: #000;
}

.page-id-82 .skincare_title_3 {
  background-color: #89764b;
}

.page-id-82 .skincare_slider .bg_left {
  background-color: #000;
}

.page-id-82 .skincare_slider_2 .bg_left {
  background-color: #c7a4a6;
}

.page-id-82 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-84 .skincare_title {
  background-color: #F96835;
}

.page-id-84 .skincare_title_2 {
  background-color: #2cbcd3;
}

.page-id-84 .skincare_title_3 {
  background-color: #983AC3;
}

.page-id-84 .skincare_slider .bg_left {
  background-color: #8667c5;
}

.page-id-84 .skincare_slider_2 .bg_left {
  background-color: #c7a4a6;
}

.page-id-84 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-86 .title {
  background-color: #000;
}

.page-id-86 .skincare_title_3 {
  background-color: #bfbfbf;
}

.page-id-86 .skincare_slider .bg_left {
  background-color: #b2b2b2;
}

.page-id-86 .skincare_slider_2 .bg_left {
  background-color: #c7a4a6;
}

.page-id-86 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-88 .title {
  background-color: #000;
}

.page-id-88 .skincare_slider .bg_left {
  background-color: #2b2b2b;
}

.page-id-88 .skincare_slider_2 .bg_left {
  background-color: #000;
}

.page-id-88 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-90 .title {
  background-color: #000;
}

.page-id-90 .skincare_slider .bg_left {
  background-color: #1f1f1f;
}

.page-id-90 .skincare_slider_2 .bg_left {
  background-color: #c7a4a6;
}

.page-id-90 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-92 .title {
  background-color: #212229;
}

.page-id-92 .skincare_title_3 {
  background-color: #cfc785;
}

.page-id-92 .skincare_slider .bg_left {
  background-color: #212229;
}

.page-id-92 .skincare_slider_2 .bg_left {
  background-color: #c7a4a6;
}

.page-id-92 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-94 .title {
  background-color: #000;
}

.page-id-94 .skincare_title_3 {
  background-color: #fff;
}

.page-id-94 .skincare_title_3 .subtitle,
.page-id-94 .skincare_title_3 h2 {
  color: #000;
}

.page-id-94 .skincare_title_3 a {
  color: #000;
  border-color: #000;
}

.page-id-94 .skincare_slider .bg_left,
.page-id-94 .skincare_slider .bg_right {
  background-color: #000;
}

.page-id-94 .skincare_slider_2 .bg_left {
  background-color: #c7a4a6;
}

.page-id-94 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-98 .title {
  background-color: #fff;
}

.page-id-98 .title .subtitle,
.page-id-98 .title h2 {
  color: #000;
}

.page-id-98 .title a {
  color: #000;
  border-color: #000;
}

.page-id-98 .skincare_slider .bg_left {
  background-color: #000;
}

.page-id-98 .skincare_slider_2 .bg_left {
  background-color: #c7a4a6;
}

.page-id-98 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-100 .title {
  background-color: #d0debb;
}

.page-id-100 .skincare_slider .bg_left {
  background-color: #b0d190;
}

.page-id-100 .skincare_slider_2 .bg_left {
  background-color: #84b59c;
}

.page-id-100 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-102 .title {
  background-color: #789f90;
}

.page-id-102 .skincare_slider .bg_left {
  background-color: #c4debf;
}

.page-id-102 .skincare_slider_2 .bg_left {
  background-color: #84b59c;
}

.page-id-102 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-104 .title {
  background-color: #7b3532;
}

.page-id-104 .skincare_slider .bg_left {
  background-color: #533d3c;
}

.page-id-104 .skincare_slider_2 .bg_left {
  background-color: #84b59c;
}

.page-id-104 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-106 .title {
  background-color: #A8C393;
}

.page-id-106 .skincare_title_3 {
  background-color: #f1e8db;
}

.page-id-106 .skincare_title_3 .subtitle,
.page-id-106 .skincare_title_3 h2 {
  color: #000;
}

.page-id-106 .skincare_title_3 a {
  color: #000;
  border-color: #000;
}

.page-id-106 .skincare_slider .bg_left {
  background-color: #a8c393;
}

.page-id-106 .skincare_slider_2 .bg_left {
  background-color: #84b59c;
}

.page-id-106 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-108 .title {
  background-color: #a06e50;
}

.page-id-108 .skincare_slider_2 .bg_left {
  background-color: #84b59c;
}

.page-id-108 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-110 .title {
  background-color: #789f90;
}

.page-id-110 .skincare_title_3 {
  background-color: #5f7d79;
}

.page-id-110 .skincare_slider .bg_left {
  background-color: #789f90;
}

.page-id-110 .skincare_slider_2 .bg_left {
  background-color: #84b59c;
}

.page-id-110 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-112 .title {
  background-color: #000;
}

.page-id-112 .skincare_title_3 {
  background-color: #bfbfbf;
}

.page-id-112 .skincare_slider .bg_left {
  background-color: #000;
}

.page-id-112 .skincare_slider_2 .bg_left {
  background-color: #ccbfb3;
}

.page-id-112 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-114 .title {
  background-color: #481f71;
}

.page-id-114 .skincare_title_3 {
  background-color: #c8c1e1;
}

.page-id-114 .block {
  background-color: #c8c1e1;
}

.page-id-114 .skincare_slider .bg_left {
  background-color: #481f71;
}

.page-id-114 .skincare_slider_2 .bg_left {
  background-color: #ccbfb3;
}

.page-id-114 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-116 .title {
  background-color: #000;
}

.page-id-116 .skincare_title_3 {
  background-color: #866d4b;
}

.page-id-116 .skincare_slider .bg_left {
  background-color: #284434;
}

.page-id-116 .skincare_slider_extra .bg_left {
  background-color: #b2b2b2;
}

.page-id-116 .skincare_slider_extra .bg_right {
  background-color: #fff;
}

.page-id-120 .title {
  background-color: #b0bdb0;
}

.page-id-122 .title {
  background-color: #789f90;
}

.page-id-122 .skincare_slider .bg_left {
  background-color: #b8b5b5;
}

.page-id-122 .skincare_slider_2 .bg_left {
  background-color: #b8b5b5;
}

.page-id-122 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-124 .title {
  background-color: #789f90;
}

.page-id-124 .skincare_slider .bg_left {
  background-color: #b5a898;
}

.page-id-124 .skincare_slider_2 .bg_left {
  background-color: #b5a898;
}

.page-id-124 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-128 .title {
  background-color: #ebcdc3;
}

.page-id-128 .skincare_title_3 {
  background-color: #f7e9e5;
}

.page-id-128 .title a {
  color: #000;
  border-color: #000;
}

.page-id-128 .title .subtitle,
.page-id-128 .title h2 {
  color: #000;
}

.page-id-128 .block {
  background-color: #f7e9e5;
}

.page-id-128 .skincare_slider .bg_left {
  background-color: #ebcdc3;
}

.page-id-128 .skincare_slider_2 .bg_left {
  background-color: #cbb8a6;
}

.page-id-128 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-130 .title {
  background-color: #d8d4cc;
}

.page-id-130 .skincare_title_3 {
  background-color: #fff;
}

.page-id-130 .skincare_title_3 .subtitle,
.page-id-130 .skincare_title_3 h2 {
  color: #000;
}

.page-id-130 .skincare_title_3 a {
  color: #000;
  border-color: #000;
}

.page-id-130 .skincare_slider .bg_left {
  background-color: #cbb8a6;
}

.page-id-130 .skincare_slider_2 .bg_left {
  background-color: #cbb8a6;
}

.page-id-130 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-34 .main_content h1 {
  transform: unset;
  top: 60%;
  line-height: 1;
}

.page-id-34 .title {
  background-color: #f2dbd2;
}

.page-id-34 .title .subtitle,
.page-id-34 .title h2 {
  color: #000;
}

.page-id-34 .block_video {
  background-color: #FFF;
}

.page-id-34 .blocks {
  background-color: #5ab9bc;
}

.page-id-34 .block_text h2,
.page-id-34 .block_text {
  color: #FFF;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 0;
}

.gallery_img {
  width: calc(33.33333% - 6.66666px);
  line-height: 0;
  position: relative;
  padding-bottom: 33%;
}

.gallery_img>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prod_atelier {
  padding: 130px 0;
}

.prod_atelier_box {
  display: flex;
  flex-wrap: wrap;
}

.prod_atelier_item {
  width: 33.33333%;
  padding: 50px;
  position: relative;
  transition: 0.3s;
}

.prod_atelier_item_img {
  position: relative;
  padding-bottom: 76.5%;
  transition: 0.3s;
}

.prod_atelier_item_img>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prod_atelier_item .prod_atelier_item_img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(176, 189, 176, 0);
  transition: 0.3s;
}

.prod_atelier_item:hover .prod_atelier_item_img::after {
  background: rgba(176, 189, 176, .9);
  transition: 0.3s;
}

.prod_atelier_item_text {
  padding: 20px 30px;
  background-color: #b0bdb0;
}

.prod_atelier_item h4 {
  font-size: 22px;
  line-height: 26px;
  font-family: 'HelveticaNeueCyr';
  color: #fff;
  margin-bottom: 5px;
  text-transform: unset;
  letter-spacing: 0;
}

.prod_atelier_item p {
  font-size: 20px;
  line-height: 23px;
  color: #e0e6e0;
  font-weight: 300;
  margin: 0;
}

.contact_atelier {
  display: flex;
  background-color: #F9F8F6;
}

.contact_atelier>div {
  width: 50%;
}

.contact_form_img {
  position: relative;
}

.contact_form_img>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact_atelier_content {
  padding: 150px 5%;
}

.contact_form_text p {
  font-weight: 300;
  letter-spacing: 1.8px;
}

.contact_atelier .fields_box {
  flex-direction: column;
  gap: 15px;
}

.contact_atelier .fields_item label {
  letter-spacing: 1.8px;
  font-weight: 300;
}

.contact_atelier .privacy_box {
  font-weight: 300;
  letter-spacing: 1.8px;
}

.page-id-126 .title {
  background-color: #dac9c1;
}

.page-id-126 .title .subtitle,
.page-id-126 .title h2 {
  color: #000;
}

.page-id-126 .block_video {
  background-color: #FFF;
}

.page-id-126 .blocks {
  background-color: #ddd4cc;
}

.page-id-126 .block {
  background-color: #ece3e0;
}

.page-id-126 .skincare_slider .bg_left {
  background-color: #dac9c1;
}

.page-id-126 .skincare_slider_2 .bg_left {
  background-color: #b8b5b5;
}

.page-id-126 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-167 .title {
  background-color: #f2eee5;
}

.page-id-167 .title .subtitle,
.page-id-167 .title h2 {
  color: #000;
}

.block.normal .block_video {
  justify-content: flex-start;
  align-items: center;
  padding: 150px 20px;
}

.block.reverse .block_video {
  align-items: center;
  padding: 150px 20px;
}

.block.normal .block_video .block_video_box {
  margin-left: -80px;
}

.block.reverse .block_video .block_video_box {
  margin-right: -80px;
}

.page-id-167 .block_video {
  background-color: #adbda3;
}

.advantages {
  background-color: #f2eee5;
  padding: 130px 0;
}

.advantages h2 {
  text-align: center;
  text-transform: unset;
}

.advantages_list {
  display: flex;
  flex-wrap: wrap;
}

.advantage {
  width: 20%;
  padding: 30px;
  text-align: center;
}

.advantage img {
  height: 150px;
}

.btns a {
  margin: 15px;
}

.page-id-167 .skincare_slider_1 .bg_left {
  background-color: #adbda3;
}

.page-id-167 .skincare_slider_1 .bg_right {
  background-color: #f2eee5;
}

.page-id-167 .skincare_slider_2 .bg_left {
  background-color: #f2eee5;
}

.page-id-167 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-167 .skincare_slider_2 .slider_box_text,
.page-id-167 .skincare_slider_2 h2 {
  color: #000;
}

.page-id-173 .title {
  background-color: #d6cfc0;
}

.page-id-173 .title .subtitle,
.page-id-173 .title h2 {
  color: #000;
}

.page-id-173 .skincare_slider_1 .bg_left {
  background-color: #ccbdb7;
}

.page-id-173 .skincare_slider_1 .bg_right {
  background-color: #fff;
}

.page-id-173 .skincare_slider_2 .bg_left {
  background-color: #ccbdb7;
}

.page-id-173 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-173 .skincare_slider_1 .slider_box_text,
.page-id-173 .skincare_slider_1 h2 {
  color: #000;
}

.page-id-173 .skincare_slider_2 .slider_box_text,
.page-id-173 .skincare_slider_2 h2 {
  color: #000;
}

.page-id-175 .title {
  background-color: #7baa74;
}

.page-id-175 .block_video {
  background-color: #438c72;
}

.page-id-175 .title a {
  color: #fff;
  border-color: #FFF;
}

.page-id-175 .skincare_slider_1 .bg_left {
  background-color: #437c3e;
}

.page-id-175 .skincare_slider_1 .bg_right {
  background-color: #fff;
}

.page-id-175 .skincare_slider_2 .bg_left {
  background-color: #b5a28b;
}

.page-id-175 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-177 .title {
  background-color: #cc9d59;
}

.page-id-177 .title a {
  color: #FFF;
  border-color: #FFF;
}

.page-id-177 .block_video {
  background-color: #e0bc5b;
}

.page-id-177 .skincare_slider_1 .bg_left {
  background-color: #c15d21;
}

.page-id-177 .skincare_slider_1 .bg_right {
  background-color: #fff;
}

.page-id-177 .skincare_slider_2 .bg_left {
  background-color: #cfc0bb;
}

.page-id-177 .skincare_slider_2 .bg_right {
  background-color: #fff;
}

.page-id-169 .title {
  background-color: #b5778c;
}

.page-id-169 .title a {
  color: #FFF;
  border-color: #FFF;
}

.page-id-169 .block_video {
  background-color: #b7979c;
}

.page-id-169 .skincare_slider_1 .bg_left {
  background-color: #cfc0bb;
}

.page-id-169 .skincare_slider_1 .bg_right {
  background-color: #fff;
}

.page-id-171 .title {
  background-color: #d8c3b3;
}

.page-id-171 .title a {
  color: #FFF;
  border-color: #FFF;
}

.page-id-171 .block_video {
  background-color: #adbda3;
}

.page-id-171 .skincare_slider_1 .bg_left {
  background-color: #d8c9bc;
}

.page-id-171 .skincare_slider_1 .bg_right {
  background-color: #adbda3;
}

.page-id-171 .skincare_slider_2 .bg_left {
  background-color: #f2eee5;
}

.page-id-171 .skincare_slider_2 .bg_right {
  background-color: #d8c3b3;
}

.page-id-171 .skincare_slider_2 .slider_box_text,
.page-id-171 .skincare_slider_2 h2 {
  color: #000;
}

.page-id-179 .title {
  background-color: #5d89a4;
}

.page-id-179 .title a {
  color: #FFF;
  border-color: #FFF;
}

.page-id-179 .block_video {
  background-color: #a1b8ca;
}

.page-id-179 .skincare_slider_1 .bg_left {
  background-color: #9aadbb;
}

.page-id-179 .skincare_slider_1 .bg_right {
  background-color: #fff;
}

.page-id-181 .title {
  background-color: #5f92bf;
}

.page-id-181 .title a {
  color: #FFF;
  border-color: #FFF;
}

.page-id-181 .block_text {
  background-color: #f2ede3;
}

.page-id-181 .skincare_slider_1 .bg_left {
  background-color: #cfc0bb;
}

.page-id-181 .skincare_slider_1 .bg_right {
  background-color: #fff;
}

.page-id-303 main {
  margin: 250px 0 130px;
}

.page-id-194 .title {
  background-color: #84b59c;
}

.page-id-196 .title {
  background-color: #84b59c;
}

.page-id-198 .title {
  background-color: #84b59c;
}

.page-id-200 .title {
  background-color: #84b59c;
}

.page-id-202 .title {
  background-color: #84b59c;
}

.page-id-202 .title a {
  color: #FFF;
  border-color: #FFF;
}

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

.slavery {
  padding: 130px 0;
  background-color: #f9efd9;
}

.slavery .container_small>h2 {
  text-transform: unset;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 80px;
}

.slavery_btns {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.slavery_btns>a {
  margin: 15px;
  letter-spacing: 2px;
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s;
}

.slavery_btns>a:hover {
  color: #fff;
  border-color: #b0bdb0;
  background-color: #b0bdb0;
  transition: 0.3s;
}

.certificates {
  padding: 130px 0;
}

.certificates h2 {
  text-transform: unset;
  text-align: center;
  margin-bottom: 80px;
}

.certificate_img {
  width: 240px !important;
  height: 240px !important;
  border: 1px solid #000;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 40px;
}

.page-id-183 .main_content h1 {
  transform: unset;
  top: 200px;
}

.page-id-183 .main_content p {
  position: absolute;
  top: 420px;
  left: 0;
  font-size: 46px;
  line-height: 1.2;
  font-style: italic;
  margin: 0;
  color: #FFF;
  font-family: 'Cera Pro';
}

.refill_adv {
  padding: 130px 0;
  background-color: #000;
}

.refill_adv_item h3 {
  color: #FFF;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.refill_adv_item p {
  text-align: center;
  letter-spacing: 1.8px;
  color: #fff;
  font-weight: 300;
  margin: 0;
}

.refill_adv_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.refill_adv_item {
  width: 200px;
}

.descr_1 {
  padding: 80px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
}

.descr_1_descr {
  max-width: 800px;
  margin: 0 auto;
}

.descr_1_descr h2 {
  color: #FFF;
  text-transform: unset;
}

.hotel_img>video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.descr_2_descr {
  text-align: right;
}

.descr_2_descr a {
  letter-spacing: 2px;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  width: fit-content;
  margin-left: auto;
  transition: 0.3s;
}

.descr_2_descr a:hover {
  color: #000;
  background-color: #fff;
  transition: 0.3s;
}

.refill_contact {
  position: relative;
  padding: 80px 0;
}

.refill_contact_box {
  display: flex;
}

.refill_contact_box>div {
  width: 50%;
}

.refill_contact_box .fields_item label {
  color: #FFF;
}

.refill_contact_box .privacy_box {
  color: #FFF;
}

.refill_contact_box .submit_btn input {
  color: #FFF;
  border-color: #FFF;
}

.refill_contact video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.refill_contact_content h2 {
  color: #FFF;
  text-transform: unset;
}

.refill_contact_content .fields_box {
  flex-direction: column;
}

.skincare_page_img {
  line-height: 0;
  margin: 30px 0 20px;
}

.page-id-36 .title {
  background-color: #02726b;
}

.page-id-36 .title a {
  color: #FFF;
  border-color: #FFF;
}

.page-id-36 .block_video {
  background-color: #e1ebe3;
}

.about_certif_text {
  padding: 130px 0;
  background-color: #e1ebe3;
}

.about_certif_text h2 {
  text-transform: unset;
}

.about_certif_text a {
  letter-spacing: 2px;
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
  background-color: transparent;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  padding: 13px 25px;
  min-width: 220px;
  display: block;
  width: fit-content;
  transition: 0.3s;
}

.about_certif_text a:hover {
  color: #fff;
  border-color: #b0bdb0;
  background-color: #b0bdb0;
  transition: 0.3s;
}

/* =============================================== adaptive ================================================= */

@media(max-width:1600px) {
  .prod_atelier_item {
    padding: 15px;
  }

  .menu_item_link {
    font-size: 14px;
    padding: 40px 20px;
  }

  .block_text {
    padding: 50px;
  }

  .block_text_video {
    padding: 120px;
  }

  .blocks_video .block_text {
    padding-right: 100px;
  }

  .about_text {
    padding: 100px 50px;
  }

  .category-expert-stories .post_loop>article:first-child {
    width: 66.666666%;
  }

  .post_loop>article {
    width: 33.33333%;
  }

  .post_loop>article {
    padding: 20px;
  }

}

@media(max-width:1400px) {
  .brands_list .slider_box_text {
    max-width: 380px;
  }
}

@media(max-width:1350px) {
  .continent {
    margin: 0 10px;
    padding: 12px;
    margin-bottom: -1px;
  }

  .prod_atelier_item {
    padding: 0;
    width: calc(33.33333% - 13.33333px);
  }

  .prod_atelier_box {
    gap: 20px;
  }

  .prod_atelier_item h4 {
    font-size: 20px;
    line-height: 25px;
  }

  .prod_atelier_item p {
    font-size: 18px;
    line-height: 22px;
  }

  .single_post .container {
    max-width: 960px;
    padding: 0 20px;
  }

  .the_content .container {
    max-width: 100% !important;
    padding: 0 !important;
  }
}

@media(max-width:1200px) {
  .page-id-183 .main_content h1 {
    top: 70px;
  }

  .page-id-183 .main_content p {
    top: 250px;
    font-size: 24px;
    left: 20px;
    width: 100%;
  }

  .contact_atelier {
    flex-direction: column;
  }

  .contact_atelier>div {
    width: 100%;
  }

  .contact_atelier_content {
    padding: 35px 20px;
  }

  .contact_form_img>img {
    position: unset;
  }

  .prod_atelier_item {
    width: calc(50% - 25px);
  }

  #lifestyle-design .bg_left,
  #on-invitation .bg_left {
    top: auto;
    bottom: 0;
  }

  #lifestyle-design .bg_right,
  #on-invitation .bg_right {
    top: 0;
    bottom: auto;
  }

  .single_post {
    margin: 80px 0;
  }

  .go_back_btn {
    width: 44px;
    top: 140px;
  }

  .category-expert-stories .post_loop>article:first-child {
    width: 100%;
  }

  .category-news .post_loop>article {
    width: 50%;
  }

  .post_loop>article {
    width: 50%;
  }

  .post_loop>article {
    padding: 15px;
  }

  .worldwide_box {
    flex-direction: column;
    margin-top: 30px;
    gap: 30px;
  }

  .worldwide {
    padding: 80px 0;
  }

  .worldwide_box>div {
    width: 100%;
  }

  .map_img {
    text-align: center;
  }

  .mobile_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    visibility: hidden;
    display: block;

  }

  .mobile_menu.active {
    visibility: visible;
  }

  .mobile_menu_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
  }

  .mobile_menu_content {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    max-width: 450px;
    overflow-y: auto;
    background-color: #FFF;
    padding-bottom: 50px;
    transition: 0.3s;
  }

  .mobile_menu.active .mobile_menu_content {
    left: 0;
    transition: 0.3s;
  }

  .mobile_menu_header_spacer {
    height: 64px;
  }

  .mobile_menu_header {
    height: 64px;
    position: sticky;
    top: 0;
    background-color: #FFF;
    z-index: 2;
  }

  .mobile_menu_title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .mobile_menu_close {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
  }

  .mobile_menu_close>span {
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: #000;
    transform: rotate(45deg);
  }

  .mobile_menu_close>span:last-child {
    transform: rotate(-45deg);
  }

  .mobile_menu_items {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mobile_menu_img {
    line-height: 0;
  }

  .mobile_menu_item a {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    letter-spacing: 0;
    padding: 14px 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #dbdada;
  }

  .mobile_menu_item a>svg {
    position: relative;
    bottom: 2px;
  }

  .mobile_submenu_box {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    max-width: 450px;
    overflow-y: auto;
    background-color: #FFF;
    padding-bottom: 50px;
    z-index: 3;
    transition: 0.3s;
  }

  .mobile_submenu_box.active {
    left: 0;
    transition: 0.3s;
  }

  .mobile_menu_img {
    position: relative;
    padding-bottom: 54.5%;
  }

  .mobile_menu_img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .submenu_title>a {
    background-color: #f8f8f8;
    font-weight: 500;
  }

  .mobile_back_btn {
    background-color: #ccc;
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer_cols {
    flex-wrap: wrap;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer_cols>div {
    width: 50%;
    justify-content: flex-start;
    padding: 15px;
  }

  .footer_col:nth-child(2) {
    order: 1;
  }

  .footer_col:nth-child(3) {
    order: 2;
  }

  .footer_col:nth-child(1) {
    order: 3;
  }

  .footer_col:nth-child(4) {
    order: 4;
  }

  .brands_list .slider_box_text {
    max-width: 100%;
  }

  .blocks_video .block_img_text {
    flex-direction: column-reverse;
  }

  .blocks>div>div {
    width: 100%;
  }

  .blocks_video .block_text {
    padding: 90px 20px 20px;
    text-align: center;
  }

  .blocks_video .block_video {
    padding: 90px 20px;
  }

  .block_video_box {
    width: 100%;
    margin-right: 0;
  }

  .header_pc {
    display: none;
  }

  .header_mobile {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #FFF;
  }

  .header_mobile_spacer {
    display: block;
    height: 121px;
  }

  .main_screen {
    height: calc(100vh - 171px);
  }

  .header_mobile_top_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 5px;
  }

  .phone_contacts {
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .contacts_icon svg {
    fill: #000;
  }

  .phone {
    line-height: 0;
  }

  .logo {
    line-height: 0;
  }

  .search-form::after {
    content: url(..//img/search_icon_mobile.svg);
  }

  .burger {
    min-width: 55px;
    height: 49px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-right: 1px solid #d6d6d6;
    cursor: pointer;
  }

  .burger>span {
    width: 35px;
    height: 3px;
    background-color: #000;
  }

  .header_mobile_bottom {
    display: flex;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
  }

  .search_mobile_box {
    width: 100%;
  }

  .search-field {
    border: 0;
    height: 49px;
  }

  .search-submit {
    right: 5px;
  }

  .search-form::after {
    right: 15px;
  }

  .search-field {
    padding: 0 50px 0 15px;
  }

  .search-form {
    max-width: 100%;
  }

  .main_content h1,
  .main_content h2 {
    font-size: 50px;
    line-height: 1.2;
    padding: 0 15px;
    letter-spacing: 2px;
  }

  .slider_box {
    padding: 35px 0;
  }

  .slider_box_text {
    position: unset;
    transform: unset;
    text-align: center;
    max-width: 100%;
    margin-bottom: 25px;
  }

  .slider_box_bg {
    width: 100%;
    height: 50%;
  }

  .bg_right {
    top: auto;
    bottom: 0;
  }

  .subscribe_popup_img {
    display: none;
  }

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

  .copyright {
    position: unset;
    transform: unset;
    text-align: center;
    margin-top: 10px;
  }

  .footer_links {
    flex-wrap: wrap;
    row-gap: 5px;
  }

  .main_screen_pagination {
    bottom: 10px !important;
  }

  .block.reverse .block_video_box_all {
    margin-right: 0;
  }

  .customers_choise_list .bg_left {
    top: auto;
    bottom: 0;
  }

  .customers_choise_list .bg_right {
    top: 0;
    bottom: auto;
  }

  .archive_page {
    padding: 80px 4%;
  }

  .stories_filter_box {
    margin: 50px 0;
  }

  .filter_search_box .search-form {
    max-width: 250px;
  }

}

@media(max-width:1000px) {
  .refill_adv_list {
    flex-direction: column;
    align-items: center;
    row-gap: 35px;
  }

  .block.normal .block_video .block_video_box {
    margin-left: 0;
  }

  .dispencer_block.block,
  .dispencer_block.block.reverse {
    flex-direction: column;
  }

  .block.reverse .block_video .block_video_box {
    margin-right: 0;
  }

  .single_post .container {
    max-width: 100%;
    padding: 0 70px;
  }

  .stories_filter_box {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .filter_search_box {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin: 50px 0;
  }

  .filter_search_box .search-form {
    max-width: 100%;
  }

  .stories_filter_box {
    margin: 0;
  }

  .page-template-our-customers .block,
  .page-template-our-customers .block.reverse {
    flex-direction: column;
  }

  .blocks>div {
    flex-direction: column;
  }

  .block,
  .block.reverse {
    flex-direction: column-reverse;
  }

  .block>div {
    width: 100%;
  }

  .blocks>div>div {
    width: 100%;
  }

  .blocks>div.block_text_img {
    flex-direction: column-reverse;
  }

  .about {
    flex-direction: column-reverse;
  }

  .about>div {
    width: 100%;
  }

  .about_text {
    padding: 70px 20px;
  }

  .subscribe_box {
    flex-direction: column;
    gap: 20px;
  }

  .subscribe {
    padding: 50px 20px;
  }

  .subscribe_text {
    text-align: center;
  }

  .contacts_img {
    display: none;
  }

  .contacts_content {
    width: 100%;
    float: unset;
  }

  .contacts_content {
    height: auto;
    overflow: hidden;
  }

  .contacts_box {
    margin-top: 0;
  }

  .advantages_list {
    justify-content: center;
  }

  .advantage {
    width: 33.33333%;
    padding: 30px 15px;
  }
}

@media(max-width:768px) {
  .about_certif_text {
    padding: 35px 0;
  }

  .empty {
    display: none;
  }

  .refill_adv {
    padding: 35px 0;
  }

  .refill_contact_box>div {
    width: 100%;
  }

  .refill_adv_item h3 {
    font-size: 22px;
  }

  .page-id-183 .main_content p {
    font-size: 20px;
  }

  .slavery,
  .certificates {
    padding: 35px 0;
  }

  .certificates h2 {
    margin-bottom: 25px;
  }

  .certificate_img {
    width: 130px !important;
    height: 130px !important;
    padding: 20px;
  }

  .page-id-303 main {
    margin: 50px 0 50px;
  }

  .advantage {
    width: 100%;
    padding: 30px 15px;
  }

  .advantages {
    padding: 35px 0;
  }

  .dispencer_block.block.normal .block_video,
  .dispencer_block.block.reverse .block_video {
    padding: 20px;
  }

  .prod_atelier_item {
    width: 100%;
  }

  .prod_atelier_item h4 {
    font-size: 18px;
    line-height: 24px;
  }

  .prod_atelier_item p {
    font-size: 16px;
    line-height: 20px;
  }

  .prod_atelier_item_text {
    padding: 10px 15px;
  }

  .prod_atelier {
    padding: 35px 0;
  }

  .gallery_img {
    width: 100%;
    padding-bottom: 100%;
  }

  .block_img {
    min-height: 300px;
  }

  .contacts_content {
    padding: 35px 0;
  }

  .contacts_content h1 {
    font-size: 28px;
    letter-spacing: 2px;
  }

  .contacts_content h4 {
    font-size: 20px;
  }

  .contacts_btn {
    font-size: 14px;
    padding: 10px;
    width: auto;
  }

  .contacts_content .fields_item {
    width: 100%;
  }

  .contacts_content .fields_item label {
    font-size: 14px;
  }

  .privacy_box {
    font-size: 13px;
  }

  .brands_list article h3 {
    font-size: 16px;
    line-height: 1.2;
  }

  .slider_popup .page_thumbnail_box {
    max-height: 264px;
  }

  .skincare_slide_popup_content {
    flex-direction: column;
  }

  .skincare_slide_popup_right>h3 {
    font-size: 20px;
    letter-spacing: 1px;
    text-align: center;
  }

  .skincare_slide_popup_right {
    padding-right: 0;
  }

  .skincare_slide_popup_content {
    padding: 20px;
  }

  .skincare_slide_popup_icon img {
    height: 60px;
  }

  .skincare_slide_popup_icons {
    justify-content: center;
    gap: 10px;
  }

  .skincare_slide_popup_right>a {
    margin-left: auto;
    margin-right: auto;
  }

  .category-news .post_loop>article {
    width: 100%;
  }

  .archive_page .title {
    padding-bottom: 5px;
  }

  .category-news .post_loop>article .post_content {
    padding: 20px;
  }

  .category-news .post_content>h4 {
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-bottom: 10px;
  }

  .category-news .post_content .the_excerpt {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
    -webkit-line-clamp: 5;
  }

  .question {
    font-size: 18px;
    letter-spacing: 0;
    padding: 12px 20px;
    gap: 10px;
  }

  .answer {
    padding: 10px 20px;
  }

  .related_posts .post_loop {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .related_posts {
    margin-top: 35px;
  }

  .related_posts>h2 {
    font-size: 24px;
    line-height: 1;
  }

  .related_posts .post_loop>article {
    min-width: 300px;
  }

  .single_post {
    position: relative;
    padding-bottom: 100px;
  }

  .go_back_btn {
    position: absolute;
    bottom: 0;
    top: auto;
  }

  .share_btns {
    position: absolute;
    transform: unset;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    flex-direction: row;
    gap: 10px;
  }

  .single_post .container {
    padding: 0 20px;
  }

  .single_post h1 {
    font-size: 24px;
  }

  .single_post .post_tags {
    margin-bottom: 30px;
  }

  .post_date {
    margin-top: 30px;
  }

  .single_post,
  .single_post_content {
    margin: 35px 0;
  }

  .single_post {
    margin-bottom: 1px;
  }

  .single_post_thumbnail {
    margin-bottom: 20px;
  }

  .archive_page {
    padding: 35px 20px;
  }

  .filter_search_box {
    margin: 35px 0;
  }

  .stories_filter_title {
    font-size: 16px;
  }

  .stories_filter_menu a {
    padding: 8px 10px;
    font-size: 14px;
  }

  .stories_filter_menu ul {
    gap: 10px;
  }

  .filter_search_box {
    gap: 10px;
  }

  .custom_search .search-field {
    height: 35px;
  }

  .post_tags,
  .post_content>h4 {
    margin-bottom: 15px;
  }

  .post_loop>article {
    width: 100%;
  }

  .post_loop>article {
    padding: 15px;
  }

  .post_loop {
    margin: -15px;
  }

  .category-expert-stories .post_loop>article:first-child>a {
    display: block;
  }

  .category-expert-stories .post_loop>article:first-child .post_thumbnail,
  .post_thumbnail {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 60%;
  }

  .category-expert-stories .post_loop>article:first-child .post_content {
    width: 100%;
    padding: 25px 0 0 0;
    background-color: unset;
  }

  .post_content>h4 {
    font-size: 20px;
  }

  .post_content .the_excerpt {
    font-size: 14px;
  }

  .about_history_swiper_box .swiper-slide {
    flex-direction: column;
    gap: 30px;
  }

  .about_history_img {
    max-width: 200px;
    min-width: 200px;
    height: 200px;
  }

  .about_history {
    padding: 35px 0;
  }

  .about_history_pagination {
    margin-top: 35px;
  }

  .about_history h2 {
    text-align: center;
  }

  .unusual_story_box {
    flex-direction: column;
    gap: 30px;
  }

  .unusual_story_box>div {
    width: 100% !important;
    text-align: center;
  }

  .unusual_story .block_img {
    max-width: 250px;
  }

  .event {
    width: 100%;
  }

  .events {
    padding: 35px 0;
  }

  .events_list {
    gap: 50px;
  }

  .unusual_story {
    padding: 35px 0;
  }

  .worldwide {
    padding: 35px 0;
  }

  .continent {
    margin: 0 0 -0.5px 0;
  }

  .countries_box {
    padding: 35px 20px;
  }

  .contact {
    padding: 20px 20px 0;
  }

  .countries_list {
    column-count: 3;
  }

  .sustainability_popup_content {
    flex-direction: column;
  }

  .sustainability_popup_left {
    position: unset;
    min-width: 0;
    max-width: 100%;
    overflow: unset;
  }

  .sustainability_popup_close {
    background-color: #FFF;
    border-radius: 50%;
    padding-top: 3px;
  }

  .links_list {
    gap: 20px;
    text-align: center;
    padding: 0 20px;
  }

  .sustainability_popup_img {
    padding: 35px 20px;
  }

  .sustainability_popup_text {
    padding: 35px 20px;
  }

  .sustainability_popup_title {
    padding: 50px 20px 30px;
  }

  .main_btn,
  .block_text a,
  .title a,
  .slider_box_text a,
  .about_text a,
  .sustainability_popup_text a,
  .show_more,
  .skincare_slide_popup_right>a,
  .submit_btn input,
  .slavery_btns>a,
  .descr_2_descr a {
    padding: 11px 20px 7px;
    min-width: 180px;
  }

  .show_more {
    margin-top: 50px;
  }

  .slider_box_text h3,
  .about_text h4 {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }

  .footer_cols>div {
    width: 100%;
    order: unset !important;
    justify-content: center;
  }

  .footer_cols {
    align-items: center;
    text-align: center;
    font-size: 16px;
  }

  .main_footer .logo {
    padding: 35px 0;
  }

  .footer_cols>div {
    padding: 0 20px;
  }

  .footer_col:last-child {
    margin-top: 20px;
  }

  .socials_list {
    justify-content: center;
  }

  .subscribe_popup_header {
    flex-direction: column;
    gap: 15px;
  }

  .subscribe_popup_form_box .fields_box {
    flex-direction: column;
    gap: 15px;
  }

  .subscribe_popup_form_box {
    padding: 40px 20px 20px 20px;
  }

  .subscribe_popup_header>h4 {
    font-size: 20px;
  }

  .subscribe_popup_close {
    right: 0px;
    top: -7px;
  }

  .subscribe_popup_header {
    margin-bottom: 15px;
  }

  .subscribe_btn {
    letter-spacing: 0.5px;
    font-size: 14px;
    padding: 11px 20px 7px;
  }

  .subscribe {
    padding: 35px 20px;
  }

  .about_text {
    padding: 35px 20px;
  }

  .brands_list article {
    height: 380px;
  }

  .video_popup_content {
    max-width: 90%;
    max-height: 90%;
  }

  .block_text {
    padding: 30px 20px;
  }

  .block_text a {
    margin-top: 0;
  }

  body {
    font-size: 14px;
  }

  .main_content h1,
  .main_content h2 {
    font-size: 36px;
  }

  .home .main_content h1 {
    top: 40%;
  }

  .sticky_contact_btn,
  .sticky_info_menu .sticky_contact_btn {
    min-width: 65px;
    height: 70px;
  }

  .sticky_info_menu {
    top: 275px;
  }

  .sticky_contact_content {
    width: 270px;
    padding: 20px;
    gap: 20px;
  }

  .sticky_info_list {
    gap: 0;
  }

  .sticky_contact_menu {
    right: -270px;
  }

  .sticky_info_submenu {
    width: 270px;
    right: -270px;
  }

  .sticky_info_submenu {
    top: 0;
  }

  .sticky_contact_item h2 {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .sticky_info_menu>h2 {
    font-size: 18px;
  }

  .sticky_contact_item p {
    line-height: 1.4;
  }

  .sticky_contact_item a {
    min-width: 150px;
    letter-spacing: 1px;
    font-size: 15px;
    padding: 6px 10px 4px;
    margin-top: 5px;
  }

  .sticky_info_menu>ul a {
    padding: 12px 0 10px;
    line-height: 1.2;
    gap: 6px;
  }

  .sticky_info_menu>ul a svg {
    position: relative;
    bottom: 2px;
  }

  .subtitle {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }

  h1,
  h2 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
  }

  h4 {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 2px;
  }

  .blocks_video .block_text {
    padding-top: 35px;
  }

  .blocks_video .block_video {
    padding: 35px 20px;
  }

  .post_thumbnail_box {
    height: 216px;
  }

  .post_text {
    padding: 20px;
  }

  .post_text h4 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    margin-bottom: 0;
  }

  .the_excerpt {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0;
  }

  .title {
    padding: 35px 0;
  }

  .marquee_box {
    padding: 35px 0;
  }

  .marquee_box .swiper-slide {
    height: 342px;
    width: 340px;
  }

  .marquee_box .swiper-wrapper {
    gap: 20px;
  }
}

@media(max-width:450px) {
  .mobile_submenu_box {
    left: auto;
    right: -100%;
  }

  .mobile_submenu_box.active {
    left: auto;
    right: 0;
    transition: 0.3s;
  }
}