﻿body.hidden,
html.active-agecheck,
html.hidden {
  overflow: hidden;
}
body.active-agecheck,
body.hidden,
html.active-agecheck,
html.hidden {
  height: 100%;
  position: relative;
}
.object,
.split-char {
  -webkit-backface-visibility: hidden;
}
.prel,
body,
body.active-agecheck,
body.hidden,
html.active-agecheck,
html.hidden {
  position: relative;
}
.contacts-link,
.contacts-link-image,
.link-image-wrap,
.link-text-wrap,
.template-image,
.valign .middle {
  vertical-align: middle;
}
.center,
.link-image-wrap,
.product-item {
  text-align: center;
}
.bg-image-inner,
.bg-image-outer {
  perspective: 400px;
}
body,
html {
  width: 100%;
  margin: 0;
  padding: 0;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html.active-agecheck .header-menu-wrap,
html.active-agecheck header .header-logo-link {
  visibility: hidden;
  opacity: 0;
}
html.active-agecheck .age-check-section {
  display: block;
  z-index: 10;
  background: #222;
  opacity: 1;
  visibility: visible;
}
html.active-agecheck .cookies-bar.show {
  bottom: -100px;
}
html.active-agecheck .header-menu-container {
  right: -90px;
}
html.overflow-y {
  overflow-y: scroll;
}
body {
  margin: 0 auto;
  font-size: 16px;
  color: #7b7b7b;
  font-weight: 400;
  font-family: Play, sans-serif;
  background: #222;
}
body.active-agecheck {
  overflow: hidden;
}
div,
footer,
header,
input,
section,
select,
textarea {
  position: relative;
  box-sizing: border-box;
}
a img {
  border: 0;
}
input,
select,
textarea {
  outline: 0;
  border-radius: 0;
}
a {
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}
.object {
  backface-visibility: hidden;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
}
.clr {
  clear: both;
}
.ul-reset {
  margin: 0;
  padding: 0;
}
.ul-reset li {
  list-style-type: none;
}
.h-reset h1,
.h-reset h2,
.h-reset h3,
.h-reset h4,
.h-reset p {
  margin: 0;
}
.w-reset {
  max-width: 100%;
  width: 100%;
}
.bg-borders .bg-borders-wrap,
.bg-borders .raster-wrap,
.main-wrap {
  max-width: 1370px;
  margin: 0 auto;
  width: 100%;
}
.h-reset {
  height: auto;
}
.block {
  display: block;
}
.inline_block {
  display: inline-block;
}
.none {
  display: none;
}
.ov-hidden {
  overflow: hidden;
}
.ov-visible,
button,
input {
  overflow: visible;
}
.ov-o-hidden {
  opacity: 0;
  visibility: hidden;
}
.ov-o-visible {
  opacity: 1;
  visibility: visible;
}
button:focus,
input,
select,
textarea {
  outline: 0;
}
input,
textarea {
  -webkit-appearance: none;
}
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}
blockquote {
  padding: 0;
  margin: 0;
}
button {
  cursor: pointer;
  border: 0;
  background: 0 0;
  padding: 0;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.case {
  text-transform: normal;
}
.nocase {
  text-transform: none;
}
.italic {
  font-style: italic;
}
.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.pull-left {
  float: left;
}
.age-check-section .buttons-item.yes,
.pull-right {
  float: right;
}
.pull-none {
  float: none;
}
.pabs {
  position: absolute;
}
.pfix {
  position: fixed;
}
.valign {
  position: relative;
  display: table;
}
.valign.fit {
  width: 100%;
  height: 100%;
}
.valign .middle {
  display: table-cell;
}
.bx {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.fit {
  width: 100%;
  height: 100%;
}
.grid .col-d-100 {
  width: 100%;
}
.grid .col-d-100.abs-square {
  position: relative;
  padding-bottom: 100%;
}
.grid .col-d-100.abs-square.half {
  padding-bottom: 50%;
}
.grid .col-d-50 {
  width: 50%;
}
.grid .col-d-50.abs-square {
  position: relative;
  padding-bottom: 50%;
}
.grid .col-d-50.abs-square.half {
  padding-bottom: 25%;
}
.grid .col-d-33 {
  width: 33.333333333333336%;
}
.grid .col-d-33.abs-square {
  position: relative;
  padding-bottom: 33.333333333333336%;
}
.grid .col-d-33.abs-square.half {
  padding-bottom: 16.666666666666668%;
}
.grid .col-d-25 {
  width: 25%;
}
.grid .col-d-25.abs-square {
  position: relative;
  padding-bottom: 25%;
}
.grid .col-d-25.abs-square.half {
  padding-bottom: 12.5%;
}
.grid .col-d-20 {
  width: 20%;
}
.grid .col-d-20.abs-square {
  position: relative;
  padding-bottom: 20%;
}
.grid .col-d-20.abs-square.half {
  padding-bottom: 10%;
}
.grid .col-d-16 {
  width: 16.666666666666668%;
}
.grid .col-d-16.abs-square {
  position: relative;
  padding-bottom: 16.666666666666668%;
}
.grid .col-d-16.abs-square.half {
  padding-bottom: 8.333333333333334%;
}
.grid .col-d-14 {
  width: 14.285714285714286%;
}
.grid .col-d-14.abs-square {
  position: relative;
  padding-bottom: 14.285714285714286%;
}
.grid .col-d-14.abs-square.half {
  padding-bottom: 7.142857142857143%;
}
.grid .col-d-12 {
  width: 12.5%;
}
.grid .col-d-12.abs-square {
  position: relative;
  padding-bottom: 12.5%;
}
.grid .col-d-12.abs-square.half {
  padding-bottom: 6.25%;
}
.grid .col-d-11 {
  width: 11.11111111111111%;
}
.grid .col-d-11.abs-square {
  position: relative;
  padding-bottom: 11.11111111111111%;
}
.grid .col-d-11.abs-square.half {
  padding-bottom: 5.555555555555555%;
}
.grid .col-d-10 {
  width: 10%;
}
.grid .col-d-10.abs-square {
  position: relative;
  padding-bottom: 10%;
}
.grid .col-d-10.abs-square.half {
  padding-bottom: 5%;
}
@media only screen and (min-width: 640px) and (max-width: 1024px) {
  .grid .col-t-100 {
    width: 100%;
  }
  .grid .col-t-50 {
    width: 50%;
  }
  .grid .col-t-33 {
    width: 33.333333333333336%;
  }
  .grid .col-t-25 {
    width: 25%;
  }
  .grid .col-t-20 {
    width: 20%;
  }
  .grid .col-t-16 {
    width: 16.666666666666668%;
  }
  .grid .col-t-14 {
    width: 14.285714285714286%;
  }
  .grid .col-t-12 {
    width: 12.5%;
  }
  .grid .col-t-11 {
    width: 11.11111111111111%;
  }
  .grid .col-t-10 {
    width: 10%;
  }
}
@media only screen and (max-width: 639px) {
  .grid .col-m-100 {
    width: 100%;
  }
  .grid .col-m-50 {
    width: 50%;
  }
  .grid .col-m-33 {
    width: 33.333333333333336%;
  }
  .grid .col-m-25 {
    width: 25%;
  }
  .grid .col-m-20 {
    width: 20%;
  }
  .grid .col-m-16 {
    width: 16.666666666666668%;
  }
  .grid .col-m-14 {
    width: 14.285714285714286%;
  }
  .grid .col-m-12 {
    width: 12.5%;
  }
  .grid .col-m-11 {
    width: 11.11111111111111%;
  }
  .grid .col-m-10 {
    width: 10%;
  }
}
@media only screen and (max-width: 480px) {
  .grid .col-s-100 {
    width: 100%;
  }
  .grid .col-s-50 {
    width: 50%;
  }
  .grid .col-s-33 {
    width: 33.333333333333336%;
  }
  .grid .col-s-25 {
    width: 25%;
  }
  .grid .col-s-20 {
    width: 20%;
  }
  .grid .col-s-16 {
    width: 16.666666666666668%;
  }
  .grid .col-s-14 {
    width: 14.285714285714286%;
  }
  .grid .col-s-12 {
    width: 12.5%;
  }
  .grid .col-s-11 {
    width: 11.11111111111111%;
  }
  .grid .col-s-10 {
    width: 10%;
  }
}
.grid .offset-d-1 {
  padding: 5rem;
  box-sizing: border-box;
}
.grid .offset-d-2 {
  padding: 2.5rem;
  box-sizing: border-box;
}
.grid .offset-d-3 {
  padding: 1.6666666666666667rem;
  box-sizing: border-box;
}
.grid .offset-d-4 {
  padding: 1.25rem;
  box-sizing: border-box;
}
.grid .offset-d-5 {
  padding: 1rem;
  box-sizing: border-box;
}
.grid .row--left {
  width: 100%;
  float: left;
}
.grid .col {
  float: left;
  display: block;
}
.intro-video-container {
  display: none;
}
@media only screen and (min-width: 1025px) {
  .intro-video-container,
  .intro-video-container video {
    width: 100%;
    height: 100%;
  }
  .intro-video-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.split-block {
  visibility: hidden;
}
.split-char {
  will-change: visibility;
  backface-visibility: hidden;
}
.parallax-elem,
.product-item {
  -webkit-backface-visibility: hidden;
}
.split-line.btn-line .line {
  width: 0;
}
.parallax-elem {
  will-change: opacity, transform, visibility;
  backface-visibility: hidden;
}
.main-wrap {
  padding: 0 15px;
}
@media only screen and (min-width: 720px) {
  .main-wrap {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 1025px) {
  .main-wrap {
    padding-left: 5.73vw;
    padding-right: 5.73vw;
  }
}
@media only screen and (min-width: 1281px) {
  .main-wrap {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 1367px) {
  .main-wrap {
    padding-left: 4.69vw;
    padding-right: 4.69vw;
  }
}
@media only screen and (min-width: 1501px) {
  .main-wrap {
    padding-left: 3.65vw;
    padding-right: 3.65vw;
  }
}
@media only screen and (min-width: 1661px) {
  .main-wrap {
    padding: 0;
  }
}
.bg-borders {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 15;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
}
.bg-borders .bg-borders-wrap {
  height: 100%;
  padding: 0 15px;
}
@media only screen and (min-width: 720px) {
  .bg-borders .bg-borders-wrap {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 1025px) {
  .bg-borders .bg-borders-wrap {
    padding-left: 5.73vw;
    padding-right: 5.73vw;
  }
}
@media only screen and (min-width: 1281px) {
  .bg-borders .bg-borders-wrap {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 1367px) {
  .bg-borders .bg-borders-wrap {
    padding-left: 4.69vw;
    padding-right: 4.69vw;
  }
}
@media only screen and (min-width: 1501px) {
  .bg-borders .bg-borders-wrap {
    padding-left: 3.65vw;
    padding-right: 3.65vw;
  }
}
@media only screen and (min-width: 1661px) {
  .bg-borders .bg-borders-wrap {
    padding: 0;
  }
}
.bg-borders .raster-wrap {
  height: 100%;
}
.raster-grid-line {
  display: inline-block;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  background: #898989;
  z-index: 1;
  opacity: 0.07;
}
.raster-grid-line.fourth,
.raster-grid-line.second {
  display: none;
}
.raster-grid-line.first {
  left: 0;
}
.raster-grid-line.third {
  left: 50%;
}
.raster-grid-line.fifth {
  left: 100%;
}
@media only screen and (min-width: 1025px) {
  .raster-grid-line.second {
    left: 25%;
    display: block;
  }
  .raster-grid-line.fourth {
    left: 75%;
    display: block;
  }
  .contacts-link:hover {
    opacity: 0.75;
  }
}
.bg-image,
.bg-image-inner,
.bg-image-outer {
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
}
.contacts-link,
.contacts-link-image,
.link-image-wrap,
.link-text-wrap,
.small-text,
.template-image {
  display: inline-block;
}
.bg-image-outer {
  overflow: hidden;
}
.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.template-image {
  width: 100%;
}
.contacts-links-item {
  padding: 20px 15px;
  border-bottom: 1px solid #2a2a2a;
}
.contacts-links-item:last-child {
  border: none;
}
.contacts-links-wrap {
  width: 100%;
  padding-left: 40px;
  padding-right: 35px;
  background: #0b0b0b;
}
.contacts-link-image {
  max-width: 100%;
}
.contacts-link {
  width: 100%;
  font-size: 0;
  color: #e1a957;
  transition: opacity 0.4s;
}
.small-text {
  font-size: 12px;
  line-height: 1.1em;
}
.link-image-wrap {
  width: 15%;
}
.link-text-wrap {
  font-size: 14px;
  width: 85%;
  box-sizing: border-box;
  padding-left: 8px;
}
@media only screen and (min-width: 1441px) {
  .link-text-wrap {
    font-size: 16px;
  }
}
.intro-aside-wrap {
  display: none;
}
.intro-aside-wrap .intro-aside-text {
  font-size: 14px;
  color: #595959;
  opacity: 0.54;
  margin: 0;
  letter-spacing: 10px;
}
@media only screen and (min-width: 1025px) {
  .intro-aside-wrap {
    display: block;
    position: absolute;
    bottom: 60px;
    left: -2.08vw;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100% 0;
  }
}
@media only screen and (min-width: 1441px) {
  .intro-aside-wrap {
    left: -2.6vw;
  }
}
@media only screen and (min-width: 1661px) {
  .intro-aside-wrap {
    left: -6.51vw;
  }
}
.product-item {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-top: 90%;
  border: 1px solid transparent;
  backface-visibility: hidden;
}
.product-item.red .type-label span {
  background: #d42c28;
}
.product-item.white .type-label span {
  background: #e1a957;
}
.product-item.rose .type-label span {
  background: #d96461;
}
.product-item.filter .product-item-wrap {
  border: 6px solid #e1a957;
}
.product-item .title-wrap {
  padding: 0 20px;
}
.product-item .product-item-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 6px solid transparent;
  background: #1a171d;
  transition: border 0.4s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.product-item .product-item-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.product-item .product-item-inner-wrap {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  transition: opacity 0.4s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.product-item .bottle-container {
  padding-top: 100%;
}
.product-item .bottle-inner-container {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.product-item .wine-title {
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 1px;
}
.product-item .bottle-image {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.product-item .bottle-image-wrap {
  height: 100%;
}
.product-item .size-label {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 14px;
  line-height: 1em;
  font-family: "Abril Fatface", "Times New Roman", serif;
  margin: 0;
  color: #e1a957;
  letter-spacing: 1px;
}
.product-item .size-label .size-unit {
  font-family: Play, sans-serif;
  font-size: 11px;
  margin-left: 3px;
}
.product-item .size-label-container {
  width: 100%;
  position: absolute;
  top: 0;
  right: calc(100% - 20px);
  text-align: right;
}
.product-item .type-label {
  font-size: 12px;
  color: #e1a957;
  display: inline-block;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0 0;
  padding: 2px;
  margin: 0;
  min-width: 97px;
  text-align: right;
}
.product-item .type-label span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background: #d42c28;
  vertical-align: middle;
  margin-left: 5px;
}
.product-item .wine-detail-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 480px) {
  .product-item {
    width: 50%;
    padding-top: 85%;
  }
  .product-item:nth-child(2n) {
    border-right: none;
  }
  .product-item .type-label {
    top: 50px;
    left: -40px;
    min-width: 110px;
    text-align: right;
  }
  .product-item .type-label span {
    width: 15px;
    height: 15px;
    margin-left: 15px;
  }
  .product-item .size-label {
    top: 0;
    right: 37px;
    font-size: 16px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0 0;
  }
}
@media only screen and (min-width: 550px) {
  .product-item {
    padding-top: 75%;
  }
}
@media only screen and (min-width: 720px) {
  .product-item {
    width: 25%;
    padding-top: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .product-item {
    padding-top: 39.06vw;
  }
  .product-item:hover .bottle-image-wrap {
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }
  .product-item .bottle-image-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.5s;
  }
  .product-item .bottle-container {
    padding-top: 23.18vw;
  }
  .product-item .type-label {
    font-size: 14px;
    top: 32px;
    left: -26px;
    min-width: 130px;
    text-align: right;
  }
  .product-item .type-label span {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
  }
  .product-item .size-label {
    right: 50px;
    font-size: 18px;
  }
  .product-item .size-label-container {
    right: calc(100% - 30px);
    text-align: right;
  }
}
@media only screen and (min-width: 1281px) {
  .product-item {
    padding-top: 37.5vw;
  }
  .product-item .wine-title {
    font-size: 22px;
    letter-spacing: 2px;
  }
}
@media only screen and (min-width: 1367px) {
  .product-item .wine-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1661px) {
  .product-item {
    padding-top: 33.07vw;
  }
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
  position: relative;
  padding-left: 45px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #7b7b7b;
  font-size: 14px;
  font-family: Play, sans-serif;
}
.breadcrumb.bg-lang,
.breadcrumb.bg-lang .breadcrumb-link {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
[type="checkbox"]:checked + label a,
[type="checkbox"]:not(:checked) + label a {
  font-size: 14px;
  color: #e1a957;
  text-decoration: underline;
  display: inline-block;
  vertical-align: top;
  transition: opacity 0.5s;
}
[type="checkbox"]:checked + label a:hover,
[type="checkbox"]:not(:checked) + label a:hover {
  opacity: 0.6;
  transition: opacity 0.5s;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border: 1px solid #222;
  background: #222;
  border-radius: 5px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
[type="checkbox"]:checked + label:before.error-fld,
[type="checkbox"]:not(:checked) + label:before.error-fld {
  border: 2px solid #d42c28;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #e1a957;
  position: absolute;
  top: 8px;
  left: 8px;
  transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -ms-transform: scale(0);
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  -ms-transform: scale(1);
  transform: scale(1);
}
[type="checkbox"]:disabled:checked + label:before,
[type="checkbox"]:disabled:not(:checked) + label:before {
  border-color: #ccc;
  background-color: #eee;
}
[type="checkbox"]:disabled:checked + label:after {
  background: #aaa;
}
.hold-checkbox {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
@media only screen and (min-width: 640px) {
  .hold-checkbox {
    width: auto;
    margin-bottom: 0;
  }
}
.hold-checkbox.error-fld [type="checkbox"]:checked + label:before,
.hold-checkbox.error-fld [type="checkbox"]:not(:checked) + label:before {
  border: 2px solid #d42c28;
}
.gdpr-text {
  font-size: 14px;
}
.gdpr-consent {
  margin-bottom: 25px;
}
.age-check-pop-up {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 25;
  top: 0;
  left: 0;
  background: #191919;
  display: none;
  min-height: 250px;
  overflow: auto;
}
.top-pop-up-close {
  position: absolute;
  top: -14px;
  right: 0;
  background: #000;
  width: 28px;
  height: 28px;
  border-radius: 30px;
  border: 2px solid #e1a957;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  z-index: 1;
}
.pop-up-close {
  color: #e1a957;
  font-size: 18px;
  text-decoration: underline;
}
.top-pop-up-close span {
  font-size: 14px;
  color: #e1a957;
  display: inline-block;
  vertical-align: middle;
}
.breadcrumb {
  z-index: 5;
  padding: 20px;
}
.breadcrumb.bg-lang .large-text .breadcrumb-link {
  letter-spacing: 0;
}
.breadcrumb.bg-lang .breadcrumb-item:last-child .breadcrumb-link {
  letter-spacing: 0;
}
.breadcrumb .breadcrumb-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.breadcrumb .breadcrumb-item {
  display: inline-block;
}
.breadcrumb .breadcrumb-item.symbol {
  color: #e1a957;
  opacity: 0.22;
  font-size: 20px;
}
.breadcrumb .breadcrumb-item:last-child .breadcrumb-link {
  pointer-events: none;
  opacity: 1;
  font-size: 32px;
  letter-spacing: 3px;
}
.breadcrumb .last .breadcrumb-link {
  pointer-events: none;
}
.breadcrumb .large-text .breadcrumb-link {
  opacity: 1;
  font-size: 32px;
  letter-spacing: 3px;
}
.breadcrumb .breadcrumb-link {
  display: block;
  color: #e1a957;
  opacity: 0.22;
  font-size: 20px;
  font-family: "Abril Fatface", "Times New Roman", serif;
  letter-spacing: 2px;
  transition: opacity 0.4s;
}
.breadcrumb .btn-news-wrap {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 5px;
  margin-top: 10px;
}
.preloader .preloader-content,
.preloader .preloader-wrap:before {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumb .btn-news {
  display: inline-block;
  font-size: 12px;
  line-height: 1em;
  color: #222;
  padding: 8px 10px;
  background: #e1a957;
  font-family: Play, sans-serif;
  border-radius: 30px;
  font-weight: 400;
}
@media only screen and (min-width: 480px) {
  .breadcrumb .breadcrumb-item.symbol,
  .breadcrumb .breadcrumb-link {
    font-size: 24px;
  }
}
@media only screen and (min-width: 720px) {
  .breadcrumb .breadcrumb-item.last .breadcrumb-link,
  .breadcrumb .breadcrumb-item:last-child .breadcrumb-link,
  .breadcrumb .large-text .breadcrumb-link {
    opacity: 1;
    font-size: 42px;
    letter-spacing: 3px;
    pointer-events: none;
  }
  .breadcrumb {
    padding-left: 30px;
    padding-right: 30px;
  }
  .breadcrumb .breadcrumb-link {
    color: #e1a957;
    opacity: 0.22;
    font-size: 24px;
    font-family: "Abril Fatface", "Times New Roman", serif;
    letter-spacing: 2px;
    display: inline-block;
  }
  .breadcrumb .btn-news-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    margin-top: -22px;
  }
  .breadcrumb .btn-news {
    font-size: 14px;
    padding: 10px 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .breadcrumb {
    padding: 1.04vw 3.65vw 2.08vw;
  }
  .breadcrumb .breadcrumb-item.last .breadcrumb-link,
  .breadcrumb .breadcrumb-item:last-child .breadcrumb-link,
  .breadcrumb .large-text .breadcrumb-link {
    font-size: 2.76vw;
    letter-spacing: 7px;
  }
  .breadcrumb .breadcrumb-link:hover {
    opacity: 1;
  }
  .breadcrumb .btn-news {
    transition: color 0.4s;
  }
  .breadcrumb .btn-news:hover {
    color: #fff;
  }
  .breadcrumb .btn-news-wrap {
    margin-left: 1.56vw;
  }
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 21;
  background: #222;
}
.preloader .preloader-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 0;
}
.preloader .preloader-wrap:before {
  content: "";
  height: 100%;
}
.preloader .progress {
  display: block;
  font-size: 14px;
  color: #e1a957;
  min-height: 16px;
}
.cookies-bar {
  position: fixed;
  bottom: -100px;
  width: 100%;
  z-index: 20;
  transition: bottom 0.5s;
}
.cookies-bar.show,
header .menu,
header .menu.active {
  bottom: 0;
}
.cookies-bar .cookies-bar-wrap {
  display: inline-block;
  background: #424242;
  text-align: left;
  vertical-align: bottom;
  font-size: 0;
  padding: 7px 35px 7px 10px;
}
.cookies-bar .main-wrap {
  text-align: right;
  font-size: 0;
}
.cookies-bar .cookies-btn,
.cookies-bar .cookies-text {
  font-size: 12px;
  display: inline-block;
  color: #e1a957;
  vertical-align: middle;
}
.cookies-bar .cookies-image-wrap {
  display: inline-block;
  vertical-align: middle;
}
.cookies-bar .cookies-text {
  margin-left: 10px;
}
.cookies-bar .cookies-btns-container {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
}
.cookies-bar .cookies-btn {
  text-decoration: underline;
}
.cookies-bar .agree {
  margin-left: 10px;
}
.cookies-bar .cookies-close-btn {
  position: absolute;
  top: -11px;
  right: -12px;
  width: 28px;
  height: 28px;
  background: #000;
  border-radius: 30px;
  border: 2px solid #e1a957;
  text-align: center;
  font-size: 0;
  cursor: pointer;
}
.cookies-bar .cookies-close-btn:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.cookies-bar .close-text {
  font-size: 14px;
  color: #e1a957;
  display: inline-block;
  vertical-align: middle;
}
.cookies-bar .cookies-item {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 639px) {
  .cookies-bar .cookies-item {
    width: 90%;
  }
  .cookies-bar .cookies-image-wrap {
    width: 10%;
  }
  .cookies-bar .cookies-btns-container,
  .cookies-bar .cookies-text {
    margin-left: 0;
  }
  .cookies-bar .cookies-bar-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.btn-line-wrap {
  margin-top: 30px;
}
@media only screen and (min-width: 1025px) {
  .cookies-bar .cookies-btn {
    transition: opacity 0.5s;
  }
  .cookies-bar .cookies-btn:hover {
    opacity: 0.7;
  }
  .btn-line-wrap {
    margin-top: 1.56vw;
  }
}
.btn-line {
  display: inline-block;
  font-size: 12px;
  color: #e1a957;
  vertical-align: middle;
  padding: 10px 20px;
  border-radius: 40px;
  background: #000;
}
.btn-line .line-wrap {
  display: none;
}
.btn-line .btn-line-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #e1a957;
  transition: color 0.4s;
}
.btn-line .split-block {
  visibility: visible;
}
header .grape-dot.d-none,
header .grape-dot.hidden {
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 720px) {
  .btn-line {
    display: block;
    padding: 10px 0;
    border-radius: 0;
    background: 0 0;
  }
  .btn-line .split-block {
    visibility: hidden;
  }
  .btn-line .line-wrap {
    height: 1px;
    width: 33%;
    max-width: 70px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: 0 0;
    margin-right: 15px;
  }
  .btn-line .line:after,
  .btn-line .line:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    background: #e1a957;
    transition: width 10ms;
  }
  .btn-line .line {
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .btn-line .line:before {
    left: 0;
    width: 0;
  }
  .btn-line .line:after {
    right: 0;
    width: 100%;
  }
}
.back-btn,
.link-btn {
  display: inline-block;
}
@media only screen and (min-width: 1025px) {
  .btn-line {
    transition: opacity 0.3s;
  }
  .btn-line:hover .line:after {
    width: 0;
    transition: width 0.4s ease-out;
  }
  .btn-line:hover .line:before {
    width: 100%;
    transition: width 0.4s ease-out;
    transition-delay: 0.2s;
  }
}
.link-btn {
  font-size: 12px;
  line-height: 1.2em;
  letter-spacing: 1px;
  padding: 12px 20px;
  border-radius: 40px;
  color: #cdcdcd;
  background: #000;
  transition: color 0.2s, background 0.3s;
}
.back-btn,
header.bg-lang .menu-item.about .item-title,
header.bg-lang .menu-item.history .item-title,
header.bg-lang .menu-item.home .item-title {
  letter-spacing: 2px;
}
.link-btn.footer-menu-link {
  background: 0 0;
}
.link-btn.color-text {
  color: #e1a957;
}
.link-btn.contacts {
  padding-left: 35px;
  padding-right: 35px;
}
@media only screen and (min-width: 1025px) {
  .link-btn:hover {
    color: #000;
    background: #e1a957;
  }
  .link-btn:hover.footer-menu-link {
    color: #000;
  }
  .link-btn:hover.white-bg {
    background: rgba(255, 255, 255, 0.85);
  }
}
@media only screen and (min-width: 1367px) {
  .link-btn {
    padding: 15px 25px;
  }
}
.back-btn {
  font-size: 18px;
  font-family: "Abril Fatface", "Times New Roman", serif;
  color: #e1a957;
  text-decoration: underline;
  transition: color 0.3s;
}
header.bg-lang .menu-item.about .item-title,
header.bg-lang .menu-item.history .item-title,
header.bg-lang .menu-item.home .item-title,
header.bg-lang .menu-item.news .news-title,
header.bg-lang .menu-item.recipes .recipes-title,
header.bg-lang .menu-item.wine .item-title,
header.bg-lang .menu-middle-col .item-title,
header.bg-lang .menu-middle-col .products-title,
header.bg-lang .outer-label strong {
  font-family: "Times New Roman", serif;
  font-weight: 600;
}
.back-btn span {
  margin-right: 5px;
}
@font-face {
  font-family: "Abril Fatface";
  font-style: normal;
  font-weight: 400;
  src: url(fonts/abril-fatface-v9-latin-ext_latin-regular.eot);
  src: local("Abril Fatface"), local("AbrilFatface-Regular"),
    url(fonts/abril-fatface-v9-latin-ext_latin-regular-1.eot)
      format("embedded-opentype"),
    url(fonts/abril-fatface-v9-latin-ext_latin-regular.woff2) format("woff2"),
    url(fonts/abril-fatface-v9-latin-ext_latin-regular.woff) format("woff"),
    url(fonts/abril-fatface-v9-latin-ext_latin-regular.ttf) format("truetype"),
    url(fonts/abril-fatface-v9-latin-ext_latin-regular.svg) format("svg");
}
@font-face {
  font-family: Play;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-regular.eot);
  src: local("Play Regular"), local("Play-Regular"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-regular-1.eot)
      format("embedded-opentype"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-regular.woff2)
      format("woff2"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-regular.woff)
      format("woff"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-regular.ttf)
      format("truetype"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-regular.svg)
      format("svg");
}
@font-face {
  font-family: Play;
  font-style: normal;
  font-weight: 700;
  src: url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-700.eot);
  src: local("Play Bold"), local("Play-Bold"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-700-1.eot)
      format("embedded-opentype"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-700.woff2)
      format("woff2"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-700.woff)
      format("woff"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-700.ttf)
      format("truetype"),
    url(fonts/play-v9-latin_cyrillic_latin-ext_cyrillic-ext-700.svg)
      format("svg");
}
header {
  z-index: 20;
}
header.bg-lang .menu-item.about .item-title {
  font-size: 32px;
}
header.bg-lang .menu-item.about .item-title .small-text {
  display: inline-block;
  tfont-family: "Times New Roman", serif;
  letter-spacing: 2px;
  font-weight: 600;
  font-size: 32px;
}
@media only screen and (min-width: 480px) {
  header.bg-lang .menu-item.about .item-title,
  header.bg-lang .menu-item.about .item-title .small-text {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1025px) {
  .back-btn {
    color: #896f4b;
  }
  .back-btn:hover {
    color: #e1a957;
  }
  header.bg-lang .menu-item.about .item-title,
  header.bg-lang .menu-item.about .item-title .small-text {
    font-size: 2.08vw;
  }
}
header.bg-lang .menu-item.region .item-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 3px;
}
header.bg-lang .menu-item.region .item-title .small-text {
  font-size: 22px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #fff;
}
@media only screen and (min-width: 1025px) {
  header.bg-lang .menu-item.region {
    letter-spacing: 0.26vw;
  }
  header.bg-lang .menu-item.wine {
    padding-bottom: 64%;
  }
  header.bg-lang .menu-item.wine .item-title {
    font-size: 2.86vw;
  }
  header.bg-lang .menu-item.wine .item-title .small-text {
    font-size: 1.3vw;
  }
}
header.bg-lang .menu-item.wine .item-title {
  letter-spacing: 3px;
}
header.bg-lang .menu-item.wine .item-title .small-text {
  letter-spacing: 1px;
}
@media only screen and (min-width: 1367px) {
  header.bg-lang .menu-item.wine {
    padding-bottom: 0;
  }
}
header.bg-lang .menu-item.recipes .recipes-title {
  letter-spacing: 2px;
}
header.bg-lang .menu-item.recipes .recipes-title .small-text {
  letter-spacing: 1px;
}
header.bg-lang .menu-item.news .news-title {
  letter-spacing: 2px;
  font-size: 20px;
}
@media only screen and (min-width: 480px) {
  header.bg-lang .menu-item.news .news-title {
    font-size: 25px;
  }
}
header.bg-lang .menu-middle-col .item-title {
  letter-spacing: 0;
}
header.bg-lang .menu-middle-col .item-title span {
  letter-spacing: 0;
  font-weight: 600;
}
header.bg-lang .menu-middle-col .products-title {
  letter-spacing: 0;
}
header .awwwards-label {
  display: none;
}
@media only screen and (min-width: 720px) {
  header .awwwards-label {
    display: block;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
  }
  header .awwwards-label .awwwards-label-image {
    max-width: 100%;
    display: inline-block;
  }
  header .awwwards-label .awwwards-label-link {
    width: 60px;
    display: inline-block;
  }
}
@media only screen and (min-width: 1441px) {
  header .awwwards-label .awwwards-label-link {
    width: 78px;
  }
}
header .w3-label {
  display: none;
}
@media only screen and (min-width: 720px) {
  header .w3-label {
    display: block;
    font-size: 0;
    position: absolute;
    top: 100px;
    left: 5px;
    z-index: 5;
  }
  header .w3-label .w3-label-image {
    max-width: 100%;
    display: inline-block;
  }
  header .w3-label .w3-label-link {
    width: 40px;
    display: inline-block;
  }
}
@media only screen and (min-width: 1441px) {
  header .w3-label {
    top: 100%;
    left: 10px;
    margin-top: 20px;
  }
  header .w3-label .w3-label-link {
    width: 62px;
  }
}
header .header-container {
  font-size: 0;
  padding-top: 30px;
  padding-bottom: 20px;
}
header .header-logo-image {
  max-width: 100%;
  width: 150px;
  display: inline-block;
}
header .header-logo-wrap {
  width: 140px;
  display: inline-block;
  vertical-align: middle;
  position: static;
  padding-left: 20px;
}
header .header-logo-link {
  display: inline-block;
}
header .header-menu-container {
  position: absolute;
  top: -4px;
  right: 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  z-index: 10;
  transition: right 0.8s;
}
header .grape-wrap {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 18px;
  height: 18px;
}
header .grape-line {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
header .grape-dot {
  display: inline-block;
  background: #e1a957;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  margin-right: 1px;
  margin-bottom: 1px;
  transition: visibility 0.4s, opacity 0.4s;
  -ms-transform: scale(1);
  transform: scale(1);
}
header .grape-dot.d-none {
  display: none;
}
header .header-menu-wrap {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 5px;
  height: 30px;
  transition: opacity 0.5s, visibility 0.5s;
  transition-delay: 0.5s;
  will-change: transform, opacity, visibility;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 1025px) {
  header .header-menu-wrap:hover .grape-dot {
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  header .header-menu-wrap:hover .grape-dot.d-none,
  header .header-menu-wrap:hover .grape-dot.hidden {
    visibility: visible;
    opacity: 1;
    display: inline-block;
  }
  header .header-menu-wrap:hover .grape-dot.dot1,
  header .header-menu-wrap:hover .grape-dot.dot3 {
    visibility: hidden;
    opacity: 0;
  }
}
header .close-dot.hidden,
header .header-menu-wrap.hover .grape-dot.dot1,
header .header-menu-wrap.hover .grape-dot.dot3 {
  opacity: 0;
  visibility: hidden;
}
header .lang-btn-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
header .lang-btn {
  display: inline-block;
  font-size: 13px;
  font-family: Play, sans-serif;
  color: #fff;
  line-height: 1em;
  padding: 8px 7px;
  border-radius: 20px;
  background: #575757;
  transition: color 0.4s, background 0.4s;
}
@media only screen and (min-width: 1025px) {
  header .lang-btn:hover {
    color: #000;
    background: #e1a957;
  }
}
header .header-close-wrap .item-overlay,
header .menu {
  background: #282828;
}
header .header-menu-text-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
header .header-menu-text {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}
header .outer-label-wrap {
  display: none;
}
@media only screen and (min-width: 1781px) {
  header .outer-label-wrap {
    display: block;
    padding-left: 7px;
    min-width: 160px;
    position: absolute;
    top: 2px;
    left: calc(100% + 30px);
  }
}
header .outer-label {
  display: inline-block;
  font-size: 10px;
  color: #e1a957;
  letter-spacing: 2px;
}
header .outer-label strong {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-family: "Abril Fatface", "Times New Roman", serif;
  color: #554835;
  padding: 0 5px;
}
header .menu {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 50;
  overflow: hidden;
  transition: bottom 0.4s;
  display: none;
}
header .menu-container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: auto;
}
header .menu-wrap {
  width: 100%;
  max-width: 1370px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
header .header-close-wrap {
  position: absolute;
  top: 20px;
  right: 10px;
  cursor: pointer;
  font-size: 0;
  padding: 5px;
  z-index: 1;
}
header .header-close-wrap.clicked {
  pointer-events: none;
}
@media only screen and (min-width: 720px) {
  header .header-close-wrap {
    top: 40px;
    right: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  header .header-close-wrap:hover .close-dot {
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  header .header-close-wrap:hover .first-line,
  header .header-close-wrap:hover .last-line {
    top: 6px;
  }
}
header .close-btn-wrap {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
header .close-btn-wrap .dots-wrap {
  width: 18px;
  height: 18px;
}
header .close-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: top 0.4s;
}
header .middle-line {
  top: 6px;
}
header .last-line {
  top: 12px;
}
header .close-dot {
  display: inline-block;
  background: #e1a957;
  width: 5px;
  height: 5px;
  border-radius: 10px;
  margin-right: 1px;
  margin-bottom: 1px;
  transition: visibility 0.4s, opacity 0.4s;
}
header .menu-grid,
header .menu-left-col {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
}
header .header-close-text {
  color: #fff;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
}
header .menu-grid {
  font-size: 0;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
header .menu-left-col {
  width: 50%;
  vertical-align: top;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-order: 2;
  order: 2;
}
header .menu-left-col .section-wrap {
  -ms-flex: 2.2;
  flex: 2.2;
}
header .menu-left-col .inner-left-col {
  width: 100%;
  height: 100%;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
header .menu-right-col {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  -ms-flex-order: 3;
  order: 3;
}
header .menu-item-link {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
header .item-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #222;
  z-index: 2;
}
header .menu-item.home {
  -ms-flex: 2.3;
  flex: 2.3;
  overflow: hidden;
}
header .menu-item.home .logo-wrap {
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  text-align: center;
  padding: 0 30px;
}
header .menu-item.home .logo-image {
  display: inline-block;
  width: 100%;
  max-width: 176px;
}
header .menu-item.home .title-wrap {
  width: 100%;
  position: absolute;
  bottom: 55px;
  left: 0;
  text-align: center;
}
header .menu-item.home .item-title {
  font-size: 24px;
  line-height: 1em;
  color: #e1a957;
  text-transform: uppercase;
  letter-spacing: 7px;
}
header .menu-item.home .dot {
  width: 5px;
  height: 5px;
  background: #e1a957;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
header .menu-item.home .dot:last-child {
  margin-left: 3px;
}
header .menu-item.home .text {
  display: inline-block;
  vertical-align: middle;
}
header .menu-item.home .bg-image {
  transition: transform 2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 480px) {
  header .menu-item.home .logo-wrap {
    top: 70px;
  }
  header .menu-item.home .title-wrap {
    bottom: 80px;
  }
  header .menu-item.home .item-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1025px) {
  header .menu-item.home:hover .bg-image {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  header .menu-item.home .item-title {
    font-size: 1.25vw;
  }
  header .menu-item.home .logo-image {
    width: 9.17vw;
  }
  header .menu-item.home .logo-wrap {
    top: 4.17vw;
  }
  header .menu-item.home .title-wrap {
    bottom: 5.99vw;
  }
}
header .menu-item.about {
  -ms-flex: 2;
  flex: 2;
  overflow: hidden;
}
header .menu-item.about .title-wrap {
  width: 100%;
  height: 100%;
  text-align: center;
}
header .menu-item.about .title-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
header .menu-item.about .item-title {
  font-size: 36px;
  line-height: 1em;
  color: #e1a957;
  letter-spacing: 1px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
header .menu-item.about .item-title .small-text {
  display: block;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 0;
  font-weight: 400;
}
header .menu-item.about .bg-image {
  transition: transform 2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 480px) {
  header .menu-item.about .item-title {
    font-size: 45px;
  }
  header .menu-item.about .item-title .small-text {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  header .menu-item.about:hover .bg-image {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  header .menu-item.about .title-wrap {
    width: auto;
  }
  header .menu-item.about .item-title {
    font-size: 3.13vw;
  }
  header .menu-item.about .item-title .small-text {
    font-size: 1.3vw;
    letter-spacing: 1px;
  }
}
header .menu-item.history {
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
header .menu-item.history .title-wrap {
  height: 100%;
  text-align: center;
  font-size: 0;
}
header .menu-item.history .title-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
header .menu-item.history .item-title {
  font-size: 26px;
  letter-spacing: 6px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
}
header .menu-item.history .bg-image {
  transition: transform 2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 480px) {
  header .menu-item.history .item-title {
    font-size: 36px;
    letter-spacing: 8px;
  }
}
@media only screen and (min-width: 1025px) {
  header .menu-item.history:hover .bg-image {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  header .menu-item.history .item-title {
    font-size: 1.72vw;
    letter-spacing: 0.26vw;
  }
}
header .menu-item.region {
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
header .menu-item.region .title-wrap {
  width: 100%;
  height: 100%;
  text-align: center;
}
header .menu-item.region .title-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
header .menu-item.region .item-title {
  font-size: 28px;
  line-height: 1em;
  letter-spacing: 7px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
header .menu-item.region .item-title .small-text {
  display: block;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 2px;
  font-weight: 400;
  margin-bottom: 2px;
}
header .menu-item.region .bg-image {
  transition: transform 2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 480px) {
  header .menu-item.region .item-title {
    font-size: 36px;
    margin-right: 25px;
  }
  header .menu-item.region .item-title .small-text {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1025px) {
  header .menu-item.region:hover .bg-image {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  header .menu-item.region .item-title {
    font-size: 2.19vw;
    margin-right: 3.65vw;
  }
  header .menu-item.region .item-title .small-text {
    font-size: 1.25vw;
  }
}
header .menu-item.products {
  height: 100%;
  background: #fff;
}
header .menu-item.wine {
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 81.5%;
  background: #161616;
  overflow: hidden;
}
header .menu-item.wine .title-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
header .menu-item.wine .title-wrap:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
header .menu-item.wine .item-title {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 32px;
  line-height: 1em;
  margin-bottom: 10px;
  letter-spacing: 4px;
}
header .menu-item.wine .item-title .small-text {
  display: block;
  font-size: 16px;
  line-height: 1em;
  color: #fff;
  letter-spacing: 2px;
}
header .menu-item.wine .bg-image {
  transition: transform 2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 480px) {
  header .menu-item.wine .item-title {
    font-size: 42px;
  }
  header .menu-item.wine .item-title .small-text {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  header .menu-item.wine {
    padding-bottom: 65.5%;
  }
  header .menu-item.wine:hover .bg-image {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  header .menu-item.wine .item-title {
    font-size: 3.13vw;
  }
  header .menu-item.wine .item-title .small-text {
    font-size: 1.41vw;
  }
}
@media only screen and (min-width: 1367px) {
  header .menu-item.wine {
    -ms-flex: 3;
    flex: 3;
    padding-bottom: 0;
  }
  header .menu-item.wine .item-title .small-text {
    margin-top: -0.31vw;
  }
}
header .menu-item.recipes {
  text-align: center;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
header .menu-item.recipes .recipes-content {
  padding: 30px 10px;
}
header .menu-item.recipes .recipes-title {
  font-size: 26px;
  line-height: 1em;
  color: #e1a957;
  letter-spacing: 2px;
}
header .menu-item.recipes .recipes-title .small-text {
  display: block;
  font-size: 16px;
  line-height: 1em;
  color: #fff;
  letter-spacing: 1px;
}
header .menu-item.recipes .btn-wrap {
  margin-top: 30px;
}
header .menu-item.recipes .bg-image {
  transition: transform 2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 480px) {
  header .menu-item.recipes .recipes-title {
    font-size: 36px;
  }
  header .menu-item.recipes .recipes-title .small-text {
    font-size: 22px;
  }
  header .menu-item.recipes .recipes-content {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 1025px) {
  header .menu-item.recipes:hover .bg-image {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  header .menu-item.recipes .recipes-title {
    font-size: 2.08vw;
  }
  header .menu-item.recipes .recipes-title .small-text {
    font-size: 1.3vw;
  }
  header .menu-item.recipes .btn-wrap {
    margin-top: 2.08vw;
    z-index: 1;
  }
  header .menu-item.recipes .recipes-content {
    padding-top: 4.17vw;
    padding-bottom: 4.17vw;
  }
  header .menu-item.contacts .menu-contacts-link:hover {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 1367px) {
  header .menu-item.recipes {
    -ms-flex: 3;
    flex: 3;
  }
  header .menu-item.recipes:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  header .menu-item.recipes .recipes-content {
    padding-top: 0;
    padding-bottom: 0;
    display: inline-block;
    vertical-align: middle;
  }
  header .menu-item.recipes .recipes-title .small-text {
    margin-bottom: -2px;
  }
}
header .menu-item.contacts {
  -ms-flex: 1;
  flex: 1;
  background: #161616;
  padding: 30px 15px;
  text-align: center;
}
header .menu-item.contacts .btn-wrap {
  margin-top: 10px;
}
header .menu-item.contacts .menu-contacts-link {
  font-size: 0;
  color: #e1a957;
  display: inline-block;
  vertical-align: middle;
  transition: opacity 0.4s;
}
header .menu-item.contacts .small-text {
  display: inline-block;
  font-size: 11px;
  line-height: 1.1em;
}
header .menu-item.contacts .link-image-wrap {
  display: inline-block;
  width: 100%;
}
header .menu-item.contacts .link-text-wrap {
  display: none;
}
header .menu-item.contacts .link-btn {
  padding: 12px 10px;
  background: 0 0;
  text-transform: uppercase;
}
header .menu-item.contacts .social-wrap {
  text-align: center;
  padding: 0 15px;
  margin-top: 15px;
}
header .menu-item.contacts .social-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px;
  padding: 6px;
  border-radius: 20px;
  background: #444;
  transition: background 0.4s;
}
@media only screen and (min-width: 1025px) {
  header .menu-item.contacts .social-item:hover {
    background: #545454;
  }
}
@media only screen and (min-width: 480px) {
  header .menu-item.contacts {
    padding: 55px 15px 45px;
  }
  header .menu-item.contacts .link-btn {
    padding: 12px 20px;
    background: #000;
    text-transform: none;
  }
  header .menu-item.contacts .link-image-wrap {
    vertical-align: middle;
    width: 15%;
    text-align: center;
  }
  header .menu-item.contacts .link-text-wrap {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 85%;
    box-sizing: border-box;
    padding-left: 8px;
  }
  header .menu-item.contacts .btn-wrap {
    margin-top: 25px;
  }
  header .menu-item.contacts .menu-item-link {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  header .menu-item.contacts .btn-wrap,
  header .menu-item.contacts .social-wrap {
    margin-top: 0.78vw;
  }
  header .menu-item.contacts {
    padding: 2.86vw 0.78vw 2.34vw;
  }
  header .menu-item.contacts .link-btn:hover {
    background: #e1a957;
  }
}
@media only screen and (min-width: 1367px) {
  header .menu-item.contacts {
    padding-top: 0;
    padding-bottom: 0;
    -ms-flex: 2;
    flex: 2;
  }
  header .menu-item.contacts:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  header .menu-item.contacts .contacts-wrap {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
}
header .menu-item.news {
  -ms-flex: 1;
  flex: 1;
  background: #323131;
  font-size: 0;
}
header .menu-item.news .news-wrap {
  width: 100%;
  font-size: 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
header .menu-item.news .news-title {
  font-size: 28px;
  color: #fff;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
  padding: 30px 20px;
  letter-spacing: 2px;
  transition: color 0.5s;
}
@media only screen and (min-width: 1025px) {
  header .menu-item.news:hover .news-title {
    color: #e1a957;
  }
  header .menu-item.news .news-title {
    font-size: 1.56vw;
  }
}
@media only screen and (min-width: 1367px) {
  header .menu-item.news:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  header .menu-item.news .news-title {
    padding-top: 0;
    padding-bottom: 0;
  }
}
header .menu-middle-col {
  width: 100%;
  vertical-align: top;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-order: 1;
  order: 1;
}
header .menu-middle-col .row-item-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
header .menu-middle-col .item-title {
  font-size: 22px;
  line-height: 1em;
  letter-spacing: 2px;
  padding: 20px 140px 20px 20px;
}
header .menu-middle-col .item-title .line-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 1px;
  background: 0 0;
  margin: 0 5px;
  position: relative;
}
header .menu-middle-col .item-title .line:after,
header .menu-middle-col .item-title .line:before {
  height: 1px;
  background: #e1a957;
  transition: width 10ms;
  top: 0;
  content: "";
}
header .menu-middle-col .item-title .line {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
header .menu-middle-col .item-title .line:before {
  position: absolute;
  left: 0;
  width: 0;
}
header .menu-middle-col .item-title .line:after {
  position: absolute;
  right: 0;
  width: 100%;
}
header .menu-middle-col .row.first .row-item-left,
header .menu-middle-col .row.first .row-item-right,
header .menu-middle-col .row.second .row-item {
  background: #fff;
}
header .menu-middle-col .row {
  font-size: 0;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 230px;
}
header .menu-middle-col .row .bottle-image,
header .menu-middle-col .row .label-image {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
header .menu-middle-col .row .row-item-left {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
}
header .menu-middle-col .row .row-item-right {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 10px;
}
header .menu-middle-col .row.first .row-item-left .row-item-content {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
header .menu-middle-col .row.first .row-item-left .menu-item-link {
  border-bottom: 1px solid #c8c8c8;
}
header .menu-middle-col .row.first .row-item-right .menu-item-link {
  border-bottom: 1px solid #d6d6d6;
}
header .menu-middle-col .row.first .row-item-right .row-item-content {
  border-bottom: 1px solid #e0e0e0;
}
header .menu-middle-col .row.second .row-item-left .row-item-content {
  border-right: 1px solid #e0e0e0;
}
header .menu-middle-col .row.third .label-image {
  width: 100%;
}
header .menu-middle-col .row.third .row-item-left {
  background: #ccc;
}
header .menu-middle-col .row.third .row-item-right {
  background: #a3a3a3;
}
header .menu-middle-col .row-item {
  width: 50%;
  height: 100%;
  text-align: center;
}
header .menu-middle-col .row-item.full-width {
  width: 100%;
}
header .menu-middle-col .name-label {
  width: 100px;
  display: block;
  margin: 0 auto;
  padding: 20px 0;
}
header .menu-middle-col .bottle-wrap {
  display: block;
  margin: 0 auto;
  width: 150px;
}
header .menu-middle-col .products {
  -ms-flex: 0.9;
  flex: 0.9;
  padding-bottom: 200px;
  overflow: hidden;
}
header .menu-middle-col .products .bg-image {
  transition: transform 2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
header .menu-middle-col .products-content {
  position: absolute;
  top: 30px;
  left: 30px;
}
header .menu-middle-col .products-title {
  font-size: 38px;
  line-height: 1em;
  letter-spacing: 3px;
  color: #e1a957;
}
header .menu-middle-col .products-title .small-text {
  display: block;
  font-family: Play, sans-serif;
  font-size: 18px;
  line-height: 1em;
  font-weight: 700;
  color: #191919;
}
header .menu-middle-col .products-btn-wrap {
  margin-top: 20px;
  z-index: 1;
}
header .menu-middle-col .row-item.tcherga .bottle-wrap {
  width: 110px;
}
header .menu-middle-col .row-item.tcherga .name-label {
  width: 112px;
}
header .menu-middle-col .row-item.inovino .bottle-wrap {
  width: 110px;
}
header .menu-middle-col .row-item.inovino .name-label {
  width: 110px;
  margin-top: -10px;
}
header .menu-middle-col .row-item.menada .bottle-wrap {
  width: 120px;
}
header .menu-middle-col .row-item.menada .name-label {
  width: 125px;
}
header .menu-middle-col .row-item.artist .bottle-wrap {
  width: 126px;
}
header .menu-middle-col .row-item.artist .name-label {
  width: 110px;
  margin-top: -5px;
  padding-bottom: 40px;
}
header .menu-middle-col .row-item.zarska .bottle-wrap {
  width: 115px;
}
header .menu-middle-col .row-item.zarska .name-label {
  width: 110px;
  margin-top: -5px;
}
header .menu-middle-col .row-item.dqdova .bottle-wrap {
  width: 78px;
}
header .menu-middle-col .row-item.dqdova .name-label {
  width: 125px;
}
header .menu-middle-col .row-item.muscat .bottle-wrap {
  width: 60px;
}
header .menu-middle-col .row-item.muscat .name-label {
  width: 120px;
  padding-bottom: 10px;
}
header .menu-middle-col .row-item.muscat .name-label .second-label-image {
  width: 110%;
  margin-top: 15px;
}
@media only screen and (min-width: 480px) {
  header .menu-middle-col .name-label {
    padding: 30px 0 20px;
  }
  header .menu-middle-col .row-item.tcherga .bottle-wrap {
    width: 90px;
  }
  header .menu-middle-col .row-item.tcherga .name-label {
    width: 140px;
  }
  header .menu-middle-col .row-item.inovino .bottle-wrap {
    width: 88px;
  }
  header .menu-middle-col .row-item.inovino .name-label {
    width: 120px;
    margin-top: -10px;
  }
  header .menu-middle-col .row-item.menada .bottle-wrap {
    width: 110px;
  }
  header .menu-middle-col .row-item.menada .name-label {
    width: 150px;
  }
  header .menu-middle-col .row-item.artist .bottle-wrap {
    width: 128px;
    margin-top: 20px;
  }
  header .menu-middle-col .row-item.artist .name-label {
    width: 140px;
    padding-bottom: 0;
  }
  header .menu-middle-col .row-item.zarska .bottle-wrap {
    width: 115px;
  }
  header .menu-middle-col .row-item.zarska .name-label {
    width: 120px;
    margin-top: -5px;
  }
  header .menu-middle-col .row-item.dqdova .name-label,
  header .menu-middle-col .row-item.muscat .name-label {
    width: 125px;
  }
}
@media only screen and (min-width: 550px) {
  header .menu-middle-col .bottle-wrap {
    vertical-align: middle;
  }
  header .menu-middle-col .row {
    padding-bottom: 230px;
  }
}
@media only screen and (min-width: 640px) {
  header .menu-middle-col .middle-col-title-link {
    display: inline-block;
    position: relative;
    padding: 4px 0;
  }
  header .menu-middle-col .middle-col-title-link .item-overlay {
    background: #282828;
  }
}
@media only screen and (min-width: 720px) {
  header .menu-middle-col .item-title {
    font-size: 32px;
    padding: 30px 150px 30px 30px;
  }
  header .menu-middle-col .name-label {
    width: 150px;
    position: absolute;
    top: 30px;
    left: 30px;
    padding: 0;
  }
  header .menu-middle-col .row-item.menada .name-label,
  header .menu-middle-col .row-item.tcherga .name-label {
    top: 50px;
  }
  header .menu-middle-col .bottle-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
  }
  header .menu-middle-col .row-item.inovino .bottle-wrap,
  header .menu-middle-col .row-item.tcherga .bottle-wrap {
    width: 130px;
    right: 20px;
  }
  header .menu-middle-col .row-item.menada .bottle-wrap {
    width: 120px;
    right: 20px;
  }
  header .menu-middle-col .row-item.artist .name-label,
  header .menu-middle-col .row-item.zarska .name-label {
    top: 40px;
  }
  header .menu-middle-col .row-item.artist .bottle-wrap {
    width: 140px;
    right: 20px;
    margin-top: 0;
  }
  header .menu-middle-col .row-item.zarska .bottle-wrap {
    width: 130px;
    right: 20px;
  }
  header .menu-middle-col .row-item.dqdova .name-label,
  header .menu-middle-col .row-item.muscat .name-label {
    top: 50px;
  }
  header .menu-middle-col .row-item.dqdova .bottle-wrap {
    width: 90px;
    right: 20px;
  }
  header .menu-middle-col .row-item.muscat .bottle-wrap {
    width: 90px;
    right: 20px;
    bottom: -15px;
  }
}
@media only screen and (min-width: 1025px) {
  header .menu-middle-col .title-wrap {
    position: absolute;
    right: 107%;
    width: 100%;
    text-align: right;
    top: 3.65vw;
  }
  header .menu-middle-col .middle-col-title-link {
    padding: 0;
  }
  header .menu-middle-col .middle-col-title-link .item-overlay {
    display: none;
  }
  header .menu-middle-col .item-title {
    font-size: 1.25vw;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0 0;
    padding: 0;
  }
  header .menu-middle-col .item-title .line-wrap {
    width: 11.46vw;
  }
  header .menu-middle-col .item-title:hover .line:after {
    width: 0;
    transition: width 0.9s ease-out;
  }
  header .menu-middle-col .item-title:hover .line:before {
    width: 100%;
    transition: width 0.9s ease-out;
    transition-delay: 0.2s;
  }
  header .menu-middle-col .name-label {
    left: 35px;
    top: 3.91vw;
  }
  header .menu-middle-col .products-title {
    font-size: 1.98vw;
  }
  header .menu-middle-col .products-title .small-text {
    font-size: 0.94vw;
  }
  header .menu-middle-col .products,
  header .menu-middle-col .row {
    padding-bottom: 0;
  }
  header .menu-middle-col .products:hover .bg-image {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  header .menu-middle-col .row-item {
    width: 50%;
    height: 100%;
    text-align: center;
  }
  header .menu-middle-col .row-item.full-width {
    width: 100%;
  }
  header .menu-middle-col .row-item.inovino .name-label {
    width: 7.55vw;
    max-width: 145px;
    top: 3.13vw;
  }
  header .menu-middle-col .row-item.inovino .bottle-wrap {
    width: 9.48vw;
    max-width: 182px;
    right: -14px;
  }
  header .menu-middle-col .row-item.tcherga .name-label {
    width: 7.81vw;
    max-width: 150px;
    top: 3.65vw;
  }
  header .menu-middle-col .row-item.tcherga .bottle-wrap {
    width: 8.33vw;
    max-width: 160px;
    right: 3px;
  }
  header .menu-middle-col .row-item.menada .name-label {
    width: 7.81vw;
    max-width: 150px;
    top: 4.17vw;
  }
  header .menu-middle-col .row-item.menada .bottle-wrap {
    width: 9.69vw;
    max-width: 186px;
    right: -5px;
  }
  header .menu-middle-col .row-item.artist .name-label {
    width: 7.4vw;
    max-width: 142px;
    top: 3.65vw;
  }
  header .menu-middle-col .row-item.artist .bottle-wrap {
    width: 9.53vw;
    max-width: 183px;
    right: -12px;
  }
  header .menu-middle-col .row-item.zarska .name-label {
    width: 6.82vw;
    max-width: 131px;
    top: 3.65vw;
  }
  header .menu-middle-col .row-item.zarska .bottle-wrap {
    width: 7.81vw;
    max-width: 150px;
    right: 15px;
  }
  header .menu-middle-col .row-item.dqdova .name-label {
    width: 7.19vw;
    max-width: 138px;
    top: 4.06vw;
  }
  header .menu-middle-col .row-item.dqdova .bottle-wrap {
    width: 5.89vw;
    max-width: 113px;
    right: 30px;
  }
  header .menu-middle-col .row-item.muscat .name-label {
    width: 6.25vw;
    max-width: 120px;
    top: 4.06vw;
  }
  header .menu-middle-col .row-item.muscat .bottle-wrap {
    width: 6.35vw;
    max-width: 122px;
    right: 0.78vw;
    bottom: -1.41vw;
  }
  header .menu-middle-col .products-content {
    top: 2.6vw;
    left: 2.6vw;
  }
}
@media only screen and (min-width: 1661px) {
  header .menu-middle-col .item-title {
    top: 30.73vw;
    left: -2.45vw;
  }
}
header .bottom-image {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  header .header-logo-wrap {
    margin-left: 0;
    top: 5px;
    right: 15px;
  }
}
@media only screen and (min-width: 720px) {
  header .header-menu-container {
    top: 0;
    right: 30px;
  }
  header .header-close-wrap {
    right: 30px;
  }
  header .header-logo-wrap {
    width: 200px;
    padding-left: 30px;
  }
  header .outer-label {
    font-size: 14px;
    letter-spacing: 6px;
  }
  header .outer-label strong {
    font-size: 26px;
    bottom: -4px;
  }
  header .menu-wrap {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1025px) {
  header .header-container {
    padding-top: 50px;
    padding-bottom: 32px;
  }
  header .header-logo-wrap {
    width: 50%;
    padding-left: 3.65vw;
  }
  header .header-menu-container {
    right: 3.65vw;
    top: 5px;
  }
  header .grape-wrap {
    float: none;
  }
  header .menu-wrap {
    padding-left: 6.77vw;
    padding-right: 6.77vw;
  }
  header .header-menu-text-wrap {
    margin-right: 15px;
  }
  header .header-close-wrap {
    right: auto;
    left: 100%;
    top: 0;
    background: #000;
    padding: 20px;
  }
  header .header-close-wrap .header-menu-text-wrap {
    display: none;
  }
  header .menu-left-col {
    -ms-flex-order: 1;
    order: 1;
    width: 25%;
  }
  header .menu-middle-col {
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
  }
  header .menu-right-col {
    -ms-flex-order: 3;
    order: 3;
    width: 25%;
  }
  header .menu-left-col .inner-left-col {
    width: 80%;
    height: 100%;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
  header .menu-left-col .inner-right-col {
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 80%;
  }
}
@media only screen and (min-width: 1281px) {
  header .menu-wrap {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
  }
}
@media only screen and (min-width: 1367px) {
  header .menu-grid {
    height: 100%;
  }
  header .menu-wrap {
    height: 100%;
    padding-left: 4.69vw;
    padding-right: 4.69vw;
  }
  header .menu-right-col {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
@media only screen and (min-width: 1501px) {
  header .header-menu-text-wrap {
    display: inline-block;
  }
  header .menu-wrap {
    padding-left: 3.65vw;
    padding-right: 3.65vw;
  }
}
@media only screen and (min-width: 1661px) {
  header .menu-wrap {
    padding: 0;
  }
  header .header-close-wrap {
    background: 0 0;
    left: auto;
    padding: 5px;
    top: 70px;
    right: -8.33vw;
  }
  header .header-close-wrap .header-menu-text-wrap {
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1781px) {
  header .header-close-wrap {
    top: 80px;
  }
}
.news-date {
  min-width: 90px;
  display: inline-block;
  position: absolute;
  left: -90px;
  top: 0;
  font-family: "Abril Fatface", "Times New Roman", serif;
  font-size: 26px;
  text-align: right;
  line-height: 1em;
  letter-spacing: 2px;
  color: #e1a957;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0 0;
}
.home-intro-section.bg-lang .intro-main-title,
footer.bg-lang .footer-col-title,
footer.bg-lang .news-date {
  letter-spacing: 0;
  font-weight: 600;
  font-family: "Times New Roman", serif;
}
.news-text {
  margin: 10px 0 0;
  font-size: 12px;
  color: #999;
  min-height: 90px;
}
.news-text:first-of-type {
  margin-top: 0;
}
.footer-bottom .footer-bottom-image-container {
  text-align: center;
}
.footer-bottom .footer-bottom-image-wrap {
  display: inline-block;
  width: 78px;
  font-size: 0;
}
.footer-bottom .footer-bottom-image-wrap a {
  display: inline-block;
}
.footer-bottom .footer-bottom-image {
  display: inline-block;
  width: 100%;
}
.footer-bottom .footer-bottom-text-container {
  font-size: 0;
  padding: 20px 5px;
  text-align: center;
}
.footer-bottom .footer-center-text,
.footer-bottom .footer-left-text,
.footer-bottom .footer-right-text {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
}
.footer-bottom .footer-center-text {
  width: 100%;
  margin: 0;
  text-align: center;
}
.footer-bottom .footer-left-text {
  width: 50%;
  margin: 35px 0 0;
  text-align: left;
  color: #896f4b;
}
.footer-bottom .footer-right-text {
  width: 50%;
  margin: 25px 0 0;
  text-align: right;
}
.footer-bottom .edesign-link {
  display: inline-block;
  color: #896f4b;
  padding: 10px;
}
.footer-bottom .edesign-link span {
  position: relative;
  transition: color 0.4s;
}
.footer-bottom .edesign-link span:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #e1a957;
  transition: width 0.3s;
  position: absolute;
  left: 0;
  bottom: -3px;
}
@media only screen and (min-width: 1025px) {
  .footer-bottom .edesign-link:hover span {
    color: #e1a957;
  }
  .footer-bottom .edesign-link:hover span:before {
    width: 100%;
  }
  .footer-bottom .footer-bottom-text-container {
    padding: 20px 60px;
  }
}
@media only screen and (min-width: 640px) {
  .footer-bottom .footer-center-text {
    width: 50%;
  }
  .footer-bottom .footer-left-text {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    text-align: left;
  }
  .footer-bottom .footer-right-text {
    position: absolute;
    right: 0;
    top: -10px;
    margin: 0;
    text-align: right;
  }
}
footer {
  background: #222;
}
footer .footer-wrap {
  font-size: 0;
}
footer .footer-col {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
footer .footer-col.news {
  padding-left: 20px;
  padding-right: 30px;
}
footer .footer-col.menu {
  padding-left: 25px;
  padding-right: 20px;
  margin-top: 20px;
}
footer .footer-col.contacts {
  width: 100%;
}
footer .footer-col.contacts .footer-col-title {
  display: none;
}
@media only screen and (min-width: 720px) {
  footer .footer-col {
    width: 50%;
  }
  footer .footer-col.menu {
    padding-left: 40px;
    margin-top: 0;
  }
  footer .footer-col.menu .footer-col-title {
    padding-left: 15px;
  }
  footer .footer-col.news {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  footer .footer-col {
    width: 25%;
  }
  footer .footer-col.news {
    padding-left: 3.65vw;
    padding-right: 2.08vw;
  }
  footer .footer-col.menu {
    padding-left: 1.3vw;
    padding-right: 1.3vw;
  }
  footer .footer-col.contacts {
    width: 50%;
  }
  footer .footer-col.contacts .footer-col-title {
    display: block;
    visibility: hidden;
    opacity: 0;
  }
}
@media only screen and (min-width: 1281px) {
  footer .footer-col.news {
    padding-right: 2.08vw;
  }
  footer .footer-col.menu {
    padding-left: 2.6vw;
    padding-right: 2.6vw;
  }
}
footer .footer-col-title {
  font-size: 48px;
  line-height: 1em;
  margin: 0 0 15px;
  color: #0b0b0b;
}
footer .footer-news-item-wrap {
  padding-left: 45px;
}
footer .item-border {
  display: none;
}
footer .footer-news-item {
  padding-top: 20px;
  padding-bottom: 15px;
}
footer .footer-news-item:first-child {
  border-bottom: 1px solid #2a2a2a;
}
footer .news-btn-wrap {
  margin-top: 25px;
  margin-bottom: 40px;
}
footer .footer-menu-wrap {
  padding: 20px 0;
}
footer .footer-links-container {
  padding: 0;
}
footer .footer-menu-link-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-bottom: 2px;
  list-style-type: none;
}
footer .footer-menu-link-wrap.active .footer-menu-link {
  color: #000;
  background: #e1a957;
}
footer .footer-menu-link {
  font-size: 12px;
  line-height: 1em;
  color: #999;
}
footer .footer-contacts-wrap {
  padding-bottom: 40px;
}
footer .footer-logo-wrap {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #171717;
  text-align: center;
}
footer .footer-logo-wrap:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
footer .footer-logo-container {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
footer .footer-logo-item {
  display: block;
}
footer .footer-logo-image {
  display: inline-block;
  width: 150px;
}
footer .footer-logo-image.mb-logo {
  width: 80px;
  margin-bottom: 30px;
}
footer .all-rights {
  display: inline-block;
  font-size: 12px;
  color: #bf9a64;
  margin-top: 15px;
}
footer .custom-hidden {
  visibility: hidden;
  opacity: 0;
}
@media only screen and (min-width: 720px) {
  footer .footer-logo-wrap {
    padding: 0;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
  }
  footer .contacts-links-wrap {
    width: 50%;
  }
  footer .item-border {
    width: 100%;
    height: 1px;
    background: #2a2a2a;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  footer .footer-menu-link-wrap {
    width: 100%;
  }
  footer .contacts-links-item {
    padding: 30px 15px;
  }
  footer .custom-hidden {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  footer .footer-contacts-wrap {
    padding: 40px 0;
  }
  footer .news-date {
    font-size: 30px;
  }
  footer .footer-news-item {
    padding-top: 2.08vw;
    padding-bottom: 1.56vw;
  }
  footer .footer-menu-wrap {
    padding-top: 2.08vw;
    padding-bottom: 2.08vw;
  }
  footer .footer-col-title {
    font-size: 3.02vw;
  }
  footer .contacts-links-wrap {
    padding-left: 1.56vw;
    padding-right: 1.56vw;
  }
  footer .contacts-links-item {
    padding-left: 20px;
    padding-right: 20px;
  }
  footer .news-btn-wrap {
    margin-top: -5px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1151px) {
  footer .link-text-wrap {
    font-size: 21px;
  }
  footer .small-text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1281px) {
  footer .footer-menu-link,
  footer .news-text {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1367px) {
  footer .footer-menu-link {
    padding: 12px 25px;
  }
}
@media only screen and (min-width: 1661px) {
  footer .contacts-links-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.home-intro-section.bg-lang .intro-main-title .small-text {
  letter-spacing: 3px;
  padding-left: 0;
}
.home-intro-section.bg-lang .intro-main-title .color-text {
  letter-spacing: 0;
}
.home-intro-section.bg-lang .intro-main-title .sign-text {
  font-size: 40px;
}
.home-intro-section.bg-lang .menada-products-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 2px;
}
.home-intro-section.bg-lang .products-info-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
}
.home-intro-section.summer-time .summer-item {
  display: block;
}
.home-intro-section.summer-time .winter-item {
  display: none;
}
.home-intro-section.winter-time .winter-item {
  display: block;
}
.home-intro-section.winter-time .summer-item {
  display: none;
}
.home-intro-section .bg-image {
  height: 75%;
}
.home-intro-section .btn-line-wrap {
  margin-left: 10px;
}
.home-intro-section .intro-grid {
  font-size: 0;
  padding-top: 60px;
  padding-bottom: 50px;
}
.home-intro-section .intro-item-content {
  z-index: 2;
  visibility: hidden;
}
.home-intro-section .into-grid-item {
  width: 71%;
  display: inline-block;
  vertical-align: top;
}
.home-intro-section .into-grid-item:last-child {
  width: 100%;
  margin-top: 50px;
  padding: 0 10px;
}
.home-intro-section .intro-main-title {
  font-size: 36px;
  letter-spacing: 4px;
  line-height: 1em;
}
.home-intro-section .intro-main-title .split-block,
.home-intro-section .intro-main-title .split-char {
  visibility: hidden;
}
.home-intro-section .title-wrap {
  width: 100%;
  display: inline-block;
  background: #0e0e0e;
  margin-left: -15px;
  z-index: 2;
  padding: 15px;
}
.home-intro-section .main-text {
  font-size: 53px;
  display: block;
}
.home-intro-section .small-text {
  font-size: 12px;
  letter-spacing: 2px;
}
.home-intro-section .color-text {
  font-size: 38px;
  letter-spacing: 1px;
  color: #fff;
}
.home-intro-section .sign-text {
  font-size: 26px;
  color: #fff;
}
.home-intro-section .item-intro-text {
  font-size: 14px;
  margin: 15px 0 0;
  color: #dbdbdb;
  font-weight: 700;
  opacity: 0.7;
  padding-left: 20px;
  max-width: 125px;
  z-index: 2;
}
.home-intro-section .content-text {
  display: none;
}
.home-intro-section .portfolio-wrap {
  display: inline-block;
}
.home-intro-section .intro-bg-video,
.home-intro-section .right-leaf-wrap {
  display: none;
}
.home-intro-section .portfolio-wrap .btn-line-text {
  text-align: left;
  vertical-align: top;
}
.home-intro-section .portfolio-wrap .btn-line-wrap {
  padding-right: 35px;
  margin-top: 25px;
}
.home-intro-section .intro-grape-wrap {
  position: absolute;
  top: -30px;
  right: 0;
  width: 310px;
  z-index: 1;
  visibility: hidden;
}
.home-intro-section .intro-grape-wrap.summer-item {
  top: -81px;
}
.home-intro-section .intro-grape-image {
  width: 100%;
}
.home-intro-section .intro-aside-text {
  visibility: hidden;
}
.home-intro-section .intro-menada-products,
.home-intro-section .menada-products-title-wrap .split-block {
  display: block;
}
.home-intro-section .menada-products-title {
  font-size: 26px;
  line-height: 1em;
}
.home-intro-section .menada-products-grid {
  font-size: 0;
  margin-top: 20px;
  padding-top: 157px;
  z-index: 5;
}
.home-intro-section .menada-products-item {
  display: inline-block;
  vertical-align: middle;
  padding-left: 2px;
  padding-right: 2px;
}
.home-intro-section .menada-products-item.disable {
  pointer-events: none;
}
.home-intro-section .menada-products-item.active .menada-products-item-inner {
  width: 42px;
}
.home-intro-section .menada-products-item-inner {
  width: 30px;
  height: 157px;
  display: inline-block;
  vertical-align: middle;
  transition: width 0.4s, opacity 0.4s, transform 0.4s;
}
.home-intro-section .menada-products-image {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.home-intro-section .menada-products-grid-inner {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  white-space: nowrap;
}
.home-intro-section .menada-products-info-block {
  margin-top: 25px;
  padding-right: 25px;
}
.home-intro-section .products-info-title {
  min-height: 46px;
  font-size: 20px;
  line-height: 1.1em;
}
.home-intro-section .menada-products-info-content {
  max-width: 370px;
  min-height: 90px;
  margin-top: 10px;
  font-size: 13px;
  color: #909090;
}
.home-intro-section .menada-products-info-content p {
  margin: 0;
}
.home-intro-section .menada-products-btn-container {
  margin-top: 20px;
  font-size: 0;
  z-index: 5;
}
.home-intro-section .products-info-title-wrap .split-block {
  display: block;
}
@media only screen and (min-width: 480px) {
  .home-intro-section .bg-image {
    height: 100%;
  }
  .home-intro-section .btn-line-wrap {
    margin-left: 0;
  }
  .home-intro-section .item-intro-text {
    font-weight: 500;
    opacity: 1;
    margin-top: 0;
    padding-left: 0;
    max-width: 500px;
  }
  .home-intro-section .content-text {
    display: block;
    font-size: 14px;
    margin: 15px 0 0;
    color: #896f4b;
  }
  .home-intro-section .intro-item-content {
    background: #191818;
    padding: 30px 20px;
    margin-left: -20px;
  }
  .home-intro-section .title-wrap {
    background: 0 0;
    margin-left: 0;
    padding: 0;
  }
  .home-intro-section .intro-grape-wrap {
    top: 20px;
    right: auto;
    left: 45%;
    z-index: 5;
    width: 250px;
  }
  .home-intro-section .intro-grape-wrap.summer-item {
    left: 48%;
  }
  .home-intro-section .into-grid-item:first-child .intro-item-wrap {
    max-width: 250px;
    padding-left: 30px;
    padding-bottom: 20px;
    box-sizing: content-box;
  }
  .home-intro-section .intro-main-title {
    font-size: 37px;
    margin-bottom: 20px;
  }
  .home-intro-section .main-text {
    font-size: 60px;
  }
  .home-intro-section .small-text {
    font-size: 19px;
    letter-spacing: 7px;
    padding-left: 10px;
  }
  .home-intro-section .color-text {
    font-size: 55px;
    letter-spacing: 4px;
  }
  .home-intro-section .sign-text {
    font-size: 49px;
  }
  .home-intro-section.bg-lang .intro-main-title .sign-text {
    font-size: 54px;
  }
}
@media only screen and (min-width: 720px) {
  .home-intro-section .right-leaf-wrap {
    display: block;
    position: absolute;
    right: 0;
    top: 60%;
  }
  .home-intro-section .intro-grape-wrap {
    top: -70px;
    width: 270px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .home-intro-section .intro-grape-wrap.summer-item {
    width: 290px;
    top: -90px;
  }
  .home-intro-section .into-grid-item {
    width: 50%;
  }
  .home-intro-section .into-grid-item:last-child {
    width: 50%;
    padding: 0;
    margin-top: 0;
    text-align: right;
    display: inline-block;
  }
  .home-intro-section .intro-menada-products {
    width: 68%;
    display: inline-block;
    text-align: left;
  }
  .home-intro-section .menada-products-item.active .menada-products-item-inner {
    width: 34px;
  }
  .home-intro-section .menada-products-item-inner {
    width: 21px;
    height: 106px;
  }
  .home-intro-section .menada-products-grid {
    padding-top: 106px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-intro-section.bg-lang .intro-main-title {
    font-size: 3.96vw;
  }
  .home-intro-section.bg-lang .intro-main-title .sign-text {
    font-size: 3.59vw;
  }
  .home-intro-section.bg-lang .intro-main-title .small-text {
    font-size: 1.67vw;
    letter-spacing: 1px;
  }
  .home-intro-section .into-grid-item:first-child .intro-item-wrap {
    max-width: 300px;
    padding-left: 3.65vw;
  }
  .home-intro-section .portfolio-wrap {
    padding-right: 7.81vw;
  }
  .home-intro-section .intro-grape-wrap,
  .home-intro-section .intro-grape-wrap.summer-item {
    width: 35.68vw;
    max-width: 685px;
    top: -130px;
  }
  .home-intro-section .intro-item-content {
    background: #191818;
    padding: 30px;
    margin-left: -20px;
    visibility: hidden;
  }
  .home-intro-section .hero-leaf-video-bg {
    visibility: hidden;
  }
  .home-intro-section .intro-bg-video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    padding-top: 33.7%;
  }
  .home-intro-section .right-leaf-image {
    display: none;
  }
  .home-intro-section .right-leaf-wrap {
    top: 40%;
  }
  .home-intro-section .right-leaf-video-container {
    display: block;
    width: 37.5vw;
    height: 37.5vw;
    overflow: hidden;
  }
  .home-intro-section .right-leaf-video-container .intro-video-container {
    left: 6.77vw;
  }
  .home-intro-section .intro-grid {
    background: #191919;
    padding-top: 5.21vw;
    padding-bottom: 6.25vw;
  }
  .home-intro-section .intro-main-title {
    font-size: 3.96vw;
    letter-spacing: 0.73vw;
  }
  .home-intro-section .main-text {
    font-size: 5.21vw;
  }
  .home-intro-section .small-text {
    letter-spacing: 0.36vw;
  }
  .home-intro-section .color-text {
    font-size: 3.65vw;
  }
  .home-intro-section .menada-products-title {
    font-size: 2.19vw;
  }
  .home-intro-section .menada-products-item:hover .menada-products-item-inner {
    width: 47px;
    opacity: 0.85;
    -ms-transform: translateY(5px);
    transform: translateY(5px);
  }
  .home-intro-section .menada-products-info-content {
    min-height: 82px;
  }
  .home-intro-section .menada-products-item-inner {
    width: 32px;
    height: 157px;
  }
  .home-intro-section .intro-menada-products {
    width: 65%;
  }
  .home-intro-section .menada-products-grid {
    padding-top: 157px;
  }
  .home-intro-section .menada-products-btn-container {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1281px) {
  .home-intro-section .into-grid-item:first-child .intro-item-wrap {
    max-width: 350px;
  }
  .home-intro-section .menada-products-info-content {
    min-height: 76px;
  }
}
@media only screen and (min-width: 1367px) {
  .home-intro-section .intro-grid {
    padding-bottom: 6.25vw;
  }
  .home-intro-section .into-grid-item:first-child .intro-item-wrap {
    max-width: 380px;
  }
}
@media only screen and (min-width: 1441px) {
  .home-intro-section .intro-grid {
    padding-top: 9.38vw;
  }
  .home-intro-section .intro-menada-products {
    padding-top: 4.17vw;
  }
  .home-intro-section .menada-products-grid {
    padding-top: 189px;
  }
  .home-intro-section .menada-products-item-inner {
    width: 38px;
    height: 189px;
  }
  .home-intro-section .menada-products-item:hover .menada-products-item-inner {
    width: 57px;
  }
  .home-intro-section .menada-products-btn-container {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1661px) {
  .home-intro-section .into-grid-item:first-child .intro-item-wrap {
    max-width: 400px;
  }
}
.home-video-section.bg-lang .side-main-text-wrap {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.home-video-section.bg-lang .side-main-text-wrap .small-text {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 1px;
  margin-left: 5px;
}
.home-video-section.bg-lang .bottle-number,
.home-video-section.bg-lang .number-wrap {
  font-family: "Times New Roman", serif;
  letter-spacing: 0;
  font-weight: 600;
}
.home-video-section.bg-lang .bottle-number {
  font-size: 30px;
}
.home-video-section.bg-lang .side-main-text {
  font-size: 28px;
}
.home-video-section .bottle-number,
.home-video-section .number-wrap,
.home-video-section .side-main-text-wrap {
  font-family: "Abril Fatface", "Times New Roman", serif;
}
@media only screen and (min-width: 720px) {
  .home-video-section.bg-lang .side-main-text {
    font-size: 32px;
  }
  .home-video-section.bg-lang .bottle-number {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-video-section.bg-lang .bottle-number,
  .home-video-section.bg-lang .side-main-text {
    font-size: 4.17vw;
  }
}
@media only screen and (min-width: 1367px) {
  .home-video-section.bg-lang .bottle-number,
  .home-video-section.bg-lang .side-main-text {
    font-size: 3.13vw;
  }
}
.video-container-item {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.video-container-item .video-player-wrap {
  padding-bottom: 75%;
}
.video-container-item .video-btn-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: -40px;
}
.video-container-item .video-player-btn {
  display: none;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  text-align: center;
  border: 3px solid rgba(255, 255, 255, 0.43);
  background: rgba(255, 255, 255, 0.2);
  transition: border 0.3s;
}
@media only screen and (min-width: 1025px) {
  .video-container-item .video-player-btn:hover {
    border: 3px solid #fff;
  }
  .video-container-item .video-player-btn:hover .video-player-icon {
    opacity: 1;
  }
  .video-container-item .video-player-wrap .bg-image {
    visibility: hidden;
  }
}
.video-container-item .video-player-icon {
  width: 22px;
  opacity: 0.76;
  transition: opacity 0.3s;
}
.video-container-item .video-player-text {
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 14px;
  padding: 0 5px;
  color: #d1d1d1;
}
.home-video-section {
  margin-top: 50px;
}
.home-video-section .video-container {
  text-align: right;
  background: #191919;
}
.home-video-section .video-container-wrap {
  display: inline-block;
  width: 80%;
  padding: 50px 10px;
  font-size: 0;
  text-align: center;
  min-height: 300px;
}
.home-video-section .video-container-item {
  display: none;
}
.home-video-section .video-container-item.number {
  width: 100%;
  display: inline-block;
  padding: 10px 20px;
}
.home-video-section .number-wrap {
  letter-spacing: 12px;
  font-size: 76px;
  color: #fff;
  margin: 0;
}
.home-video-section .number-wrap.anim-elem {
  transition: opacity 0.6s, visibility 0.6s;
}
.home-video-section .number-wrap span {
  font-size: 32px;
  letter-spacing: 0;
}
.home-video-section .number-text {
  margin: 0;
  font-size: 14px;
  color: #fff;
}
.home-video-section .video-container-aside {
  display: none;
}
.home-video-section .video-container-aside-text {
  font-size: 14px;
  color: #595959;
  opacity: 0.54;
  margin: 0;
  letter-spacing: 10px;
}
.home-video-section .single-grape-wrap {
  position: absolute;
  top: -76px;
  left: -91px;
  width: 230px;
}
.home-video-section .single-grape-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-video-section .single-grape-image {
  width: 100%;
}
.home-video-section .single-grape-image.summer-item {
  margin-left: 20px;
}
.home-video-section .bottle-number {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  color: #e1a957;
  letter-spacing: 5px;
}
.home-video-section .label-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  letter-spacing: 2px;
  color: #595959;
  margin-left: 7px;
}
.home-video-section .bottle-image,
.home-video-section .bottom-btn-wrap,
.home-video-section .bottom-label,
.home-video-section .bottom-label-item {
  display: none;
}
.home-video-section .video-bottom-section {
  text-align: right;
}
.home-video-section .bottom-side-label {
  position: absolute;
  top: -15px;
  left: 10px;
  padding-left: 0;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 0 0;
  transform-origin: 0 0 0;
  text-align: left;
}
.home-video-section .side-main-text-wrap {
  font-size: 16px;
  color: #e1a957;
  letter-spacing: 2px;
  margin: 0;
}
.home-video-section .side-main-text-wrap .small-text {
  font-size: 12px;
}
.home-video-section .side-text {
  margin: 0;
  font-size: 11px;
  letter-spacing: 3px;
  color: #595959;
}
@media only screen and (min-width: 480px) {
  .home-video-section .bottom-side-label {
    position: relative;
    text-align: left;
    top: -50px;
    left: 0;
    padding-left: 40px;
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .home-video-section .video-container-wrap {
    width: 100%;
    padding: 50px;
  }
  .home-video-section .single-grape-wrap {
    top: -55px;
    left: -110px;
    width: 270px;
  }
  .home-video-section .video-container-item.number {
    max-width: 250px;
  }
  .home-video-section .number-wrap {
    letter-spacing: 8px;
    font-size: 32px;
  }
  .home-video-section .number-wrap span {
    font-size: 22px;
  }
  .home-video-section .number-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .home-video-section .bottom-label-item {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
  }
  .home-video-section .bottom-btn-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    text-align: right;
    padding-right: 20px;
  }
  .home-video-section .bottom-label {
    display: inline-block;
    width: 69.4%;
    text-align: left;
    font-size: 0;
  }
  .home-video-section .video-bottom-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    background: rgba(25, 25, 25, 0.9);
  }
  .home-video-section .bottom-side-label {
    position: absolute;
    top: auto;
    bottom: 5px;
    left: 40px;
    padding-left: 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0 0;
  }
}
@media only screen and (min-width: 720px) {
  .home-video-section {
    margin-top: 0;
  }
  .home-video-section .video-container-item {
    display: inline-block;
    width: 40%;
  }
  .home-video-section .video-container-item.number {
    width: 60%;
    display: inline-block;
    padding: 10px 20px;
    max-width: 1000px;
  }
  .home-video-section .video-container-aside {
    display: block;
    position: absolute;
    top: 10.42vw;
    right: 2.6vw;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100% 0;
  }
  .home-video-section .bottom-label-item {
    width: 60%;
  }
  .home-video-section .bottom-btn-wrap {
    width: 40%;
  }
  .home-video-section .single-grape-wrap {
    top: 10px;
    left: 20px;
    width: 270px;
  }
  .home-video-section .video-container-wrap {
    width: 73.4%;
  }
  .home-video-section .single-grape-image.summer-item {
    margin-left: -20px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-video-section .video-bottom-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .home-video-section .side-main-text-wrap {
    font-size: 2.4vw;
    line-height: 1em;
  }
  .home-video-section .side-main-text-wrap .small-text {
    font-size: 1.15vw;
  }
  .home-video-section .video-container-item {
    width: 50%;
  }
  .home-video-section .video-container-item.number {
    width: 50%;
    padding: 0 3.65vw 1.04vw 1.82vw;
  }
  .home-video-section .bottom-side-label {
    bottom: 10px;
    left: 1.3vw;
  }
  .home-video-section .side-text {
    font-size: 12px;
    letter-spacing: 5px;
  }
  .home-video-section .label-text {
    font-size: 14px;
    margin-right: 1.3vw;
    margin-left: 1.3vw;
  }
  .home-video-section .bottom-btn-wrap {
    vertical-align: bottom;
  }
  .home-video-section .number-wrap {
    letter-spacing: 8px;
    font-size: 5.31vw;
  }
  .home-video-section .number-wrap span {
    font-size: 35px;
  }
  .home-video-section .video-container-wrap {
    padding: 9.9vw 7.55vw 6.25vw 9.38vw;
  }
  .home-video-section .single-grape-wrap {
    width: 34.95vw;
    max-width: 671px;
    left: 4.69vw;
  }
  .home-video-section .bottle-number {
    font-size: 32px;
  }
  .home-video-section .bottle-image {
    display: inline-block;
    vertical-align: middle;
    width: 49px;
  }
  .home-video-section .bottle-image.split-char {
    visibility: hidden;
  }
  .home-video-section .bottom-label-item {
    width: 65%;
  }
  .home-video-section .bottom-btn-wrap {
    padding-right: 3.65vw;
    width: 35%;
  }
  .home-video-section .single-grape-image.summer-item {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1281px) {
  .home-video-section .single-grape-wrap {
    left: 3.65vw;
  }
  .home-video-section .label-text,
  .home-video-section .side-text {
    font-size: 14px;
    letter-spacing: 7px;
  }
  .home-video-section .bottle-image {
    width: 53px;
  }
}
@media only screen and (min-width: 1367px) {
  .home-video-section .video-bottom-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .home-video-section .single-grape-wrap {
    left: 2.6vw;
  }
  .home-video-section .bottle-number {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1441px) {
  .home-video-section .single-grape-wrap {
    left: 1.04vw;
  }
}
@media only screen and (min-width: 1661px) {
  .home-video-section .single-grape-wrap {
    left: -3.91vw;
  }
  .home-video-section .video-bottom-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.home-about-section.bg-lang .about-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.home-about-section .left-leaf-wrap {
  overflow: hidden;
  position: absolute;
  left: -70px;
  top: -100px;
  z-index: -1;
}
.home-about-section .left-leaf-image {
  display: inline-block;
  width: 100%;
}
.home-about-section .about-section-wrap {
  font-size: 0;
  padding-top: 5.47vw;
}
.home-about-section .about-col {
  width: calc(100% + 15px);
  display: inline-block;
  vertical-align: middle;
  padding: 40px 0;
}
.home-about-section .about-col:last-child {
  margin-top: 30px;
}
.home-about-section .about-col:last-child .bg-image {
  background-image: url(../images/homepage/history-bg-mobile.jpg);
}
.home-about-section .about-content {
  width: 90%;
  display: inline-block;
  text-align: left;
}
.home-about-section .about-content-wrap {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}
.home-about-section .title-wrap {
  padding-right: 20px;
}
.home-about-section .about-title {
  font-size: 32px;
  letter-spacing: 3px;
}
.home-products-section.bg-lang .products-logo-title,
.home-products-section.bg-lang .products-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.home-about-section .about-title .large-text {
  display: block;
  font-size: 42px;
}
.home-about-section .about-text {
  font-size: 14px;
  margin: 25px 0 0;
  padding-right: 35px;
}
@media only screen and (min-width: 480px) {
  .home-about-section .left-leaf-wrap {
    top: auto;
    bottom: 85px;
  }
  .home-about-section .about-col {
    width: 100%;
  }
  .home-about-section .about-col:last-child .bg-image {
    background-image: url(../images/homepage/blessing-bg.jpg);
  }
  .home-about-section .about-content {
    width: 50%;
  }
}
@media only screen and (min-width: 720px) {
  .home-about-section .about-content-wrap {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-about-section .left-leaf-wrap {
    left: 0;
    top: auto;
    bottom: 0;
  }
  .home-about-section .left-leaf-wrap video {
    width: 37.5vw;
    height: 37.5vw;
  }
  .home-about-section .left-leaf-wrap .left-leaf-image {
    visibility: hidden;
  }
  .home-about-section .about-col {
    width: 49%;
    padding: 0 0 34.3%;
  }
  .home-about-section .about-col:last-child {
    width: 50%;
    position: absolute;
    left: 50%;
    margin-top: 0;
  }
  .home-about-section .about-col:last-child .about-text {
    padding-right: 0;
  }
  .home-about-section .about-content-wrap {
    padding-left: 3.65vw;
  }
  .home-about-section .about-title {
    font-size: 1.98vw;
  }
  .home-about-section .about-title .large-text {
    font-size: 3.02vw;
  }
  .home-about-section .about-text {
    margin-top: 2.34vw;
    padding-right: 0;
  }
  .home-about-section .about-content {
    width: 63%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .home-about-section .about-content:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1281px) {
  .home-about-section .about-content {
    width: 50%;
  }
}
@media only screen and (min-width: 1921px) {
  .home-about-section .about-title {
    font-size: 40px;
  }
  .home-about-section .about-title .large-text {
    font-size: 58px;
  }
}
.home-products-section.bg-lang .products-title {
  padding-left: 0;
}
.home-products-section.bg-lang .products-title .small-text {
  display: none;
}
.home-products-section.bg-lang .large-bottom-title .large-text {
  margin-top: 0;
}
.home-products-section.bg-lang .products-title-wrap {
  padding-left: 20px;
}
@media only screen and (min-width: 720px) {
  .home-products-section.bg-lang .products-title-wrap {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-products-section.bg-lang .products-title-wrap {
    padding-left: 3.65vw;
  }
  .home-products-section.bg-lang .products-title {
    padding-left: 0;
  }
}
.home-products-section .products-title-line {
  z-index: 1;
  padding-top: 40px;
  padding-bottom: 35px;
}
.home-products-section .products-title-wrap {
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
}
.home-products-section .products-title {
  font-size: 42px;
  letter-spacing: 3px;
  position: relative;
  padding-left: 20px;
}
.home-products-section .products-title .small-text {
  display: inline-block;
  font-size: 19px;
  line-height: 1em;
  color: #6a573c;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100% 0;
  letter-spacing: 0;
  position: absolute;
  top: 24px;
  left: 15px;
}
.home-products-section .products-large-item-bottom,
.home-products-section .products-line-btn-wrap {
  display: none;
}
.home-products-section .products-section-grid {
  font-size: 0;
}
.home-products-section .products-large-item {
  padding-bottom: 90%;
}
.home-products-section .products-large-item .bg-image {
  top: auto;
  bottom: 0;
}
.home-products-section .large-item-bottom-wrap {
  width: 100%;
  text-align: right;
}
.home-products-section .product-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home-products-section .large-bottle-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: center;
}
.home-products-section .products-grid-logo-wrap {
  width: 70%;
  display: inline-block;
}
.home-products-section .products-grid-item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.home-products-section .products-grid-item:first-child {
  z-index: 1;
}
.home-products-section
  .products-grid-item:first-child
  .products-grid-item-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-products-section
  .products-grid-item:first-child
  .products-grid-item-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.home-products-section
  .products-grid-item:first-child
  .products-grid-logo-container {
  position: absolute;
  top: 20px;
  right: 0;
  width: 60%;
  text-align: center;
}
.home-products-section
  .products-grid-item:first-child
  .products-grid-logo-wrap {
  max-width: 140px;
  display: inline-block;
}
.home-products-section .products-grid-item:first-child .products-logo-title {
  color: #fff;
}
.home-products-section .products-grid-item:first-child .products-grid-text {
  color: #fff;
  text-align: center;
  max-width: 145px;
  display: inline-block;
}
.home-products-section
  .products-grid-item:first-child
  .products-grid-text-wrap {
  width: 60%;
  max-width: 500px;
  position: absolute;
  text-align: center;
  right: 0;
  bottom: 40px;
}
.home-products-section .products-grid-item:last-child {
  overflow: hidden;
}
.home-products-section
  .products-grid-item:first-child
  .products-logo-title-wrap {
  max-width: 181px;
  margin: 0 auto;
}
.home-products-section .products-grid-item .link-btn {
  z-index: 3;
}
@media only screen and (min-width: 480px) {
  .home-products-section
    .products-grid-item:first-child
    .products-grid-logo-container {
    position: absolute;
    top: 75px;
    right: 0;
    width: 50%;
    text-align: center;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-text-wrap {
    width: 50%;
    bottom: 75px;
  }
}
@media only screen and (min-width: 640px) {
  .home-products-section
    .products-grid-item:first-child
    .products-grid-item-wrap {
    text-align: center;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-logo-container {
    position: absolute;
    top: 75px;
    right: auto;
    left: 0;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-text-wrap {
    width: 50%;
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-products-section .products-grid-item {
    width: 50%;
  }
  .home-products-section .products-grid-item .large-bottle-inner-wrap {
    width: 100%;
  }
  .home-products-section .products-grid-item .products-grid-logo-wrap {
    width: 80%;
    display: inline-block;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-logo-container {
    top: 3.91vw;
    left: 3.65vw;
    width: 14.58vw;
    text-align: left;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-text-wrap {
    width: auto;
    padding-left: 0;
    bottom: 3.91vw;
    right: 1.56vw;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-item-wrap {
    width: 99%;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-item-wrap:hover
    .large-bottle-wrap {
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-logo-wrap {
    width: 100%;
    max-width: 181px;
    display: block;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-logo-title-wrap {
    max-width: 181px;
    margin: 0;
  }
  .home-products-section .products-grid-item:first-child .products-logo-title {
    display: inline-block;
  }
}
@media only screen and (min-width: 1281px) {
  .home-products-section
    .products-grid-item:first-child
    .products-grid-text-wrap {
    right: 2.08vw;
  }
}
@media only screen and (min-width: 1367px) {
  .home-products-section .products-grid-item .products-grid-logo-wrap {
    width: 100%;
  }
  .home-products-section
    .products-grid-item:first-child
    .products-grid-text-wrap {
    right: 3.39vw;
  }
}
.home-products-section .products-grid-logo-container {
  display: inline-block;
}
.home-products-section .products-logo-image {
  max-width: 100%;
}
.home-products-section .products-logo-title-wrap {
  margin-top: 20px;
  text-align: center;
}
.home-products-section .products-logo-title {
  font-size: 13px;
  line-height: 1.3em;
  letter-spacing: 2px;
  text-align: center;
  padding: 0 10px;
}
.home-products-section .products-grid-text {
  display: none;
}
.home-products-section .products-grid-text-wrap {
  display: inline-block;
  max-width: 170px;
  margin-top: 50px;
  z-index: 2;
}
.home-products-section .products-grid-btn-wrap {
  margin-top: 25px;
}
.home-products-section .products-inner-item {
  margin-top: 20px;
  text-align: right;
  overflow: hidden;
}
.home-products-section .products-inner-item:first-child .products-inner-wrap {
  text-align: left;
}
.home-products-section .products-inner-item.menada {
  z-index: 2;
  background: #181818;
}
.home-products-section .menada-symbol-bg {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 0;
  padding-left: 6.5%;
  padding-right: 6.5%;
}
.home-products-section .menada-symbol-bg:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.home-products-section .menada-symbol-image {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.home-products-section .inner-item-content {
  display: inline-block;
  width: 50%;
  padding: 50px 5px 30px;
  text-align: center;
}
.home-products-section .large-bottom-title {
  font-size: 16px;
  line-height: 1em;
  font-family: Play, sans-serif;
  color: #191919;
}
.home-products-section .large-bottom-title .large-text {
  display: block;
  font-size: 24px;
  letter-spacing: 6px;
  font-weight: 700;
  margin-top: 10px;
}
.home-products-section .large-bottom-title a {
  color: #000;
}
.home-products-section .large-bottom-title-wrap {
  width: 50%;
  display: inline-block;
  text-align: left;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-left: 75px;
}
.home-products-section .bottle-wrap,
.home-products-section .menada-bottle-wrap {
  width: 100%;
  padding-top: 20px;
  height: 100%;
  vertical-align: bottom;
  display: inline-block;
}
.home-products-section .large-bottle-image {
  display: inline-block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-products-section .bottle-image {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-products-section .menada-bottle-wrap {
  max-width: 127px;
}
.home-products-section .menada-bottle-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  text-align: center;
}
.home-products-section .menada-bottle-container:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
}
.home-products-section .tcherga-bottle-container {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  text-align: center;
}
.home-products-section .tcherga-bottle-container:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
}
.home-products-section .large-bottle-inner-wrap {
  width: 60px;
  display: inline-block;
}
@media only screen and (min-width: 480px) {
  .home-products-section .products-title-wrap {
    padding-left: 40px;
  }
  .home-products-section .large-bottle-inner-wrap {
    width: 90px;
  }
  .home-products-section .products-grid-text {
    display: block;
    font-size: 14px;
    margin: 0;
    text-align: center;
  }
  .home-products-section .large-bottle-wrap {
    margin-top: 25px;
  }
  .home-products-section .bottle-wrap {
    width: 100px;
    height: auto;
    padding-top: 0;
  }
  .home-products-section .menada-bottle-wrap {
    width: 90px;
    height: auto;
  }
  .home-products-section .products-large-item {
    padding-bottom: 100%;
  }
}
@media only screen and (min-width: 550px) {
  .home-products-section .large-bottle-inner-wrap {
    width: 110px;
  }
}
@media only screen and (min-width: 640px) {
  .home-products-section .products-large-item-bottom {
    display: block;
  }
  .home-products-section .products-line-btn-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: 7px;
  }
}
@media only screen and (min-width: 720px) {
  .home-products-section .large-bottle-inner-wrap {
    width: 100%;
  }
  .home-products-section .large-bottle-wrap {
    width: 150px;
  }
  .home-products-section .bottle-wrap {
    width: 110px;
  }
  .home-products-section .menada-bottle-wrap {
    width: 95px;
  }
  .home-products-section .inner-item-content {
    padding: 50px 65px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-products-section .menada-bottle-wrap {
    width: 8.7vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-bottom: -6px;
  }
  .home-products-section .bottle-wrap {
    width: 9.38vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.5s;
    margin-bottom: -6px;
  }
  .home-products-section .products-inner-wrap {
    width: 99%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  .home-products-section
    .products-inner-wrap:hover
    .menada-bottle-container
    .menada-bottle-wrap,
  .home-products-section
    .products-inner-wrap:hover
    .tcherga-bottle-container
    .bottle-wrap {
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  .home-products-section .large-item-bottom-wrap {
    width: 99%;
  }
  .home-products-section .products-logo-title {
    font-size: 15px;
  }
  .home-products-section .large-bottle-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.5s;
    margin-top: 1.3vw;
    width: 10.42vw;
  }
  .home-products-section .products-title {
    font-size: 2.76vw;
    letter-spacing: 0.36vw;
  }
  .home-products-section .products-title .small-text {
    font-size: 1.25vw;
    top: 1.56vw;
  }
  .home-products-section .products-title-line {
    padding-top: 3.91vw;
    padding-bottom: 4.69vw;
  }
  .home-products-section .products-title-wrap {
    padding-left: 2.6vw;
  }
  .home-products-section .inner-item-content {
    padding: 4.69vw 3.39vw 4.17vw;
  }
  .home-products-section .products-grid-text-wrap {
    margin-top: 2.6vw;
  }
  .home-products-section .products-inner-item {
    margin-top: 0;
    padding-bottom: 84%;
  }
  .home-products-section .products-inner-item:last-child {
    padding-bottom: 84%;
    margin-top: 1.04vw;
  }
  .home-products-section .products-inner-item.tcherga .bg-image {
    margin-top: -150px;
    height: calc(100% + 150px);
  }
  .home-products-section .products-inner-item.menada {
    z-index: 2;
  }
  .home-products-section .products-inner-item.menada .bg-image {
    margin-top: -150px;
    height: calc(100% + 150px);
    background-position: 15% center;
  }
  .home-products-section .products-large-item {
    padding-bottom: 120%;
  }
  .home-products-section .products-large-item .bg-image {
    margin-bottom: -350px;
    height: calc(100% + 350px);
  }
  .home-products-section .large-bottom-title-wrap {
    padding-top: 1.82vw;
    padding-bottom: 1.82vw;
    padding-left: 3.91vw;
  }
  .home-products-section .products-line-btn-wrap {
    margin-top: 0.63vw;
  }
}
.home-region-section.bg-lang .item-section-title .item-title,
.home-region-section.bg-lang .special-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
@media only screen and (min-width: 1151px) {
  .home-products-section .products-inner-item,
  .home-products-section .products-inner-item:last-child {
    padding-bottom: 74%;
  }
}
@media only screen and (min-width: 1281px) {
  .home-products-section .menada-bottle-wrap {
    width: 7.29vw;
  }
  .home-products-section .bottle-wrap {
    width: 7.55vw;
  }
  .home-products-section .large-bottle-wrap {
    width: 10.42vw;
  }
  .home-products-section .products-inner-item,
  .home-products-section .products-inner-item:last-child {
    padding-bottom: 68.4%;
  }
  .home-products-section .products-large-item {
    padding-bottom: 115.7%;
  }
}
@media only screen and (min-width: 1367px) {
  .home-products-section .products-large-item {
    padding-bottom: 125.7%;
  }
  .home-products-section .products-inner-item {
    padding-bottom: 65.4%;
  }
  .home-products-section .products-inner-item:last-child {
    padding-bottom: 67.3%;
  }
}
@media only screen and (min-width: 1441px) {
  .home-products-section .large-bottle-wrap {
    width: 11.46vw;
  }
}
@media only screen and (min-width: 1501px) {
  .home-products-section .menada-bottle-wrap {
    width: 6.77vw;
  }
  .home-products-section .bottle-wrap {
    width: 7.29vw;
  }
}
@media only screen and (min-width: 1781px) {
  .home-products-section .menada-bottle-wrap {
    width: 6.61vw;
  }
  .home-products-section .large-bottle-wrap {
    width: 10vw;
    max-width: 192px;
  }
  .home-products-section .products-inner-item.menada .bg-image {
    background-position: 55% center;
  }
}
@media only screen and (min-width: 1921px) {
  .home-products-section .products-inner-item.menada,
  .home-products-section .products-inner-item.tcherga {
    padding-bottom: 72%;
  }
}
.home-region-section.bg-lang .item-section-title .item-title .small-text {
  font-size: 30px;
}
.home-region-section.bg-lang .special-title {
  line-height: 1em;
}
.home-region-section .region-grid-wrap {
  font-size: 0;
  padding-top: 60px;
  overflow: hidden;
}
.home-region-section .item-section-title {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 50px 20px;
}
.home-region-section .item-section-title .item-title {
  font-size: 56px;
  line-height: 1.4em;
  letter-spacing: 5px;
}
.home-region-section .item-section-title .item-title .small-text {
  display: block;
  font-size: 18px;
  line-height: 1em;
  letter-spacing: 2px;
  margin-bottom: -10px;
}
.home-region-section .item-section-title .item-content {
  width: 100%;
  margin-top: 40px;
}
.home-region-section .item-section-title .item-content-text {
  font-size: 14px;
  color: #896f4b;
  margin: 0;
}
.home-region-section .item-section-title .item-content-text:first-of-type {
  font-size: 14px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 640px) {
  .home-region-section .item-section-title {
    width: 63%;
    padding: 50px 40px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-region-section .item-section-title {
    padding: 0 0 35.9%;
    width: 50%;
  }
  .home-region-section .item-section-title .item-title {
    font-size: 3.75vw;
    letter-spacing: 0.94vw;
  }
  .home-region-section .item-section-title .item-title .small-text {
    margin-bottom: -1.3vw;
  }
  .home-region-section .item-section-title .item-title-wrap {
    position: absolute;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 21.88vw;
    left: 2.08vw;
  }
  .home-region-section .item-section-title .item-content {
    width: 80%;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    padding: 4.43vw 2.34vw;
  }
}
@media only screen and (min-width: 1151px) {
  .home-region-section .item-section-title .item-content {
    width: 70%;
  }
}
@media only screen and (min-width: 1367px) {
  .home-region-section .item-section-title .item-content {
    width: 50%;
  }
}
@media only screen and (min-width: 1921px) {
  .home-region-section .item-section-title .item-content {
    padding: 85px 45px;
  }
  .home-region-section .item-section-title .item-title-wrap {
    top: 420px;
  }
}
.home-region-section .image-map {
  display: inline-block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-region-section .item-special {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  font-size: 0;
  margin-top: 20px;
}
.home-region-section .item-special-wrap {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.home-region-section .item-bg,
.home-region-section .spec-list-wrap .line {
  display: none;
}
.home-region-section .item-special-content {
  background: #d4d4d4;
  padding: 10.94vw 4.17vw 3.13vw;
}
.home-region-section .special-title {
  font-size: 24px;
  color: #bf9a64;
  letter-spacing: 3px;
}
.home-region-section .spec-list {
  margin: 0;
  list-style-type: none;
  padding: 30px 0;
}
.home-region-section .list-item {
  font-size: 16px;
  color: #000;
  margin-bottom: 20px;
}
.home-region-section .list-item:last-child {
  margin-bottom: 10px;
}
.home-region-section .item-center {
  width: calc(100% + 30px);
  margin: 20px auto 0 -15px;
}
.home-region-section .image-center-wrap {
  box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.66);
  font-size: 0;
}
.home-region-section .image-center {
  max-width: 100%;
  display: inline-block;
}
.home-region-section .label {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.home-region-section .label-wrap {
  padding: 10px 20px;
  background: #191919;
}
.home-region-section .label-text {
  display: block;
  font-size: 16px;
  color: #bf9a64;
}
.home-region-section .label-text:first-child {
  letter-spacing: 1px;
  line-height: 1.1em;
}
.home-wine-section.bg-lang .recipes-container .recipes-title,
.home-wine-section.bg-lang .recipes-title,
.home-wine-section.bg-lang .wine-grid-item.full-width .wine-title {
  font-family: "Times New Roman", serif;
  letter-spacing: 0;
  font-weight: 600;
}
.home-region-section .large {
  font-size: 25px;
}
.home-region-section .small {
  font-size: 10px;
}
.home-region-section .glass-image-wrap {
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-size: 0;
}
.home-region-section .glass-image {
  width: 100%;
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-region-section .item-map {
  display: none;
}
@media only screen and (min-width: 480px) {
  .home-region-section .region-grid-wrap {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 640px) {
  .home-region-section .item-special {
    width: 35%;
    top: 20px;
    margin-top: 0;
  }
  .home-region-section .item-center {
    width: 70%;
    margin: -20px auto 0;
  }
  .home-region-section .spec-list-wrap .line {
    position: absolute;
    display: inline-block;
    width: 65px;
    height: 1px;
    background: #000;
  }
}
@media only screen and (min-width: 720px) {
  .home-region-section .special-title {
    font-size: 27px;
  }
}
@media only screen and (min-width: 1025px) {
  .home-region-section {
    margin-bottom: -5.21vw;
  }
  .home-region-section.bg-lang .item-section-title .item-title {
    font-family: "Times New Roman", serif;
    font-weight: 600;
    letter-spacing: 0;
  }
  .home-region-section.bg-lang .item-section-title .item-title .small-text {
    font-size: 2.4vw;
  }
  .home-region-section .image-center {
    visibility: hidden;
  }
  .home-region-section .label {
    bottom: 2.08vw;
    right: 3.13vw;
  }
  .home-region-section .label-wrap {
    padding: 15px 2.08vw;
  }
  .home-region-section .region-grid-wrap {
    padding-top: 90px;
    overflow: visible;
  }
  .home-region-section .item-special {
    width: 50%;
    top: 0;
  }
  .home-region-section .item-special-wrap {
    width: 50%;
    margin-top: 4.17vw;
  }
  .home-region-section .item-map {
    display: block;
    position: absolute;
    right: 1%;
    top: -4.69vw;
  }
  .home-region-section .item-center {
    margin: 0;
    top: 35.42vw;
    position: absolute;
    left: 25%;
    max-width: 50%;
  }
  .home-region-section .image-map-wrap {
    max-width: 380px;
  }
  .home-region-section .glass-image-wrap {
    display: block;
    position: absolute;
    width: 11.04vw;
    top: 6.77vw;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .home-region-section .label-text {
    font-size: 0.94vw;
  }
  .home-region-section .large {
    font-size: 1.51vw;
  }
  .home-region-section .item-bg {
    display: block;
    padding-bottom: 47%;
    z-index: -1;
    margin-top: -14.58vw;
  }
}
@media only screen and (min-width: 1151px) {
  .home-region-section .image-map-wrap {
    max-width: 400px;
  }
  .home-region-section .item-center {
    top: 32.29vw;
  }
  .home-region-section .item-bg {
    padding-bottom: 50%;
  }
}
@media only screen and (min-width: 1281px) {
  .home-region-section .item-map {
    top: -7.29vw;
  }
  .home-region-section .image-map-wrap {
    max-width: 500px;
  }
  .home-region-section .item-center {
    top: 30.21vw;
  }
}
@media only screen and (min-width: 1367px) {
  .home-region-section .list-item {
    font-size: 18px;
  }
  .home-region-section .item-bg {
    padding-bottom: 52%;
    margin-top: -10.42vw;
  }
  .home-region-section .glass-image-wrap {
    top: 3.91vw;
  }
}
@media only screen and (min-width: 1661px) {
  .home-region-section .item-center {
    top: 24.74vw;
  }
  .home-region-section .image-map-wrap {
    max-width: 611px;
  }
}
@media only screen and (min-width: 1921px) {
  .home-region-section .item-special-content {
    padding: 210px 60px 60px;
  }
  .home-region-section .glass-image-wrap {
    max-width: 212px;
    top: 70px;
  }
  .home-region-section .item-center {
    top: 490px;
  }
  .home-region-section .label-text {
    font-size: 18px;
  }
  .home-region-section .large {
    font-size: 29px;
  }
  .home-region-section .label {
    right: 60px;
  }
}
.home-wine-section {
  margin-top: 50px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1367px) {
  .home-wine-section.bg-lang .wine-grid-item.full-width .wine-grid-item-wrap {
    padding-bottom: 2.08vw;
  }
}
.home-wine-section .wine-grid {
  font-size: 0;
}
.home-wine-section .wine-grid-item {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.home-wine-section .wine-grid-item.background {
  display: none;
}
.home-wine-section .wine-grid-item.title {
  width: 100%;
  margin-top: 30px;
}
.home-wine-section .wine-grid-item.full-width {
  width: 100%;
  text-align: right;
}
.home-wine-section .wine-grid-item.full-width .wine-grid-item-wrap {
  padding-top: 50px;
  padding-bottom: 40px;
  background: linear-gradient(to right, #141414, rgba(20, 20, 20, 0.2));
}
.home-wine-section .wine-grid-item.full-width .title-wrap {
  padding: 0 20px;
  text-align: left;
}
.home-wine-section .wine-grid-item.full-width .wine-title {
  font-size: 50px;
  line-height: 1.1em;
  letter-spacing: 3px;
}
.home-wine-section .wine-grid-item.full-width .wine-title .small-text {
  color: #fff;
  font-size: 36px;
}
.home-wine-section .wine-grid-item.recipes {
  width: 100%;
  padding-bottom: 100%;
}
@media only screen and (min-width: 480px) {
  .home-wine-section .wine-grid-item.full-width .title-wrap {
    padding: 0 20px;
    text-align: left;
  }
  .home-wine-section .wine-grid-item.full-width .wine-title {
    font-size: 56px;
    line-height: 1.3em;
    letter-spacing: 6px;
  }
  .home-wine-section .wine-grid-item.full-width .wine-title .small-text {
    font-size: 42px;
  }
  .home-wine-section .wine-grid-item.recipes {
    padding-bottom: 50%;
  }
}
@media only screen and (min-width: 640px) {
  .home-wine-section .wine-grid-item.full-width .title-wrap {
    padding: 0 40px 0 230px;
    text-align: left;
    min-height: 140px;
  }
  .home-wine-section .wine-grid-item.recipes {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .home-wine-section .wine-grid-item {
    width: 25%;
  }
  .home-wine-section .wine-grid-item.recipes {
    width: 25%;
    padding-bottom: 30%;
  }
  .home-wine-section .wine-grid-item.recipes:hover .recipes-container {
    background: rgba(34, 34, 34, 0.65);
    border: 10px solid #000;
  }
  .home-wine-section .wine-grid-item.recipes:hover .link-btn {
    color: #000;
    background: #e1a957;
  }
  .home-wine-section .wine-grid-item.full-width .title-wrap {
    padding: 0 70px;
    text-align: right;
    min-height: 20px;
  }
  .home-wine-section .wine-grid-item.full-width .wine-title {
    font-size: 5.57vw;
    letter-spacing: 0.42vw;
  }
  .home-wine-section .wine-grid-item.full-width .wine-title .small-text {
    font-size: 3.7vw;
  }
  .home-wine-section .wine-grid-item.full-width .wine-grid-item-wrap {
    padding-top: 4.69vw;
    padding-bottom: 3.13vw;
  }
  .home-wine-section .wine-grid-item.background {
    display: inline-block;
  }
  .home-wine-section .wine-grid-item.title {
    width: 25%;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1367px) {
  .home-wine-section .wine-grid-item.full-width .wine-grid-item-wrap {
    padding-top: 5.47vw;
    padding-bottom: 4.69vw;
  }
}
.home-wine-section .wine-content-wrap {
  width: 100%;
  font-size: 0;
  margin-top: 40px;
}
.home-wine-section .recipes-inner-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.home-wine-section .wine-content-item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-right: 20px;
  padding-left: 20px;
  text-align: left;
}
.home-wine-section .wine-content-item:first-child {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 10px;
}
.home-wine-section .wine-content-text {
  font-size: 14px;
  color: #896f4b;
  margin: 0;
}
.home-wine-section .recipes-title {
  font-size: 40px;
  letter-spacing: 2px;
  color: #d5a052;
}
.home-wine-section .recipes-container {
  padding: 5.21vw 10px;
}
.home-wine-section .recipes-container .recipes-title {
  font-size: 26px;
  letter-spacing: 2px;
}
.home-wine-section .recipes-container .recipes-title span {
  display: block;
  font-family: Play, sans-serif;
  font-size: 13px;
}
.home-wine-section .recipes-container .recipes-btn-wrap {
  margin-top: 50px;
}
.home-wine-section .recipes-content {
  padding: 20px 10px;
  background: #0e0e0e;
}
.home-wine-section .recipes-btn-wrap {
  margin-top: 20px;
}
.home-wine-section .bg-container {
  padding-bottom: 85%;
}
.home-wine-section .wine-hands {
  display: none;
}
.home-wine-section .wine-hands-wrap {
  overflow: hidden;
  width: 270px;
}
.home-wine-section .wine-hands-image {
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .home-wine-section .wine-hands {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-wine-section .wine-content-item {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-right: 75px;
    padding-left: 30px;
    text-align: left;
  }
  .home-wine-section .wine-content-item:first-child {
    padding-right: 30px;
    padding-left: 75px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .home-wine-section {
    margin-top: 0;
    margin-bottom: 0;
  }
  .home-wine-section .recipes-content {
    padding-top: 5.47vw;
    padding-bottom: 4.17vw;
    background: #0e0e0e;
  }
  .home-wine-section .wine-content-wrap {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-top: 4.17vw;
  }
  .home-wine-section .wine-hands-wrap {
    width: 47.92vw;
  }
  .home-wine-section .wine-content-item {
    padding-right: 3.91vw;
    padding-left: 1.56vw;
  }
  .home-wine-section .wine-content-item:first-child {
    padding-left: 3.91vw;
    padding-right: 1.56vw;
  }
  .home-wine-section .recipes-title {
    font-size: 1.72vw;
  }
  .home-wine-section .recipes-container .recipes-title {
    font-size: 1.35vw;
  }
  .home-wine-section .recipes-container .recipes-btn-wrap {
    margin-top: 6.25vw;
  }
  .home-wine-section .recipes-btn-wrap {
    margin-top: 1.56vw;
  }
}
@media only screen and (min-width: 1367px) {
  .home-wine-section .wine-hands-wrap {
    width: 46.15vw;
  }
}
.recipes-section {
  padding-bottom: 4.17vw;
}
.recipes-section.bg-lang .recipes-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.recipes-grid {
  font-size: 0;
}
.recipes-grid-item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding-bottom: 100%;
  width: calc(100% + 15px);
}
.recipes-container .recipes-container-wrap,
.recipes-container:before {
  display: inline-block;
  vertical-align: middle;
}
.recipes-grid-item:nth-child(odd) {
  margin-right: -15px;
}
.recipes-grid-item:nth-child(even) {
  margin-left: -15px;
}
@media only screen and (min-width: 480px) {
  .recipes-grid-item {
    width: 50%;
    padding-bottom: 50%;
  }
  .recipes-grid-item:nth-child(odd) {
    margin-top: 40px;
    margin-right: 0;
  }
  .recipes-grid-item:nth-child(even) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 640px) {
  .recipes-grid-item {
    width: 50%;
    padding-bottom: 50%;
  }
  .recipes-grid-item:nth-child(odd) {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 1025px) {
  .recipes-grid-item {
    width: 25%;
    padding-bottom: 30%;
  }
  .recipes-grid-item:nth-child(odd) {
    margin-top: 0;
  }
  .recipes-grid-item:hover .recipes-container {
    background: rgba(34, 34, 34, 0.65);
    border: 10px solid #000;
  }
  .recipes-grid-item:hover .recipes-btn {
    color: #000;
    background: #e1a957;
  }
}
@media only screen and (min-width: 1367px) {
  .recipes-grid-item {
    padding-bottom: 30%;
  }
}
.recipes-container {
  position: absolute;
  padding: 0 10px;
  border: 10px solid transparent;
  left: 0;
  width: 100%;
  height: 100%;
  transition: border 0.3s, background 0.4s;
}
.recipes-container:before {
  content: "";
  height: 100%;
}
.recipes-container .recipes-title {
  font-size: 26px;
  letter-spacing: 2px;
}
.recipes-container .recipes-title span {
  display: block;
  font-family: Play, sans-serif;
  font-size: 13px;
}
.recipes-container .recipes-btn-wrap {
  margin-top: 6.25vw;
}
@media only screen and (min-width: 480px) {
  .recipes-container .recipes-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 640px) {
  .recipes-container .recipes-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1025px) {
  .recipes-container .recipes-title {
    font-size: 1.35vw;
  }
}
.recipes-btn {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1px;
  position: relative;
  color: #fff;
  background: #000;
  line-height: 1em;
  padding: 15px 25px;
  border-radius: 40px;
  transition: color 0.2s, background 0.3s;
}
.recipes-detail-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.recipes-detail-section.bg-lang .back-btn,
.recipes-detail-section.bg-lang .recipes-container .recipes-title,
.recipes-detail-section.bg-lang .recipes-item-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.recipes-detail-section .detail-recipes-grid {
  font-size: 0;
  padding-bottom: 5.21vw;
}
.recipes-detail-section .detail-recipes-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
}
.recipes-detail-section .detail-recipes-item.large {
  width: calc(100% + 30px);
  margin-left: -15px;
  padding-bottom: 110%;
}
.recipes-detail-section .container-item {
  margin-bottom: 3.13vw;
}
.recipes-detail-section .recipes-text-container {
  padding: 30px 20px;
}
.recipes-detail-section .recipes-item-title {
  font-size: 26px;
  color: grey;
  letter-spacing: 3px;
}
.region-section.bg-lang .climate-large-title,
.region-section.bg-lang .number-unit,
.region-section.bg-lang .region-title,
.region-section.bg-lang .soils-title,
.region-section.bg-lang .varieties-main-title,
.region-section.bg-lang .varieties-title {
  font-family: "Times New Roman", serif;
  letter-spacing: 0;
  font-weight: 600;
}
.recipes-detail-section .text-content {
  font-size: 14px;
  color: grey;
  margin-top: 1.56vw;
}
.recipes-detail-section .text-content ul {
  list-style-type: none;
  padding: 0;
}
.recipes-detail-section .text-content li {
  font-size: 12px;
  text-transform: uppercase;
  color: #896f4b;
  margin-top: 0.78vw;
}
.recipes-detail-section .text-content li:last-child {
  margin-bottom: 0;
}
.recipes-detail-section .recipes-grid-item {
  width: calc(100% + 15px);
  padding-bottom: 100%;
}
.recipes-detail-section .bg-block {
  position: absolute;
  top: -20%;
  left: 0;
  z-index: -1;
  width: 100%;
}
.recipes-detail-section .bg-block-image {
  display: inline-block;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .recipes-detail-section .recipes-grid-item {
    width: 50%;
    padding-bottom: 50%;
  }
  .recipes-detail-section .detail-recipes-item.large {
    width: 100%;
    margin-left: 0;
    padding-bottom: 100%;
  }
}
@media only screen and (min-width: 720px) {
  .recipes-detail-section .recipes-text-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .recipes-detail-section .bg-block {
    position: absolute;
    top: -20%;
    left: 15%;
    z-index: 0;
    width: 46.41vw;
  }
  .recipes-detail-section .recipes-item-title {
    font-size: 22px;
  }
  .recipes-detail-section .detail-recipes-item {
    vertical-align: top;
    width: 25%;
    margin-bottom: 0;
  }
  .recipes-detail-section .detail-recipes-item.large {
    width: 50%;
    padding-bottom: 60%;
  }
  .recipes-detail-section .detail-recipes-item.large .recipes-title {
    font-size: 2.34vw;
  }
  .recipes-detail-section .recipes-grid-item {
    width: 100%;
    padding-bottom: 120%;
  }
  .recipes-detail-section .recipes-text-container {
    padding: 0 3.65vw 2.08vw;
  }
}
@media only screen and (min-width: 1367px) {
  .recipes-detail-section .recipes-item-title {
    font-size: 26px;
  }
}
.region-section.bg-lang .climate-large-title {
  line-height: 1em;
}
.region-section.bg-lang .varieties-title {
  line-height: 1em;
}
.region-section.bg-lang .climate-title {
  max-width: 170px;
}
.region-section.bg-lang .text-unit {
  max-width: 250px;
}
.region-section.bg-lang .climate-content {
  padding-top: 0;
}
.region-section .region-intro-wrap {
  width: calc(100% + 30px);
  margin-left: -15px;
  padding: 30px 35px;
}
.region-section .region-intro-wrap .bg-image {
  background-position: 75% center;
}
.region-section .region-title {
  font-size: 36px;
  letter-spacing: 3px;
}
.region-section .region-intro-content {
  padding: 30px 20px;
  background: rgba(0, 0, 0, 0.7);
  margin-top: 20px;
}
.region-section .region-intro-text {
  margin: 0 0 15px;
  font-size: 14px;
}
.region-section .region-intro-video {
  margin-top: 20px;
  text-align: left;
}
.region-section .video-player-wrap {
  padding-bottom: 75%;
}
.region-section .video-container-item {
  width: 100%;
  text-align: left;
}
.region-section .intro-bg-block {
  width: 100%;
  position: absolute;
  top: 40px;
  left: 0;
}
.region-section .intro-bg-element {
  width: 100%;
  position: absolute;
  top: 80%;
  left: 0;
}
.region-section .intro-bg-image,
.region-section .intro-element-image {
  display: inline-block;
  width: 100%;
}
.region-section .climate-grid {
  font-size: 0;
}
.region-section .climate-item {
  width: 100%;
  display: inline-block;
}
.region-section .climate-item .bg-image {
  opacity: 0.7;
}
.region-section .climate-large-item {
  width: 100%;
  display: inline-block;
}
.region-section .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #292724;
  opacity: 0.35;
}
.region-section .climate-item-wrap {
  padding: 30px;
  text-align: center;
}
.region-section .climate-item-wrap .bg-image {
  background-position: center top;
}
.region-section .climate-title {
  font-size: 18px;
  font-family: Play, sans-serif;
  color: #fff;
  opacity: 0.47;
  text-transform: uppercase;
  max-width: 150px;
  display: inline-block;
  line-height: 1em;
}
.region-section .climate-title span {
  display: block;
}
.region-section .climate-content {
  padding-top: 1.04vw;
}
.region-section .content-icon {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  margin-right: 15px;
}
.region-section .row-content {
  display: inline-block;
  vertical-align: top;
  max-width: 160px;
  text-align: left;
}
.region-section .number-unit {
  font-size: 32px;
  line-height: 1em;
  font-family: "Abril Fatface", "Times New Roman", serif;
  letter-spacing: 6px;
  color: #e1a957;
  display: block;
}
.region-section .number-unit span {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1em;
  margin-left: 3px;
}
.region-section .text-unit {
  display: block;
  font-size: 13px;
  color: #fff;
  letter-spacing: 1px;
  margin-top: 15px;
  max-width: 120px;
}
.region-section .border-line {
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background: #717171;
}
.region-section .item-content-container {
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.region-section .large-item-content {
  width: 100%;
  padding: 50px 15px;
}
.region-section .large-content-wrap {
  padding: 10px 20px 30px;
  border: 3px solid #e1a957;
}
.region-section .climate-large-title {
  font-size: 36px;
  letter-spacing: 3px;
}
.region-section .large-text-wrap {
  margin-top: 15px;
}
.region-section .large-text {
  font-size: 14px;
  color: #d4d4d4;
  margin: 0 0 15px;
}
.region-section .climate-large-wrap {
  width: calc(100% + 30px);
  margin-left: -15px;
}
.region-section .climate-large-wrap .bg-image {
  background-position: center bottom;
  opacity: 0.6;
}
.region-section .soils {
  margin-top: 50px;
  margin-bottom: 80px;
  text-align: center;
}
.region-section .soils-wrap {
  padding: 10px 20px;
  border: 3px solid #e1a957;
}
.region-section .soils-wrap .title-wrap {
  margin-bottom: 0;
}
.region-section .soils-title {
  font-size: 36px;
  letter-spacing: 3px;
}
.region-section .soils-content {
  max-width: 645px;
  padding: 20px 0;
  display: inline-block;
}
.region-section .soils-text {
  font-size: 14px;
  margin: 0;
  color: #d4d4d4;
}
.region-section .soils-image {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.region-section .soils-image-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  perspective: 400px;
}
.region-section .varieties-section {
  margin-bottom: 7.81vw;
}
.region-section .varieties-grid {
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.region-section .varieties-item {
  width: 100%;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.region-section .varieties-item:first-child {
  text-align: left;
}
.region-section .varieties-main-title {
  font-size: 36px;
  letter-spacing: 3px;
  text-align: left;
  margin-bottom: 20px;
}
.region-section .varieties-title {
  font-size: 22px;
  letter-spacing: 2px;
}
.region-section .varieties-text {
  font-size: 14px;
  margin: 0 0 15px;
}
.region-section .varieties-image-container {
  font-size: 0;
  margin-bottom: 15px;
}
.region-section .varieties-image-wrap {
  text-align: center;
  font-size: 0;
}
.region-section .varieties-image-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.region-section .image-item {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  height: 100%;
}
.region-section .image-item:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.region-section .varieties-image {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.region-section .title-wrap {
  margin-bottom: 20px;
}
@media only screen and (min-width: 480px) {
  .region-section .soils,
  .region-section .varieties-item {
    padding-left: 30px;
    padding-right: 30px;
  }
  .region-section .region-intro-wrap {
    width: 100%;
    margin-left: 0;
    padding: 30px;
  }
  .region-section .region-intro-wrap .bg-image {
    background-position: center center;
  }
  .region-section .intro-bg-block {
    width: 65%;
    top: auto;
    bottom: 50px;
    left: 0;
  }
  .region-section .region-intro-content {
    background: rgba(0, 0, 0, 0.9);
  }
  .region-section .item-content-container,
  .region-section .video-container-item {
    width: 50%;
  }
  .region-section .border-line {
    display: none;
  }
  .region-section .climate-large-wrap {
    width: 100%;
    margin-left: 0;
  }
  .region-section .varieties-item {
    width: 50%;
  }
  .region-section .varieties-item:first-child {
    width: 100%;
  }
  .region-section .image-item {
    max-width: 180px;
  }
}
@media only screen and (min-width: 720px) {
  .region-section .large-item-content {
    position: absolute;
    left: 0;
    top: 40px;
    padding: 0 30px;
  }
  .region-section .climate-large-wrap {
    padding-bottom: 60%;
    font-size: 0;
  }
  .region-section .climate-large-wrap .bg-image {
    opacity: 1;
  }
  .region-section .varieties-item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .region-section .climate-item-wrap {
    padding: 3.65vw 1.56vw;
  }
  .region-section .climate-item-wrap .bg-image {
    background-position: center center;
  }
  .region-section .intro-bg-block {
    bottom: auto;
    left: auto;
    top: 0;
    width: 57.29vw;
    right: 5.99vw;
    z-index: 0;
  }
  .region-section .region-intro-content {
    max-width: 450px;
    background: rgba(0, 0, 0, 0.9);
    margin-top: 0.78vw;
    padding: 2.6vw 2.6vw 2.6vw 2.34vw;
  }
  .region-section .region-intro-video {
    margin-top: -0.26vw;
    text-align: right;
  }
  .region-section .video-container-item {
    width: 25%;
  }
  .region-section .region-intro-item {
    padding-top: 3.91vw;
    padding-left: 3.65vw;
    padding-right: 3.65vw;
  }
  .region-section .region-intro-wrap {
    padding: 0;
  }
  .region-section .region-title {
    font-size: 3.65vw;
    letter-spacing: 0.31vw;
  }
  .region-section .climate-item {
    width: 25%;
    vertical-align: bottom;
    top: -10.94vw;
  }
  .region-section .climate-large-item {
    width: 75%;
    vertical-align: bottom;
    padding-right: 2.6vw;
  }
  .region-section .border-line {
    display: block;
  }
  .region-section .item-content-container {
    width: 100%;
    padding-top: 3.13vw;
    padding-bottom: 3.13vw;
  }
  .region-section .large-content-wrap {
    padding: 1.3vw 2.6vw 1.56vw;
  }
  .region-section .number-unit {
    font-size: 2.97vw;
  }
  .region-section .number-unit span {
    font-size: 0.99vw;
  }
  .region-section .climate-large-title,
  .region-section .soils-title {
    font-size: 3.65vw;
    letter-spacing: 0.31vw;
  }
  .region-section .intro-bg-element {
    top: 80%;
    left: 6%;
    width: 46.41vw;
  }
  .region-section .large-item-content {
    padding-left: 3.39vw;
    padding-right: 3.39vw;
  }
  .region-section .large-text {
    margin-top: 0.78vw;
  }
  .region-section .soils {
    margin-top: 3.13vw;
    margin-bottom: 8.85vw;
    padding-left: 3.65vw;
    padding-right: 3.65vw;
  }
  .region-section .soils-content {
    max-width: 800px;
    margin-top: 1.04vw;
    background: #181818;
    display: inline-block;
    padding: 1.04vw 1.56vw;
  }
  .region-section .soils-text {
    color: #ababab;
  }
  .region-section .soils-wrap {
    padding: 1.82vw 1.56vw 1.3vw;
  }
  .region-section .varieties-main-title {
    font-size: 2.5vw;
    letter-spacing: 0.21vw;
    margin-bottom: 0;
  }
  .region-section .varieties-title {
    letter-spacing: 3px;
    font-size: 1.56vw;
  }
  .region-section .varieties-image-container {
    padding-bottom: 136%;
    margin-bottom: 10px;
  }
  .region-section .varieties-item {
    width: 25%;
    padding-left: 3.65vw;
    padding-right: 1.82vw;
    margin-bottom: 40px;
  }
  .region-section .varieties-item .title-wrap {
    margin-bottom: 1.56vw;
    text-align: center;
  }
  .region-section .varieties-item:first-child {
    width: 25%;
  }
  .region-section .image-item {
    max-width: 100%;
    vertical-align: top;
  }
  .region-section .varieties-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 20px;
  }
  .region-section .varieties-image-wrap:before {
    vertical-align: top;
  }
}
@media only screen and (min-width: 1281px) {
  .region-section .intro-bg-block {
    width: 52.08vw;
  }
}
@media only screen and (min-width: 1367px) {
  .region-section .intro-bg-block {
    width: 46.72vw;
  }
  .region-section .varieties-image-wrap {
    padding: 0;
  }
}
.contacts-section {
  margin-bottom: 50px;
}
.contacts-section.bg-lang .contacts-title,
.contacts-section.bg-lang .office-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.contacts-section.bg-lang .office-title .small-line-text {
  letter-spacing: 0;
}
.contacts-section.bg-lang .production-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.contacts-section.bg-lang .production-title .small-line-text {
  letter-spacing: 0;
}
.contacts-section .contacts-grid-wrap {
  font-size: 0;
}
.contacts-section .contacts-links-wrap {
  padding: 0;
  background: 0 0;
}
.contacts-section .contacts-links-wrap .title-wrap {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
}
.contacts-section .contacts-inner-grid {
  width: 100%;
  text-align: right;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
}
.contacts-section .contacts-form.loading .contacts-form-btn {
  pointer-events: none;
  opacity: 0.6;
}
.contacts-section .contacts-form-container {
  width: 100%;
  display: inline-block;
}
.contacts-section .contacts-form-container .title-wrap {
  margin-bottom: 40px;
}
.contacts-section .contacts-form-container-wrap {
  background: #323232;
  padding: 50px 30px 60px;
}
.contacts-section .inner-grid-abs {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
}
.contacts-section .inner-grid-item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  z-index: 1;
}
.contacts-section .abs-bg-image {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
}
.contacts-section .head-office {
  padding: 0 30px 20px;
  background: #0b0b0b;
}
.contacts-section .aside-bg-block {
  display: none;
}
.contacts-section .production {
  padding: 0 30px 20px;
  background: #171717;
  margin-top: 2px;
}
.contacts-section .production .aside-bg-block {
  background: #171717;
}
.contacts-section .office-title {
  display: inline-block;
  font-size: 32px;
  line-height: 1.2em;
  color: #999;
  letter-spacing: 3px;
}
.contacts-section .office-title .small-line-text {
  display: block;
  font-size: 18px;
  line-height: 1.2em;
  letter-spacing: 1px;
}
.contacts-section .production-title {
  font-size: 32px;
  line-height: 1.2em;
  color: #999;
  letter-spacing: 3px;
  display: inline-block;
}
.contacts-section .production-title .small-line-text {
  display: block;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: 1px;
}
.contacts-section .contacts-title {
  font-size: 28px;
  line-height: 1.2em;
  text-align: center;
}
.contacts-section .form-item {
  font-size: 0;
  margin-bottom: 15px;
}
.contacts-section .form-item.focus .form-fld {
  background: 0 0;
  border: 3px solid #e1a957;
}
.contacts-section .form-item.focus .label-form-fld {
  color: #e1a957;
}
.contacts-section .form-item.error-fld .form-fld,
.contacts-section .form-item.error-fld .google-recapcha-wrap {
  border-color: #d42c28;
}
.contacts-section .label-form-fld {
  width: 100%;
  font-size: 14px;
  letter-spacing: 5px;
  display: inline-block;
  text-align: left;
  margin-bottom: 7px;
  margin-left: 20px;
}
.contacts-section .form-fld {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  border: 3px solid transparent;
  border-radius: 40px;
  background: #222;
  padding: 10px 20px;
  color: #a3a3a3;
  transition: background 0.4s, border 0.3s;
}
.contacts-section .google-recapcha {
  text-align: right;
}
.contacts-section .google-recapcha-wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
  border: 3px solid transparent;
  box-sizing: content-box;
}
.contacts-section .g-recaptcha {
  display: inline-block;
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  margin-left: -20px;
}
.contacts-section .contacts-btn-container {
  text-align: right;
}
.contacts-section .btn-contacts-wrap {
  text-align: left;
}
.contacts-section .text-message {
  width: 100%;
  height: 160px;
  resize: none;
  -webkit-appearance: none;
  appearance: none;
  overflow: auto;
  border-radius: 25px;
}
.contacts-section .form-success {
  width: 100%;
  height: 0;
  background: #e1a957;
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  z-index: 5;
  transition: top 0.7s, height 0.7s;
  text-align: center;
}
.contacts-section .form-success:before {
  content: "";
  width: 1px;
  margin-left: -1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.contacts-section .form-success.active {
  height: 100%;
}
.contacts-section .form-success.active .form-success-wrap {
  visibility: visible;
  opacity: 1;
}
.brands-section .bg-custom-color,
.detail-product-section
  .detail-container-image-wrap
  .type-label
  .small-text.split-char,
.detail-product-section .icon-wrap.split-char,
.detail-product-section .list-text-image-wrap.split-char {
  visibility: hidden;
}
.contacts-section .form-success-wrap {
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.contacts-section .success-text {
  font-size: 36px;
  font-weight: 400;
  color: #171717;
  padding: 0 30px;
}
@media only screen and (min-width: 640px) {
  .contacts-section .contacts-form-container,
  .contacts-section .contacts-inner-grid {
    width: 50%;
  }
  .contacts-section .btn-contacts-wrap {
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .contacts-section .contacts-links-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .contacts-section .contacts-form-container .title-wrap {
    margin-bottom: 4.17vw;
  }
  .contacts-section .contacts-form-container-wrap {
    padding: 5.21vw 4.17vw 5.21vw 7.29vw;
  }
  .contacts-section .contacts-title {
    font-size: 28px;
    letter-spacing: 0.31vw;
  }
  .contacts-section .office-title,
  .contacts-section .production-title {
    font-size: 28px;
  }
  .contacts-section .form-fld,
  .contacts-section .head-office .small-text,
  .contacts-section .production .small-text {
    font-size: 14px;
  }
  .contacts-section .aside-bg-block {
    display: block;
    width: 80px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100%;
    background: #0b0b0b;
  }
  .contacts-section .head-office {
    padding-bottom: 0;
  }
  .contacts-section .production {
    margin-top: 0;
    padding-bottom: 0;
  }
  .contacts-section .inner-grid-item {
    width: 70%;
  }
  .contacts-section .g-recaptcha {
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -4.17vw;
  }
  .contacts-section .inner-grid-abs {
    right: auto;
    left: 0;
  }
  .contacts-section .contacts-links-wrap .title-wrap {
    position: absolute;
    left: -5px;
    bottom: 30px;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100% 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 0;
    text-align: left;
  }
  .contacts-section .label-form-fld {
    width: 35%;
    font-size: 14px;
    vertical-align: top;
    text-align: right;
    padding-top: 15px;
    padding-right: 30px;
    box-sizing: border-box;
    margin: 0;
  }
  .contacts-section .form-fld {
    width: 65%;
    vertical-align: top;
    padding: 15px 20px;
  }
  .contacts-section .btn-contacts-wrap {
    width: 65%;
    display: inline-block;
    text-align: left;
  }
  .contacts-section .google-recapcha-wrap,
  .contacts-section .text-message {
    width: 65%;
  }
  .contacts-section .form-item {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1151px) {
  .contacts-section .g-recaptcha {
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    margin-left: -1.56vw;
  }
}
@media only screen and (min-width: 1281px) {
  .contacts-section .office-title,
  .contacts-section .production-title {
    font-size: 2.08vw;
  }
  .contacts-section .aside-bg-block {
    width: 5.73vw;
  }
  .contacts-section .inner-grid-item {
    width: 50%;
  }
}
@media only screen and (min-width: 1367px) {
  .contacts-section .aside-bg-block {
    width: 4.69vw;
  }
  .contacts-section .contacts-title {
    font-size: 30px;
    letter-spacing: 0.31vw;
  }
  .contacts-section .g-recaptcha {
    -ms-transform: scale(1);
    transform: scale(1);
    margin-left: 0;
  }
}
.life-style-section {
  margin-bottom: 50px;
}
.life-style-section.bg-lang .intro-fullscreen .intro-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang .intro-fullscreen .intro-title .small-line-text {
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang .intro-fullscreen .intro-main-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang
  .intro-fullscreen
  .intro-main-title
  .small-line-text {
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang .tips-section .tips-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.life-style-section.bg-lang .tips-section .tips-title .small-line-text {
  letter-spacing: 0;
}
.life-style-section.bg-lang .entertainment-section .entertainment-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang
  .entertainment-section
  .entertainment-title
  .small-line-text {
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang .wine-calendar-section .calendar-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.life-style-section.bg-lang .traditions-section .traditions-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang
  .traditions-section
  .traditions-title
  .small-line-text {
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang .about-wine-section .about-wine-title,
.life-style-section.bg-lang .wine-dict-section .dict-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section.bg-lang .wine-dict-section .dict-title .small-line-text {
  letter-spacing: 0;
  line-height: 1em;
}
.life-style-section .intro-fullscreen {
  width: 100%;
}
.life-style-section .intro-fullscreen .intro-fullscreen-wrap {
  width: 100%;
  height: 100%;
}
.life-style-section .intro-fullscreen .glass-wrap {
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
}
.life-style-section .intro-fullscreen .glass-image,
.life-style-section .intro-fullscreen .glass-inner-wrap {
  display: inline-block;
  width: 100%;
}
.life-style-section .intro-fullscreen .lifestyle-text-wrap {
  width: 100%;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}
.life-style-section .intro-fullscreen .lifestyle-text-wrap .title-wrap {
  text-align: right;
}
.life-style-section .intro-fullscreen .lifestyle-text-container {
  margin-top: 20px;
}
.life-style-section
  .intro-fullscreen
  .lifestyle-text-container.color
  .lifestyle-text {
  color: #896f4b;
}
.life-style-section .intro-fullscreen .intro-main-title {
  font-size: 56px;
  letter-spacing: 3px;
  line-height: 1em;
  display: inline-block;
}
.life-style-section .intro-fullscreen .intro-main-title .small-line-text {
  font-size: 32px;
  display: block;
  letter-spacing: 2px;
  line-height: 1.2em;
}
.life-style-section .intro-fullscreen .lifestyle-text {
  margin: 0 0 20px;
  font-size: 14px;
}
.life-style-section .intro-fullscreen .lifestyle-large-text-wrap {
  display: inline-block;
  width: 100%;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.life-style-section .intro-fullscreen .intro-title {
  font-size: 38px;
  letter-spacing: 3px;
  line-height: 1.2em;
}
.life-style-section .intro-fullscreen .intro-title .small-line-text {
  display: block;
  font-size: 22px;
  line-height: 1.2em;
}
.life-style-section .intro-fullscreen .intro-image-container {
  width: calc(100% + 30px);
  margin-left: -15px;
  display: inline-block;
  margin-top: 20px;
}
.life-style-section .intro-fullscreen .intro-image-wrap {
  display: inline-block;
  margin-top: 10px;
}
.life-style-section .intro-fullscreen .intro-image {
  display: block;
  width: 100%;
}
.life-style-section .intro-fullscreen .fit-container {
  width: 100%;
  height: 100%;
  text-align: right;
  font-size: 0;
  margin-top: 30px;
}
.life-style-section .intro-fullscreen .fit-abs {
  font-size: 0;
}
@media only screen and (min-width: 480px) {
  .life-style-section .intro-fullscreen .intro-image-container {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    margin-left: 0;
  }
  .life-style-section .intro-fullscreen .lifestyle-large-text-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }
  .life-style-section .intro-fullscreen .lifestyle-text-wrap {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 40px;
    padding-top: 30px;
  }
  .life-style-section .intro-fullscreen .glass-inner-wrap {
    width: 80%;
  }
  .life-style-section .intro-fullscreen .glass-wrap {
    position: relative;
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    opacity: 1;
  }
  .life-style-section .intro-fullscreen .intro-main-title {
    display: block;
    text-align: left;
  }
  .life-style-section .intro-fullscreen .intro-image-wrap {
    margin-top: 0;
    box-shadow: 0 8px 50px 1px rgba(0, 0, 0, 0.4);
  }
  .life-style-section .intro-fullscreen .intro-fullscreen-wrap {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .life-style-section .intro-fullscreen .intro-fullscreen-wrap {
    padding-bottom: 0;
  }
  .life-style-section .intro-fullscreen .fit-abs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .life-style-section .intro-fullscreen .fit-container {
    margin-top: 0;
  }
  .life-style-section .intro-fullscreen .glass-wrap {
    position: absolute;
    width: 35.94vw;
    top: -12.5vw;
    left: 5.21vw;
  }
  .life-style-section .intro-fullscreen .glass-inner-wrap {
    width: 100%;
  }
  .life-style-section .intro-fullscreen .intro-main-title {
    font-size: 4.01vw;
    letter-spacing: 0.63vw;
  }
  .life-style-section .intro-fullscreen .intro-main-title .small-line-text {
    font-size: 1.98vw;
    letter-spacing: 0.31vw;
  }
  .life-style-section .intro-fullscreen .lifestyle-text-container,
  .life-style-section .intro-fullscreen .lifestyle-text.color {
    margin-top: 1.56vw;
  }
  .life-style-section .intro-fullscreen .intro-title {
    font-size: 3.65vw;
    letter-spacing: 0.31vw;
  }
  .life-style-section .intro-fullscreen .intro-title .small-line-text {
    font-size: 2.08vw;
    letter-spacing: 0.21vw;
  }
  .life-style-section .intro-fullscreen .lifestyle-text-wrap {
    width: 35%;
    position: absolute;
    left: 0;
    bottom: 4.17vw;
    padding-left: 3.65vw;
    padding-right: 1.3vw;
    padding-top: 0;
  }
  .life-style-section .intro-fullscreen .lifestyle-large-text-wrap {
    width: 53.49vw;
    padding-left: 1.82vw;
    padding-right: 4.43vw;
    padding-top: 4.17vw;
  }
  .life-style-section .intro-fullscreen .intro-image-container {
    width: 75%;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: -6.25vw;
    top: 8.85vw;
  }
  .life-style-section .intro-fullscreen .intro-image-wrap {
    width: 50.36vw;
    max-width: 967px;
  }
  .life-style-section .intro-fullscreen .lifestyle-text {
    color: #ababab;
  }
}
@media only screen and (min-width: 1367px) {
  .life-style-section .intro-fullscreen .lifestyle-text-wrap {
    width: 25%;
  }
  .life-style-section .intro-fullscreen .lifestyle-text {
    color: #7b7b7b;
  }
}
@media only screen and (min-width: 1441px) {
  .life-style-section .intro-fullscreen .lifestyle-large-text-wrap {
    width: 50%;
  }
}
.life-style-section .tips-section .bg-block {
  width: 100%;
  padding-bottom: 40%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.life-style-section .tips-section .tips-grid {
  font-size: 0;
  padding-top: 50px;
}
.life-style-section .tips-section .tips-grid-wrap {
  font-size: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.life-style-section .tips-section .tips-col {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.life-style-section .tips-section .tips-col.first {
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 30px;
}
.life-style-section .tips-section .tips-col.last {
  -ms-flex-order: 3;
  order: 3;
}
.life-style-section .tips-section .item-text-wrap {
  margin-top: 30px;
}
.life-style-section .tips-section .item-text {
  margin: 10px 0 0;
  font-size: 14px;
  text-align: left;
}
.life-style-section .tips-section .tips-item-wrap {
  text-align: center;
}
.life-style-section .tips-section .item-image-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
}
.life-style-section .tips-section .item-image {
  width: 100%;
}
.life-style-section .tips-section .tips-col-wrap .tips-item {
  margin-top: 30px;
  padding: 0 20px;
}
.life-style-section .tips-section .tips-col-wrap .tips-item:first-child {
  margin-top: 0;
}
.life-style-section .tips-section .tips-large-col {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  -ms-flex-order: 1;
  order: 1;
}
.life-style-section .tips-section .tips-large-col .tips-col {
  width: 100%;
  margin-bottom: 30px;
}
.life-style-section .tips-section .title-wrap {
  text-align: center;
  padding: 0 20px;
}
.life-style-section .tips-section .tips-large-col-wrap {
  margin-top: 40px;
}
.life-style-section .tips-section .tips-title {
  font-size: 38px;
  line-height: 1.2em;
  color: #999;
  display: inline-block;
  letter-spacing: 2px;
  text-align: center;
}
.life-style-section .tips-section .tips-title .small-line-text {
  font-size: 22px;
  line-height: 1.3em;
  display: block;
  letter-spacing: 2px;
  color: #999;
}
.life-style-section .tips-section .image-text {
  display: block;
  text-align: center;
  font-size: 30px;
  color: #e1a957;
}
@media only screen and (min-width: 480px) {
  .life-style-section .tips-section .tips-col-wrap {
    margin-bottom: 20px;
  }
  .life-style-section .tips-section .tips-col-wrap .tips-item {
    margin-top: 30px;
    padding: 0 30px;
  }
  .life-style-section .tips-section .tips-col {
    width: 50%;
  }
  .life-style-section .tips-section .tips-large-col .tips-col {
    width: 50%;
    margin-bottom: 0;
  }
  .life-style-section .tips-section .tips-title {
    font-size: 46px;
    letter-spacing: 3px;
    line-height: 1.2em;
  }
  .life-style-section .tips-section .tips-title .small-line-text {
    font-size: 24px;
    line-height: 1.3em;
  }
}
@media only screen and (min-width: 1025px) {
  .life-style-section .tips-section .tips-grid {
    padding-top: 15.63vw;
  }
  .life-style-section .tips-section .tips-col {
    width: 25%;
    margin-top: 2.6vw;
  }
  .life-style-section .tips-section .tips-col.first {
    -ms-flex-order: 1;
    order: 1;
  }
  .life-style-section .tips-section .tips-col.last {
    -ms-flex-order: 3;
    order: 3;
  }
  .life-style-section .tips-section .tips-large-col {
    width: 50%;
    -ms-flex-order: 2;
    order: 2;
  }
  .life-style-section .tips-section .tips-col-wrap {
    margin-bottom: 0;
  }
  .life-style-section .tips-section .tips-col-wrap .tips-item {
    padding-left: 3.65vw;
    padding-right: 3.65vw;
    margin-top: 3.39vw;
  }
  .life-style-section .tips-section .item-image-wrap {
    width: 5.47vw;
  }
  .life-style-section .tips-section .item-text-wrap {
    margin-top: 2.08vw;
  }
  .life-style-section .tips-section .tips-large-col-wrap {
    margin-top: 3.65vw;
  }
  .life-style-section .tips-section .tips-title {
    font-size: 3.13vw;
  }
  .life-style-section .tips-section .tips-title .small-line-text {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1367px) {
  .life-style-section .tips-section .tips-grid {
    padding-top: 13.02vw;
  }
  .life-style-section .tips-section .item-image-wrap {
    width: 4.69vw;
  }
}
.life-style-section .entertainment-section {
  margin-top: 50px;
}
.life-style-section .entertainment-section .bg-image {
  opacity: 0.9;
  background-position: 70% center;
}
.life-style-section .entertainment-section .entertainment-wrap {
  width: calc(100% + 30px);
  margin-left: -15px;
  background: #e1a957;
}
.life-style-section .entertainment-section .entertainment-content {
  padding: 50px 35px 70px;
}
.life-style-section .entertainment-section .entertainment-title {
  font-size: 36px;
  line-height: 1.2em;
  color: #fff;
  letter-spacing: 2px;
}
.life-style-section
  .entertainment-section
  .entertainment-title
  .small-line-text {
  display: block;
  font-size: 22px;
  line-height: 1.2em;
  letter-spacing: 2px;
}
.life-style-section .entertainment-section .entertainment-text-wrap {
  margin-top: 35px;
}
.life-style-section .entertainment-section .entertainment-text-wrap a {
  color: #222;
  text-decoration: underline;
}
.life-style-section .entertainment-section .entertainment-text-wrap p {
  font-size: 14px;
  color: #fff;
  margin: 0 0 15px;
  font-weight: 700;
}
@media only screen and (min-width: 480px) {
  .life-style-section .entertainment-section .entertainment-wrap {
    width: 100%;
    margin-left: 0;
  }
  .life-style-section .entertainment-section .entertainment-title {
    font-size: 46px;
    letter-spacing: 5px;
  }
  .life-style-section
    .entertainment-section
    .entertainment-title
    .small-line-text {
    font-size: 32px;
  }
  .life-style-section .entertainment-section .entertainment-content {
    padding: 50px 30px 80px;
  }
}
@media only screen and (min-width: 720px) {
  .life-style-section .entertainment-section .bg-image {
    background-position: center center;
  }
}
@media only screen and (min-width: 1025px) {
  .life-style-section .entertainment-section {
    margin-top: 4.17vw;
  }
  .life-style-section .entertainment-section .bg-image {
    opacity: 1;
  }
  .life-style-section .entertainment-section .entertainment-content {
    width: 50%;
    padding: 3.65vw 3.13vw 3.91vw 3.65vw;
  }
  .life-style-section .entertainment-section .entertainment-title {
    color: #222;
    font-size: 3.65vw;
    letter-spacing: 0.36vw;
  }
  .life-style-section
    .entertainment-section
    .entertainment-title
    .small-line-text {
    font-size: 2.08vw;
    letter-spacing: 0.16vw;
  }
  .life-style-section .entertainment-section .entertainment-text-wrap {
    margin-top: 1.82vw;
  }
  .life-style-section .entertainment-section .entertainment-text-wrap p {
    color: #222;
    opacity: 0.56;
    font-weight: 400;
  }
}
.life-style-section .wine-calendar-section {
  margin-top: 60px;
}
.life-style-section .wine-calendar-section .calendar-image {
  width: 100%;
}
.life-style-section .wine-calendar-section .calendar-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 15.94vw;
}
.life-style-section .wine-calendar-section .calendar-title {
  font-size: 32px;
  line-height: 1.2em;
  color: #999;
  letter-spacing: 2px;
  text-align: center;
  padding: 0 20px;
}
.life-style-section .wine-calendar-section .left-text-wrap {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 9.38vw;
}
.life-style-section .wine-calendar-section .calendar-dots-container {
  text-align: right;
}
.life-style-section .wine-calendar-section .calendar-dots-container-wrap {
  width: 100%;
  padding: 35px 0 0 27px;
  font-size: 0;
}
.life-style-section .wine-calendar-section .calendar-dot-item {
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
}
.life-style-section .wine-calendar-section .calendar-item-content {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  padding: 0 20px;
  position: relative;
}
.life-style-section .wine-calendar-section .calendar-item-content:before {
  content: "";
  width: 40px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.life-style-section .wine-calendar-section .calendar-item-content:after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 25px;
  position: absolute;
  top: 1px;
  left: -7px;
}
.life-style-section .wine-calendar-section .calendar-item-content.red {
  color: #d42c28;
}
.life-style-section .wine-calendar-section .calendar-item-content.red:after,
.life-style-section .wine-calendar-section .calendar-item-content.red:before {
  background: #d42c28;
}
.life-style-section .wine-calendar-section .calendar-item-content.white {
  color: #bf9a64;
}
.life-style-section .wine-calendar-section .calendar-item-content.white:after,
.life-style-section .wine-calendar-section .calendar-item-content.white:before {
  background: #88714f;
}
.life-style-section .wine-calendar-section .calendar-item-content.rose {
  color: #d96461;
}
.life-style-section .wine-calendar-section .calendar-item-content.rose:after,
.life-style-section .wine-calendar-section .calendar-item-content.rose:before {
  background: #d96461;
}
.life-style-section .wine-calendar-section .calendar-image-wrap {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-top: 40px;
}
.life-style-section .wine-calendar-section .calendar-image-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: #222;
  transition: width 1s;
}
@media only screen and (min-width: 480px) {
  .life-style-section .wine-calendar-section .calendar-dots-container-wrap {
    padding-left: 47px;
    padding-bottom: 35px;
  }
  .life-style-section .wine-calendar-section .calendar-image-wrap {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (min-width: 640px) {
  .life-style-section .wine-calendar-section .calendar-dot-item {
    width: 33.3333%;
    display: inline-block;
    vertical-align: top;
    padding-right: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .life-style-section .wine-calendar-section {
    margin-top: 7.81vw;
  }
  .life-style-section .wine-calendar-section .calendar-title {
    font-size: 1.88vw;
    letter-spacing: 0.21vw;
  }
  .life-style-section .wine-calendar-section .calendar-item-content:before {
    width: 50px;
  }
  .life-style-section .wine-calendar-section .calendar-item-content:after {
    width: 15px;
    height: 15px;
    top: 1px;
    left: -7px;
  }
  .life-style-section .wine-calendar-section .calendar-dot-item {
    padding-right: 40px;
  }
  .life-style-section .wine-calendar-section .calendar-dots-container-wrap {
    width: 75%;
    display: inline-block;
    padding: 35px 0;
  }
  .life-style-section .wine-calendar-section .calendar-image-wrap {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1367px) {
  .life-style-section .wine-calendar-section .calendar-item-content:before {
    width: 65px;
    margin-left: 5px;
  }
  .life-style-section .wine-calendar-section .calendar-item-content:after {
    width: 25px;
    height: 25px;
    top: -4px;
    left: -12px;
  }
}
.life-style-section .traditions-section {
  margin-top: 50px;
  z-index: 1;
}
.life-style-section .traditions-section .person-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
}
.life-style-section .traditions-section .person-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  height: 100%;
}
.life-style-section .traditions-section .person-image {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: bottom;
}
.life-style-section .traditions-section .traditions-wrap {
  width: calc(100% + 30px);
  margin-left: -15px;
  text-align: right;
}
.life-style-section .traditions-section .traditions-wrap .bg-block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #181818;
}
.life-style-section .traditions-section .traditions-content {
  width: 100%;
  display: inline-block;
  text-align: left;
}
.life-style-section .traditions-section .content-wrap {
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
  padding: 50px 35px;
}
.life-style-section .traditions-section .traditions-title {
  font-size: 36px;
  letter-spacing: 3px;
  line-height: 1.2em;
}
.life-style-section .traditions-section .traditions-title .small-line-text {
  display: block;
  font-size: 22px;
  line-height: 1.2em;
}
.life-style-section .traditions-section .traditions-text-wrap {
  margin-top: 25px;
}
.life-style-section .traditions-section .traditions-text {
  font-size: 14px;
  margin: 0 0 15px;
}
@media only screen and (min-width: 480px) {
  .life-style-section .traditions-section .traditions-wrap {
    width: 100%;
    margin-left: 0;
  }
  .life-style-section .traditions-section .content-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
  .life-style-section .traditions-section .traditions-title {
    font-size: 46px;
  }
  .life-style-section .traditions-section .traditions-title .small-line-text {
    font-size: 32px;
  }
}
@media only screen and (min-width: 1025px) {
  .life-style-section .traditions-section {
    margin-top: 8.33vw;
  }
  .life-style-section .traditions-section .traditions-content {
    padding-right: 3.13vw;
    padding-left: 0;
    width: 50%;
  }
  .life-style-section .traditions-section .person-wrap {
    height: auto;
    left: 1.04vw;
    width: 45.31vw;
  }
  .life-style-section .traditions-section .content-wrap {
    background: #000;
    top: 4.69vw;
    padding: 2.6vw;
  }
  .life-style-section .traditions-section .traditions-title {
    font-size: 3.65vw;
    letter-spacing: 0.31vw;
  }
  .life-style-section .traditions-section .traditions-title .small-line-text {
    font-size: 2.08vw;
  }
  .life-style-section .traditions-section .person-image {
    display: block;
  }
}
@media only screen and (min-width: 1281px) {
  .life-style-section .traditions-section .person-wrap {
    width: 42.19vw;
  }
}
@media only screen and (min-width: 1367px) {
  .life-style-section .traditions-section .person-wrap {
    width: 40.63vw;
  }
}
@media only screen and (min-width: 1441px) {
  .life-style-section .traditions-section .person-wrap {
    width: 39.06vw;
  }
}
@media only screen and (min-width: 1661px) {
  .life-style-section .traditions-section .person-wrap {
    width: 32.81vw;
  }
}
.life-style-section .about-wine-section .title-container {
  width: calc(100% + 30px);
  margin-left: -15px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 0;
  text-align: center;
}
.life-style-section .about-wine-section .title-wrap {
  width: 100%;
  padding-left: 35px;
  padding-right: 35px;
}
.life-style-section .about-wine-section .about-wine-text-wrap {
  width: 100%;
  padding-left: 35px;
  padding-right: 35px;
  margin-top: 20px;
}
.life-style-section .about-wine-section .about-wine-title {
  font-size: 28px;
  letter-spacing: 2px;
}
.life-style-section .about-wine-section .about-wine-text {
  font-size: 14px;
  margin: 0;
}
.life-style-section .about-wine-section .wine-grid-wrap {
  font-size: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.life-style-section .about-wine-section .top-content {
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  margin-top: 10px;
}
.life-style-section .about-wine-section .wine-grid-item {
  width: 100%;
  text-align: center;
  background: #181818;
  box-sizing: content-box;
  margin-bottom: 1px;
}
.life-style-section .about-wine-section .wine-grid-item-wrap {
  padding: 35px 20px;
}
.life-style-section .about-wine-section .item-image {
  display: inline-block;
  max-width: 100%;
}
.life-style-section .about-wine-section .position-wrap {
  margin-top: 15px;
}
.life-style-section .about-wine-section .position {
  display: inline-block;
  font-size: 36px;
  font-family: "Abril Fatface", "Times New Roman", serif;
  color: #3b3b3b;
}
.life-style-section .about-wine-section .wine-item-text-wrap {
  width: 60%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.life-style-section .about-wine-section .item-text {
  font-size: 14px;
  margin: 0;
}
@media only screen and (min-width: 480px) {
  .life-style-section .about-wine-section .title-container {
    width: 100%;
    margin-left: 0;
  }
  .life-style-section .about-wine-section .about-wine-text-wrap,
  .life-style-section .about-wine-section .title-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }
  .life-style-section .about-wine-section .wine-grid-item-wrap {
    padding: 40px;
  }
}
@media only screen and (min-width: 550px) {
  .life-style-section .about-wine-section .wine-grid-item {
    width: 50%;
  }
  .life-style-section .about-wine-section .top-content {
    display: block;
    width: 100%;
    margin-top: 0;
  }
  .life-style-section .about-wine-section .wine-item-text-wrap {
    width: 100%;
    display: block;
    margin-top: 15px;
    text-align: center;
  }
}
@media only screen and (min-width: 640px) {
  .life-style-section .about-wine-section .about-wine-text-wrap {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
  }
  .life-style-section .about-wine-section .title-wrap {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1025px) {
  .life-style-section .about-wine-section .title-container {
    padding-top: 8.85vw;
    padding-bottom: 3.65vw;
  }
  .life-style-section .about-wine-section .about-wine-title {
    font-size: 1.88vw;
    letter-spacing: 0.21vw;
  }
  .life-style-section .about-wine-section .title-wrap {
    width: 50%;
    padding-right: 3.39vw;
    padding-left: 3.39vw;
  }
  .life-style-section .about-wine-section .about-wine-text-wrap {
    padding-right: 3.13vw;
    padding-left: 3.13vw;
  }
  .life-style-section .about-wine-section .position {
    transition: color 0.45s;
  }
  .life-style-section .about-wine-section .item-text {
    transition: color 0.3s;
  }
  .life-style-section .about-wine-section .wine-grid-item-wrap {
    padding: 3.13vw;
  }
  .life-style-section .about-wine-section .wine-grid-item {
    width: 25%;
  }
}
.life-style-section .wine-dict-section {
  margin-top: 50px;
}
.life-style-section .wine-dict-section .bg-image {
  background-position: right center;
}
.life-style-section .wine-dict-section .dict-title {
  font-size: 36px;
  letter-spacing: 3px;
  line-height: 1.2em;
}
.life-style-section .wine-dict-section .dict-title .small-line-text {
  display: block;
  font-size: 22px;
  line-height: 1.2em;
}
.life-style-section .wine-dict-section .dict-text {
  font-size: 14px;
  margin: 20px 0 0;
}
.life-style-section .wine-dict-section .dict-content {
  background: rgba(0, 0, 0, 0.7);
  padding: 50px 20px 70px;
}
.life-style-section .wine-dict-section .download-wrap-container {
  font-size: 0;
  display: inline-block;
  background: #e2e2e2;
  border-radius: 5px;
  margin-top: 30px;
  min-width: 230px;
  transition: background 0.3s;
  padding: 5px 20px 5px 5px;
}
.life-style-section .wine-dict-section .download-image-wrap {
  width: 22%;
  display: inline-block;
  vertical-align: middle;
}
.life-style-section .wine-dict-section .download-text-wrap {
  width: 78%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}
.life-style-section .wine-dict-section .download-image {
  display: inline-block;
  width: 100%;
}
.life-style-section .wine-dict-section .download-text {
  font-size: 14px;
  color: #181818;
  font-weight: 700;
  margin: 0;
}
.life-style-section .wine-dict-section .download-size {
  display: block;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 500;
  color: #181818;
  margin-top: 5px;
}
.about-section.bg-lang .about-intro-title,
.about-section.bg-lang .brands-title,
.about-section.bg-lang .middle-grid-title,
.history-section.bg-lang .date-title,
.history-section.bg-lang .history-title {
  font-weight: 600;
  font-family: "Times New Roman", serif;
}
.life-style-section .wine-dict-section .dict-link {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media only screen and (min-width: 480px) {
  .life-style-section .wine-dict-section .dict-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .life-style-section .wine-dict-section {
    margin-top: 4.17vw;
    margin-bottom: 3.65vw;
  }
  .life-style-section .wine-dict-section .bg-image {
    background-position: center center;
  }
  .life-style-section .wine-dict-section .dict-content {
    width: 50%;
    display: inline-block;
    background: 0 0;
    padding: 4.69vw 3.13vw 5.21vw;
  }
  .life-style-section .wine-dict-section .dict-title {
    font-size: 3.75vw;
    letter-spacing: 0.52vw;
  }
  .life-style-section .wine-dict-section .dict-title .small-line-text {
    font-size: 2.5vw;
  }
  .life-style-section .wine-dict-section .download-wrap-container {
    margin-top: 2.34vw;
  }
  .life-style-section .wine-dict-section .download-wrap-container:hover {
    background: #fff;
  }
}
.history-section {
  color: #b5b5b5;
}
.history-section.bg-lang .date-title,
.history-section.bg-lang .history-title {
  letter-spacing: 0;
}
.history-section.bg-lang .date-title .small-text {
  margin-left: 1px;
}
.history-section .time-line {
  width: 2px;
  height: 97.5%;
  position: absolute;
  top: 0;
  left: 0;
  background: #e1a957;
  z-index: 1;
}
.history-section .hisory-intro-wrap {
  font-size: 0;
  background: #222;
}
.history-section .inner-line {
  display: none;
}
.history-section .history-title {
  font-size: 36px;
  letter-spacing: 3px;
}
.history-section .history-text {
  font-size: 14px;
  margin: 0;
}
.history-section .intro-content {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background: #181818;
  padding: 30px 20px;
}
.history-section .image-content {
  width: 100%;
  margin-top: 50px;
  text-align: right;
}
.history-section .rect-bg {
  display: none;
}
.history-section .intro-image-wrap {
  display: inline-block;
  width: 80%;
}
.history-section .intro-image {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.history-section .date-container {
  position: absolute;
  left: 0;
  width: 100%;
  display: inline-block;
  z-index: 2;
  text-align: left;
}
.history-section .date-container-wrap {
  padding: 10px 25px;
  background: rgba(0, 0, 0, 0.2);
}
.history-section .date-title {
  font-size: 28px;
  letter-spacing: 3px;
  line-height: 1em;
}
.history-section .date-title .small-text {
  font-size: 23px;
  line-height: 1em;
  letter-spacing: 0;
  margin-left: -10px;
}
.history-section .date-text {
  font-size: 14px;
  margin: 10px 0 0;
}
.history-section .container-dot {
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #e1a957;
  position: absolute;
  left: -3px;
  top: 50%;
}
.history-section .timeline-section.fourth .date-container.top-position,
.history-section .timeline-section.last .date-container.top-position {
  top: 25%;
}
.history-section .timeline-section {
  text-align: center;
}
.history-section .timeline-section.first {
  margin-top: 30px;
  text-align: center;
}
.history-section .timeline-section.first .timeline-image-wrap {
  width: 70%;
  padding-bottom: 50px;
  padding-top: 80px;
}
.history-section .timeline-section.second {
  margin-top: 100px;
}
.history-section .timeline-section.second .timeline-image-wrap {
  width: 100%;
  padding-top: 100px;
}
.history-section .timeline-section.third {
  text-align: right;
  margin-top: 50px;
}
.history-section .timeline-section.third .timeline-image-wrap {
  width: 70%;
  padding-top: 50px;
}
.history-section .timeline-section.fourth {
  text-align: right;
  margin-top: 30px;
}
.history-section .timeline-section.fourth .timeline-image-wrap {
  width: 95%;
}
.history-section .timeline-section.fifth {
  text-align: center;
  margin-top: 30px;
}
.history-section .timeline-section.fifth .timeline-image-wrap {
  width: 100%;
}
.history-section .timeline-section.fifth .date-container.bottom-position {
  bottom: 40%;
}
.history-section .timeline-section.last {
  margin-top: 15px;
  padding-bottom: 100px;
  text-align: right;
}
.history-section .timeline-section.last .timeline-image-wrap {
  width: 70%;
  margin-right: -2px;
}
.history-section .timeline-section .date-container {
  position: absolute;
}
.history-section .timeline-section .date-container.top-position {
  left: 0;
  top: 0;
  text-align: left;
}
.history-section .timeline-section .date-container.top-position .container-dot {
  right: auto;
  left: -3px;
}
.history-section .timeline-section .date-container.bottom-position {
  bottom: 0;
  left: auto;
  left: 0;
  text-align: left;
}
.history-section .timeline-image {
  display: inline-block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.history-section .timeline-image-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 500px;
}
@media only screen and (min-width: 480px) {
  .history-section .intro-content {
    padding-left: 30px;
    padding-right: 30px;
  }
  .history-section .date-container {
    width: 50%;
  }
  .history-section .date-container-wrap {
    background: 0 0;
  }
  .history-section .date-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 1025px) {
  .history-section .rect-bg {
    width: 66.6666%;
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 28.13vw;
    border: 23px solid #e1a957;
    margin-top: 50px;
  }
  .history-section .container-dot {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #e1a957;
    position: absolute;
    left: auto;
    right: -5px;
    top: 50%;
  }
  .history-section .date-container {
    position: relative;
    width: 33.3333%;
    display: inline-block;
    vertical-align: bottom;
    z-index: 2;
  }
  .history-section .date-container-wrap {
    padding-left: 1.82vw;
    padding-right: 1.82vw;
  }
  .history-section .image-content {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    font-size: 0;
    margin-top: 0;
  }
  .history-section .image-content:before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    height: 100%;
  }
  .history-section .inner-line {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 60%;
    width: 2px;
    background: #e1a957;
    z-index: 1;
  }
  .history-section .history-intro {
    z-index: 1;
  }
  .history-section .time-line {
    left: 50%;
  }
  .history-section .history-title {
    font-size: 2.76vw;
    letter-spacing: 0.31vw;
  }
  .history-section .intro-content {
    width: 25%;
    padding: 2.6vw 3.65vw;
  }
  .history-section .intro-image-wrap {
    width: 36.46vw;
    position: absolute;
    bottom: 0;
    left: 110px;
  }
  .history-section .date-title {
    font-size: 3.65vw;
    letter-spacing: 0.21vw;
  }
  .history-section .timeline-image-wrap {
    width: 27.86vw;
  }
  .history-section .timeline-section.first {
    margin-top: 0;
    padding-top: 15.63vw;
  }
  .history-section .timeline-section.first .timeline-image-wrap {
    width: 27.86vw;
    margin-right: 100px;
    padding-bottom: 0;
    padding-top: 0;
  }
  .history-section .timeline-section.first .date-container.top-position {
    top: auto;
    bottom: 100%;
  }
  .history-section .timeline-section.second .date-container.bottom-position,
  .history-section .timeline-section.third .date-container.bottom-position {
    bottom: 7.29vw;
  }
  .history-section .timeline-section.second {
    margin-top: 0;
    padding-top: 8.33vw;
  }
  .history-section .timeline-section.second .timeline-image-wrap {
    width: 58.8vw;
    padding-top: 0;
  }
  .history-section .timeline-section.third {
    margin-top: 0;
    text-align: center;
  }
  .history-section .timeline-section.third .timeline-image-wrap {
    width: 23.65vw;
    margin-left: 25%;
    padding-top: 0;
  }
  .history-section .timeline-section.fourth {
    margin-top: 0;
    z-index: 1;
    text-align: center;
  }
  .history-section .timeline-section.fourth .timeline-image-wrap {
    width: 33.7vw;
    -ms-transform: translateX(-20%);
    transform: translateX(-20%);
  }
  .history-section .timeline-section.fourth .date-container.top-position {
    top: 2.6vw;
  }
  .history-section .timeline-section.fifth {
    margin-top: -4.17vw;
  }
  .history-section .timeline-section.fifth .timeline-image-wrap {
    width: 53.49vw;
    -ms-transform: translateX(-11%);
    transform: translateX(-11%);
  }
  .history-section .timeline-section.fifth .date-container.bottom-position {
    bottom: 19.27vw;
  }
  .history-section .timeline-section.last {
    text-align: left;
  }
  .history-section .timeline-section.last .timeline-image-wrap {
    width: 50%;
  }
  .history-section .timeline-section .date-container.top-position {
    left: 50%;
  }
  .history-section .timeline-section .date-container.bottom-position {
    text-align: right;
    left: auto;
    right: 50%;
  }
}
@media only screen and (min-width: 1151px) {
  .history-section .intro-image-wrap {
    left: 120px;
  }
}
@media only screen and (min-width: 1367px) {
  .history-section .intro-image-wrap {
    width: 34.9vw;
    left: 140px;
  }
}
@media only screen and (min-width: 1661px) {
  .history-section .intro-image-wrap {
    width: 33.49vw;
    left: 140px;
  }
}
.about-section {
  margin-bottom: 50px;
}
.about-section.bg-lang .about-intro-title {
  letter-spacing: 0;
}
.about-section.bg-lang .middle-grid-title {
  letter-spacing: 0;
  line-height: 1em;
}
.about-section.bg-lang .middle-grid-title .small-text {
  letter-spacing: 0;
  margin-bottom: 0;
}
.about-section.bg-lang .brands-title {
  letter-spacing: 0;
  line-height: 1em;
}
.about-section.bg-lang .brands-title .small-text {
  letter-spacing: 0;
  line-height: 1.6em;
}
.about-section .about-intro {
  padding: 40px 0;
}
.about-section .about-intro-grid {
  font-size: 0;
}
.about-section .about-intro-item {
  width: 100%;
  padding: 0 20px;
}
.about-section .about-intro-item:first-child {
  margin-bottom: 15px;
}
.about-section .about-intro-title {
  font-size: 36px;
  line-height: 1.2em;
  letter-spacing: 3px;
  padding: 0 20px;
}
.about-section .about-text {
  font-size: 14px;
  margin: 0 0 15px;
  color: #b2b2b2;
}
.about-section .about-text:last-of-type {
  margin-bottom: 0;
}
.about-section .bg-block {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.about-section .intro-aside-wrap {
  bottom: -40px;
}
.about-section .intro-leaf-wrap {
  position: absolute;
  left: -140px;
  bottom: -300px;
}
.about-section .bg-block-container,
.about-section .bg-block-map,
.about-section .bg-block-wave,
.about-section .inner-item-wrap {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
}
.about-section .intro-leaf-image {
  display: inline-block;
  width: 100%;
}
.about-section .middle-grid {
  font-size: 0;
  padding-top: 30px;
  padding-bottom: 60px;
}
.about-section .middle-grid-item {
  width: 100%;
}
.about-section .middle-grid-item:first-child {
  margin-bottom: 15px;
}
.about-section .middle-grid-title {
  font-size: 30px;
  letter-spacing: 2px;
  padding: 0 20px;
  line-height: 1.2em;
}
.about-section .middle-grid-title .small-text {
  display: block;
  font-size: 36px;
  line-height: 1.2em;
  letter-spacing: 3px;
  color: #e4e4e4;
  margin-bottom: 10px;
}
.about-section .middle-grid-text-content {
  padding: 0 20px;
}
.about-section .bg-block-container {
  width: 100%;
  overflow: hidden;
}
.about-section .bg-block-image-wrap {
  font-size: 0;
  width: 100%;
  height: 100%;
}
.about-section .text-bg-block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(34, 34, 34, 0.75);
}
.about-section .middle-image-section {
  margin-top: 50px;
}
.about-section .middle-image-section.with-opacity {
  margin-top: 0;
}
.about-section .middle-image-section.with-opacity .bg-image {
  opacity: 0.61;
}
.about-section .about-brands-section {
  margin-top: 70px;
  z-index: 1;
}
.about-section .about-brands-section-wrap {
  background: #131313;
}
.about-section .brands-grid {
  font-size: 0;
  padding-top: 30px;
}
.about-section .brands-title {
  font-size: 32px;
  letter-spacing: 3px;
  line-height: 1.3em;
  padding: 0 20px;
}
.about-section .brands-title .small-text {
  display: block;
  color: #e4e4e4;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 1.3em;
}
.about-section .brands-grid-item {
  width: 100%;
  font-size: 0;
}
.about-section .brands-grid-item:last-child {
  margin-top: 30px;
}
.about-section .brands-content {
  padding: 0 20px;
  margin-top: 30px;
}
.about-section .grid-inner-item {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding-top: 340px;
}
.about-section .grid-inner-item.tcherga {
  padding-top: 325px;
}
.about-section .inner-item-wrap {
  width: 100%;
}
.about-section .brand-bottle-container {
  width: 100%;
  height: 100%;
  text-align: center;
}
.about-section .brand-bottle-container:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.about-section .bottle-image-wrap {
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  font-size: 0;
}
.about-section .bottle-image {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.about-section .brands-grid-item-image {
  width: 350px;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.about-section .brands-item-image-wrap {
  padding-right: 50px;
}
.about-section .full-width-section {
  padding-top: 10px;
  padding-bottom: 70px;
  margin-top: 20px;
}
.about-section .bg-block-wave {
  width: 100%;
}
.about-section .full-width-item {
  width: 100%;
  padding: 0 20px;
}
.about-section .full-width-item:first-child {
  margin-top: 30px;
}
.about-section .full-width-item .middle-grid-title {
  padding: 0;
}
.about-section .wave-image {
  display: block;
  max-width: 100%;
}
.about-section .full-width-content {
  margin-top: 20px;
}
.about-section .about-map-section {
  margin-top: 50px;
  border: 8px solid #e1a957;
}
.about-section .about-map-section .brands-grid {
  padding-bottom: 50px;
}
.about-section .about-map-section .brands-grid-item:last-child {
  margin-top: 0;
}
.about-section .bg-block-map {
  width: 100%;
  text-align: center;
}
.about-section .map-image-wrap {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  font-size: 0;
  padding: 30px;
}
.about-section .map-image-wrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.about-section .map-image {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (min-width: 480px) {
  .about-section .middle-grid-title .small-text {
    margin-bottom: 0;
  }
  .about-section .brands-grid {
    font-size: 0;
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .about-section .about-map-section .brands-grid {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 720px) {
  .about-section .about-intro-item,
  .about-section .about-intro-title,
  .about-section .brands-content,
  .about-section .brands-title,
  .about-section .middle-grid-text-content,
  .about-section .middle-grid-title {
    padding: 0 30px;
  }
  .about-section .about-intro-item,
  .about-section .full-width-item,
  .about-section .middle-grid-item {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .about-section .about-intro-item:first-child {
    margin-bottom: 0;
  }
  .about-section .middle-grid-title .small-text {
    margin-bottom: 10px;
  }
  .about-section .middle-grid-item:first-child {
    margin-bottom: 0;
  }
  .about-section .text-bg-block {
    width: 50%;
  }
  .about-section .grid-inner-item.tcherga {
    padding-top: 340px;
  }
  .about-section .full-width-grid {
    font-size: 0;
  }
  .about-section .full-width-item {
    padding: 0 30px;
  }
  .about-section .full-width-item:first-child {
    margin-top: 0;
  }
  .about-section .full-width-content {
    margin-top: 10px;
  }
  .about-section .full-width-section {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 0;
  }
  .about-section .map-image {
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1025px) {
  .about-section .about-intro-item,
  .about-section .about-intro-title {
    padding-right: 3.65vw;
    padding-left: 3.65vw;
  }
  .about-section {
    margin-bottom: 4.69vw;
  }
  .about-section .about-intro {
    padding-top: 4.17vw;
    padding-bottom: 4.17vw;
  }
  .about-section .about-intro-title {
    font-size: 3.65vw;
    letter-spacing: 0.42vw;
  }
  .about-section .bg-block {
    width: 44.84vw;
  }
  .about-section .intro-leaf-wrap {
    width: 15.94vw;
    left: -6.25vw;
    bottom: -16.15vw;
  }
  .about-section .middle-grid-title {
    padding-right: 0;
    line-height: 1.2em;
    padding-left: 3.65vw;
    font-size: 2.5vw;
    letter-spacing: 0.16vw;
  }
  .about-section .middle-grid-title .small-text {
    margin-bottom: -0.21vw;
    font-size: 3.13vw;
    letter-spacing: 0.21vw;
  }
  .about-section .middle-grid-text-content {
    padding-left: 3.65vw;
    padding-top: 0.52vw;
  }
  .about-section .middle-grid {
    padding-top: 8.85vw;
    padding-bottom: 11.98vw;
  }
  .about-section .middle-text-wrap {
    max-width: 315px;
  }
  .about-section .bg-block-container {
    padding-left: 9.9vw;
    padding-right: 9.9vw;
  }
  .about-section .middle-image-section {
    margin-top: 7.29vw;
  }
  .about-section .middle-image-section.with-opacity {
    margin-top: -8.85vw;
  }
  .about-section .brands-grid {
    padding-top: 3.65vw;
    padding-bottom: 3.65vw;
  }
  .about-section .brands-title {
    padding-right: 0;
    padding-left: 3.65vw;
    font-size: 2.5vw;
    letter-spacing: 0.21vw;
  }
  .about-section .brands-title .small-text {
    font-size: 1.25vw;
    letter-spacing: 0.1vw;
    margin-bottom: -0.52vw;
  }
  .about-section .brands-content {
    margin-top: 4.69vw;
    padding-left: 3.65vw;
    padding-right: 3.65vw;
  }
  .about-section .grid-inner-item.tcherga {
    padding-top: 28.65vw;
  }
  .about-section .grid-inner-item.tcherga .inner-item-wrap {
    left: 2.34vw;
  }
  .about-section .grid-inner-item.menada {
    padding-top: 28.13vw;
  }
  .about-section .brands-grid-item {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .about-section .brands-grid-item:first-child {
    padding-top: 2.6vw;
  }
  .about-section .brands-grid-item:last-child {
    margin-top: 0;
  }
  .about-section .about-brands-section {
    margin-top: 7.29vw;
  }
  .about-section .full-width-section {
    margin-top: -2.34vw;
    padding-top: 13.02vw;
    padding-bottom: 17.19vw;
  }
  .about-section .full-width-item {
    padding-left: 3.65vw;
    padding-right: 9.11vw;
  }
  .about-section .full-width-content {
    margin-top: 0.78vw;
  }
  .about-section .about-map-section {
    margin-top: 4.17vw;
  }
  .about-section .about-map-section .brands-content {
    padding-right: 11.46vw;
  }
  .about-section .about-map-section .brands-grid {
    padding-top: 3.91vw;
    padding-bottom: 12.24vw;
  }
  .about-section .brands-item-image-wrap {
    padding-right: 3.65vw;
    text-align: right;
  }
  .about-section .brands-grid-item-image {
    width: 100%;
    max-width: 84%;
  }
}
@media only screen and (min-width: 1661px) {
  .about-section .brands-grid-item-image {
    width: 26.88vw;
  }
}
.product-list-section {
  margin-bottom: 50px;
}
.product-list-section.bg-lang .product-item .size-label,
.product-list-section.bg-lang .wine-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.product-list-section .intro-container-wrap {
  padding-top: 100%;
  width: calc(100% + 30px);
  margin-left: -15px;
}
.product-list-section .intro-content {
  background: #222;
  padding: 20px;
}
.product-list-section .bg-block {
  position: absolute;
  top: 0;
  right: 100%;
  width: 50px;
}
.product-list-section .leaf-image {
  width: 100%;
}
.product-list-section .logo-image {
  display: inline-block;
  width: 100%;
}
.product-list-section .product-text-wrap {
  margin-top: 15px;
}
.product-list-section .product-text {
  margin: 15px 0 0;
  font-size: 14px;
}
.product-list-section .product-text:first-of-type {
  margin-top: 0;
}
.product-list-section .logo-image-wrap {
  width: 170px;
}
.product-list-section .product-grid {
  font-size: 0;
}
.product-list-section .product-grid.darker .product-item-inner-wrap {
  opacity: 0.35;
}
.product-list-section .product-grid.darker .filter .product-item-inner-wrap {
  opacity: 1;
}
.product-list-section .wine-filter {
  display: none;
}
.product-list-section .wine-filter-wrap {
  font-size: 0;
  padding: 2px;
}
.product-list-section .filter-text {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #595959;
  letter-spacing: 5px;
  margin-right: 15px;
}
.product-list-section .filter-buttons-wrap {
  display: inline-block;
  vertical-align: middle;
}
.product-list-section .filter-btn {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  background: #060606;
  padding: 5px 10px;
  border-radius: 30px;
  border: 2px solid transparent;
  transition: border 0.3s;
}
.product-list-section .filter-btn .type-dot {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 25px;
  background: #e1a957;
  margin-right: 10px;
}
.product-list-section .filter-btn.active {
  border: 2px solid #e1a957;
}
.product-list-section .filter-btn.white {
  margin: 0 5px;
}
.product-list-section .filter-btn.white span {
  background: #e1a957;
}
.product-list-section .filter-btn.red span {
  background: #d42c28;
}
.product-list-section .filter-btn.rose span {
  background: #d96461;
}
@media only screen and (min-width: 480px) {
  .product-list-section .intro-container-wrap {
    padding-top: 53%;
  }
}
@media only screen and (min-width: 720px) {
  .product-list-section .product-grid {
    margin-top: 120px;
  }
  .product-list-section .product-grid.custom-grid .product-item:nth-child(5) {
    margin-left: 25%;
    margin-top: -100px;
  }
  .product-list-section .product-grid.custom-grid .product-item:nth-child(6) {
    margin-left: 25%;
  }
  .product-list-section .wine-filter {
    display: block;
    position: absolute;
    top: 860px;
    left: 47px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100% 0;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .product-list-section .wine-filter.fixed {
    position: fixed;
    top: auto;
  }
  .product-list-section .product-item:nth-child(4n) {
    border-right: none;
  }
  .product-list-section .product-item:nth-child(even) {
    margin-top: -100px;
  }
  .product-list-section .intro-container-wrap {
    width: 100%;
    margin-left: 0;
  }
  .product-list-section .intro-content {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .product-list-section {
    margin-bottom: 15.63vw;
  }
  .product-list-section .intro-content {
    width: 25%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 1.56vw 3.13vw 3.13vw 3.65vw;
  }
  .product-list-section .logo-image-wrap {
    width: 10.78vw;
  }
  .product-list-section .bottle-image-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.5s;
  }
  .product-list-section .product-item:nth-child(even) {
    margin-top: -14.06vw;
  }
  .product-list-section .product-item:hover .bottle-image-wrap {
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }
  .product-list-section .product-item.blur .product-item-inner-wrap {
    opacity: 0.35;
  }
  .product-list-section .bg-block {
    width: 5.47vw;
  }
  .product-list-section .wine-filter {
    left: 4.43vw;
  }
  .product-list-section .product-grid {
    margin-top: -100px;
  }
  .product-list-section .product-grid.custom-grid .product-item:nth-child(5) {
    margin-top: -14.06vw;
  }
  .product-list-section
    .product-grid.custom-grid
    .product-item:nth-child(5).anim-block
    .anim-elem.item-down {
    -ms-transform: translateY(14.06vw);
    transform: translateY(14.06vw);
  }
  .product-list-section
    .product-grid.custom-grid
    .product-item:nth-child(5).anim-block
    .anim-elem.item-down.done {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .product-list-section
    .product-grid.darker
    .product-item:hover
    .bottle-image-wrap {
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .product-list-section
    .product-grid.darker
    .product-item.filter:hover
    .bottle-image-wrap {
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }
}
@media only screen and (min-width: 1367px) {
  .product-list-section .filter-btn {
    font-size: 14px;
    padding: 10px 15px;
  }
  .product-list-section .filter-btn .type-dot {
    width: 20px;
    height: 20px;
  }
}
@media only screen and (min-width: 1441px) {
  .product-list-section .wine-filter {
    left: 4.95vw;
  }
}
@media only screen and (min-width: 1501px) {
  .product-list-section .wine-filter {
    left: 5.99vw;
  }
}
@media only screen and (min-width: 1661px) {
  .product-list-section .wine-filter {
    left: 6.25vw;
  }
}
@media only screen and (min-width: 1781px) {
  .product-list-section .wine-filter {
    left: 8.33vw;
  }
}
.detail-product-section {
  margin-bottom: 50px;
}
.detail-product-section.bg-lang .other-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.detail-product-section.bg-lang .recipes-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
  padding: 5px 0;
}
.detail-product-section.bg-lang .recipes-title .small-text {
  letter-spacing: 0;
  line-height: 1em;
}
.detail-product-section.bg-lang .cople-text,
.detail-product-section.bg-lang .detail-container-image-wrap .alc-label,
.detail-product-section.bg-lang .detail-container-image-wrap .size-label,
.detail-product-section.bg-lang .large-list-text,
.detail-product-section.bg-lang .size-label,
.detail-product-section.bg-lang .wine-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.detail-product-section .detail-grid-wrap {
  font-size: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.detail-product-section .product-bg-block {
  position: absolute;
  top: 0;
  right: 100%;
  width: 80px;
}
.detail-product-section .leaf-image {
  display: inline-block;
  width: 100%;
}
.detail-product-section .intro-aside-wrap {
  bottom: 350px;
}
.detail-product-section .detail-product-container {
  width: 100%;
  text-align: center;
}
.detail-product-section .detail-product-container.red .type-label .small-text {
  background: #d42c28;
}
.detail-product-section
  .detail-product-container.white
  .type-label
  .small-text {
  background: #e1a957;
}
.detail-product-section .detail-product-container.rose .type-label .small-text {
  background: #d96461;
}
.detail-product-section .detail-container-image-wrap {
  display: inline-block;
  vertical-align: middle;
  transform-style: preserve-3d;
}
.detail-product-section .detail-container-image-wrap .type-label {
  font-size: 12px;
  color: #d4d4d4;
  display: inline-block;
  position: relative;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  padding: 2px;
  margin: 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0 0;
}
.detail-product-section .detail-container-image-wrap .type-label .small-text {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  background: #d42c28;
  vertical-align: middle;
  margin-left: 10px;
}
.detail-product-section .detail-container-image-wrap .size-label {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 18px;
  line-height: 1em;
  font-family: "Abril Fatface", "Times New Roman", serif;
  margin: 0;
  color: #d4d4d4;
  letter-spacing: 1px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0 0;
}
.detail-product-section .detail-container-image-wrap .size-label .small-text {
  font-family: Play, sans-serif;
  font-size: 18px;
  margin-left: 7px;
}
.detail-product-section .detail-container-image-wrap .alc-label {
  position: absolute;
  left: 20px;
  bottom: 20px;
  margin: 0;
  font-size: 18px;
  font-family: "Abril Fatface", "Times New Roman", serif;
  color: #d4d4d4;
  letter-spacing: 2px;
}
.detail-product-section .detail-container-image-wrap .alc-label .small-text {
  font-size: 12px;
  letter-spacing: 2px;
  font-family: Play, sans-serif;
}
.detail-product-section .cople-text,
.detail-product-section .large-list-text {
  font-family: "Abril Fatface", "Times New Roman", serif;
  color: #e1a957;
  line-height: 1.2em;
}
.detail-product-section .detail-container-image {
  transform: translateZ(20px);
  display: inline-block;
  max-width: 100%;
}
.detail-product-section .detail-product-container-wrap {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.detail-product-section .large-bottle-container {
  padding-top: 300px;
  font-size: 0;
  height: 0;
}
.detail-product-section .bottle-container-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.detail-product-section .bottle-inner-container {
  width: 100%;
  height: 100%;
  text-align: center;
}
.detail-product-section .bottle-image-wrap {
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.detail-product-section .bottle-image {
  max-width: 100%;
  max-height: 100%;
}
.detail-product-section .detail-grid-item {
  margin-top: 15px;
  width: 100%;
}
.detail-product-section .detail-grid-item.custom {
  background: #000;
  margin-top: 0;
}
.detail-product-section .detail-grid-item.custom .custom-block {
  display: block;
}
.detail-product-section .detail-grid-item.custom .list-aside-wrap,
.detail-product-section .detail-grid-item.custom .list-bg-block,
.detail-product-section .detail-grid-item.custom .product-list-wrap,
.detail-product-section .detail-grid-item.custom .recipes-block,
.detail-product-section .list-bg-block {
  display: none;
}
.detail-product-section .detail-grid-item.custom .product-list {
  padding-top: 30px;
  padding-bottom: 30px;
}
.detail-product-section .product-list {
  padding: 0 20px;
}
.detail-product-section .list-row:after,
.detail-product-section .list-row:before {
  content: "";
  height: 1px;
  width: 50%;
  background: #e1a957;
  display: inline-block;
  bottom: 0;
  position: absolute;
}
.detail-product-section .list-row {
  font-size: 0;
  padding: 20px 0;
}
.detail-product-section .list-row:before {
  right: 50%;
}
.detail-product-section .list-row:after {
  left: 50%;
}
.detail-product-section .list-row.icon:before {
  width: 30%;
}
.detail-product-section .list-row:last-child:after,
.detail-product-section .list-row:last-child:before {
  display: none;
}
.detail-product-section .list-row:last-child .list-left-part {
  vertical-align: top;
}
.detail-product-section .list-left-part {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
.detail-product-section .list-left-part .list-text {
  color: #e1a957;
  letter-spacing: 3px;
}
.detail-product-section .list-right-part {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding-left: 30px;
}
.detail-product-section .list-text {
  margin: 0;
  font-size: 14px;
  letter-spacing: 1px;
  color: #e1a957;
}
.detail-product-section .large-list-text {
  font-size: 22px;
  letter-spacing: 3px;
  margin: 0;
}
.detail-product-section .cople-text {
  margin: 0;
  font-size: 16px;
  letter-spacing: 2px;
}
.detail-product-section .list-text-image-wrap {
  width: 20%;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding-right: 7px;
}
.detail-product-section .list-text-image {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.detail-product-section .list-aside-wrap {
  padding-bottom: 50px;
}
.detail-product-section .list-aside-text {
  font-size: 16px;
  letter-spacing: 1px;
  margin: 0;
  color: #e1a957;
}
.detail-product-section .recipes-block {
  width: calc(100% + 30px);
  margin-left: -15px;
  padding: 30px 20px;
  font-size: 0;
}
.detail-product-section .recipes-title {
  font-size: 36px;
  line-height: 1.2em;
  letter-spacing: 3px;
}
.detail-product-section .recipes-title .small-text {
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  letter-spacing: 2px;
}
.detail-product-section .recipes-btn-wrap {
  margin-top: 20px;
}
.detail-product-section .list-text-detail {
  font-size: 0;
  margin: 0 0 10px;
}
.detail-product-section .inner-text {
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  letter-spacing: 1px;
  color: #e1a957;
}
.detail-product-section .other-products .other-title-wrap {
  padding: 20px;
}
.detail-product-section .other-title {
  font-size: 36px;
  line-height: 1.2em;
  letter-spacing: 3px;
}
.detail-product-section .other-products-grid {
  font-size: 0;
}
.detail-product-section .product-item:nth-child(odd) .product-item-wrap {
  background: #0f0d11;
}
.detail-product-section .type-label-wrap {
  position: absolute;
  top: 30px;
  right: calc(100% - 20px);
  width: 100%;
  text-align: right;
}
.detail-product-section .custom-block {
  display: none;
}
.detail-product-section .custom-block p {
  font-size: 14px;
  margin: 0 0 15px;
  color: #999;
}
.detail-product-section .custom-block h1 {
  font-size: 26px;
  letter-spacing: 2px;
  line-height: 1.1em;
  font-weight: 600;
  margin-bottom: 20px;
}
.detail-product-section .custom-block ol,
.detail-product-section .custom-block ul {
  font-size: 14px;
  list-style: none;
}
.detail-product-section .custom-block ul li {
  padding-left: 1em;
  text-indent: -0.7em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.detail-product-section .custom-block ul li:before {
  content: "• ";
  color: #e1a957;
  margin-right: 5px;
}
.detail-product-section .custom-block ol li {
  list-style-type: decimal;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 480px) {
  .detail-product-section .recipes-block {
    width: 100%;
    margin-left: 0;
  }
  .detail-product-section .list-bg-block {
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #d4d4d4;
  }
  .detail-product-section .list-aside-wrap {
    position: absolute;
    bottom: -10px;
    left: 25px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform-origin: 0 0;
    transform-origin: 0 0 0;
    padding: 0;
  }
  .detail-product-section .list-aside-text {
    font-size: 14px;
    color: #464646;
    height: 50px;
    width: 660px;
    overflow: hidden;
  }
  .detail-product-section .list-row:before {
    width: 90px;
  }
  .detail-product-section .list-row:after {
    width: 125px;
  }
  .detail-product-section .list-row.icon:before {
    width: 60px;
  }
  .detail-product-section .list-left-part {
    width: 50%;
    padding-right: 45px;
    padding-left: 50px;
  }
  .detail-product-section .list-right-part {
    width: 50%;
    padding-left: 45px;
  }
  .detail-product-section .inner-text,
  .detail-product-section .list-text {
    color: #4d4d4d;
  }
  .detail-product-section .detail-grid-item {
    margin-top: 0;
  }
  .detail-product-section .recipes-btn-wrap {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
  }
  .detail-product-section .recipes-block .title-wrap {
    width: 65%;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
  }
  .detail-product-section .recipes-block {
    padding: 30px 50px;
  }
}
@media only screen and (min-width: 720px) {
  .detail-product-section .detail-container-image-wrap .type-label {
    font-size: 14px;
  }
  .detail-product-section .detail-container-image-wrap .size-label {
    font-size: 22px;
    right: 60px;
    top: 55px;
  }
  .detail-product-section .detail-container-image-wrap .alc-label {
    font-size: 22px;
    left: 30px;
    bottom: 30px;
  }
  .detail-product-section .detail-container-image-wrap .alc-label .small-text {
    letter-spacing: 5px;
  }
  .detail-product-section .other-products .other-title-wrap {
    padding: 20px 30px;
  }
  .detail-product-section .type-label-wrap {
    position: absolute;
    top: 55px;
    right: calc(100% - 30px);
  }
  .detail-product-section .detail-grid-item.custom .product-list {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .detail-product-section {
    margin-bottom: 7.81vw;
  }
  .detail-product-section.bg-lang .recipes-title {
    font-size: 1.98vw;
  }
  .detail-product-section.bg-lang .recipes-title .small-text {
    font-size: 1.56vw;
  }
  .detail-product-section .large-bottle-container {
    padding-top: 41.67vw;
  }
  .detail-product-section .product-bg-block {
    width: 5.47vw;
  }
  .detail-product-section .recipes-title {
    font-size: 2.34vw;
    letter-spacing: 0.26vw;
  }
  .detail-product-section .list-row {
    padding-top: 1.04vw;
    padding-bottom: 1.04vw;
  }
  .detail-product-section .list-right-part {
    padding-left: 2.34vw;
  }
  .detail-product-section .list-left-part {
    padding-right: 2.34vw;
  }
  .detail-product-section .product-list {
    padding-left: 1.82vw;
    padding-right: 1.82vw;
    padding-top: 10px;
  }
  .detail-product-section .large-list-text {
    font-size: 1.41vw;
  }
  .detail-product-section .cople-text {
    font-size: 16px;
  }
  .detail-product-section .detail-container-image-wrap .size-label {
    font-size: 1.56vw;
    right: 5.21vw;
    top: 2.86vw;
  }
  .detail-product-section .detail-container-image-wrap .alc-label {
    font-size: 1.56vw;
    left: 3.65vw;
    bottom: 1.82vw;
  }
  .detail-product-section .detail-container-image-wrap .type-label-wrap {
    position: absolute;
    top: 2.86vw;
    right: calc(100% - 3.65vw);
    width: 100%;
    text-align: right;
  }
  .detail-product-section .detail-container-image-wrap .type-label .small-text {
    width: 20px;
    height: 20px;
  }
  .detail-product-section .list-aside-wrap {
    left: 1.3vw;
  }
  .detail-product-section .detail-grid-item {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .detail-product-section .detail-grid-item.custom {
    background: #000;
  }
  .detail-product-section .detail-grid-item.custom .product-list {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 7.03vw;
    padding-right: 7.03vw;
    padding-top: 3.13vw;
  }
  .detail-product-section .detail-grid-item.custom .list-aside-wrap {
    display: block;
  }
  .detail-product-section .detail-grid-item.custom .custom-block {
    max-width: 350px;
  }
  .detail-product-section .detail-product-container {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
  }
  .detail-product-section .detail-product-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .detail-product-section .other-products .other-title-wrap {
    padding: 4.17vw 3.65vw 3.13vw;
  }
  .detail-product-section .other-title {
    font-size: 2.92vw;
    letter-spacing: 0.36vw;
  }
  .detail-product-section
    .other-products-grid:hover
    .product-item
    .product-item-inner-wrap {
    opacity: 0.35;
  }
  .detail-product-section
    .other-products-grid:hover
    .product-item:hover
    .product-item-inner-wrap {
    opacity: 1;
  }
}
@media only screen and (min-width: 1281px) {
  .detail-product-section .large-bottle-container {
    padding-top: 41.67vw;
  }
}
@media only screen and (min-width: 1367px) {
  .detail-product-section .cople-text {
    font-size: 18px;
  }
  .detail-product-section .product-list {
    padding-top: 0;
  }
}
.brands-section {
  margin-bottom: 80px;
}
.brands-section.bg-lang .other-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.brands-section .brand-item-wrap {
  font-size: 0;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.brands-section .brand-slider {
  width: 100%;
  text-align: center;
  overflow: hidden;
  -ms-flex-order: 1;
  order: 1;
  padding: 20px;
  cursor: pointer;
}
.brands-section .main-bottle-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.brands-section .main-bottle-inner:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.brands-section .main-bottle-image {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.brands-section .main-bottle-wrap {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  transition: visibility 0.4s, opacity 0.9s;
}
.brands-section .brand-content {
  width: 100%;
  text-align: center;
  padding: 30px 20px;
  font-size: 0;
  -ms-flex-order: 2;
  order: 2;
  z-index: 1;
}
.brands-section .brand-content:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.brands-section .brand-logo-link {
  display: block;
  width: 100%;
}
.brands-section .brand-logo-image {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.brands-section .brand-logo-image.dqdova-brand-logo {
  margin-top: 15px;
}
.brands-section .brand-text-wrap {
  margin-top: 20px;
}
.brands-section .brand-text {
  font-size: 12px;
  margin: 0 0 10px;
}
.brands-section .brand-btn-wrap {
  margin-top: 30px;
}
.brands-section .brand-content-wrap {
  max-width: 250px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.brands-section .bg-custom-color {
  z-index: -1;
  opacity: 0;
  transition: opacity 1s, visibility 1s;
}
.brands-section .bg-custom-color.active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}
.brands-section .brand-item {
  padding: 20px 0;
}
.brands-section .brand-item.tcherga .main-bottle-wrap {
  width: 65px;
}
.brands-section .brand-item.inovino .main-bottle-wrap,
.brands-section .brand-item.zarska .main-bottle-wrap {
  width: 80px;
}
.brands-section .brand-item.inovino .aside-line {
  color: #c3c3c3;
}
.brands-section .brand-item.inovino .brand-text,
.brands-section .brand-item.zarska .brand-text {
  color: rgba(255, 255, 255, 0.75);
}
.brands-section .brand-item.zarska .aside-line {
  color: #222;
}
.brands-section .brand-item.menada .main-bottle-wrap {
  width: 70px;
}
.brands-section .brand-item.menada .bg-image {
  background-position: 25% center;
}
.brands-section .brand-item.artistique .main-bottle-wrap {
  width: 80px;
}
.brands-section .brand-item.artistique .brand-text {
  color: #fff;
}
.brands-section .brand-item.artistique .aside-line {
  color: #dedede;
}
.brands-section .brand-item.barrique .brand-text,
.brands-section .brand-item.dqdova .brand-text,
.brands-section .brand-item.tcherga-muscat .brand-text {
  color: rgba(255, 255, 255, 0.75);
}
.brands-section .brand-item.barrique .main-bottle-wrap {
  width: 85px;
}
.brands-section .brand-item.barrique .bg-image {
  background-position: 75% center;
}
.brands-section .brand-item.dqdova .bg-image,
.brands-section .brand-item.tcherga-muscat .bg-image {
  background-position: 0 center;
}
.brands-section .brand-item.dqdova .main-bottle-wrap {
  width: 105px;
}
.brands-section .brand-item.tcherga-muscat .main-bottle-wrap {
  width: 70px;
}
.brands-section .brand-item.tcherga-muscat .main-bottle-wrap.dqdova {
  width: 85px;
}
.brands-section .aside-dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  vertical-align: middle;
  border-radius: 20px;
  position: relative;
}
.brands-section .aside-dot-inner {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  background: #595959;
  border-radius: 20px;
}
.brands-section .dot-text {
  display: inline-block;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 0 0;
  transform-origin: 0 0 0;
}
.brands-section .aside-line-outer {
  display: inline-block;
  position: absolute;
  bottom: 14px;
  left: 74px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100% 0;
}
.brands-section .aside-line-wrap {
  width: 0;
  display: inline-block;
  overflow: hidden;
}
.brands-section .aside-line {
  display: inline-block;
  text-transform: uppercase;
  padding: 15px;
  vertical-align: middle;
  font-size: 12px;
  letter-spacing: 3px;
  color: #a1a1a1;
  width: 300px;
}
.brands-section .inner-line {
  display: inline-block;
  position: absolute;
  height: 0;
  width: 1px;
  background: #595959;
  top: 0;
  left: 0;
  transition: height 0.3s;
}
.brands-section .aside-slider-dots {
  position: absolute;
  top: 240px;
  left: 0;
  z-index: 5;
}
.brands-section .aside-slider-dots.right-aside {
  left: auto;
  right: 0;
}
.brands-section .aside-slider-dots.right-aside .aside-line-outer {
  left: 1px;
}
.brands-section .aside-slider-dots.right-aside .inner-line {
  top: auto;
  bottom: 0;
}
.brands-section .aside-row-wrap {
  font-size: 0;
  padding: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}
.brands-section .aside-row-wrap:last-child {
  margin-bottom: 0;
}
.brands-section .aside-row-wrap.active .aside-dot {
  background: #e1a957;
}
.brands-section .aside-row-wrap.active .aside-dot-inner {
  visibility: hidden;
  opacity: 0;
  background: #e1a957;
}
.brands-section .aside-row-wrap.active .aside-line-wrap {
  width: 400px;
  opacity: 1;
  visibility: visible;
  transition: opacity, 0.5s, visibility 0.4s, width 1.5s;
  transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}
.brands-section .aside-row-wrap.active .inner-line {
  height: 44px;
}
.brands-section .brand-slide {
  padding-top: 300px;
}
.brands-section .brand-slide .main-bottle-wrap {
  opacity: 0;
  visibility: hidden;
  transition: opacity, 0.5s, visibility 0.4s;
}
.brands-section .brand-slide.active .main-bottle-wrap {
  visibility: visible;
  opacity: 1;
}
.age-check-section,
.brands-section .swiper-pagination {
  visibility: hidden;
  opacity: 0;
}
.brands-section .other-title {
  font-size: 36px;
  line-height: 1.2em;
  letter-spacing: 5px;
}
.brands-section .other-title .small-text {
  display: block;
  font-family: Play, sans-serif;
  font-size: 22px;
  letter-spacing: 3px;
  line-height: 1.2em;
  color: #191919;
  font-weight: 700;
}
.brands-section .other-btn-wrap {
  margin-top: 20px;
}
.brands-section .other-products-item {
  padding: 30px 20px;
}
.brands-section .brand-logo-wrap {
  width: 150px;
}
@media only screen and (min-width: 720px) {
  .brands-section .aside-line-outer {
    bottom: 10px;
  }
  .brands-section .aside-row-wrap {
    padding: 5px 10px;
    margin-bottom: 10px;
  }
  .brands-section .aside-slider-dots {
    top: auto;
    bottom: 10px;
    left: -30px;
    z-index: 1;
  }
  .brands-section .aside-slider-dots.right-aside {
    left: auto;
    right: -30px;
  }
  .brands-section .main-inner-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
  .brands-section .breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }
  .brands-section .brand-slider {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0;
  }
  .brands-section .brand-content {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    z-index: 3;
  }
  .brands-section .brand-logo-wrap {
    width: 150px;
  }
  .brands-section .brand-slide {
    padding-top: 300px;
  }
  .brands-section .brand-item {
    padding: 0;
  }
  .brands-section .brand-item.tcherga .main-bottle-wrap {
    width: 100px;
    margin-top: -50px;
  }
  .brands-section .brand-item.inovino .main-bottle-wrap {
    width: 100px;
    margin-top: -10px;
  }
  .brands-section .brand-item.inovino .brand-slider {
    -ms-flex-order: 2;
    order: 2;
  }
  .brands-section .brand-item.inovino .brand-content {
    -ms-flex-order: 1;
    order: 1;
  }
  .brands-section .brand-item.menada .main-bottle-wrap {
    width: 100px;
    margin-top: -60px;
  }
  .brands-section .brand-item.artistique .main-bottle-wrap {
    width: 120px;
    margin-top: -20px;
  }
  .brands-section .brand-item.artistique .brand-slider {
    -ms-flex-order: 2;
    order: 2;
  }
  .brands-section .brand-item.artistique .brand-content {
    -ms-flex-order: 1;
    order: 1;
  }
  .brands-section .brand-item.zarska .main-bottle-wrap {
    width: 105px;
    margin-top: -20px;
  }
  .brands-section .brand-item.zarska .brand-slider {
    -ms-flex-order: 2;
    order: 2;
  }
  .brands-section .brand-item.zarska .brand-content {
    -ms-flex-order: 1;
    order: 1;
  }
  .brands-section .brand-item.barrique .main-bottle-wrap {
    width: 100px;
    margin-top: 10px;
  }
  .brands-section .brand-item.barrique .bg-image {
    background-position: center center;
  }
  .brands-section .brand-item.dqdova .main-bottle-wrap {
    width: 130px;
    margin-top: -10px;
  }
  .brands-section .brand-item.tcherga-muscat .main-bottle-wrap {
    width: 94px;
    margin-top: -60px;
  }
  .brands-section .brand-item.tcherga-muscat .main-bottle-wrap.dqdova {
    width: 130px;
    margin-top: -10px;
  }
  .brands-section .brand-content {
    padding: 30px 45px;
  }
}
@media only screen and (min-width: 1025px) {
  .brands-section .brand-item.dqdova .bg-image,
  .brands-section .brand-item.menada .bg-image,
  .brands-section .brand-item.tcherga-muscat .bg-image {
    background-position: center center;
  }
  .brands-section {
    margin-bottom: 8.33vw;
  }
  .brands-section .brand-item.tcherga .main-bottle-wrap {
    width: 8.7vw;
    margin-top: -4.17vw;
  }
  .brands-section .brand-item.inovino .main-bottle-wrap {
    width: 8.75vw;
    margin-top: -1.72vw;
  }
  .brands-section .brand-item.menada .main-bottle-wrap {
    width: 10vw;
    margin-top: -8.85vw;
  }
  .brands-section .brand-item.artistique .main-bottle-wrap {
    width: 11.04vw;
    margin-top: -5.47vw;
  }
  .brands-section .brand-item.barrique .main-bottle-wrap {
    width: 8.59vw;
    margin-top: 1.3vw;
  }
  .brands-section .brand-item.zarska .main-bottle-wrap {
    width: 10.16vw;
    margin-top: -4.17vw;
  }
  .brands-section .brand-item.dqdova .main-bottle-wrap {
    width: 11.46vw;
  }
  .brands-section .brand-item.tcherga-muscat .main-bottle-wrap {
    width: 8.85vw;
    margin-top: -9.64vw;
  }
  .brands-section .brand-item.tcherga-muscat .main-bottle-wrap.dqdova {
    width: 11.46vw;
    margin-top: -4.17vw;
  }
  .brands-section .brand-text-wrap {
    margin-top: 1.56vw;
  }
  .brands-section .brand-btn-wrap {
    margin-top: 2.6vw;
  }
  .brands-section .main-bottle-wrap {
    width: 8.85vw;
  }
  .brands-section .brand-slide {
    padding-top: 26.04vw;
  }
  .brands-section .brand-logo-wrap {
    width: 14.06vw;
  }
  .brands-section .brand-logo-wrap.rakia-logo-wrap {
    width: 10.42vw;
  }
  .brands-section .other-title {
    font-size: 2.76vw;
    letter-spacing: 0.31vw;
  }
  .brands-section .other-title .small-text {
    margin-bottom: -7px;
    font-size: 1.25vw;
    letter-spacing: 0.52vw;
  }
  .brands-section .other-products-item {
    padding: 2.86vw 3.39vw;
  }
  .brands-section .aside-row-wrap {
    margin-bottom: 0.52vw;
  }
  .brands-section .main-inner-wrap {
    padding-left: 3.65vw;
    padding-right: 3.65vw;
  }
  .brands-section .brand-content {
    padding: 30px 20px;
  }
  .brands-section .intro-aside-wrap {
    bottom: auto;
    top: 34.9vw;
  }
}
@media only screen and (min-width: 1281px) {
  .brands-section .aside-line {
    letter-spacing: 5px;
  }
}
@media only screen and (min-width: 1661px) {
  .brands-section .aside-line {
    padding: 25px 20px;
    font-size: 14px;
    letter-spacing: 10px;
    width: 400px;
  }
  .brands-section .aside-row-wrap {
    padding: 10px;
  }
  .brands-section .aside-row-wrap.active .inner-line {
    height: 66px;
  }
  .brands-section .aside-line-outer {
    left: 96px;
    bottom: 14px;
  }
  .brands-section .aside-slider-dots {
    bottom: 30px;
  }
}
.age-check-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  padding-top: 80px;
  transition: visibility 0.4s, opacity 0.4s;
}
.age-check-section.bg-lang .age-check-title {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 2px;
}
.age-check-section.bg-lang .age-check-title .small-line-text {
  font-weight: 400;
}
.age-check-section.bg-lang .terms-link:first-of-type {
  margin-left: 0;
}
.age-check-section.bg-lang .text-item-wrap {
  max-width: 304px;
}
.age-check-section.bg-lang .age-btn.yes {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1025px) {
  .age-check-section.bg-lang .text-item-wrap {
    max-width: 600px;
  }
  .age-check-section.bg-lang .age-btn.yes {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.age-check-section.show {
  display: block;
  z-index: 10;
  background: #222;
  opacity: 1;
  visibility: visible;
}
.age-check-section .age-check-wrap {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.age-check-section .main-wrap {
  height: 100%;
}
.age-check-section .age-title {
  font-size: 28px;
  letter-spacing: 5px;
  line-height: 1.2em;
  text-align: center;
  display: inline-block;
}
.age-check-section .age-inner {
  display: inline-block;
  vertical-align: middle;
  padding: 60px 0;
  width: calc(100% + 30px);
  margin-left: -15px;
}
.age-check-section .buttons-container {
  font-size: 0;
  margin-top: 20px;
}
.age-check-section .buttons-item {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.age-check-section .buttons-item.no,
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.age-check-section .age-btn {
  padding: 15px 25px;
  font-size: 12px;
  line-height: 1.2em;
  border-radius: 50px;
  background: #414141;
  color: #a5a5a5;
  text-transform: uppercase;
  transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.age-check-section .age-btn.disable {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.age-check-section .age-btn.yes {
  padding-right: 20px;
  padding-left: 20px;
  color: #222;
  background: #e1a957;
}
.age-check-section .bg-block {
  position: absolute;
  top: 0;
  left: 0;
}
.age-check-section .bg-block-image {
  display: inline-block;
  width: 100%;
}
.age-check-section .age-inner-container {
  text-align: center;
}
.age-check-section .bg-block-leaf {
  display: none;
}
.age-check-section .intro-aside-wrap {
  bottom: 0;
  left: -15px;
}
.age-check-section .age-inner-wrap {
  font-size: 0;
}
.age-check-section .logo-item {
  width: 250px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-top: 20px;
}
.age-check-section .logo-item-wrap {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.age-check-section .age-check-logo {
  display: inline-block;
  width: 100%;
}
.age-check-section .text-item {
  margin-top: 50px;
  background: rgba(42, 42, 42, 0.8);
  padding: 35px 20px;
}
.age-check-section .text-item .bg-image {
  display: none;
}
.age-check-section .text-item-wrap {
  width: 100%;
  max-width: 380px;
  display: inline-block;
}
.age-check-section .age-check-title {
  font-size: 52px;
  letter-spacing: 5px;
}
.age-check-section .age-check-title .small-line-text {
  display: block;
  font-size: 25px;
  line-height: 1em;
  letter-spacing: 2px;
  margin-bottom: -5px;
}
.age-check-section .age-check-content-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.age-check-section .age-check-question {
  font-size: 18px;
  color: #a7a7a7;
}
.age-check-section .terms-link,
.age-check-section .terms-text {
  display: inline-block;
  font-size: 14px;
  line-height: 1.4em;
  vertical-align: middle;
}
.age-check-section .age-check-content-bottom {
  margin-top: 25px;
}
.age-check-section .terms-text {
  color: #b3b3b3;
}
.age-check-section .terms-link {
  color: #e1a957;
  margin: 0 5px;
  text-decoration: underline;
}
.age-check-section .age-inner-bottom {
  margin-top: 15px;
}
.age-check-section .age-check-answer {
  display: block;
  font-size: 15px;
  letter-spacing: 0;
  color: #a63939;
  text-align: center;
  margin-top: 10px;
  visibility: hidden;
  opacity: 0;
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  transition: opacity 0.6s, visibility 0.4s, transform 0.5s;
}
.age-check-section .age-check-answer.show {
  visibility: visible;
  opacity: 1;
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.age-check-section .age-check-pop-up {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 25;
  top: 0;
  left: 0;
  background: #191919;
  display: none;
  min-height: 250px;
  overflow: auto;
}
.age-check-section .pop-up-detail {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-top: 90px;
  padding-bottom: 80px;
}
.age-check-section .pop-up-detail .terms-content {
  padding: 0;
}
.age-check-section .pop-up-detail .terms-inner-content {
  padding: 0 30px;
}
.age-check-section .pop-up-close {
  color: #e1a957;
  font-size: 18px;
  text-decoration: underline;
}
.age-check-section .top-pop-up-close {
  position: absolute;
  top: -14px;
  right: 0;
  background: #000;
  width: 28px;
  height: 28px;
  border-radius: 30px;
  border: 2px solid #e1a957;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  z-index: 1;
}
.age-check-section .top-pop-up-close:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.age-check-section .top-pop-up-close span {
  font-size: 14px;
  color: #e1a957;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 640px) {
  .age-check-section .age-inner {
    margin-top: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 720px) {
  .age-check-section .age-title {
    font-size: 30px;
  }
  .age-check-section .logo-item {
    display: inline-block;
    vertical-align: middle;
    width: 380px;
  }
  .age-check-section .age-btn {
    font-size: 14px;
  }
  .age-check-section .age-btn.yes {
    padding-right: 40px;
    padding-left: 40px;
  }
  .age-check-section .age-inner {
    width: 100%;
    margin-left: 0;
  }
  .age-check-section .age-check-title {
    letter-spacing: 10px;
  }
}
@media only screen and (min-width: 1025px) {
  .age-check-section .age-btn.no,
  .age-check-section .age-btn.yes {
    transition: color 0.5s;
  }
  .age-check-section .age-btn.no:hover,
  .age-check-section .age-btn.yes:hover {
    color: #fff;
  }
  .age-check-section .pop-up-close:hover,
  .age-check-section .terms-link:hover {
    opacity: 0.8;
  }
  .age-check-section {
    padding-top: 0;
  }
  .age-check-section .footer-bottom .footer-bottom-image-wrap a {
    width: 4.06vw;
  }
  .age-check-section .footer-bottom .footer-bottom-text-container {
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .age-check-section .age-title {
    font-size: 2.5vw;
    max-width: 45.31vw;
  }
  .age-check-section .age-inner {
    padding-top: 4.69vw;
    padding-bottom: 4.69vw;
    vertical-align: top;
    margin-top: 120px;
  }
  .age-check-section .bg-block {
    width: 66.88vw;
    top: -8.59vw;
  }
  .age-check-section .bg-block-leaf {
    display: block;
    position: absolute;
    width: 10.73vw;
    bottom: 4.69vw;
    left: 100%;
    z-index: -1;
  }
  .age-check-section .pop-up-close,
  .age-check-section .terms-link {
    transition: opacity 0.5s;
  }
  .age-check-section .logo-item-wrap {
    padding-left: 7.81vw;
    padding-right: 4.17vw;
  }
  .age-check-section .logo-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: calc(100% - 600px);
    margin-top: 20px;
  }
  .age-check-section .text-item {
    width: 600px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    background: 0 0;
    right: -2.6vw;
    padding: 3.91vw 85px 3.91vw 30px;
  }
  .age-check-section .text-item .bg-image {
    display: block;
  }
  .age-check-section .title-wrap {
    width: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    text-align: right;
  }
  .age-check-section .age-check-title {
    display: inline-block;
    text-align: left;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0 0;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .age-check-section .age-check-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 105px;
    padding-top: 5px;
    text-align: left;
  }
  .age-check-section .age-check-content-top {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .age-check-section .age-check-content-bottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    margin-top: 0;
  }
  .age-check-section .text-item-wrap {
    max-width: 600px;
    padding-top: 200px;
  }
  .age-check-section .age-inner-bottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 0;
  }
  .age-check-section .age-inner-container {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
  }
  .age-check-section .age-inner-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .age-check-section .age-check-answer {
    text-align: left;
  }
  .age-check-section .terms-link,
  .age-check-section .terms-text {
    line-height: 1.2em;
  }
  .age-check-section .age-check-wrap {
    overflow: visible;
  }
  .age-check-section .pop-up-detail {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.news-section .abs-item-link,
.news-section .bg-block {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1501px) {
  .age-check-section .age-inner {
    padding-top: 7.55vw;
    padding-bottom: 7.55vw;
  }
  .age-check-section .footer-bottom .footer-bottom-text-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.news-section.bg-lang .news-date {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.news-section .news-grid {
  font-size: 0;
}
.news-section .news-item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
}
.news-section .news-text {
  margin: 0 0 5px;
  font-size: 14px;
  color: #999;
  min-height: 65px;
}
.news-section .news-item-wrap {
  padding-left: 45px;
}
.news-section .abs-item-link {
  display: block;
  width: 100%;
  height: 100%;
}
.news-section .btn-line-wrap {
  z-index: 3;
}
.news-section .news-bg-image {
  max-width: 100%;
  max-height: 100%;
}
.news-section .intro-aside-wrap {
  bottom: auto;
  top: 400px;
}
@media only screen and (min-width: 720px) {
  .news-section .news-item {
    width: 50%;
    padding-left: 30px;
  }
  .news-section .news-date {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .news-section .news-item {
    padding-left: 3.65vw;
    padding-right: 2.08vw;
  }
  .news-section .btn-line-wrap {
    margin-top: 0.78vw;
  }
  .news-section .bg-block {
    top: -8.85vw;
    left: 8.85vw;
  }
  .news-detail-section .news-detail-container a:hover {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 1281px) {
  .news-section .news-item {
    width: 25%;
  }
}
.news-detail-section {
  padding-bottom: 100px;
}
.news-detail-section.bg-lang .news-detail-container .news-date-container {
  top: 0;
}
.news-detail-section.bg-lang .news-detail-container .news-date {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 0;
}
.news-detail-section.bg-lang .news-detail-container h1,
.news-detail-section.bg-lang .news-detail-container h2,
.news-detail-section.bg-lang .news-detail-container h3,
.news-detail-section.bg-lang .news-detail-container h4,
.news-detail-section.bg-lang .news-detail-container h5,
.news-detail-section.bg-lang .news-detail-container h6 {
  font-family: "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: 1px;
}
.news-detail-section .news-detail-grid {
  width: 100%;
  font-size: 0;
  text-align: right;
}
.news-detail-section .news-detail-container {
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.news-detail-section .news-detail-container h1 {
  font-size: 24px;
  letter-spacing: 2px;
}
.news-detail-section .news-detail-container h2 {
  font-size: 23px;
  letter-spacing: 2px;
}
.news-detail-section .news-detail-container h3 {
  font-size: 22px;
  letter-spacing: 2px;
}
.news-detail-section .news-detail-container h4 {
  font-size: 21px;
  letter-spacing: 2px;
}
.news-detail-section .news-detail-container h5 {
  font-size: 20px;
  letter-spacing: 2px;
}
.news-detail-section .news-detail-container h6 {
  font-size: 19px;
  letter-spacing: 2px;
}
.news-detail-section .news-detail-container p {
  margin: 0 0 20px;
  font-size: 14px;
  color: #9c9c9c;
}
.news-detail-section .news-detail-container img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 20px;
}
.news-detail-section .news-detail-container ul {
  list-style: none;
  font-size: 14px;
}
.news-detail-section .news-detail-container ul li {
  padding-left: 1em;
  text-indent: -0.7em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.news-detail-section .news-detail-container ul li:before {
  content: "• ";
  color: #e1a957;
  margin-right: 5px;
}
.news-detail-section .news-detail-container ol {
  font-size: 14px;
}
.news-detail-section .news-detail-container ol li {
  list-style-type: decimal;
  padding-top: 5px;
  padding-bottom: 5px;
}
.news-detail-section .news-detail-container a {
  display: inline-block;
  text-decoration: underline;
  font-size: 14px;
  color: #e1a957;
  margin-bottom: 20px;
  transition: opacity 0.4s;
}
.news-detail-section .news-detail-container .main-title-wrap {
  width: 100%;
  max-width: 530px;
  display: inline-block;
}
.news-detail-section .news-detail-container .detail-content-wrap {
  margin-top: 25px;
}
.news-detail-section .news-detail-container .news-date {
  font-size: 30px;
  font-family: "Abril Fatface", "Times New Roman", serif;
  color: silver;
  position: relative;
  left: 0;
  -ms-transform: rotate(0);
  transform: rotate(0);
  text-align: left;
  overflow: hidden;
}
.news-detail-section .news-detail-container .news-date span {
  display: inline-block;
}
.news-detail-section .bg-block {
  position: absolute;
  top: 0;
  left: 0;
}
.news-detail-section .leaf-image {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}
.news-detail-section .intro-aside-wrap {
  bottom: auto;
  top: 400px;
}
@media only screen and (min-width: 720px) {
  .news-detail-section .news-detail-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .news-detail-section {
    padding-bottom: 200px;
  }
  .news-detail-section .news-detail-container {
    width: 75%;
    padding-left: 1.56vw;
    padding-right: 4.69vw;
  }
  .news-detail-section .news-detail-container h1 {
    font-size: 31px;
    letter-spacing: 3px;
  }
  .news-detail-section .news-detail-container h2 {
    font-size: 29px;
    letter-spacing: 2px;
  }
  .news-detail-section .news-detail-container h3 {
    font-size: 27px;
    letter-spacing: 2px;
  }
  .news-detail-section .news-detail-container h4 {
    font-size: 25px;
    letter-spacing: 2px;
  }
  .news-detail-section .news-detail-container h5 {
    font-size: 23px;
    letter-spacing: 2px;
  }
  .news-detail-section .news-detail-container h6 {
    font-size: 21px;
    letter-spacing: 2px;
  }
  .news-detail-section .news-detail-container p {
    font-size: 16px;
  }
  .news-detail-section .news-detail-container .news-date-container {
    margin-right: 3.13vw;
  }
  .news-detail-section .news-detail-container .news-date {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .news-detail-section .bg-block {
    left: 3.65vw;
  }
  .news-detail-section .news-date-container {
    position: absolute;
    top: 7px;
    right: 100%;
  }
  .news-detail-section .news-date {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: right;
  }
}
.terms-section {
  margin-bottom: 50px;
}
.terms-section .terms-content {
  padding: 20px;
  background: #181818;
}
.terms-section .terms-content p {
  font-size: 14px;
  color: #818181;
  margin: 0 0 15px;
}
.terms-section .terms-content h1,
.terms-section .terms-content h2,
.terms-section .terms-content h3,
.terms-section .terms-content h4,
.terms-section .terms-content h5,
.terms-section .terms-content h6 {
  font-family: Play, sans-serif;
  font-size: 14px;
  color: #818181;
  margin-bottom: 20px;
  padding-top: 5px;
}
.terms-section .terms-content a {
  color: #e1a957;
  text-decoration: underline;
  font-size: 14px;
  transition: opacity 0.4s;
}
.terms-section .terms-content ul {
  list-style: none;
  font-size: 14px;
}
.terms-section .terms-content li {
  padding-left: 1em;
  text-indent: -0.7em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.terms-section .terms-content li:before {
  content: "• ";
  color: #e1a957;
  margin-right: 5px;
}
.section-404 .section-text,
.section-404 .sub-titlte-text {
  color: #bfbfbe;
  font-size: 14px;
}
.terms-section .dict-title {
  font-weight: 600;
}
@media only screen and (min-width: 720px) {
  .terms-section .terms-content {
    padding: 20px 30px;
  }
}
@media only screen and (min-width: 1025px) {
  .terms-section .terms-content {
    padding: 2.6vw 3.65vw;
  }
  .terms-section .terms-content a:hover {
    opacity: 0.8;
  }
}
.section-404 {
  text-align: center;
}
.section-404 .wrap-404 {
  width: calc(100% + 30px);
  margin-left: -15px;
  padding: 50px 20px 200px;
}
.section-404 .main-title {
  font-size: 52px;
  letter-spacing: 3px;
  line-height: 1em;
}
.section-404 .sub-title-wrap {
  margin-top: 25px;
}
.section-404 .section-text {
  display: inline-block;
  vertical-align: bottom;
}
.section-404 .section-link-home {
  display: inline-block;
  vertical-align: bottom;
  font-size: 14px;
  color: #e1a957;
  text-decoration: underline;
  transition: opacity 0.4s;
}
.section-404 .section-content {
  display: inline-block;
  max-width: 400px;
  margin-top: 50px;
}
@media only screen and (min-width: 720px) {
  .section-404 .wrap-404 {
    width: 100%;
    margin-left: 0;
    padding-top: 80px;
    padding-bottom: 200px;
  }
  .section-404 .main-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 1025px) {
  .section-404 .wrap-404 {
    padding-top: 9.38vw;
    padding-bottom: 19.27vw;
  }
  .section-404 .main-title {
    font-size: 6.25vw;
    letter-spacing: 0.52vw;
  }
  .section-404 .section-link-home:hover {
    opacity: 0.8;
  }
}
.anim-block .anim-elem {
  transition: opacity 0.5s, visibility 0.5s;
  will-change: transform, opacity, visibility;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: hidden;
  opacity: 0;
}
.anim-block .anim-elem.done {
  visibility: visible;
  opacity: 1;
}
.anim-block .anim-elem.faster {
  transition: all 0.5s;
}
.anim-block .anim-elem.slower {
  transition: all 1.3s;
}
.anim-block .anim-elem.top {
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  transition: opacity 0.5s, transform 0.5s, visibility 0.5s;
}
.anim-block .anim-elem.top.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.top-10 {
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  transition: opacity 0.5s, transform 0.5s, visibility 0.5s;
}
.anim-block .anim-elem.top-10.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.top-50 {
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  transition: opacity 1s, transform 0.5s, visibility 0.5s;
}
.anim-block .anim-elem.top-50.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.top-150 {
  -ms-transform: translateY(150px);
  transform: translateY(150px);
  transition: opacity 1s, transform 0.8s, visibility 0.5s;
}
.anim-block .anim-elem.bottom,
.anim-block .anim-elem.bottom-100,
.anim-block .anim-elem.bottom-150,
.anim-block .anim-elem.bottom-50,
.anim-block .anim-elem.top-250 {
  transition: opacity 1s, transform 0.5s, visibility 0.5s;
}
.anim-block .anim-elem.top-150.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.top-250 {
  -ms-transform: translateY(250px);
  transform: translateY(250px);
}
.anim-block .anim-elem.top-250.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.bottom {
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}
.anim-block .anim-elem.bottom.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.bottom-50 {
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.anim-block .anim-elem.bottom-50.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.bottom-100 {
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}
.anim-block .anim-elem.bottom-100.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.bottom-150 {
  -ms-transform: translateY(-150px);
  transform: translateY(-150px);
}
.anim-block .anim-elem.bottom-150.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.left-opacity {
  -ms-transform: translateX(-250px);
  transform: translateX(-250px);
}
.anim-block .anim-elem.left-opacity.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  opacity: 0.9;
}
.anim-block .anim-elem.top-50-opacity {
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, transform 0.5s, visibility 0.5s;
}
.anim-block .anim-elem.left,
.anim-block .anim-elem.left-100,
.anim-block .anim-elem.left-150,
.anim-block .anim-elem.left-50 {
  transition: opacity 1s, transform 0.5s, visibility 0.5s;
}
.anim-block .anim-elem.top-50-opacity.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 0.82;
}
.anim-block .anim-elem.left {
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}
.anim-block .anim-elem.left.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-block .anim-elem.left-50 {
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}
.anim-block .anim-elem.left-50.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-block .anim-elem.left-100 {
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}
.anim-block .anim-elem.left-100.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-block .anim-elem.left-150 {
  -ms-transform: translateX(-150px);
  transform: translateX(-150px);
}
.anim-block .anim-elem.left-200,
.anim-block .anim-elem.left-to-right,
.anim-block .anim-elem.right,
.anim-block .anim-elem.right-200 {
  transition: opacity 0.5s, transform 1s, visibility 0.5s;
}
.anim-block .anim-elem.left-150.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-block .anim-elem.left-200 {
  -ms-transform: translateX(-200px);
  transform: translateX(-200px);
}
.anim-block .anim-elem.left-200.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-block .anim-elem.left-to-right {
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.anim-block .anim-elem.left-to-right.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-block .anim-elem.right {
  -ms-transform: translateX(150px);
  transform: translateX(150px);
}
.anim-block .anim-elem.right.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-block .anim-elem.right-200 {
  -ms-transform: translateX(200px);
  transform: translateX(200px);
}
.anim-block .anim-elem.zoom-in,
.anim-block .anim-elem.zoom-out {
  transition: 2.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  visibility: visible;
}
.anim-block .anim-elem.right-200.done {
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.anim-block .anim-elem.scale {
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.anim-block .anim-elem.scale.done {
  -ms-transform: scale(1);
  transform: scale(1);
}
.anim-block .anim-elem.zoom-out {
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.anim-block .anim-elem.zoom-in,
.anim-block .anim-elem.zoom-out.done {
  -ms-transform: scale(1);
  transform: scale(1);
}
.anim-block .anim-elem.zoom-in.done {
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.anim-block .anim-elem.slide-top {
  transition: opacity 1s, visibility 1s, transform 1s;
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
}
.anim-block .anim-elem.slide-top.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.grape {
  transition: opacity 1s, visibility 1s, transform 0.9s;
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.anim-block .anim-elem.item-down,
.anim-block .anim-elem.item-up {
  transition: opacity 1s, visibility 1s, transform 1s;
}
.anim-block .anim-elem.grape.done {
  -ms-transform: rotate(0);
  transform: rotate(0);
}
@media only screen and (min-width: 1025px) {
  .anim-block .anim-elem.item-up {
    -ms-transform: translateY(14.06vw);
    transform: translateY(14.06vw);
  }
}
.anim-block .anim-elem.item-up.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1025px) {
  .anim-block .anim-elem.item-down {
    -ms-transform: translateY(-14.06vw);
    transform: translateY(-14.06vw);
  }
}
.anim-block .anim-elem.item-down.done {
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.anim-block .anim-elem.width-0 {
  opacity: 1;
  visibility: visible;
  transition: width 5s;
}
.anim-block .anim-elem.width-0.done {
  width: 0;
}
.anim-block .anim-elem.delay-01 {
  transition-delay: 0.1s;
}
.anim-block .anim-elem.delay-02 {
  transition-delay: 0.2s;
}
.anim-block .anim-elem.delay-03 {
  transition-delay: 0.3s;
}
.anim-block .anim-elem.delay-05 {
  transition-delay: 0.5s;
}
.anim-block .anim-elem.delay-07 {
  transition-delay: 0.7s;
}
.anim-block .anim-elem.delay-09 {
  transition-delay: 0.9s;
}
.anim-block .anim-elem.delay-1 {
  transition-delay: 1s;
}
.anim-block .anim-elem.delay-12 {
  transition-delay: 1.2s;
}
.anim-block .anim-elem.delay-15 {
  transition-delay: 1.5s;
}
.anim-block .anim-elem.delay-2 {
  transition-delay: 2s;
}
.anim-block .anim-elem.delay-3 {
  transition-delay: 3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Abril Fatface", "Times New Roman", serif;
  color: #e1a957;
  font-weight: 400;
  line-height: 1.3em;
  margin: 0;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  display: inline-block;
  color: #e1a957;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s;
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progress
  .swiper-pagination-progressbar {
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white
  .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black
  .swiper-pagination-progressbar {
  background: #000;
}
.swiper-container-3d {
  -o-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 {
  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: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.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,
.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-cube .swiper-slide {
  visibility: hidden;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.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-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  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-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: 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%;
  object-fit: contain;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 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, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%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%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
