h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .loading--opacity:before {
       content: "";
       position: fixed;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
       z-index: 998;
       background: rgba(0, 0, 0, .5)
   }

   .loading__progress {
       position: fixed;
       top: 0;
       left: 0;
       height: 6px;
       z-index: 1000;
       width: 0;
       background: #d5ba70;
       -webkit-transition: width .4s ease;
       transition: width .4s ease
   }

   @media (max-width:47.99em) {
       .loading__progress {
           height: .3125rem
       }
   }

   .loading__page {
       width: 100vw;
       height: 100vh;
       pointer-events: none;
       position: fixed;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       top: 0;
       left: 0;
       z-index: 999;
       opacity: 1;
       background: #fff
   }

   .loading__page.fade-loading-enter-active,
   .loading__page.fade-loading-leave-active {
       -webkit-transition: opacity .4s linear;
       transition: opacity .4s linear
   }

   .loading__page.fade-loading-enter,
   .loading__page.fade-loading-leave-to {
       opacity: 1
   }

   @import url(https://fonts.googleapis.com/css?family=Lora|Roboto:400,700&display=swap&subset=latin-ext);
   @import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap&subset=cyrillic);

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   @font-face {
       font-family: LeagueGothicRegular;
       font-style: normal;
       font-weight: 400;
       font-display: fallback;
       src: url("assets/fonts/leaguegothic-regular.woff") format("woff")
   }

   .swiper-container {
       margin-left: auto;
       margin-right: auto;
       position: relative;
       overflow: hidden;
       list-style: none;
       padding: 0;
       z-index: 1
   }

   .swiper-container-no-flexbox .swiper-slide {
       float: left
   }

   .swiper-container-vertical>.swiper-wrapper {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
   }

   .swiper-wrapper {
       position: relative;
       width: 100%;
       height: 100%;
       z-index: 1;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-transition-property: -webkit-transform;
       transition-property: -webkit-transform;
       transition-property: transform;
       transition-property: transform, -webkit-transform;
       -webkit-box-sizing: content-box;
       box-sizing: content-box
   }

   .swiper-container-android .swiper-slide,
   .swiper-wrapper {
       -webkit-transform: translateZ(0);
       transform: translateZ(0)
   }

   .swiper-container-multirow>.swiper-wrapper {
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
   }

   .swiper-container-free-mode>.swiper-wrapper {
       -webkit-transition-timing-function: ease-out;
       transition-timing-function: ease-out;
       margin: 0 auto
   }

   .swiper-slide {
       -ms-flex-negative: 0;
       flex-shrink: 0;
       width: 100%;
       height: 100%;
       position: relative;
       -webkit-transition-property: -webkit-transform;
       transition-property: -webkit-transform;
       transition-property: transform;
       transition-property: transform, -webkit-transform
   }

   .swiper-slide-invisible-blank {
       visibility: hidden
   }

   .swiper-container-autoheight,
   .swiper-container-autoheight .swiper-slide {
       height: auto
   }

   .swiper-container-autoheight .swiper-wrapper {
       -webkit-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
       -webkit-transition-property: height, -webkit-transform;
       transition-property: height, -webkit-transform;
       transition-property: transform, height;
       transition-property: transform, height, -webkit-transform
   }

   .swiper-container-3d {
       -webkit-perspective: 1200px;
       perspective: 1200px
   }

   .swiper-container-3d .swiper-cube-shadow,
   .swiper-container-3d .swiper-slide,
   .swiper-container-3d .swiper-slide-shadow-bottom,
   .swiper-container-3d .swiper-slide-shadow-left,
   .swiper-container-3d .swiper-slide-shadow-right,
   .swiper-container-3d .swiper-slide-shadow-top,
   .swiper-container-3d .swiper-wrapper {
       -webkit-transform-style: preserve-3d;
       transform-style: preserve-3d
   }

   .swiper-container-3d .swiper-slide-shadow-bottom,
   .swiper-container-3d .swiper-slide-shadow-left,
   .swiper-container-3d .swiper-slide-shadow-right,
   .swiper-container-3d .swiper-slide-shadow-top {
       position: absolute;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       pointer-events: none;
       z-index: 10
   }

   .swiper-container-3d .swiper-slide-shadow-left {
       background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
       background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
   }

   .swiper-container-3d .swiper-slide-shadow-right {
       background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
       background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
   }

   .swiper-container-3d .swiper-slide-shadow-top {
       background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
       background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
   }

   .swiper-container-3d .swiper-slide-shadow-bottom {
       background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
       background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
   }

   .swiper-container-wp8-horizontal,
   .swiper-container-wp8-horizontal>.swiper-wrapper {
       -ms-touch-action: pan-y;
       touch-action: pan-y
   }

   .swiper-container-wp8-vertical,
   .swiper-container-wp8-vertical>.swiper-wrapper {
       -ms-touch-action: pan-x;
       touch-action: pan-x
   }

   .swiper-button-next,
   .swiper-button-prev {
       position: absolute;
       top: 50%;
       width: 27px;
       height: 44px;
       margin-top: -22px;
       z-index: 10;
       cursor: pointer;
       background-size: 27px 44px;
       background-position: 50%;
       background-repeat: no-repeat
   }

   .swiper-button-next.swiper-button-disabled,
   .swiper-button-prev.swiper-button-disabled {
       opacity: .35;
       cursor: auto;
       pointer-events: none
   }

   .swiper-button-prev,
   .swiper-container-rtl .swiper-button-next {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
       left: 10px;
       right: auto
   }

   .swiper-button-next,
   .swiper-container-rtl .swiper-button-prev {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
       right: 10px;
       left: auto
   }

   .swiper-button-prev.swiper-button-white,
   .swiper-container-rtl .swiper-button-next.swiper-button-white {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
   }

   .swiper-button-next.swiper-button-white,
   .swiper-container-rtl .swiper-button-prev.swiper-button-white {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
   }

   .swiper-button-prev.swiper-button-black,
   .swiper-container-rtl .swiper-button-next.swiper-button-black {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
   }

   .swiper-button-next.swiper-button-black,
   .swiper-container-rtl .swiper-button-prev.swiper-button-black {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
   }

   .swiper-button-lock {
       display: none
   }

   .swiper-pagination {
       position: absolute;
       text-align: center;
       -webkit-transition: opacity .3s;
       transition: opacity .3s;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       z-index: 10
   }

   .swiper-pagination.swiper-pagination-hidden {
       opacity: 1
   }

   .swiper-container-horizontal>.swiper-pagination-bullets,
   .swiper-pagination-custom,
   .swiper-pagination-fraction {
       bottom: 10px;
       left: 0;
       width: 100%
   }

   .swiper-pagination-bullets-dynamic {
       overflow: hidden;
       font-size: 0
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
       -webkit-transform: scale(.33);
       transform: scale(.33);
       position: relative
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
       -webkit-transform: scale(1);
       transform: scale(1)
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
       -webkit-transform: scale(.66);
       transform: scale(.66)
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
       -webkit-transform: scale(.33);
       transform: scale(.33)
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
       -webkit-transform: scale(.66);
       transform: scale(.66)
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
       -webkit-transform: scale(.33);
       transform: scale(.33)
   }

   .swiper-pagination-bullet {
       width: 8px;
       height: 8px;
       display: inline-block;
       border-radius: 100%;
       background: #000;
       opacity: .2
   }

   button.swiper-pagination-bullet {
       border: none;
       margin: 0;
       padding: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none
   }

   .swiper-pagination-clickable .swiper-pagination-bullet {
       cursor: pointer
   }

   .swiper-pagination-bullet-active {
       opacity: 1;
       background: #007aff
   }

   .swiper-container-vertical>.swiper-pagination-bullets {
       right: 10px;
       top: 50%;
       -webkit-transform: translate3d(0, -50%, 0);
       transform: translate3d(0, -50%, 0)
   }

   .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
       margin: 6px 0;
       display: block
   }

   .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
       top: 50%;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%);
       width: 8px
   }

   .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
       display: inline-block;
       -webkit-transition: top .2s, -webkit-transform .2s;
       transition: top .2s, -webkit-transform .2s;
       transition: transform .2s, top .2s;
       transition: transform .2s, top .2s, -webkit-transform .2s
   }

   .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
       margin: 0 4px
   }

   .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       white-space: nowrap
   }

   .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
       -webkit-transition: left .2s, -webkit-transform .2s;
       transition: left .2s, -webkit-transform .2s;
       transition: transform .2s, left .2s;
       transition: transform .2s, left .2s, -webkit-transform .2s
   }

   .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
       -webkit-transition: right .2s, -webkit-transform .2s;
       transition: right .2s, -webkit-transform .2s;
       transition: transform .2s, right .2s;
       transition: transform .2s, right .2s, -webkit-transform .2s
   }

   .swiper-pagination-progressbar {
       background: rgba(0, 0, 0, .25);
       position: absolute
   }

   .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
       background: #007aff;
       position: absolute;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%;
       -webkit-transform: scale(0);
       transform: scale(0);
       -webkit-transform-origin: left top;
       transform-origin: left top
   }

   .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
       -webkit-transform-origin: right top;
       transform-origin: right top
   }

   .swiper-container-horizontal>.swiper-pagination-progressbar,
   .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
       width: 100%;
       height: 4px;
       left: 0;
       top: 0
   }

   .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
   .swiper-container-vertical>.swiper-pagination-progressbar {
       width: 4px;
       height: 100%;
       left: 0;
       top: 0
   }

   .swiper-pagination-white .swiper-pagination-bullet-active {
       background: #fff
   }

   .swiper-pagination-progressbar.swiper-pagination-white {
       background: hsla(0, 0%, 100%, .25)
   }

   .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
       background: #fff
   }

   .swiper-pagination-black .swiper-pagination-bullet-active {
       background: #000
   }

   .swiper-pagination-progressbar.swiper-pagination-black {
       background: rgba(0, 0, 0, .25)
   }

   .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
       background: #000
   }

   .swiper-pagination-lock {
       display: none
   }

   .swiper-scrollbar {
       border-radius: 10px;
       position: relative;
       -ms-touch-action: none;
       background: rgba(0, 0, 0, .1)
   }

   .swiper-container-horizontal>.swiper-scrollbar {
       position: absolute;
       left: 1%;
       bottom: 3px;
       z-index: 50;
       height: 5px;
       width: 98%
   }

   .swiper-container-vertical>.swiper-scrollbar {
       position: absolute;
       right: 3px;
       top: 1%;
       z-index: 50;
       width: 5px;
       height: 98%
   }

   .swiper-scrollbar-drag {
       height: 100%;
       width: 100%;
       position: relative;
       background: rgba(0, 0, 0, .5);
       border-radius: 10px;
       left: 0;
       top: 0
   }

   .swiper-scrollbar-cursor-drag {
       cursor: move
   }

   .swiper-scrollbar-lock {
       display: none
   }

   .swiper-zoom-container {
       width: 100%;
       height: 100%;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       text-align: center
   }

   .swiper-zoom-container>canvas,
   .swiper-zoom-container>img,
   .swiper-zoom-container>svg {
       max-width: 100%;
       max-height: 100%;
       -o-object-fit: contain;
       object-fit: contain
   }

   .swiper-slide-zoomed {
       cursor: move
   }

   .swiper-lazy-preloader {
       width: 42px;
       height: 42px;
       position: absolute;
       left: 50%;
       top: 50%;
       margin-left: -21px;
       margin-top: -21px;
       z-index: 10;
       -webkit-transform-origin: 50%;
       transform-origin: 50%;
       -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
       animation: swiper-preloader-spin 1s steps(12) infinite
   }

   .swiper-lazy-preloader:after {
       display: block;
       content: "";
       width: 100%;
       height: 100%;
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
       background-position: 50%;
       background-size: 100%;
       background-repeat: no-repeat
   }

   .swiper-lazy-preloader-white:after {
       background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
   }

   @-webkit-keyframes swiper-preloader-spin {
       to {
           -webkit-transform: rotate(1turn);
           transform: rotate(1turn)
       }
   }

   @keyframes swiper-preloader-spin {
       to {
           -webkit-transform: rotate(1turn);
           transform: rotate(1turn)
       }
   }

   .swiper-container .swiper-notification {
       position: absolute;
       left: 0;
       top: 0;
       pointer-events: none;
       opacity: 1;
       z-index: -1000
   }

   .swiper-container-fade.swiper-container-free-mode .swiper-slide {
       -webkit-transition-timing-function: ease-out;
       transition-timing-function: ease-out
   }

   .swiper-container-fade .swiper-slide {
       pointer-events: none;
       -webkit-transition-property: opacity;
       transition-property: opacity
   }

   .swiper-container-fade .swiper-slide .swiper-slide {
       pointer-events: none
   }

   .swiper-container-fade .swiper-slide-active,
   .swiper-container-fade .swiper-slide-active .swiper-slide-active {
       pointer-events: auto
   }

   .swiper-container-cube {
       overflow: visible
   }

   .swiper-container-cube .swiper-slide {
       pointer-events: none;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       z-index: 1;
       visibility: hidden;
       -webkit-transform-origin: 0 0;
       transform-origin: 0 0;
       width: 100%;
       height: 100%
   }

   .swiper-container-cube .swiper-slide .swiper-slide {
       pointer-events: none
   }

   .swiper-container-cube.swiper-container-rtl .swiper-slide {
       -webkit-transform-origin: 100% 0;
       transform-origin: 100% 0
   }

   .swiper-container-cube .swiper-slide-active,
   .swiper-container-cube .swiper-slide-active .swiper-slide-active {
       pointer-events: auto
   }

   .swiper-container-cube .swiper-slide-active,
   .swiper-container-cube .swiper-slide-next,
   .swiper-container-cube .swiper-slide-next+.swiper-slide,
   .swiper-container-cube .swiper-slide-prev {
       pointer-events: auto;
       visibility: visible
   }

   .swiper-container-cube .swiper-slide-shadow-bottom,
   .swiper-container-cube .swiper-slide-shadow-left,
   .swiper-container-cube .swiper-slide-shadow-right,
   .swiper-container-cube .swiper-slide-shadow-top {
       z-index: 0;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden
   }

   .swiper-container-cube .swiper-cube-shadow {
       position: absolute;
       left: 0;
       bottom: 0;
       width: 100%;
       height: 100%;
       background: #000;
       opacity: .6;
       -webkit-filter: blur(50px);
       filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
       filter: blur(50px);
       z-index: 0
   }

   .swiper-container-flip {
       overflow: visible
   }

   .swiper-container-flip .swiper-slide {
       pointer-events: none;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       z-index: 1
   }

   .swiper-container-flip .swiper-slide .swiper-slide {
       pointer-events: none
   }

   .swiper-container-flip .swiper-slide-active,
   .swiper-container-flip .swiper-slide-active .swiper-slide-active {
       pointer-events: auto
   }

   .swiper-container-flip .swiper-slide-shadow-bottom,
   .swiper-container-flip .swiper-slide-shadow-left,
   .swiper-container-flip .swiper-slide-shadow-right,
   .swiper-container-flip .swiper-slide-shadow-top {
       z-index: 0;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden
   }

   .swiper-container-coverflow .swiper-wrapper {
       -ms-perspective: 1200px
   }

   html {
       font-family: Roboto, Arial, sans-serif;
       font-size: 16px;
       word-spacing: 1px;
       -ms-text-size-adjust: 100%;
       -webkit-text-size-adjust: 100%;
       -webkit-tap-highlight-color: transparent;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       color: #4a4a4a
   }

   body {
       margin: 0;
       overflow-x: hidden;
       width: 100%;
       max-width: 100%;
       background: #05291d;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale
   }

   body.\--noscroll {
       overflow: hidden
   }

   @media (max-width:47.99em) {
       body.\--noscroll {
           position: fixed
       }
   }

   body.\--noscrollfix {
       overflow: hidden;
       position: fixed
   }

   .page-wrapper {
       min-height: 100vh
   }

   .page-wrapper--reveal {
       position: relative;
       z-index: 1;
       background: #fff
   }

   .page {
       min-height: 100vh;
       background: #fff
   }

   .page:after,
   .page:before {
       content: "";
       display: table;
       clear: both
   }

   .page--grey {
       background: #ededed
   }

   .page--endspace,
   .page--news {
       padding-bottom: 100px;
       padding-bottom: 6.25rem
   }

   .page-enter-active {
       -webkit-transition: opacity .4s .4s;
       transition: opacity .4s .4s
   }

   .page-enter {
       opacity: 1
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .main-menu {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 99;
       height: 70px;
       height: 4.375rem;
       -webkit-transition: height 1ms .4s;
       transition: height 1ms .4s
   }

   .main-menu:before {
       z-index: -2;
       background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
       background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0, transparent)
   }

   .main-menu:after,
   .main-menu:before {
       content: "";
       position: absolute;
       height: 70px;
       width: 100%;
       left: 0;
       top: 0
   }

   .main-menu:after {
       z-index: -1;
       border-bottom: 1px solid #d8d8d8;
       background: #fff;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       opacity: 1;
       -webkit-transition: opacity .4s ease;
       transition: opacity .4s ease
   }

   .main-menu__nav {
       position: relative;
       z-index: 2;
       padding: 0 50px;
       padding: 0 3.125rem;
       -webkit-box-shadow: none;
       box-shadow: none
   }

   .main-menu__nav,
   .main-menu__nav__content {
       height: 70px;
       width: 100%;
       -webkit-box-sizing: border-box;
       box-sizing: border-box
   }

   .main-menu__nav__content {
       max-width: 1170px;
       margin: 0 auto;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center
   }

   @media (max-width:64.0525em) {
       .main-menu__nav {
           padding: 0 .9375rem
       }
   }

   .main-menu__logo {
       cursor: pointer
   }

   .main-menu__logo img {
       position: relative;
       padding: 7px 0;
       padding: .4375rem 0;
       height: 70px;
       margin: 0;
       top: 0;
       vertical-align: top;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-transition: padding .4s ease, height .4s ease, margin .4s ease, top .4s ease;
       transition: padding .4s ease, height .4s ease, margin .4s ease, top .4s ease
   }

   .main-menu__content {
       position: relative;
       margin: 0 auto;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       height: 100%
   }

   @media (max-width:48.0625em) {
       .main-menu__content {
           height: 100vh
       }
   }

   .main-menu__content-inner {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center
   }

   .main-menu--big {
       height: 100px;
       height: 6.25rem
   }

   .main-menu--big .main-menu__nav,
   .main-menu--big .main-menu__nav__content,
   .main-menu--big:after,
   .main-menu--big:before {
       height: 70px
   }

   .main-menu--big .main-menu__logo img {
       height: 90px;
       margin-top: -10px;
       top: 20px
   }

   [lang=ru-RU] .main-menu--big .main-menu__logo {
       height: 70px;
       margin-top: 0;
       top: 0
   }

   .main-menu__item-link {
       display: inline-block;
       padding: 20px 15px;
       padding: 1.25rem .9375rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       text-decoration: none;
       color: #fff;
       text-transform: uppercase;
       font-size: 14px;
       font-size: .875rem;
       letter-spacing: 1px;
       cursor: pointer;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       -webkit-transition: opacity .2s ease;
       transition: opacity .2s ease
   }

   .main-menu__item-link--drop {
       background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=);
       background-repeat: no-repeat;
       background-position: right 10px center;
       background-size: 10px;
       padding-right: 30px;
       padding-right: 1.875rem
   }

   .main-menu__item-link--opened {
       opacity: .5
   }

   .main-menu__item-link--is-sub {
       opacity: 1
   }

   .main-menu__item-link--is-sub.main-menu__item-link--drop {
       background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTExIDcuN2MtLjMgMC0uNS0uMS0uNy0uM0w2IDMuMSAxLjcgNy40Yy0uNC40LTEgLjQtMS40IDBzLS40LTEgMC0xLjRMNiAuMyAxMS43IDZjLjQuNC40IDEgMCAxLjQtLjIuMi0uNS4zLS43LjN6Ii8+PC9zdmc+)
   }

   .\--hover .main-menu__item-link:hover {
       opacity: 1
   }

   @media (min-width:48em) {
       .main-menu__item-link--hovered {
           opacity: .5
       }

       .main-menu__item-link--is-hovered {
           opacity: 1
       }
   }

   @media (max-width:64.0525em) {
       .main-menu__item-link {
           display: block;
           width: auto;
           padding: 1.25rem .9375rem;
           -webkit-box-sizing: border-box;
           box-sizing: border-box;
           color: #4a4a4a
       }

       .main-menu__item-link--drop {
           background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNy40IDEyIj48c3R5bGU+LnN0MHtmaWxsOiM0YTRhNGF9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCAxMWMwLS4zLjEtLjUuMy0uN0w0LjYgNiAuMyAxLjdDLS4xIDEuMy0uMS43LjMuM3MxLS40IDEuNCAwTDcuNCA2bC01LjcgNS43Yy0uNC40LTEgLjQtMS40IDAtLjItLjItLjMtLjUtLjMtLjd6Ii8+PC9zdmc+);
           background-size: 6px;
           background-position: 100%
       }
   }

   @media (max-width:64.0525em) {
       .main-menu__hamburger {
           position: relative;
           height: 30px;
           width: 30px;
           margin-left: auto;
           z-index: 5;
           cursor: pointer
       }

       .main-menu__hamburger>i {
           height: 2px;
           width: 24px;
           top: 50%;
           margin-top: -1px;
           left: 3px
       }

       .main-menu__hamburger>i,
       .main-menu__hamburger>i:after,
       .main-menu__hamburger>i:before {
           display: block;
           border-radius: 2px;
           background: #fff;
           position: absolute;
           -webkit-transition: all .3s cubic-bezier(.68, -.55, .27, 1.55);
           transition: all .3s cubic-bezier(.68, -.55, .27, 1.55)
       }

       .main-menu__hamburger>i:after,
       .main-menu__hamburger>i:before {
           content: "";
           height: 100%;
           width: 100%;
           will-change: transform
       }

       .main-menu__hamburger>i:before {
           top: -8px
       }

       .main-menu__hamburger>i:after {
           bottom: -8px
       }

       .main-menu__hamburger--opened>i {
           background: transparent
       }

       .main-menu__hamburger--opened>i:before {
           top: 0;
           -webkit-transform: rotate(45deg);
           transform: rotate(45deg)
       }

       .main-menu__hamburger--opened>i:after {
           bottom: 0;
           -webkit-transform: rotate(-45deg);
           transform: rotate(-45deg)
       }
   }

   .main-menu__switch-lang {
       border: 0;
       margin-left: 15px;
       margin-left: .9375rem;
       background: transparent;
       font-size: 14px;
       font-size: .875rem;
       height: 48px;
       height: 3rem;
       width: 76px;
       width: 4.75rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       color: #fff;
       position: relative;
       background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=);
       background-repeat: no-repeat;
       background-position: right 10px center;
       background-size: 10px;
       padding-right: 25px;
       padding-right: 1.5625rem;
       cursor: pointer
   }

   .main-menu__switch-lang--opened {
       background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojNGE0YTRhfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=);
       background-color: #fff;
       color: #4a4a4a
   }

   .main-menu__switch-lang__list {
       position: absolute;
       top: 0;
       left: 0;
       padding: 0;
       margin: 0;
       background-clip: content-box;
       width: 100%;
       text-align: center;
       padding-top: 48px;
       padding-top: 3rem
   }

   .main-menu__switch-lang__item {
       display: block;
       width: 100%;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       padding: 8px 5px;
       padding: .5rem .3125rem;
       cursor: pointer;
       opacity: .3;
       display: none;
       -webkit-transition: opacity .2s ease;
       transition: opacity .2s ease
   }

   .main-menu__switch-lang__item img {
       vertical-align: middle;
       margin-top: -3px;
       margin-top: -.1875rem;
       height: 18px;
       height: 1.125rem
   }

   .main-menu__switch-lang__item:hover {
       opacity: 1
   }

   .main-menu__switch-lang__item--global {
       padding-top: 8px;
       padding-top: .5rem;
       padding-bottom: 16px;
       padding-bottom: 1rem
   }

   .main-menu__switch-lang__item--active {
       position: absolute;
       padding-right: 30px;
       padding-right: 1.875rem;
       text-align: right;
       line-height: 32px;
       line-height: 2rem;
       top: 0;
       opacity: 1;
       display: block
   }

   .main-menu__switch-lang--opened .main-menu__switch-lang__list {
       background-color: #fff;
       -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .1), 0 4px 20px rgba(0, 0, 0, .1);
       box-shadow: 0 2px 40px rgba(0, 0, 0, .1), 0 4px 20px rgba(0, 0, 0, .1)
   }

   .main-menu__switch-lang--opened .main-menu__switch-lang__item {
       display: block;
       opacity: 1
   }

   .main-menu__switch-lang--opened .main-menu__switch-lang__item:hover {
       background: #f6f3f2
   }

   .main-menu__switch-lang--opened .main-menu__switch-lang__item--active {
       opacity: .3
   }

   .main-menu__switch-lang--opened .main-menu__switch-lang__item--active:hover {
       background: transparent
   }

   .main-menu__switch-lang-mobile-wrap {
       padding: 15px;
       padding: .9375rem
   }

   .main-menu__switch-lang-mobile-wrap>img {
       height: 14px;
       height: .875rem;
       margin-right: 12px;
       margin-right: .75rem;
       vertical-align: middle;
       margin-top: -2px;
       margin-top: -.125rem
   }

   .main-menu__switch-lang-mobile {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       position: relative;
       border: 0;
       background: transparent;
       font-size: 14px;
       font-size: .875rem;
       color: #4a4a4a;
       letter-spacing: 1px;
       text-align: left;
       background-repeat: no-repeat;
       background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojNGE0YTRhfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=);
       background-size: 10px;
       background-position: 100%;
       padding-right: 15px;
       padding-right: .9375rem
   }

   .main-menu__switch-lang-mobile option {
       padding: 0
   }

   .main-menu__store-icon {
       display: inline-block;
       text-decoration: none;
       cursor: pointer;
       padding: 20px 15px;
       padding: 1.25rem .9375rem
   }

   .main-menu__store-icon__label {
       font-size: 14px;
       font-size: .875rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 14px;
       font-weight: 700;
       letter-spacing: .3px;
       text-transform: uppercase;
       color: #d9cb23;
       margin-left: 14px;
       margin-left: .875rem;
       display: inline-block;
       vertical-align: middle
   }

   .main-menu__store-icon img {
       height: 18px;
       height: 1.125rem;
       vertical-align: top
   }

   @media (max-width:64.0525em) {
       .main-menu__store-icon {
           padding: .9375rem;
           margin-top: 1.25rem
       }

       .main-menu__store-icon+.main-menu__search-mobile {
           margin-top: 0
       }

       .main-menu__store-icon__label {
           font-weight: 400;
           color: #4a4a4a
       }
   }

   .main-menu__search-icon {
       cursor: pointer
   }

   .main-menu__search-icon img {
       height: 16px;
       height: 1rem;
       vertical-align: top
   }

   @media (max-width:64.0525em) {
       .main-menu__search-icon {
           padding: .9375rem 0 1.5625rem
       }

       .main-menu__search-icon img {
           padding: 1rem;
           opacity: .25
       }
   }

   .main-menu__search-mobile {
       cursor: pointer;
       display: inline-block;
       padding: 20px 15px;
       padding: 1.25rem .9375rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       text-decoration: none;
       color: #4a4a4a;
       text-transform: uppercase;
       font-size: 14px;
       font-size: .875rem;
       letter-spacing: 1px;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       -webkit-transition: opacity .2s ease;
       transition: opacity .2s ease
   }

   .main-menu__search-mobile img {
       height: 14px;
       height: .875rem;
       vertical-align: top
   }

   @media (max-width:64.0525em) {
       .main-menu__search-mobile {
           padding: .9375rem;
           margin-top: 1.25rem
       }

       .main-menu__search-mobile img {
           padding: 0;
           margin-right: .625rem
       }
   }

   .main-menu__search-input {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       outline: none;
       margin: 16px 0;
       margin: 1rem 0;
       border: 0;
       background: transparent;
       font-size: 14px;
       font-size: .875rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 14px;
       letter-spacing: .1px;
       color: #979797
   }

   .main-menu__search-input--white {
       color: #fff
   }

   .main-menu__subnav {
       background-size: cover;
       background-repeat: no-repeat;
       background-position: 50%;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       background-color: #fff;
       padding: 120px 0 75px;
       padding: 7.5rem 0 4.6875rem
   }

   @media (max-width:64.0525em) {
       .main-menu__subnav {
           background-color: transparent;
           padding: 7.5rem 0 1.5625rem
       }
   }

   .main-menu__subnav__content {
       max-width: 1170px;
       width: 100%;
       margin: 0 auto;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       opacity: 1;
       -webkit-transition: opacity .4s ease;
       transition: opacity .4s ease
   }

   .main-menu__subnav__content--show {
       -webkit-transition: opacity .4s ease .8s;
       transition: opacity .4s ease .8s;
       opacity: 1
   }

   @media (max-width:64.0525em) {
       .main-menu__subnav__content {
           opacity: 1
       }
   }

   .main-menu__subnav--product {
       padding: 125px 50px 50px;
       padding: 7.8125rem 3.125rem 3.125rem
   }

   .main-menu__subnav--product__content {
       -webkit-box-align: stretch;
       -ms-flex-align: stretch;
       align-items: stretch
   }

   .main-menu__subnav--search {
       padding: 155px 0 125px;
       padding: 9.6875rem 0 7.8125rem
   }

   .main-menu__subnav--search .main-menu__subnav__content {
       display: block
   }

   .main-menu__subnav__section {
       padding: 0 50px;
       padding: 0 3.125rem;
       margin-right: auto
   }

   .main-menu__subnav__title {
       font-size: 14px;
       font-size: .875rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 16px;
       letter-spacing: .1px;
       color: #fff;
       text-transform: uppercase;
       opacity: .5;
       letter-spacing: 1.5px;
       margin: 25px 0;
       margin: 1.5625rem 0
   }

   .main-menu__subnav__item {
       font-size: 18px;
       font-size: 1.125rem;
       font-family: Lora, Helvetica, serif;
       line-height: 38px;
       letter-spacing: .1px;
       color: #fff;
       display: block;
       text-decoration: none;
       letter-spacing: 1px;
       -webkit-transition: opacity .2s ease;
       transition: opacity .2s ease
   }

   @media (max-width:47.99em) {
       .main-menu__subnav__item {
           font-size: 1.375rem;
           font-family: Lora, Helvetica, serif;
           line-height: 42px;
           letter-spacing: .1px
       }
   }

   .main-menu__subnav__item--hovered {
       opacity: .5
   }

   .main-menu__subnav__item--is-hovered {
       opacity: 1
   }

   .main-menu__subnav__products {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
       -ms-flex-pack: distribute;
       justify-content: space-around;
       width: 67%;
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto
   }

   .main-menu__subnav__products--full {
       width: 100%
   }

   .main-menu__subnav__product {
       display: block;
       padding: 0 15px;
       padding: 0 .9375rem;
       text-decoration: none;
       -webkit-transition: opacity .2s ease;
       transition: opacity .2s ease;
       cursor: pointer
   }

   .main-menu__subnav__product__image {
       display: block;
       margin: 0 auto;
       width: 160px;
       width: 10rem
   }

   .main-menu__subnav__product__name {
       display: block;
       font-size: 18px;
       font-size: 1.125rem;
       font-family: Lora, Helvetica, serif;
       line-height: 28px;
       letter-spacing: .1px;
       letter-spacing: 1.5px;
       color: #fff;
       text-align: center;
       margin-bottom: 15px;
       margin-bottom: .9375rem
   }

   .main-menu__subnav__product--hovered {
       opacity: .5
   }

   .main-menu__subnav__product--is-hovered {
       opacity: 1
   }

   .main-menu__subnav__banner {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       width: 33%;
       padding: 50px 65px;
       padding: 3.125rem 4.0625rem;
       margin: 0 0 0 25px;
       margin: 0 0 0 1.5625rem;
       -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
       flex: 0 1 auto;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       text-align: center;
       background: rgba(0, 0, 0, .15);
       text-decoration: none;
       -webkit-transition: background .2s ease;
       transition: background .2s ease
   }

   .\--hover .main-menu__subnav__banner:hover {
       background: rgba(0, 0, 0, .35)
   }

   .main-menu__subnav__banner__text {
       font-weight: 700 !important;
       font-family: Noto Serif, Arial, sans-serif !important;
       line-height: 1;
       letter-spacing: .9px;
       font-size: 38px;
       font-size: 2.375rem;
       color: #fff;
       margin: auto auto 0;
       text-transform: uppercase;
       letter-spacing: .5px
   }

   [lang=ru-RU] .main-menu__subnav__banner__text {
       font-family: Oswald, sans-serif
   }

   .main-menu__subnav__banner__icon {
       display: block;
       margin: 20px auto auto;
       margin: 1.25rem auto auto;
       height: 40px;
       height: 2.5rem;
       width: 40px;
       width: 2.5rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       border-radius: 50%;
       background: transparent;
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto
   }

   .main-menu__subnav__banner__icon img {
       display: block;
       margin: 0 auto;
       height: 40px;
       height: 2.5rem;
       width: 40px;
       width: 2.5rem
   }

   .main-menu__subnav__search-title {
       display: block;
       font-size: 32px;
       font-size: 2rem;
       font-family: Lora, Helvetica, serif;
       line-height: 40px;
       letter-spacing: .1px;
       color: #fff;
       text-align: center;
       letter-spacing: 1.4px
   }

   .main-menu__subnav__search-input {
       display: block;
       width: 100%;
       margin: 20px auto 0;
       margin: 1.25rem auto 0;
       max-width: 570px;
       max-width: 35.625rem;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       outline: none;
       background: transparent;
       padding: 14px 35px;
       padding: .875rem 2.1875rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       text-align: center;
       border: 0;
       border-bottom: 1px solid #fff;
       font-size: 14px;
       font-size: .875rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 14px;
       letter-spacing: .1px;
       color: #fff
   }

   .main-menu__backpanel,
   .main-menu__return,
   .main-menu__section-title {
       display: none
   }

   .main-menu--white:after {
       opacity: 1
   }

   .main-menu--open,
   .main-menu--open-sub {
       background: rgba(0, 0, 0, .5);
       height: 100%;
       -webkit-transition: none;
       transition: none
   }

   .main-menu--hovered .main-menu__hamburger>i,
   .main-menu--hovered .main-menu__hamburger>i:after,
   .main-menu--hovered .main-menu__hamburger>i:before {
       background: #4a4a4a
   }

   .main-menu--hovered .main-menu__hamburger--opened>i {
       background: transparent
   }

   @media (min-width:48em) {
       .main-menu--hovered .main-menu__item-link {
           color: #4a4a4a
       }

       .main-menu--hovered .main-menu__item-link--drop {
           background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojNGE0YTRhfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=)
       }

       .main-menu--hovered .main-menu__switch-lang {
           color: #4a4a4a;
           background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojNGE0YTRhfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=)
       }
   }

   @media (max-width:64.0525em) {
       .main-menu__logo img {
           height: 70px;
           padding: .625rem 0
       }

       .main-menu__nav__content {
           padding: 0 1.25rem
       }

       .main-menu__backpanel {
           position: fixed;
           top: 0;
           right: -43.84%;
           width: 85.84%;
           height: 100%;
           background-color: #fff;
           -webkit-transition: right .2s ease;
           transition: right .2s ease;
           display: block;
           background-size: cover;
           background-repeat: no-repeat;
           background-position: 50%
       }

       .main-menu__content {
           display: block;
           position: fixed;
           -webkit-overflow-scrolling: touch;
           right: 0;
           top: 0;
           width: 42%;
           height: auto;
           -webkit-box-sizing: border-box;
           box-sizing: border-box;
           min-height: 100%;
           max-height: 100%;
           overflow: auto;
           -webkit-box-shadow: none;
           box-shadow: none;
           -webkit-box-align: start;
           -ms-flex-align: start;
           align-items: flex-start;
           -webkit-transition: right .4s ease;
           transition: right .4s ease
       }
   }

   @media (max-width:64.0525em) and (min-width:64.0625em) {
       .main-menu__content {
           min-height: 100vh;
           max-height: 100vh
       }
   }

   @media (max-width:64.0525em) {
       .main-menu__content--subnav:before {
           content: "";
           position: absolute;
           height: 80%;
           top: 10%;
           width: 1px;
           right: 0;
           background: hsla(0, 0%, 100%, .3)
       }

       .main-menu__content-inner {
           display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           -webkit-box-align: start;
           -ms-flex-align: start;
           align-items: flex-start;
           -webkit-box-orient: vertical;
           -webkit-box-direction: normal;
           -ms-flex-direction: column;
           flex-direction: column;
           padding: 7.8125rem 3.75rem 4.6875rem 2.5rem
       }

       .main-menu__item-link {
           opacity: 1;
           padding-right: 1.5625rem;
           background-position: 100% calc(50% - 1px)
       }

       .main-menu__subnav {
           position: fixed;
           left: auto;
           right: -43.84%;
           width: 43.84%;
           height: auto;
           overflow: auto;
           -webkit-overflow-scrolling: touch;
           min-height: 100%;
           max-height: 100%;
           -webkit-transition: right .4s ease;
           transition: right .4s ease
       }

       .main-menu__subnav--product {
           padding: 4.6875rem 1.875rem 0
       }

       .main-menu__subnav__content {
           display: block;
           padding: 0 1.875rem 3.125rem
       }

       .main-menu__subnav--product .main-menu__subnav__content {
           padding: 0
       }

       .main-menu__subnav__section+.main-menu__subnav__section {
           margin-top: 4.6875rem
       }

       .main-menu__subnav__item {
           opacity: 1
       }

       .main-menu__subnav__products {
           display: block;
           width: 100%;
           padding: .9375rem;
           -webkit-box-sizing: border-box;
           box-sizing: border-box
       }
   }

   @media (max-width:64.0525em) and (min-width:48.0625em) and (max-width:64.0525em) {
       .main-menu__subnav__products {
           display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           -ms-flex-wrap: wrap;
           flex-wrap: wrap
       }
   }

   @media (max-width:64.0525em) {
       .main-menu__subnav__product {
           padding: .9375rem
       }

       .main-menu__subnav__product__image {
           margin: 0 auto;
           width: 8.4375rem
       }
   }

   @media (max-width:64.0525em) and (min-width:48.0625em) and (max-width:64.0525em) {
       .main-menu__subnav__product {
           width: 50%;
           -webkit-box-sizing: border-box;
           box-sizing: border-box
       }
   }

   @media (max-width:64.0525em) {
       .main-menu__subnav__banner {
           display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           -webkit-box-orient: horizontal;
           -webkit-box-direction: normal;
           -ms-flex-direction: row;
           flex-direction: row;
           -webkit-box-align: center;
           -ms-flex-align: center;
           align-items: center;
           -webkit-box-pack: justify;
           -ms-flex-pack: justify;
           justify-content: space-between;
           text-align: left;
           width: 90%;
           padding: 1.5625rem 2.1875rem;
           margin: 1.5625rem auto 3.125rem
       }

       .main-menu__subnav__banner__text {
           margin: 0
       }

       .main-menu__subnav__banner__icon {
           margin: 0 0 0 1.5625rem
       }

       .main-menu--open .main-menu__nav {
           -webkit-box-shadow: none;
           box-shadow: none;
           background: transparent
       }

       .main-menu--open .main-menu__hamburger>i,
       .main-menu--open .main-menu__hamburger>i:after,
       .main-menu--open .main-menu__hamburger>i:before {
           background: #4a4a4a
       }

       .main-menu--open .main-menu__hamburger--opened>i {
           background: transparent
       }

       .main-menu--open-sub .main-menu__content {
           right: 43.84%
       }

       .main-menu--open-sub .main-menu__backpanel,
       .main-menu--open-sub .main-menu__subnav {
           right: 0
       }

       .main-menu--open-sub .main-menu__item-link {
           color: #fff
       }

       .main-menu--open-sub .main-menu__item-link--drop {
           background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgOCAxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTS4zIDExYzAtLjMuMS0uNS4zLS43TDQuOSA2IC42IDEuN0MuMiAxLjMuMi43LjYuM3MxLS40IDEuNCAwTDcuNyA2IDIgMTEuN2MtLjQuNC0xIC40LTEuNCAwLS4yLS4yLS4zLS41LS4zLS43eiIvPjwvc3ZnPg==)
       }

       .main-menu--open-sub .main-menu__search-mobile {
           color: #fff
       }

       .main-menu--open-sub .main-menu__switch-lang-mobile {
           color: #fff;
           background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=)
       }

       .main-menu--open-sub .main-menu__hamburger>i:after,
       .main-menu--open-sub .main-menu__hamburger>i:before {
           background: #fff
       }
   }

   @media (max-width:47.99em) {
       .main-menu__content {
           width: 100%;
           background: #fff;
           -webkit-transition: right .2s ease;
           transition: right .2s ease
       }

       .main-menu__content-inner {
           padding: 7.8125rem 2.5rem 4.6875rem 1.25rem
       }

       .main-menu__nav {
           z-index: auto;
           padding: 0 1.5625rem
       }

       .main-menu__nav__content {
           padding: 0
       }

       .main-menu__subnav {
           right: -100%;
           width: 100%;
           z-index: 2
       }

       .main-menu__subnav--product {
           padding-left: 0;
           padding-right: 0;
           padding-bottom: 0
       }

       .main-menu__subnav__content-inner {
           padding: 0 1.875rem 3.125rem
       }

       .main-menu__subnav__section {
           padding-left: 0;
           padding-right: 0
       }

       .main-menu__subnav__products {
           padding: 0 1.5625rem
       }

       .main-menu__subnav__product__name {
           font-size: 1.375rem;
           font-family: Lora, Helvetica, serif;
           line-height: 42px;
           letter-spacing: .1px
       }

       .main-menu__subnav__banner {
           margin: 1.5625rem auto 1.25rem
       }

       .main-menu__subnav__banner__icon {
           margin-left: 3.125rem
       }

       .main-menu--open-sub .main-menu__content {
           right: 90%;
           -webkit-transition: right .4s ease .1s;
           transition: right .4s ease .1s
       }

       .main-menu--open-sub .main-menu__item-link {
           color: #4a4a4a
       }

       .main-menu--open-sub .main-menu__item-link--drop {
           background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNy40IDEyIj48c3R5bGU+LnN0MHtmaWxsOiM0YTRhNGF9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCAxMWMwLS4zLjEtLjUuMy0uN0w0LjYgNiAuMyAxLjdDLS4xIDEuMy0uMS43LjMuM3MxLS40IDEuNCAwTDcuNCA2bC01LjcgNS43Yy0uNC40LTEgLjQtMS40IDAtLjItLjItLjMtLjUtLjMtLjd6Ii8+PC9zdmc+)
       }

       .main-menu--open-sub .main-menu__return {
           position: absolute;
           left: 1.5625rem;
           padding: .625rem;
           height: 2.25rem;
           width: 2.25rem;
           top: 1.125rem;
           -webkit-box-sizing: border-box;
           box-sizing: border-box;
           display: block;
           cursor: pointer;
           z-index: 5
       }

       .main-menu--open-sub .main-menu__return img {
           height: 1rem
       }

       .main-menu--open-sub .main-menu__section-title {
           display: block;
           position: fixed;
           top: 1.5625rem;
           left: 50%;
           font-size: .875rem;
           font-family: Roboto, Arial, sans-serif;
           line-height: 16px;
           letter-spacing: .1px;
           color: #fff;
           text-transform: uppercase;
           -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
           z-index: 5
       }
   }

   .main-menu .main-menu__search-input--white:-moz-placeholder,
   .main-menu .main-menu__search-input--white:-ms-input-placeholder,
   .main-menu .main-menu__search-input--white::-moz-placeholder,
   .main-menu .main-menu__search-input--white::-webkit-input-placeholder {
       color: #fff
   }

   .main-menu .main-menu__search-input--white:-moz-placeholder,
   .main-menu .main-menu__search-input--white:-ms-input-placeholder,
   .main-menu .main-menu__search-input--white::-moz-placeholder,
   .main-menu .main-menu__search-input--white::-webkit-input-placeholder,
   .main-menu .main-menu__search-input--white::placeholder {
       color: #fff
   }

   .main-menu .slide-enter-active,
   .main-menu .slide-leave-active {
       -webkit-transition: -webkit-transform .4s ease;
       transition: -webkit-transform .4s ease;
       transition: transform .4s ease;
       transition: transform .4s ease, -webkit-transform .4s ease
   }

   .main-menu .slide-enter,
   .main-menu .slide-leave-to {
       -webkit-transform: translateX(100%);
       transform: translateX(100%)
   }

   .main-menu .slide-delay-enter-active {
       -webkit-transition: -webkit-transform .4s ease .2s;
       transition: -webkit-transform .4s ease .2s;
       transition: transform .4s ease .2s;
       transition: transform .4s ease .2s, -webkit-transform .4s ease .2s
   }

   .main-menu .slide-delay-leave-active {
       -webkit-transition: -webkit-transform .3s ease 0s;
       transition: -webkit-transform .3s ease 0s;
       transition: transform .3s ease 0s;
       transition: transform .3s ease 0s, -webkit-transform .3s ease 0s
   }

   .main-menu .slide-delay-enter,
   .main-menu .slide-delay-leave-to {
       -webkit-transform: translateX(100%);
       transform: translateX(100%)
   }

   .main-menu .none-enter-active,
   .main-menu .none-leave-active {
       -webkit-transition: none !important;
       transition: none !important;
       display: none
   }

   .main-menu .slide-down-enter-active,
   .main-menu .slide-down-leave-active {
       -webkit-transition: -webkit-transform .4s ease;
       transition: -webkit-transform .4s ease;
       transition: transform .4s ease;
       transition: transform .4s ease, -webkit-transform .4s ease
   }

   .main-menu .slide-down-enter,
   .main-menu .slide-down-leave-to {
       -webkit-transform: translateY(-100%);
       transform: translateY(-100%)
   }

   .main-menu .fade-delay-enter-active {
       -webkit-transition: opacity .4s ease .4s;
       transition: opacity .4s ease .4s
   }

   .main-menu .fade-delay-leave-active {
       -webkit-transition: opacity .4s ease;
       transition: opacity .4s ease
   }

   .main-menu .fade-delay-enter,
   .main-menu .fade-delay-leave-to {
       opacity: 1
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .product-header__hero {
       min-height: calc(100vh - 5rem);
       height: auto;
       padding: 70px 0 0;
       padding: 4.375rem 0 0;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: 55% 25%
   }

   @media (max-width:48.0625em) {
       .product-header__hero {
           -webkit-box-orient: horizontal;
           -webkit-box-direction: reverse;
           -ms-flex-direction: row-reverse;
           flex-direction: row-reverse
       }
   }

   @media (max-width:47.99em) {
       .product-header__hero {
           display: block;
           min-height: 90vh;
           height: auto;
           max-height: none !important;
           background-size: cover;
           background-repeat: no-repeat;
           background-position: 100%
       }
       .open-popup-btn {
        font-size: 13px !important;
       }
   }

   .product-header__hero__body {
       width: 100%;
       padding: 50px 8.54%;
       padding: 3.125rem 8.54%;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
           max-width: 1210px;
    margin: 0 auto 3.75rem;
   }


   @media (min-width:90.625em) {
       .product-header__hero__body {
           padding: 1.125rem 0%;
       }
   }

   @media (max-width:47.99em) {
       .product-header__hero__body {
           padding: 0 1.5625rem 3.125rem
       }
   }

   .product-header__hero__content {
       width: 100%;
       max-width: 485px;
          max-width: 45.3125rem;
   }

   @media (min-width:48.0625em) and (max-width:64.0525em) {
       .product-header__hero__content {
           max-width: 26.25rem
       }
   }

   @media (max-width:47.99em) {
       .product-header__hero__content {
           width: 100%
       }
   }

   .product-header__hero__uptitle {
        font-size: 20px !important;
    font-family: "Museo Sans", Arial, sans-serif !important;
    font-weight: 900 !important;
       line-height: 27px;
       line-height: 1.6875rem;
       letter-spacing: .9px;
       margin-bottom: 15px;
       margin-bottom: .9375rem
   }

   @media (max-width:47.99em) {
       .product-header__hero__uptitle {
           font-size: 1.125rem;
           line-height: 1.375rem
       }
   }

   .product-header__hero__name  {
       font-weight: 900 !important;
         font-family: "Museo Sans", Arial, sans-serif !important;
       line-height: 1;
       letter-spacing: .9px;
       font-size: 80px;
       font-size: 3rem;
       letter-spacing: 1.5px;
       text-transform: uppercase
   }

   @media (max-width:47.99em) {
       .product-header__hero__name {
                   font-size: 2.4375rem;
       }
   }

   [lang=ru-RU] .product-header__hero__name {
       font-family: Oswald, sans-serif
   }

   .product-header__hero__description {
        font-family: "Museo Slab", Arial, sans-serif !important;
    font-size: 20px !important;
     font-weight: 500 !important;
       line-height: 24px;
       letter-spacing: .1px;
       margin-top: 30px;
       margin-top: 1.875rem
   }

   .product-header__hero__infos {
       padding: 30px 0 0;
       padding: 1.875rem 0 0
   }

   .product-header__hero__image-big {
       padding: 0 25px 50px;
       padding: 0 1.5625rem 3.125rem
   }

   .product-header__hero__image {
       display: block;
       width: 100%;
       max-width: 225px;
       max-width: 14.0625rem;
       margin: 0 auto
   }

   @media (max-width:47.99em) {
       .product-header__hero__image {
           max-width: 11.875rem
       }
   }

   .product-header__hero__info {
       display: inline-block;
       font-size: 12px;
       font-size: .75rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 24px;
       letter-spacing: .1px;
       color: #fff
   }

   .product-header__hero__info+.product-header__hero__info {
       margin-left: 28px;
       margin-left: 1.75rem
   }

   .product-header__hero__info__icon {
       margin-top: -5px;
       margin-top: -.3125rem;
       vertical-align: middle;
       margin-right: 10px;
       margin-right: .625rem
   }

   .product-header__hero__info--link {
       text-decoration: underline;
       cursor: pointer
   }

   @media (max-width:64.0525em) {
       .product-header__hero__info {
           display: block
       }

       .product-header__hero__info+.product-header__hero__info {
           margin: 0;
           margin-top: .9375rem
       }
   }

   .product-header__hero__actions {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       margin-top: 40px;
       margin-top: 2.5rem
   }

   .product-header__hero__action.cta {
       margin: 0
   }

   .product-header__hero__action-amazon {
       display: inline-block;
       margin-left: 25px;
       margin-left: 1.5625rem;
       margin-top: 5px;
       margin-top: .3125rem
   }

   @media (max-width:47.99em) {
       .product-header__hero__action-amazon {
           margin-left: .9375rem;
           margin-top: 1.5625rem;
           -webkit-box-flex: 1;
           -ms-flex: 1 0 100%;
           flex: 1 0 100%
       }
   }

   .product-header__hero__scrollhint {
       position: relative;
       font-size: 12px;
       font-size: .75rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 18px;
       font-weight: 700;
       letter-spacing: .3px;
       color: #fff;
       letter-spacing: 1.5px;
       line-height: 30px;
       line-height: 1.875rem;
       left: 50%;
       height: 50px;
       height: 3.125rem;
       width: 50px;
       width: 3.125rem;
       height: 30px;
       margin-top: 25px;
       margin-top: 1.5625rem;
       padding: 0 0 50px;
       padding: 0 0 3.125rem;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%)
   }

   @media (max-width:48.0625em) {
       .product-header__hero__scrollhint {
           display: none
       }
   }

   @media (max-width:47.99em) {
       .product-header__hero__scrollhint {
           display: block
       }
   }

   .product-header__hero__scrollhint:after {
       content: "";
       position: absolute;
       height: 50px;
       height: 3.125rem;
       width: 50px;
       width: 3.125rem;
       left: 0;
       bottom: 10px;
       background: transparent;
       background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=);
       background-size: .9375rem auto;
       background-repeat: no-repeat;
       background-position: 50%
   }

   .product-header__popup {
       position: fixed;
       top: 0;
       left: 0;
       height: 100%;
       width: 100%;
       overflow: auto;
       background: rgba(0, 0, 0, .5);
       z-index: 101;
       padding: 100px 25px 0;
       padding: 6.25rem 1.5625rem 0;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       text-align: center
   }

   .product-header__popup__close-bg {
       position: fixed;
       top: 0;
       left: 0;
       height: 100%;
       width: 100%;
       z-index: 1;
       cursor: pointer
   }

   .product-header__popup__inner {
       display: inline-block;
       position: relative;
       margin-bottom: 25px;
       margin-bottom: 1.5625rem;
       z-index: 2
   }

   .product-header__popup__image {
       vertical-align: top;
       width: 100%;
       max-width: 250px;
       max-width: 15.625rem;
       -webkit-transition: max-width .4s ease;
       transition: max-width .4s ease;
       cursor: -webkit-zoom-in;
       cursor: zoom-in
   }

   .product-header__popup__image--zoom {
       max-width: 600px;
       max-width: 37.5rem;
       cursor: -webkit-zoom-out;
       cursor: zoom-out
   }

   .product-header__popup__close {
       position: absolute;
       display: block;
       border-radius: 50%;
       height: 40px;
       height: 2.5rem;
       width: 40px;
       width: 2.5rem;
       top: -30px;
       top: -1.875rem;
       right: -40px;
       right: -2.5rem;
       cursor: pointer
   }

   .product-header__popup__close:after,
   .product-header__popup__close:before {
       content: "";
       position: absolute;
       top: 50%;
       left: 50%;
       height: 18px;
       height: 1.125rem;
       width: 2px;
       width: .125rem;
       background: #fff;
       margin-left: -1px;
       margin-left: -.0625rem;
       margin-top: -9px;
       margin-top: -.5625rem;
       border-radius: .125rem
   }

   .product-header__popup__close:before {
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg)
   }

   .product-header__popup__close:after {
       -webkit-transform: rotate(45deg);
       transform: rotate(45deg)
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .cta {
       position: relative;
       display: inline-block;
       font-family: Roboto, Arial, sans-serif;
       font-size: 12px;
       font-size: .75rem;
       line-height: 18px;
       line-height: 1.125rem;
       font-weight: 700;
       margin-top: 25px;
       margin-top: 1.5625rem;
       letter-spacing: .5px;
       -webkit-transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease, -webkit-box-shadow .2s ease;
       cursor: pointer;
       text-transform: uppercase;
       text-align: center;
       min-width: 150px
   }

   .cta,
   .cta:before {
       border-radius: 1.875rem;
       top: 0
   }

   .cta:before {
       content: "";
       position: absolute;
       height: 100%;
       width: 100%;
       left: 0;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-transition: background .2s ease, -webkit-transform .2s ease;
       transition: background .2s ease, -webkit-transform .2s ease;
       transition: transform .2s ease, background .2s ease;
       transition: transform .2s ease, background .2s ease, -webkit-transform .2s ease
   }

   .cta a,
   .cta span {
       position: relative;
       display: block;
       text-decoration: none;
       padding: 14px 30px 13px;
       padding: .875rem 1.875rem .8125rem;
       z-index: 1
   }

   .\--hover .cta:hover:before {
       -webkit-transform: scale(1.05) translateZ(0);
       transform: scale(1.05) translateZ(0)
   }

   .\--hover .cta:active {
       opacity: .75
   }

   .\--hover .cta:active:before {
       -webkit-transform: scale(1) translateZ(0);
       transform: scale(1) translateZ(0)
   }

   .cta:before {
       background: #fff
   }

   .cta,
   .cta a {
       color: #75ad40
   }

   .cta--reverse {
       position: relative;
       display: inline-block;
       font-family: Roboto, Arial, sans-serif;
       font-size: 12px;
       font-size: .75rem;
       line-height: 18px;
       line-height: 1.125rem;
       border-radius: 1.875rem;
       font-weight: 700;
       margin-top: 25px;
       margin-top: 1.5625rem;
       letter-spacing: .5px;
       top: 0;
       -webkit-transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease, -webkit-box-shadow .2s ease;
       cursor: pointer;
       text-transform: uppercase;
       text-align: center;
       min-width: 150px
   }

   .cta--reverse:before {
       content: "";
       position: absolute;
       height: 100%;
       width: 100%;
       left: 0;
       top: 0;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       border-radius: 1.875rem;
       -webkit-transition: background .2s ease, -webkit-transform .2s ease;
       transition: background .2s ease, -webkit-transform .2s ease;
       transition: transform .2s ease, background .2s ease;
       transition: transform .2s ease, background .2s ease, -webkit-transform .2s ease
   }

   .cta--reverse a,
   .cta--reverse span {
       position: relative;
       display: block;
       text-decoration: none;
       padding: 14px 30px 13px;
       padding: .875rem 1.875rem .8125rem;
       z-index: 1
   }

   .\--hover .cta--reverse:hover:before {
       -webkit-transform: scale(1.05) translateZ(0);
       transform: scale(1.05) translateZ(0)
   }

   .\--hover .cta--reverse:active {
       opacity: .75
   }

   .\--hover .cta--reverse:active:before {
       -webkit-transform: scale(1) translateZ(0);
       transform: scale(1) translateZ(0)
   }

   .cta--reverse:before {
       background: #11523d
   }

   .cta--reverse,
   .cta--reverse a {
       color: #fff
   }

   .\--hover .cta--reverse:hover:before {
       background: #15674d
   }

   .cta--green-light {
       position: relative;
       display: inline-block;
       font-family: Roboto, Arial, sans-serif;
       font-size: 12px;
       font-size: .75rem;
       line-height: 18px;
       line-height: 1.125rem;
       border-radius: 1.875rem;
       font-weight: 700;
       margin-top: 25px;
       margin-top: 1.5625rem;
       letter-spacing: .5px;
       top: 0;
       -webkit-transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease, -webkit-box-shadow .2s ease;
       cursor: pointer;
       text-transform: uppercase;
       text-align: center;
       min-width: 150px
   }

   .cta--green-light:before {
       content: "";
       position: absolute;
       height: 100%;
       width: 100%;
       left: 0;
       top: 0;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       border-radius: 1.875rem;
       -webkit-transition: background .2s ease, -webkit-transform .2s ease;
       transition: background .2s ease, -webkit-transform .2s ease;
       transition: transform .2s ease, background .2s ease;
       transition: transform .2s ease, background .2s ease, -webkit-transform .2s ease
   }

   .cta--green-light a,
   .cta--green-light span {
       position: relative;
       display: block;
       text-decoration: none;
       padding: 14px 30px 13px;
       padding: .875rem 1.875rem .8125rem;
       z-index: 1
   }

   .\--hover .cta--green-light:hover:before {
       -webkit-transform: scale(1.05) translateZ(0);
       transform: scale(1.05) translateZ(0)
   }

   .\--hover .cta--green-light:active {
       opacity: .75
   }

   .\--hover .cta--green-light:active:before {
       -webkit-transform: scale(1) translateZ(0);
       transform: scale(1) translateZ(0)
   }

   .cta--green-light:before {
       background: #75ad40
   }

   .cta--green-light,
   .cta--green-light a {
       color: #fff
   }

   .\--hover .cta--green-light:hover:before {
       background: #82bc4a
   }

   .cta--brown {
       position: relative;
       display: inline-block;
       font-family: Roboto, Arial, sans-serif;
       font-size: 12px;
       font-size: .75rem;
       line-height: 18px;
       line-height: 1.125rem;
       border-radius: 1.875rem;
       font-weight: 700;
       margin-top: 25px;
       margin-top: 1.5625rem;
       letter-spacing: .5px;
       top: 0;
       -webkit-transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease, -webkit-box-shadow .2s ease;
       cursor: pointer;
       text-transform: uppercase;
       text-align: center;
       min-width: 150px
   }

   .cta--brown:before {
       content: "";
       position: absolute;
       height: 100%;
       width: 100%;
       left: 0;
       top: 0;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       border-radius: 1.875rem;
       -webkit-transition: background .2s ease, -webkit-transform .2s ease;
       transition: background .2s ease, -webkit-transform .2s ease;
       transition: transform .2s ease, background .2s ease;
       transition: transform .2s ease, background .2s ease, -webkit-transform .2s ease
   }

   .cta--brown a,
   .cta--brown span {
       position: relative;
       display: block;
       text-decoration: none;
       padding: 14px 30px 13px;
       padding: .875rem 1.875rem .8125rem;
       z-index: 1
   }

   .\--hover .cta--brown:hover:before {
       -webkit-transform: scale(1.05) translateZ(0);
       transform: scale(1.05) translateZ(0)
   }

   .\--hover .cta--brown:active {
       opacity: .75
   }

   .\--hover .cta--brown:active:before {
       -webkit-transform: scale(1) translateZ(0);
       transform: scale(1) translateZ(0)
   }

   .cta--brown:before {
       background: #715b4a
   }

   .cta--brown,
   .cta--brown a {
       color: #fff
   }

   .\--hover .cta--brown:hover:before {
       background: #806754
   }

   .cta--green-dark {
       position: relative;
       display: inline-block;
       font-family: Roboto, Arial, sans-serif;
       font-size: 12px;
       font-size: .75rem;
       line-height: 18px;
       line-height: 1.125rem;
       border-radius: 1.875rem;
       font-weight: 700;
       margin-top: 25px;
       margin-top: 1.5625rem;
       letter-spacing: .5px;
       top: 0;
       -webkit-transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease, -webkit-box-shadow .2s ease;
       cursor: pointer;
       text-transform: uppercase;
       text-align: center;
       min-width: 150px
   }

   .cta--green-dark:before {
       content: "";
       position: absolute;
       height: 100%;
       width: 100%;
       left: 0;
       top: 0;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       border-radius: 1.875rem;
       -webkit-transition: background .2s ease, -webkit-transform .2s ease;
       transition: background .2s ease, -webkit-transform .2s ease;
       transition: transform .2s ease, background .2s ease;
       transition: transform .2s ease, background .2s ease, -webkit-transform .2s ease
   }

   .cta--green-dark a,
   .cta--green-dark span {
       position: relative;
       display: block;
       text-decoration: none;
       padding: 14px 30px 13px;
       padding: .875rem 1.875rem .8125rem;
       z-index: 1
   }

   .\--hover .cta--green-dark:hover:before {
       -webkit-transform: scale(1.05) translateZ(0);
       transform: scale(1.05) translateZ(0)
   }

   .\--hover .cta--green-dark:active {
       opacity: .75
   }

   .\--hover .cta--green-dark:active:before {
       -webkit-transform: scale(1) translateZ(0);
       transform: scale(1) translateZ(0)
   }

   .cta--green-dark:before {
       background: #898549
   }

   .cta--green-dark,
   .cta--green-dark a {
       color: #fff
   }

   .\--hover .cta--green-dark:hover:before {
       background: #9a9552
   }

   .cta--yellow {
       position: relative;
       display: inline-block;
       font-family: Roboto, Arial, sans-serif;
       font-size: 12px;
       font-size: .75rem;
       line-height: 18px;
       line-height: 1.125rem;
       border-radius: 1.875rem;
       font-weight: 700;
       margin-top: 25px;
       margin-top: 1.5625rem;
       letter-spacing: .5px;
       top: 0;
       -webkit-transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: opacity .2s ease, -webkit-box-shadow .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease;
       transition: box-shadow .2s ease, opacity .2s ease, -webkit-box-shadow .2s ease;
       cursor: pointer;
       text-transform: uppercase;
       text-align: center;
       min-width: 150px
   }

   .cta--yellow:before {
       content: "";
       position: absolute;
       height: 100%;
       width: 100%;
       left: 0;
       top: 0;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       border-radius: 1.875rem;
       -webkit-transition: background .2s ease, -webkit-transform .2s ease;
       transition: background .2s ease, -webkit-transform .2s ease;
       transition: transform .2s ease, background .2s ease;
       transition: transform .2s ease, background .2s ease, -webkit-transform .2s ease
   }

   .cta--yellow a,
   .cta--yellow span {
       position: relative;
       display: block;
       text-decoration: none;
       padding: 14px 30px 13px;
       padding: .875rem 1.875rem .8125rem;
       z-index: 1
   }

   .\--hover .cta--yellow:hover:before {
       -webkit-transform: scale(1.05) translateZ(0);
       transform: scale(1.05) translateZ(0)
   }

   .\--hover .cta--yellow:active {
       opacity: .75
   }

   .\--hover .cta--yellow:active:before {
       -webkit-transform: scale(1) translateZ(0);
       transform: scale(1) translateZ(0)
   }

   .cta--yellow:before {
       background: #d5ba70
   }

   .cta--yellow,
   .cta--yellow a {
       color: #fff
   }

   .\--hover .cta--yellow:hover:before {
       background: #dbc484
   }

   .cta--disabled {
       cursor: default;
       color: #fff
   }

   .cta--disabled:before {
       background: #979797
   }

   .\--hover .cta--disabled:hover:before {
       -webkit-transform: none;
       transform: none
   }

   .\--hover .cta--disabled:active {
       opacity: 1
   }

   .\--hover .cta--disabled:active:before {
       -webkit-transform: none;
       transform: none
   }

   .cta__icon {
       height: 18px;
       height: 1.125rem;
       vertical-align: middle;
       margin-right: 10px;
       margin-right: .625rem;
       margin-top: -3px;
       margin-top: -.1875rem
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .product-info {
       position: relative;
       width: calc(100% - 100px);
       padding: 0 50px;
       padding: 0 3.125rem;
       max-width: 1170px;
       margin: -60px auto;
       margin: -3.75rem auto;
       z-index: 1
   }

   .product-info--margin {
       margin-bottom: 0
   }

   @media (max-width:64.0525em) {
       .product-info {
           margin: -3.75rem auto 0;
           padding: 0;
           width: 100%
       }
   }

   .product-info__wrapper {
       height: 120px;
       height: 7.5rem;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .1), 0 2px 40px rgba(0, 0, 0, .2);
       box-shadow: 0 2px 40px rgba(0, 0, 0, .1), 0 2px 40px rgba(0, 0, 0, .2)
   }

   @media (max-width:48.0625em) {
       .product-info__wrapper {
           display: block;
           height: auto
       }
   }

   .product-info__content {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       width: 50%;
       padding: 35px 60px;
       padding: 2.1875rem 3.75rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto
   }

   @media (max-width:48.0625em) {
       .product-info__content {
           width: 100%;
           padding: 1.875rem 2.1875rem
       }
   }

   @media (max-width:47.99em) {
       .product-info__content {
           display: block
       }
   }

   .product-info__content--maturation {
       background: #ebe3df;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: 50%
   }

   .product-info__content--maturation .product-info__label {
       color: #75ad40;
       opacity: .5
   }

   .product-info__content--maturation .product-info__value {
       color: #11523d
   }

   .product-info__content--aromatic {
       background: #75ad40;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between
   }

   @media (max-width:47.99em) {
       .product-info__content--aromatic {
           display: block
       }
   }

   .product-info__content--aromatic .product-info__label {
       color: #fff;
       opacity: .5
   }

   .product-info__content--aromatic .product-info__value {
       color: #11523d
   }

   .product-info__content--aromatic img {
       width: 60px;
       width: 3.75rem;
       vertical-align: top
   }

   @media (max-width:48.0625em) {
       .product-info__content--aromatic img {
           margin-top: 0
       }
   }

   @media (max-width:47.99em) {
       .product-info__content--aromatic img {
           margin-top: .9375rem
       }
   }

   .product-info__text {
       -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
       flex: 0 1 auto
   }

   .product-info__label {
       font-size: 12px;
       font-size: .75rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 1;
       letter-spacing: .1px;
       font-weight: 700
   }

   .product-info__value {
       font-size: 18px;
       font-size: 1.125rem;
       font-family: Lora, Helvetica, serif;
       line-height: 22px;
       letter-spacing: .1px;
       margin-top: 8px;
       margin-top: .5rem
   }

   .product-info__notes-image {
       vertical-align: top;
       border-radius: 50%
   }

   .product-info__image-content {
       display: block;
       margin-left: auto;
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       width: 250px;
       width: 15.625rem;
       max-width: 100%
   }

   @media (max-width:48.0625em) {
       .product-info__image-content {
           width: 17.1875rem
       }
   }

   @media (max-width:47.99em) {
       .product-info__image-content {
           margin-left: 0;
           margin-top: 1.5625rem;
           margin-right: auto
       }
   }

   .product-info__image {
       vertical-align: top;
       max-width: 100%
   }

   .product-info__description {
       font-size: 14px;
       font-size: .875rem;
       display: block;
       width: 100%
   }

   .product-info__description__title {
       color: #bdb965;
       font-weight: 700;
       text-transform: uppercase;
       line-height: 25px;
       line-height: 1.5625rem
   }

   .product-info__description__text {
       color: #fff
   }

   .product-info__description__text p {
       line-height: 25px;
       line-height: 1.5625rem;
       color: #fff;
       margin: 0
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .banner {
       margin: 0 auto;
       max-width: 1440px;
       max-width: 90rem;
       height: 240px;
       height: 15rem
   }

   @media (max-width:47.99em) {
       .banner {
           height: 17.1875rem
       }
   }

   .banner--full {
       max-width: none
   }

   .banner--full .banner__image {
       position: relative;
       height: 100%;
       width: 100%;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: 50%
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .product-insight {
       background: #715b4a;
       background-size: cover;
       background-repeat: no-repeat;
       background-position: 50%
   }

   .product-insight__wrapper {
       padding: 160px 50px 100px;
       padding: 10rem 3.125rem 6.25rem;
       margin: 0 auto;
       max-width: 1170px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       justify-content: center;
       align-items: center;
   }

   @media (max-width:64.0525em) {
       .product-insight__wrapper {
           padding: 4.6875rem 1.875rem;
           -webkit-box-align: center;
           -ms-flex-align: center;
           align-items: center
       }
   }

   @media (max-width:48.0625em) {
       .product-insight__wrapper {
           -webkit-box-orient: vertical;
           -webkit-box-direction: reverse;
           -ms-flex-direction: column-reverse;
           flex-direction: column-reverse
       }
   }

   @media (max-width:47.99em) {
       .product-insight__wrapper {
           padding: 2.8125rem 0
       }
   }

   .product-insight__row {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: end;
       -ms-flex-align: end;
       align-items: flex-end
   }

   .product-insight__row--overlap {
       position: relative;
       justify-content: end;
       z-index: 1;
       margin-top: -19.5625rem;
   }

   @media (max-width:64.0525em) {
       .product-insight__row--overlap {
           padding: 0 1.5625rem
       }
   }

   .product-insight__text-cont {
       width: 38.88%;
       padding-left: 8%;
       -webkit-box-sizing: border-box;
       box-sizing: border-box
   }

   @media (max-width:64.0525em) {
       .product-insight__text-cont {
           width: 42%
       }
   }

   @media (max-width:48.0625em) {
       .product-insight__text-cont {
           width: 80%;
           margin-right: auto;
           padding: 0
       }
   }

   @media (max-width:47.99em) {
       .product-insight__text-cont {
           width: 100%;
           padding: 0 2.1875rem
       }
   }

   .product-insight__title {
      font-weight: 900 !important;
    font-family: "Museo Sans", Arial, sans-serif !important;
       line-height: 1;
       letter-spacing: .9px;
       font-size: 3rem;
       color: #fff
   }

   [lang=ru-RU] .product-insight__title {
       font-family: Oswald, sans-serif
   }

   @media (max-width:64.0525em) {
       .product-insight__title {
           font-weight: 700 !important;
           font-family: Noto Serif, Arial, sans-serif !important;
           line-height: 1;
           letter-spacing: .9px;
           font-size: 5rem;
           letter-spacing: 1.5px;
           font-size: 3.75rem
       }
   }

   @media (max-width:64.0525em) and (max-width:47.99em) {
       .product-insight__title {
           font-size: 3.4375rem
       }
   }

   @media (max-width:64.0525em) {
       [lang=ru-RU] .product-insight__title {
           font-family: Oswald, sans-serif
       }
   }

   @media (max-width:48.0625em) {
       .product-insight__title {
           font-weight: 700 !important;
           font-family: Noto Serif, Arial, sans-serif !important;
           line-height: 1;
           letter-spacing: .9px;
           font-size: 5rem;
           letter-spacing: 1.5px;
           font-size: 3.125rem
       }
   }

   @media (max-width:48.0625em) and (max-width:47.99em) {
       .product-insight__title {
                   font-size: 1.4rem;
       }
   }

   @media (max-width:48.0625em) {
       [lang=ru-RU] .product-insight__title {
           font-family: Oswald, sans-serif
       }
   }

   .product-insight__description {
       font-size: 20px;
       font-family: Roboto, Arial, sans-serif;
       line-height: 26px;
       letter-spacing: .1px;
       color: #fff;
       margin-top: 30px;
       margin-top: 1.875rem;
       padding: 15px 0;
       padding: .9375rem 0;
       border-top: 1px solid hsla(0, 0%, 100%, .3);
       border-bottom: 1px solid hsla(0, 0%, 100%, .3)
   }

   @media (max-width:48.0625em) {
       .product-insight__description {
           padding: .9375rem 0;
           border-bottom: 0
       }
   }

   .product-insight__image-cont {
       width: 50%;
   }

   @media (max-width:48.0625em) {
       .product-insight__image-cont {
           width: 100%
       }
   }

   .product-insight__image-big {
       width: 100%;
       height: 416px;
       position: relative;
       overflow: hidden;
   }

   .product-insight__image-big:before {
       display: block;
       content: "";
       width: 100%;
       padding-top: 171.57265%;
   }

   .product-insight__image-big>:first-child {
       position: absolute;
       width: 100%;
       height: auto;
       top: 50%;
       left: 0;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%)
   }

   @media (max-width:64.0525em) {
       .product-insight__image-big {
           width: 100%;
           position: relative;
           overflow: hidden
       }

       .product-insight__image-big:before {
           display: block;
           content: "";
           width: 100%;
           padding-top: 77.23343%
       }

       .product-insight__image-big>:first-child {
           position: absolute;
           width: 87%;
           left: 25px;
           height: auto;
           top: 50%;
           -webkit-transform: translateY(-50%);
           transform: translateY(-50%)
       }

       .product-insight__image-big {
           height: 278px;
       }
   }

   .product-insight__image-vertical {
       position: relative;
       overflow: hidden;
       width: 65.5%;
       height: 300px;
       margin-bottom: 50px;
       margin-bottom: 3.125rem
   }

   .product-insight__image-vertical:before {
       display: block;
       content: "";
       width: 100%;
       padding-top: 147.5%
   }

   .product-insight__image-vertical>:first-child {
       position: absolute;
       width: 100%;
       height: auto;
       top: 50%;
       left: 0;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%)
   }

   @media (max-width:64.0525em) {
       .product-insight__image-vertical {
           display: none
       }
   }

   .product-insight__launch {
       background: #d9af8f;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       padding: 30px;
       padding: 1.875rem;
       width: 50%;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       text-decoration: none;
       margin: 0 25px 0 auto;
       margin: 0 1.5625rem 0 auto;
       border-radius: 2px;
       -webkit-transition: background .2s ease;
       transition: background .2s ease
   }

   .product-insight__launch--hidden {
       visibility: hidden
   }

   @media (max-width:64.0525em) {
       .product-insight__launch {
           margin: 0 auto;
           -webkit-box-flex: 1;
           -ms-flex: 1 0 auto;
           flex: 1 0 auto;
           margin-top: -1.5625rem
       }
   }

   @media (min-width:48.0625em) and (max-width:64.0525em) {
       .product-insight__launch {
           max-width: 23.125rem
       }
   }

   @media (max-width:48.0625em) {
       .product-insight__launch {
           margin: -1.5625rem 1.5625rem 0 auto;
           padding: 1.25rem .9375rem;
           max-width: 28.125rem
       }
   }

   @media (max-width:47.99em) {
       .product-insight__launch {
           margin: 0 auto;
           max-width: 17.1875rem
       }
   }

   .product-insight__launch__link,
   .product-insight__launch__linkbox {
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto
   }

   .product-insight__launch__link {
       display: block;
       height: 32px;
       height: 2rem;
       width: 32px;
       width: 2rem;
       border-radius: 50%;
       overflow: hidden;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       margin-right: 30px;
       margin-right: 1.875rem
   }

   @media (max-width:47.99em) {
       .product-insight__launch__link {
           width: 1.5625rem;
           height: 1.5625rem;
           margin-right: .9375rem
       }
   }

   .product-insight__launch__arrow {
       width: 32px;
       width: 2rem
   }

   @media (max-width:47.99em) {
       .product-insight__launch__arrow {
           width: 1.5625rem
       }
   }

   .product-insight__launch__label {
       font-size: 12px;
       font-size: .75rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 1;
       font-weight: 700;
       letter-spacing: .3px;
       color: #fff;
       opacity: .5
   }

   .product-insight__launch__title {
       font-size: 16px;
       font-size: 1rem;
       font-family: Lora, Helvetica, serif;
       line-height: 22px;
       letter-spacing: .1px;
       color: #fff;
       margin-top: 8px;
       margin-top: .5rem;
       letter-spacing: .7px
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .product-tasting {
       position: relative;
       max-width: 1170px;
       margin: 0 auto 25px;
       margin: 0 auto 1.5625rem;
       padding: 120px 50px 0;
       padding: 7.5rem 3.125rem 0;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex
   }

   @media (max-width:47.99em) {
       .product-tasting {
           display: block;
           margin: 0;
           padding: 3.4375rem 0 0
       }
   }

   .product-tasting__content {
       width: 55%;
       -webkit-box-sizing: border-box;
       box-sizing: border-box
   }

   @media (max-width:47.99em) {
       .product-tasting__content {
           width: 100%
       }
   }

   .product-tasting__content--small {
       width: 45%;
       padding-left: 10%;
       -ms-flex-item-align: start;
       align-self: flex-start;
       margin-top: 90px;
       margin-top: 5.625rem
   }

   @media (max-width:47.99em) {
       .product-tasting__content--small {
           width: 100%;
           padding: 0;
           margin-top: 0
       }
   }

   .product-tasting__title {
       font-weight: 700 !important;
       font-family: Noto Serif, Arial, sans-serif !important;
       line-height: 1;
       letter-spacing: .9px;
       font-size: 65px;
       font-size: 4.0625rem;
       color: #11523d
   }

   [lang=ru-RU] .product-tasting__title {
       font-family: Oswald, sans-serif
   }

   @media (max-width:47.99em) {
       .product-tasting__title {
           font-weight: 700 !important;
           font-family: Noto Serif, Arial, sans-serif !important;
           line-height: 1;
           letter-spacing: .9px;
           font-size: 2.5rem
       }

       [lang=ru-RU] .product-tasting__title {
           font-family: Oswald, sans-serif
       }
   }

   .product-tasting__description {
       font-size: 15px;
       font-size: .9375rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 24px;
       letter-spacing: .1px;
       color: #11523d
   }

   .product-tasting__suggest {
       font-size: 16px;
       font-size: 1rem;
       font-family: Lora, Helvetica, serif;
       line-height: 19px;
       letter-spacing: .1px;
       color: #75ad40;
       margin: 40px 0 0;
       margin: 2.5rem 0 0
   }

   .product-tasting__list {
       padding: 0;
       margin: 5px 0 0;
       margin: .3125rem 0 0;
       font-size: 0
   }

   @media (max-width:47.99em) {
       .product-tasting__list {
           margin-bottom: 1.5625rem
       }
   }

   .product-tasting__list__item {
       display: -webkit-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       width: 50%;
       margin-top: 25px;
       margin-top: 1.5625rem
   }

   @media (max-width:47.99em) {
       .product-tasting__list__item {
           width: 100%
       }
   }

   .product-tasting__list__image {
       width: 60px;
       width: 3.75rem;
       height: 60px;
       height: 3.75rem;
       vertical-align: top;
       max-width: 100%;
       border-radius: 100%
   }

   .product-tasting__list__label {
       font-size: 12px;
       font-size: .75rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 15px;
       font-weight: 700;
       letter-spacing: .3px;
       margin-left: 15px;
       margin-left: .9375rem;
       text-transform: uppercase
   }

   @media (max-width:47.99em) {

       .product-tasting__description,
       .product-tasting__list,
       .product-tasting__suggest,
       .product-tasting__title {
           padding: 0 2.1875rem
       }
   }

   .product-tasting--1col {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column
   }

   .product-tasting--1col .product-tasting__content {
       margin-top: 55px;
       margin-top: 3.4375rem;
       padding-left: 0
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .recipe-basefilter {
       background: #fff;
       padding: 75px 0 0;
       padding: 4.6875rem 0 0;
       text-align: center
   }

   .recipe-basefilter--smallpad {
       padding: 30px 0 0;
       padding: 1.875rem 0 0
   }

   @media (max-width:47.99em) {
       .recipe-basefilter {
           padding: 3.125rem 0 0
       }
   }

   .recipe-basefilter__title {
       font-weight: 700 !important;
       font-family: Noto Serif, Arial, sans-serif !important;
       line-height: 1;
       letter-spacing: .9px;
       font-size: 46px;
       font-size: 2.875rem;
       color: #75ad40;
       max-width: 870px;
       margin: 0 auto;
       text-align: center;
       padding: 0 50px;
       padding: 0 3.125rem
   }

   [lang=ru-RU] .recipe-basefilter__title {
       font-family: Oswald, sans-serif
   }

   @media (max-width:47.99em) {
       .recipe-basefilter__title {
           font-weight: 700 !important;
           font-family: Noto Serif, Arial, sans-serif !important;
           line-height: 1;
           letter-spacing: .9px;
           font-size: 2.375rem;
           padding: 0 1.5625rem
       }

       [lang=ru-RU] .recipe-basefilter__title {
           font-family: Oswald, sans-serif
       }
   }

   .recipe-basefilter__filters {
       font-size: 28px;
       font-size: 1.75rem;
       font-family: Lora, Helvetica, serif;
       line-height: 50px;
       letter-spacing: .1px;
       color: #11523d;
       max-width: 870px;
       margin: 25px auto 15px;
       margin: 1.5625rem auto .9375rem;
       text-align: center;
       padding: 0 50px;
       padding: 0 3.125rem
   }

   @media (max-width:47.99em) {
       .recipe-basefilter__filters {
           font-size: 1.25rem;
           font-family: Lora, Helvetica, serif;
           line-height: 40px;
           letter-spacing: .1px;
           padding: 0 1.25rem;
           margin: 1.5625rem 0
       }
   }

   .recipe-basefilter__filter {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
       border: 0;
       border-bottom: 2px solid #75ad40;
       padding: 2px 30px 2px 0;
       padding: .125rem 1.875rem .125rem 0;
       outline: 0;
       text-align: center;
       letter-spacing: 1px;
       font-size: 28px;
       font-size: 1.75rem;
       font-family: Lora, Helvetica, serif;
       line-height: 50px;
       letter-spacing: .1px;
       color: #75ad40;
       background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojNzVhZDQwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=);
       background-position: calc(100% - .3125rem) 1.375rem;
       background-repeat: no-repeat;
       background-size: .625rem auto
   }

   @media (max-width:47.99em) {
       .recipe-basefilter__filter {
           font-size: 1.375rem;
           font-family: Lora, Helvetica, serif;
           line-height: 50px;
           letter-spacing: .1px;
           padding: .125rem 1.5625rem .125rem 0;
           background-position: calc(100% - .3125rem) .9375rem;
           background-size: .8125rem auto
       }
   }

   .recipe-basefilter__filter option {
       color: #000;
       color: initial;
       padding: 0
   }

   .recipe-basefilter__piece {
       position: relative;
       display: inline;
       padding: 0 3px;
       padding: 0 .1875rem
   }

   .recipe-basefilter__color-wrap {
       padding: 0 0 75px;
       padding: 0 0 4.6875rem;
       position: relative;
       overflow: hidden
   }

   .recipe-basefilter__color-wrap:after {
       content: "";
       position: absolute;
       top: 150px;
       top: 9.375rem;
       left: 0;
       height: 100%;
       width: 100%;
       background: #f4f4f4;
       z-index: 0
   }

   @media (max-width:47.99em) {
       .recipe-basefilter__color-wrap:after {
           top: 7.8125rem
       }
   }

   @media (max-width:47.99em) {
       .recipe-basefilter__color-wrap {
           padding: 0 0 3.125rem
       }
   }

   .recipe-basefilter__results {
       padding: 50px 0 25px;
       padding: 3.125rem 0 1.5625rem;
       position: relative;
       z-index: 1
   }

   @media (max-width:47.99em) {
       .recipe-basefilter__results {
           padding: 1.5625rem 0 0
       }
   }

   .recipe-basefilter__results .swiper-container {
       max-width: 1170px;
       padding: 0 50px;
       padding: 0 3.125rem;
       margin: 0 auto;
       overflow: visible
   }

   @media (max-width:47.99em) {
       .recipe-basefilter__results .swiper-container {
           padding: 0 3.125rem
       }
   }

   .recipe-basefilter__results__placeholder {
       width: 370px;
       width: 23.125rem;
       max-width: 100%;
       position: relative;
       overflow: hidden
   }

   .recipe-basefilter__results__placeholder:before {
       display: block;
       content: "";
       width: 100%;
       padding-top: 135.13514%
   }

   .recipe-basefilter__results__placeholder>:first-child {
       position: absolute;
       width: 100%;
       height: auto;
       top: 50%;
       left: 0;
       -webkit-transform: translateY(-50%);
       transform: translateY(-50%)
   }

   .recipe-basefilter .cta {
       position: relative;
       z-index: 1
   }

   .recipe-basefilter .intro-recipe-enter-active {
       -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
       transition: opacity .4s ease, -webkit-transform .4s ease;
       transition: transform .4s ease, opacity .4s ease;
       transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease
   }

   .recipe-basefilter .intro-recipe-leave-active {
       -webkit-transition: -webkit-transform opacity .4s ease ease .4s;
       transition: -webkit-transform opacity .4s ease ease .4s;
       transition: transform opacity .4s ease ease .4s;
       transition: transform opacity .4s ease ease .4s, -webkit-transform opacity .4s ease ease .4s
   }

   .recipe-basefilter .intro-recipe-enter,
   .recipe-basefilter .intro-recipe-leave-to {
       -webkit-transform: translateY(25%);
       transform: translateY(25%);
       opacity: 1
   }

   .recipe-basefilter .slide-up-mobile-enter-active {
       -webkit-transition: -webkit-transform .8s ease;
       transition: -webkit-transform .8s ease;
       transition: transform .8s ease;
       transition: transform .8s ease, -webkit-transform .8s ease
   }

   @media (max-width:47.99em) {
       .recipe-basefilter .slide-up-mobile-enter-active {
           -webkit-transition: -webkit-transform .8s ease;
           transition: -webkit-transform .8s ease;
           transition: transform .8s ease;
           transition: transform .8s ease, -webkit-transform .8s ease
       }
   }

   .recipe-basefilter .slide-up-mobile-leave-active {
       -webkit-transition: -webkit-transform .4s ease;
       transition: -webkit-transform .4s ease;
       transition: transform .4s ease;
       transition: transform .4s ease, -webkit-transform .4s ease
   }

   @media (max-width:47.99em) {
       .recipe-basefilter .slide-up-mobile-leave-active {
           -webkit-transition: -webkit-transform .4s ease;
           transition: -webkit-transform .4s ease;
           transition: transform .4s ease;
           transition: transform .4s ease, -webkit-transform .4s ease
       }
   }

   .recipe-basefilter .slide-up-mobile-enter,
   .recipe-basefilter .slide-up-mobile-leave-to {
       -webkit-transform: translateX(100%);
       transform: translateX(100%)
   }

   @media (max-width:47.99em) {

       .recipe-basefilter .slide-up-mobile-enter,
       .recipe-basefilter .slide-up-mobile-leave-to {
           -webkit-transform: translateY(100%);
           transform: translateY(100%)
       }
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .select-popup {
       position: relative
   }

   .select-popup__active-voice {
       border: 0;
       border-bottom: 2px solid #75ad40;
       padding: 2px 30px 2px 0;
       padding: .125rem 1.875rem .125rem 0;
       outline: 0;
       text-align: center;
       letter-spacing: 1px;
       font-size: 28px;
       font-size: 1.75rem;
       font-family: Lora, Helvetica, serif;
       line-height: 50px;
       letter-spacing: .1px;
       color: #75ad40;
       background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTIgOCI+PHN0eWxlPi5zdDB7ZmlsbDojNzVhZDQwfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTEgLjNjLjMgMCAuNS4xLjcuM0w2IDQuOSAxMC4zLjZjLjQtLjQgMS0uNCAxLjQgMCAuNC40LjQgMSAwIDEuNEw2IDcuNy4zIDJjLS40LS40LS40LTEgMC0xLjRDLjUuNC44LjMgMSAuM3oiLz48L3N2Zz4=);
       background-position: calc(100% - .625rem) 1.25rem;
       background-repeat: no-repeat;
       background-size: .625rem auto;
       cursor: pointer
   }

   .select-popup__active-voice--disabled {
       cursor: default
   }

   @media (max-width:47.99em) {
       .select-popup__active-voice {
           font-size: 1.25rem;
           font-family: Lora, Helvetica, serif;
           line-height: 40px;
           letter-spacing: .1px;
           padding: .125rem 1.5625rem .125rem 0;
           background-position: calc(100% - .3125rem) .875rem;
           background-size: .8125rem auto
       }
   }

   .select-popup__select {
       position: absolute;
       height: 100%;
       width: 100%;
       left: 0;
       top: 0;
       opacity: 1
   }

   .select-popup__overlay {
       position: fixed;
       height: 100%;
       width: 100%;
       background: hsla(0, 0%, 100%, .8);
       top: 0;
       left: 0;
       cursor: pointer;
       z-index: 101
   }

   .select-popup__overlay-options {
       position: absolute;
       top: 100%;
       left: 0;
       padding: 0;
       margin: 0;
       text-align: left;
       z-index: 102;
       margin-top: -5px;
       margin-top: -.3125rem;
       cursor: pointer
   }

   .select-popup__overlay-options--multiline {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       width: 200%;
       max-width: 100vw;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%)
   }

   @media (min-width:64.0625em) {
       .select-popup__overlay-options--multiline {
           width: 300%
       }
   }

   .select-popup__overlay-options--multiline .select-popup__overlay-option {
       width: 50%
   }

   @media (min-width:64.0625em) {
       .select-popup__overlay-options--multiline .select-popup__overlay-option {
           width: 33.33%
       }
   }

   .select-popup__overlay-option {
       display: block;
       white-space: nowrap;
       font-size: 28px;
       font-size: 1.75rem;
       font-family: Lora, Helvetica, serif;
       line-height: 45px;
       letter-spacing: .1px;
       color: #11523d;
       -webkit-transition: color .2s ease;
       transition: color .2s ease;
       cursor: pointer
   }

   .\--hover .select-popup__overlay-option:hover {
       color: #1e916c
   }

   .select-popup .fade-enter-active {
       -webkit-transition: opacity .4s ease;
       transition: opacity .4s ease
   }

   .select-popup .fade-leave-active {
       -webkit-transition: opacity 0s;
       transition: opacity 0s
   }

   .select-popup .fade-enter,
   .select-popup .fade-leave-to {
       opacity: 1
   }

   .select-popup .fade-slide-enter-active {
       -webkit-transition: opacity .2s ease .2s, -webkit-transform .2s ease .2s;
       transition: opacity .2s ease .2s, -webkit-transform .2s ease .2s;
       transition: opacity .2s ease .2s, transform .2s ease .2s;
       transition: opacity .2s ease .2s, transform .2s ease .2s, -webkit-transform .2s ease .2s
   }

   .select-popup .fade--slideleave-active {
       -webkit-transition: opacity .2s ease, -webkit-transform 0s ease .2s;
       transition: opacity .2s ease, -webkit-transform 0s ease .2s;
       transition: opacity .2s ease, transform 0s ease .2s;
       transition: opacity .2s ease, transform 0s ease .2s, -webkit-transform 0s ease .2s
   }

   .select-popup .fade-slide-enter,
   .select-popup .fade-slide-leave-to {
       opacity: 1;
       -webkit-transform: translateY(25px);
       transform: translateY(25px)
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .mosaic {
       width: 100%;
       max-width: 100%;
       overflow: hidden;
       min-height: 800px;
       height: 80vh;
       max-height: 1100px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap
   }

   @media (min-width:90.625em) {
       .mosaic {
           height: 90vh;
           max-height: 1300px
       }
   }

   .mosaic--row {
       min-height: 400px;
       height: 40vh;
       max-height: 550px
   }

   .mosaic--row,
   .mosaic--rowbig {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row
   }

   .mosaic--rowbig {
       min-height: 600px;
       height: 60vh;
       max-height: 720px
   }

   @media (max-width:47.99em) {
       .mosaic {
           -ms-flex-wrap: nowrap;
           flex-wrap: nowrap
       }

       .mosaic,
       .mosaic--row,
       .mosaic-rowbig {
           height: auto !important;
           max-height: none !important;
           -webkit-box-orient: vertical;
           -webkit-box-direction: normal;
           -ms-flex-direction: column;
           flex-direction: column
       }

       .mosaic--reverse {
           -webkit-box-orient: vertical;
           -webkit-box-direction: reverse;
           -ms-flex-direction: column-reverse;
           flex-direction: column-reverse
       }
   }

   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }


   h1,
   h2,
   h3,
   h4 {
       font-weight: 400
   }

   .footer--reveal {
       position: fixed;
       width: 100%;
       bottom: 0;
       background: #fff
   }

   .footer__bottom__inner,
   .footer__main-wrap__inner {
       width: 100%;
       max-width: 1400px;
       max-width: 87.5rem;
       margin: 0 auto
   }

    .footer__main-wrap {
        background: #4c4d2c;
        padding: 50px 35px;
        padding: 3.125rem 13.1875rem !important;
    }

    .footer__links .phone-link {
    color: #efeeb5;
    }


   .footer__main-wrap:after,
   .footer__main-wrap:before {
       content: "";
       display: table;
       clear: both
   }

   @media (max-width:47.99em) {
       .footer__main-wrap {
           padding: 0 2.1875rem !important;
       }
   }

   .footer__main-wrap__inner {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center
   }

   @media (max-width:47.99em) {
       .footer__main-wrap__inner {
           -webkit-box-orient: vertical;
           -webkit-box-direction: normal;
           -ms-flex-direction: column;
           flex-direction: column
       }
   }

   .footer__logo-cont {
       -webkit-box-flex: 3;
       -ms-flex: 3 1 auto;
       flex: 3 1 auto
   }

   @media (max-width:47.99em) {
       .footer__logo-cont {
           -webkit-box-ordinal-group: 2;
           -ms-flex-order: 1;
           order: 1;
           margin: 1.875rem 0 0
       }
   }

   .footer__social-cont {
       height: 25px;
       height: 1.5625rem;
       -webkit-box-flex: 2;
       -ms-flex: 2 0 auto;
       flex: 2 0 auto;
       margin-left: auto
   }

   @media (max-width:47.99em) {
       .footer__social-cont {
           -webkit-box-ordinal-group: 3;
           -ms-flex-order: 2;
           order: 2;
           margin: 1.875rem 0 0
       }
   }

   .footer__store-locator {
       width: 175px;
       width: 10.9375rem;
       text-decoration: none;
       -webkit-box-flex: 0;
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       border: 1px solid #fff;
       border-radius: 2px;
       font-size: 12px;
       font-size: .75rem;
       font-family: Roboto, Arial, sans-serif;
       line-height: 18px;
       font-weight: 700;
       letter-spacing: .3px;
       text-transform: uppercase;
       color: #fff;
       padding: 12px 25px;
       padding: .75rem 1.5625rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       cursor: pointer;
       -webkit-transition: opacity .2s ease;
       transition: opacity .2s ease
   }

   .footer__store-locator img {
       margin-right: 10px;
       margin-right: .625rem;
       height: 16px;
       height: 1rem
   }

   @media (max-width:47.99em) {
       .footer__store-locator {
           -webkit-box-ordinal-group: 5;
           -ms-flex-order: 4;
           order: 4;
           margin: 1.875rem 0
       }
   }

   .footer__content {
       -webkit-box-flex: 5;
       -ms-flex: 5 0 auto;
       flex: 5 0 auto;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex
   }

   @media (max-width:47.99em) {
       .footer__content {
           display: block;
           -webkit-box-ordinal-group: 4;
           -ms-flex-order: 3;
           order: 3;
           margin: 1.875rem 0 0
       }
   }

   .footer__logo {
       vertical-align: top;
       width: 80px;
       width: 5rem
   }

   .footer__group {
       -webkit-box-flex: 1;
       -ms-flex: 1 1 auto;
       flex: 1 1 auto;
       border-left: 2px solid hsl(60deg 64.44% 82.35%);
       padding: 0 20px;
       padding: 0 1.25rem;
       -webkit-box-sizing: border-box;
       box-sizing: border-box
   }

   @media (max-width:47.99em) {
       .footer__group {
           border: 0;
           text-align: center
       }
   }

   .footer__list {
       padding: 0;
       margin: 0
   }

   .footer__list>li {
       display: block;
       margin: 20px 0
   }

   @media (min-width:48em) {
       .footer__list>li:first-child {
           margin-top: 0
       }

       .footer__list>li:last-child {
           margin-bottom: 0
       }
   }

    .footer__list__item {
        font-size: 1rem;
        font-weight: 700 !important;
      font-family: "Museo Sans", Arial, sans-serif !important;
        line-height: 18px;
        font-weight: 700;
        letter-spacing: .3px;
        text-decoration: none;
        color: #efeeb5;
        text-transform: uppercase
    }

   .footer__social {
       -webkit-transition: opacity .2s ease;
       transition: opacity .2s ease
   }

   .footer__social__image {
       display: inline-block;
       height: 25px;
       height: 1.5625rem
   }

   .footer__social+.footer__social {
       margin-left: 30px;
       margin-left: 1.875rem
   }

   @media (max-width:47.99em) {
       .footer__social+.footer__social {
           margin-left: .9375rem
       }
   }

    .footer__bottom {
        background: #797641;
        padding: 18px 35px 14px;
        padding: 1.125rem 2.1875rem .875rem;
        text-align: center
    }


    .footer__copy {
        font-size: 12px;
        font-size: .75rem;
        color: #efeeb5;
        opacity: .35
    }

   .footer__scroll-top {
       background: #05291d;
       padding: 19px 35px 17px;
       padding: 1.1875rem 2.1875rem 1.0625rem;
       text-align: center
   }

   .footer__scroll-top img {
       vertical-align: top
   }

   .footer__icons,
   .footer__links {
       -webkit-transition: opacity .4s ease;
       transition: opacity .4s ease
   }

   .footer__icons--hover,
   .footer__links--hover {
       opacity: .5
   }

   .footer__icons--current,
   .footer__links--current {
       opacity: 1
   }

   .hero--small {
       min-height: 191px !important;
       height: 27vh !;
       max-height: none !important;
   }

   @media (max-width: 768px) {
       .product-header__hero__description {
           width: 200px;
           font-size: 16px !important;
           line-height: 24px !important;
           letter-spacing: .1px;
           margin-top: 30px;
           margin-top: 1.875rem;
       }

       .product-header__hero__body {
           padding: 40px 1.5625rem 0rem;
       }

       .product-header__hero__uptitle {
           margin-bottom: 0.4375rem !important;
       }

       .hero--small {
           min-height: auto !important;
           height: 0vh;
           max-height: none !important;
       }
   }

   /* Tüm swiper-slide'ların aynı yükseklikte olması */
   .myProductSwiper .swiper-slide {
       display: flex;
       /* Kartı dikey ortala */
       justify-content: center;
       align-items: stretch;
       /* Yüksekliği eşitle */
   }

   .swiper-pagination {
       display: none !important;
   }

   .product-oil {
       width: 90%;
   }

   .oil-title {
       min-height: 88px;
   }


   /* Kart genel boyutu */
   .product-card {
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       width: 355px;
       height: 100%;
       background-size: cover;
       background-position: center;
       border-radius: 8px;
       overflow: hidden;
       text-decoration: none;
       color: #000;
       margin-top: 15px;
       margin-bottom: 15px;
   }


   /* Başlık yazısı */
   .product-card__title {
       font-weight: bold;
       font-size: 19px;
   }

   /* Görsel kısmı kartın üst kısmını doldurur */
   .product-card__image {
       flex: 1 1 auto;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 10px;
   }

   /* Resim boyutu */
   .product-card__image img {
       max-height: 100%;
       max-width: 100%;
       object-fit: contain;
       display: block;
   }

   /* Popup Overlay */
   .popup-overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.7);
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 9999;
   }

   /* Popup Content */
   .popup-content {
       background: #6E6709;
       color: #fff;
       padding: 40px;
       border-radius: 8px;
       width: 90%;
       max-width: 700px;
       position: relative;
       box-sizing: border-box;
   }

   /* Close Button */
   .close-btn {
       position: absolute;
       top: 20px;
       right: 20px;
       background: none;
       border: none;
       color: #fff;
       font-size: 50px;
       cursor: pointer;
   }

   /* Heading */
   .popup-content h2 {
       margin-top: 0;
       margin-bottom: 30px;
       font-size: 28px;
   }

   /* Form Styles */
   .teklif-form {
       display: flex;
       flex-direction: column;
       gap: 20px;
   }

   /* Row with two inputs */
   .form-row {
       display: flex;
       gap: 20px;
       flex-wrap: wrap;
   }

   /* Form groups */
   .form-group {
       flex: 1;
       display: flex;
       flex-direction: column;
       min-width: 200px;
   }

   /* Full width groups */
   .form-group.full {
       width: 100%;
   }

   /* Labels */
   .form-group label {
       margin-bottom: 8px;
       font-weight: 600;
   }

   /* Inputs, Select, Textarea */
   .teklif-form input,
   .teklif-form select,
   .teklif-form textarea {
       background: none;
       border: none;
       border-bottom: 1px solid #fff;
       padding: 8px;
       color: #fff;
       font-size: 16px;
       outline: none;
       transition: border-color 0.3s;
   }

   .teklif-form input:focus,
   .teklif-form select:focus,
   .teklif-form textarea:focus {
       border-color: #4E4A10;
       /* Turuncu çizgi */
   }

   /* Submit Button */
   .submit-btn {
       background: #4E4A10;
       color: #fff;
       border: none;
       padding: 14px;
       font-size: 16px;
       border-radius: 24px;
       cursor: pointer;
       transition: background 0.3s;
       width: 160px;
       align-self: flex-start;
       /* sola hizala */
   }

   .submit-btn:hover {
       background: #4E4A10;
   }

   /* Select kutusu genel stili */
   .teklif-form select {
       background: none;
       border: none;
       border-bottom: 1px solid #fff;
       padding: 8px;
       color: #fff;
       font-size: 16px;
       appearance: none;
       /* Tarayıcı varsayılan okunu kaldır */
       -webkit-appearance: none;
       /* Safari / Chrome */
       -moz-appearance: none;
       /* Firefox */
       background-color: #6E6709;
       /* Seçili alanda da koyu arka plan */
   }

   /* Option renkleri */
   .teklif-form select option {
       background-color: #6E6709;
       /* Dropdown liste arka planı */
       color: #fff;
       /* Yazı rengi */
   }

   .open-popup-btn {
       background-color: #4c4d2c;
     font-family: "Museo Sans", Arial, sans-serif !important;
    font-weight: 700 !important;
       color: #efeeb5;
       /* Koyu yazı */
       border: none;
       padding: 16px 36px;
       /* Büyük buton */
       font-size: 10px;
       font-weight: 600;
       border-radius: 50px;
       /* Oval */
       cursor: pointer;
       transition: all 0.3s ease;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   }

   .open-popup-btn:hover {
       background-color: #4E4A10;
       /* Hover’da biraz koyulaşır */
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
   }