@font-face {
  font-family: 'Optician Sans';
  src: url('../fonts/OpticianSans-Regular.woff2') format('woff2'), url('../fonts/OpticianSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?9nmaf61');
  src: url('../fonts/icomoon.eot?9nmaf61#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?9nmaf61') format('truetype'), url('../fonts/icomoon.woff?9nmaf61') format('woff'), url('../fonts/icomoon.svg?9nmaf61#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-play:before {
  content: "\e900";
}
.icon-pause:before {
  content: "\e901";
}
.icon-chevron-right:before {
  content: "\e902";
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-chevron-up:before {
  content: "\e904";
}
.icon-chevron-down:before {
  content: "\e905";
}
html.touch body .text a:hover {
  opacity: 1;
}
html.touch body .text a:active {
  opacity: 0.4;
}
html.touch .button:hover {
  background: #FF4D09;
}
html.touch .button:active {
  background: #59291F;
}
html.touch .button.lightHover:hover {
  color: #ffffff;
  background: #FF4D09;
}
html.touch .button.lightHover:active {
  background: #ffffff;
  color: #393939;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-collapse: inherit;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
*:focus {
  outline: none;
}
::-moz-selection {
  /* Code for Firefox */
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
}
::selection {
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
}
.visuallyHidden {
  border: 0;
  padding: 0;
  margin: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
  clip: rect(1px, 1px, 1px, 1px);
  /*maybe deprecated but we need to support legacy browsers */
  clip-path: inset(50%);
  /*modern browsers, clip-path works inwards from each corner*/
  white-space: nowrap;
  /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}
input,
textarea {
  border-radius: 0 !important;
  -webkit-appearance: none !important;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #393939 inset;
  -webkit-text-fill-color: #ffffff !important;
}
img.lazy {
  visibility: hidden;
  opacity: 0;
}
.lazyBackground.lazy {
  background-image: none !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
html {
  scroll-behavior: initial;
}
html.stopScroll {
  overflow: hidden;
}
html.stopScroll body {
  overflow: hidden;
}
html.is-changing {
  pointer-events: none;
}
html,
body {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  width: 100vw;
  height: auto;
  font-weight: 400;
  background: #ffffff;
  color: #393939;
  font-size: 1.25vw;
  line-height: 1.9;
  overflow-x: clip;
}
html.overflow,
body.overflow {
  overflow: hidden;
}
html .text.bigger,
body .text.bigger {
  font-size: 1.25vw;
}
html .text.bigger p,
body .text.bigger p {
  margin-bottom: 2.375vw;
}
html .text.bigger p:last-child,
body .text.bigger p:last-child {
  margin-bottom: 0;
}
html .text p,
body .text p,
html .text ul,
body .text ul,
html .text ol,
body .text ol {
  margin-bottom: 2.375vw;
}
html .text p:last-child,
body .text p:last-child,
html .text ul:last-child,
body .text ul:last-child,
html .text ol:last-child,
body .text ol:last-child {
  margin-bottom: 0;
}
html .text ul,
body .text ul,
html .text ol,
body .text ol {
  margin-left: 1.125vw;
}
html .text a,
body .text a {
  color: #000000;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
html .text a:hover,
body .text a:hover {
  opacity: 0.4;
}
html #pageContainer,
body #pageContainer {
  position: relative;
}
html section,
body section {
  margin: 7.5vw 0;
}
html section:first-child:not(.headerBigBlock),
body section:first-child:not(.headerBigBlock) {
  margin-top: 0;
  padding-top: 11.25vw;
}
html.is-changing #pageContainer.transition-fade,
html.fade #pageContainer.transition-fade {
  opacity: 0;
}
#pageContainer {
  width: 100vw;
}
#pageContainer.transition-fade {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
#pageContainer .blocks {
  width: 100vw;
}
#pageContainer .blocks .noBlocks {
  margin-top: 12.5vw;
}
#pageContainer .blocks .noBlocks .innerWrapper {
  padding: 1.875vw;
  background: rgba(0, 0, 0, 0.05);
}
.contentWrapper {
  width: 100%;
  padding: 0 2.5vw;
  margin: 0 auto;
}
.contentWrapper.smaller {
  width: 61.25vw;
}
.quoteTitle {
  font-family: 'Optician Sans';
  font-size: 5vw;
  line-height: 4.375vw;
  font-weight: 400;
}
.normalTitle {
  font-size: 2.5vw;
  line-height: 3.25vw;
  font-weight: 500;
}
.smallTitle {
  font-size: 1.625vw;
  line-height: 2.25vw;
  font-weight: 500;
}
.textTitle {
  text-transform: uppercase;
  font-family: 'Optician Sans';
  font-weight: 400;
  font-size: 1.875vw;
  line-height: 2vw;
}
.button {
  display: inline-block;
  font-family: 'Optician Sans';
  font-size: 1.875vw;
  line-height: 2vw;
  padding: 0.8125vw 2.5vw;
  text-decoration: none;
  border-radius: 3.75vw;
  text-align: center;
  color: #ffffff;
  background: #FF4D09;
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  -ms-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.button:hover {
  background: #59291F;
}
.button.primary {
  background: #59291F;
}
.button.lightHover:hover {
  background: #ffffff;
  color: #393939;
}
@media all and (max-width: 1080px) {
  html,
  body {
    font-size: 1.852vw;
  }
  html .text.bigger,
  body .text.bigger {
    font-size: 1.852vw;
  }
  html .text.bigger p,
  body .text.bigger p {
    margin-bottom: 3.5188vw;
  }
  html .text.bigger p:last-child,
  body .text.bigger p:last-child {
    margin-bottom: 0;
  }
  html .text p,
  body .text p,
  html .text ul,
  body .text ul,
  html .text ol,
  body .text ol {
    margin-bottom: 3.5188vw;
  }
  html .text p:last-child,
  body .text p:last-child,
  html .text ul:last-child,
  body .text ul:last-child,
  html .text ol:last-child,
  body .text ol:last-child {
    margin-bottom: 0;
  }
  html .text ul,
  body .text ul,
  html .text ol,
  body .text ol {
    margin-left: 1.667vw;
  }
  html section,
  body section {
    margin: 11.111vw 0;
  }
  html section:first-child:not(.headerBigBlock),
  body section:first-child:not(.headerBigBlock) {
    padding-top: 16.667vw;
  }
  #pageContainer .blocks .noBlocks {
    margin-top: 18.519vw;
  }
  #pageContainer .blocks .noBlocks .innerWrapper {
    padding: 2.778vw;
  }
  .contentWrapper {
    padding: 0 3.704vw;
  }
  .contentWrapper.smaller {
    width: 77.778vw;
  }
  .quoteTitle {
    font-size: 7.407vw;
    line-height: 6.481vw;
  }
  .normalTitle {
    font-size: 3.704vw;
    line-height: 4.815vw;
  }
  .smallTitle {
    font-size: 2.407vw;
    line-height: 3.333vw;
  }
  .textTitle {
    font-size: 2.778vw;
    line-height: 2.963vw;
  }
  .button {
    font-size: 2.778vw;
    line-height: 2.963vw;
    padding: 1.204vw 3.704vw;
    border-radius: 5.556vw;
  }
}
@media all and (max-width: 580px) {
  html,
  body {
    font-size: 4.138vw;
  }
  html .text.bigger,
  body .text.bigger {
    font-size: 4.138vw;
  }
  html .text.bigger p,
  body .text.bigger p {
    margin-bottom: 7.8622vw;
  }
  html .text.bigger p:last-child,
  body .text.bigger p:last-child {
    margin-bottom: 0;
  }
  html .text p,
  body .text p,
  html .text ul,
  body .text ul,
  html .text ol,
  body .text ol {
    margin-bottom: 7.8622vw;
  }
  html .text p:last-child,
  body .text p:last-child,
  html .text ul:last-child,
  body .text ul:last-child,
  html .text ol:last-child,
  body .text ol:last-child {
    margin-bottom: 0;
  }
  html .text ul,
  body .text ul,
  html .text ol,
  body .text ol {
    margin-left: 4.138vw;
  }
  html section,
  body section {
    margin: 20.69vw 0;
  }
  html section:first-child:not(.headerBigBlock),
  body section:first-child:not(.headerBigBlock) {
    padding-top: 31.034vw;
  }
  #pageContainer .blocks .noBlocks {
    margin-top: 34.483vw;
  }
  #pageContainer .blocks .noBlocks .innerWrapper {
    padding: 5.172vw;
  }
  .contentWrapper {
    padding: 0 6.897vw;
  }
  .contentWrapper.smaller {
    width: 100%;
  }
  .quoteTitle {
    font-size: 10.345vw;
    line-height: 8.621vw;
  }
  .normalTitle {
    font-size: 5.862vw;
    line-height: 7.931vw;
  }
  .smallTitle {
    font-size: 5.172vw;
    line-height: 6.897vw;
  }
  .textTitle {
    font-size: 5.172vw;
    line-height: 5.517vw;
  }
  .button {
    font-size: 5.172vw;
    line-height: 5.517vw;
    padding: 2.241vw 6.897vw;
    border-radius: 10.345vw;
  }
}
html.touch header .innerHeader .left .hamburger:hover {
  opacity: 1;
}
html.touch header .innerHeader .left .hamburger:active {
  opacity: 0.6;
}
html.touch header .innerHeader .right .logo:hover {
  opacity: 1;
}
html.touch header .innerHeader .right .logo:active {
  opacity: 0.6;
}
html.touch header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:hover {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html.touch header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:hover:after {
  left: 0 !important;
  opacity: 0 !important;
}
html.touch header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:active {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html.touch header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:active:after {
  left: 0 !important;
  opacity: 0 !important;
}
header.active .innerHeader {
  opacity: 1;
  pointer-events: inherit;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
header.scrolled .innerHeader,
header.dark .innerHeader {
  height: 5.625vw;
  line-height: 5.625vw;
  color: #59291F;
}
header.scrolled .innerHeader:before,
header.dark .innerHeader:before {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.05);
}
header.scrolled .innerHeader .right .logo svg:first-child,
header.dark .innerHeader .right .logo svg:first-child {
  margin-left: 0;
  opacity: 1;
}
header.scrolled .innerHeader .right .logo svg path,
header.dark .innerHeader .right .logo svg path {
  fill: #59291F;
}
header.scrolledDown .innerHeader {
  height: 5.625vw;
  line-height: 5.625vw;
  color: #59291F;
}
header.scrolledDown .innerHeader:before {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.05);
}
header.scrolledDown .innerHeader .right .logo svg:first-child {
  margin-left: -0.625vw;
  opacity: 0;
}
header.scrolledDown .innerHeader .right .logo svg path {
  fill: #59291F;
}
header.open .innerHeader {
  height: 10.625vw;
  line-height: 10.625vw;
  color: #ffffff;
}
header.open .innerHeader:before {
  background: transparent;
  border-color: rgba(0, 0, 0, 0);
}
header.open .innerHeader .right .logo svg:first-child {
  margin-left: 0;
  opacity: 1;
}
header.open .innerHeader .right .logo svg path {
  fill: #ffffff;
}
header .innerHeader {
  z-index: 11;
  height: 10.625vw;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  line-height: 10.625vw;
  color: #ffffff;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-1.25vw);
  -moz-transform: translateY(-1.25vw);
  -o-transform: translateY(-1.25vw);
  -ms-transform: translateY(-1.25vw);
  transform: translateY(-1.25vw);
  -webkit-transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s, height 0.3s 0s, line-height 0.3s 0s, top 0.3s 0s, color 0.3s 0s;
  -moz-transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s, height 0.3s 0s, line-height 0.3s 0s, top 0.3s 0s, color 0.3s 0s;
  -ms-transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s, height 0.3s 0s, line-height 0.3s 0s, top 0.3s 0s, color 0.3s 0s;
  -o-transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s, height 0.3s 0s, line-height 0.3s 0s, top 0.3s 0s, color 0.3s 0s;
  transition: opacity 0.45s 0.15s, pointer-events 0.45s 0.15s, transform 0.45s 0.15s, height 0.3s 0s, line-height 0.3s 0s, top 0.3s 0s, color 0.3s 0s;
}
header .innerHeader:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: background 0.3s 0s, border-color 0.3s 0s;
  -moz-transition: background 0.3s 0s, border-color 0.3s 0s;
  -ms-transition: background 0.3s 0s, border-color 0.3s 0s;
  -o-transition: background 0.3s 0s, border-color 0.3s 0s;
  transition: background 0.3s 0s, border-color 0.3s 0s;
}
header .innerHeader .left,
header .innerHeader .right {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
header .innerHeader .left .hamburger {
  margin-top: -0.125vw;
  line-height: 1.875vw;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
header .innerHeader .left .hamburger:hover {
  opacity: 0.6;
}
header .innerHeader .left .hamburger .label {
  font-size: 1.875vw;
  font-family: 'Optician Sans';
}
header .innerHeader .right {
  text-align: right;
}
header .innerHeader .right .logo {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.125vw;
  width: 12.8125vw;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
header .innerHeader .right .logo:hover {
  opacity: 0.6;
}
header .innerHeader .right .logo svg {
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  margin-left: 0;
  -webkit-transition: opacity 0.3s, margin-left, 0.3s;
  -moz-transition: opacity 0.3s, margin-left, 0.3s;
  -ms-transition: opacity 0.3s, margin-left, 0.3s;
  -o-transition: opacity 0.3s, margin-left, 0.3s;
  transition: opacity 0.3s, margin-left, 0.3s;
}
header .innerHeader .right .logo svg path {
  fill: #ffffff;
  -webkit-transition: fill 0.3s 0s ease-out;
  -moz-transition: fill 0.3s 0s ease-out;
  -o-transition: fill 0.3s 0s ease-out;
  transition: fill 0.3s 0s ease-out;
}
header .hamburgerMenu {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  overflow: auto;
  z-index: 10;
  pointer-events: none;
}
header .hamburgerMenu.active {
  pointer-events: inherit;
}
header .hamburgerMenu.active .left,
header .hamburgerMenu.active .right {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s, transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, transform 0.3s 0s;
  -ms-transition: opacity 0.3s 0s, transform 0.3s 0s;
  -o-transition: opacity 0.3s 0s, transform 0.3s 0s;
  transition: opacity 0.3s 0s, transform 0.3s 0s;
}
header .hamburgerMenu.active .right .innerContainer .imageContainer {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.6s 0.15s, transform 0.6s 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  -moz-transition: opacity 0.6s 0.15s, transform 0.6s 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  -ms-transition: opacity 0.6s 0.15s, transform 0.6s 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  -o-transition: opacity 0.6s 0.15s, transform 0.6s 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  transition: opacity 0.6s 0.15s, transform 0.6s 0.15s cubic-bezier(0.33, 1, 0.68, 1);
}
header .hamburgerMenu .left,
header .hamburgerMenu .right {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  background: #A69F8C;
  color: #ffffff;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, transform 0.3s 0s;
  -ms-transition: opacity 0.3s 0s, transform 0.3s 0s;
  -o-transition: opacity 0.3s 0s, transform 0.3s 0s;
  transition: opacity 0.3s 0s, transform 0.3s 0s;
}
header .hamburgerMenu .left .innerContainer,
header .hamburgerMenu .right .innerContainer {
  position: absolute;
  width: 100%;
}
header .hamburgerMenu .left .innerContainer {
  overflow: auto;
  scroll-behavior: smooth;
}
header .hamburgerMenu .left .innerContainer .menuContainer {
  position: relative;
  height: 100%;
  width: 100%;
}
header .hamburgerMenu .left .innerContainer .menuContainer .mainMenu {
  padding-left: 2.5vw;
  padding-right: 12.5vw;
  height: auto;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-height: calc(100vh - 18.75vw);
  overflow: auto;
}
header .hamburgerMenu .left .innerContainer .menuContainer .menu ul {
  list-style: none;
}
header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a {
  position: relative;
  line-height: 5vw;
  font-size: 3.125vw;
  display: inline-block;
  padding-right: 1.25vw;
  padding-left: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: padding-left 0.3s, padding-right 0.3s;
  -moz-transition: padding-left 0.3s, padding-right 0.3s;
  -ms-transition: padding-left 0.3s, padding-right 0.3s;
  -o-transition: padding-left 0.3s, padding-right 0.3s;
  transition: padding-left 0.3s, padding-right 0.3s;
}
header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:hover {
  padding-left: 1.875vw;
  padding-right: 0;
}
header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:hover:after {
  left: 0;
  opacity: 1;
}
header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:after {
  content: "";
  height: 0.625vw;
  left: -1.25vw;
  position: absolute;
  top: 50%;
  width: 0.625vw;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #ffffff;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s, left 0.3s;
  -moz-transition: opacity 0.3s, left 0.3s;
  -ms-transition: opacity 0.3s, left 0.3s;
  -o-transition: opacity 0.3s, left 0.3s;
  transition: opacity 0.3s, left 0.3s;
}
header .hamburgerMenu .left .innerContainer .menuContainer .bottomContent {
  height: auto;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
  padding-left: 2.5vw;
  bottom: 2.5vw;
}
header .hamburgerMenu .right {
  left: auto;
  right: 0;
}
header .hamburgerMenu .right .innerContainer {
  height: 100%;
  overflow: hidden;
}
header .hamburgerMenu .right .innerContainer .imageContainer {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity 0s 0.45s, transform 0s 0.45s;
  -moz-transition: opacity 0s 0.45s, transform 0s 0.45s;
  -ms-transition: opacity 0s 0.45s, transform 0s 0.45s;
  -o-transition: opacity 0s 0.45s, transform 0s 0.45s;
  transition: opacity 0s 0.45s, transform 0s 0.45s;
}
.bottomStickyContent {
  height: auto;
  left: 2.5vw;
  position: fixed;
  top: auto;
  width: auto;
  bottom: 2.5vw;
  z-index: 12;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
  -moz-transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
  -ms-transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
  -o-transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
  transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
}
.bottomStickyContent.active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
  -webkit-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -moz-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -ms-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -o-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
}
.bottomStickyContent.hide.showInMenu .buttons {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.bottomStickyContent.hide .buttons {
  -webkit-transform: translateY(-1.25vw);
  -moz-transform: translateY(-1.25vw);
  -o-transform: translateY(-1.25vw);
  -ms-transform: translateY(-1.25vw);
  transform: translateY(-1.25vw);
  pointer-events: none;
  opacity: 0;
}
.bottomStickyContent .buttons {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
  -webkit-transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
  -moz-transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
  -ms-transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
  -o-transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
  transition: transform 0.3s 0s, opacity 0.3s 0s, pointer-events 0.3s 0s;
}
@media all and (max-width: 1080px) {
  header.scrolled .innerHeader,
  header.dark .innerHeader {
    height: 8.333vw;
    line-height: 8.333vw;
  }
  header.scrolledDown .innerHeader {
    height: 8.333vw;
    line-height: 8.333vw;
  }
  header.scrolledDown .innerHeader .right .logo svg:first-child {
    margin-left: -0.926vw;
  }
  header.open .innerHeader {
    height: 15.741vw;
    line-height: 15.741vw;
  }
  header .innerHeader {
    height: 15.741vw;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    line-height: 15.741vw;
    -webkit-transform: translateY(-1.852vw);
    -moz-transform: translateY(-1.852vw);
    -o-transform: translateY(-1.852vw);
    -ms-transform: translateY(-1.852vw);
    transform: translateY(-1.852vw);
  }
  header .innerHeader .left .hamburger {
    margin-top: -0.185vw;
    line-height: 2.778vw;
  }
  header .innerHeader .left .hamburger .label {
    font-size: 2.778vw;
  }
  header .innerHeader .right .logo {
    margin-top: -0.185vw;
    width: 18.981vw;
  }
  header .hamburgerMenu .left,
  header .hamburgerMenu .right {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
  }
  header .hamburgerMenu .left .innerContainer,
  header .hamburgerMenu .right .innerContainer {
    position: absolute;
    width: 100%;
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .mainMenu {
    padding-left: 3.704vw;
    padding-right: 18.519vw;
    max-height: calc(100vh - 27.778vw);
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a {
    line-height: 7.407vw;
    font-size: 4.63vw;
    padding-right: 1.852vw;
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:hover {
    padding-left: 2.778vw;
    padding-right: 0;
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:after {
    height: 0.926vw;
    left: -1.852vw;
    position: absolute;
    top: 50%;
    width: 0.926vw;
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .bottomContent {
    padding-left: 3.704vw;
    bottom: 3.704vw;
  }
  header .hamburgerMenu .right {
    left: auto;
    right: 0;
  }
  .bottomStickyContent {
    height: auto;
    left: 3.704vw;
    position: fixed;
    top: auto;
    width: auto;
    bottom: 3.704vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .bottomStickyContent.hide .buttons {
    -webkit-transform: translateY(-1.852vw);
    -moz-transform: translateY(-1.852vw);
    -o-transform: translateY(-1.852vw);
    -ms-transform: translateY(-1.852vw);
    transform: translateY(-1.852vw);
  }
}
@media all and (max-width: 580px) {
  header.scrolled .innerHeader,
  header.dark .innerHeader {
    height: 15.517vw;
    line-height: 15.517vw;
  }
  header.scrolledDown .innerHeader {
    height: 15.517vw;
    line-height: 15.517vw;
  }
  header.scrolledDown .innerHeader .right .logo svg:first-child {
    opacity: 1;
    margin-left: 0;
  }
  header.open .innerHeader {
    height: 29.31vw;
    line-height: 29.31vw;
  }
  header .innerHeader {
    height: 29.31vw;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    line-height: 29.31vw;
    -webkit-transform: translateY(-3.448vw);
    -moz-transform: translateY(-3.448vw);
    -o-transform: translateY(-3.448vw);
    -ms-transform: translateY(-3.448vw);
    transform: translateY(-3.448vw);
  }
  header .innerHeader .left .hamburger {
    margin-top: -0.345vw;
    line-height: 5.172vw;
  }
  header .innerHeader .left .hamburger .label {
    font-size: 5.172vw;
  }
  header .innerHeader .right .logo {
    margin-top: -0.345vw;
    width: 35.345vw;
  }
  header .hamburgerMenu .left,
  header .hamburgerMenu .right {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .mainMenu {
    padding-left: 6.897vw;
    padding-right: 34.483vw;
    max-height: calc(100vh - 51.724vw);
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a {
    line-height: 13.793vw;
    font-size: 8.621vw;
    padding-right: 3.448vw;
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:hover {
    padding-left: 5.172vw;
    padding-right: 0;
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .menu ul li a:after {
    height: 1.724vw;
    left: -3.448vw;
    position: absolute;
    top: 50%;
    width: 1.724vw;
  }
  header .hamburgerMenu .left .innerContainer .menuContainer .bottomContent {
    padding-left: 6.897vw;
    bottom: 6.897vw;
  }
  header .hamburgerMenu .right {
    display: none;
  }
  .bottomStickyContent {
    height: auto;
    left: auto;
    position: fixed;
    top: auto;
    width: auto;
    right: 6.897vw;
    bottom: 6.897vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .bottomStickyContent.hide .buttons {
    -webkit-transform: translateY(-3.448vw);
    -moz-transform: translateY(-3.448vw);
    -o-transform: translateY(-3.448vw);
    -ms-transform: translateY(-3.448vw);
    transform: translateY(-3.448vw);
  }
}
html.touch footer .cols .col a:hover {
  opacity: 1;
}
html.touch footer .cols .col a:active {
  opacity: 0.6;
}
footer {
  padding: 15vw 0 6.25vw;
  background: #59291F;
  color: #ffffff;
}
footer .cols .col {
  display: inline-block;
  vertical-align: top;
  width: 30vw;
}
footer .cols .col:first-child {
  width: calc(100% - 30vw);
  padding-right: 7.5vw;
}
footer .cols .col a {
  color: #ffffff;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
footer .cols .col a:hover {
  opacity: 0.6;
}
footer .bottomFooter {
  margin-top: 18.75vw;
}
footer .bottomFooter .menuWrapper ul {
  list-style: none;
}
footer .bottomFooter .menuWrapper ul li {
  display: inline-block;
  margin-right: 4.375vw;
}
@media all and (max-width: 1080px) {
  footer {
    padding: 18.519vw 0 9.259vw;
  }
  footer .cols.normalTitle {
    font-size: 3.519vw;
    line-height: 4.444vw;
  }
  footer .cols .col {
    width: 33.334vw;
  }
  footer .cols .col:first-child {
    width: calc(100% - 33.334vw);
    padding-right: 11.111vw;
  }
  footer .bottomFooter {
    margin-top: 22.222vw;
  }
  footer .bottomFooter .menuWrapper ul li {
    margin-right: 6.481vw;
  }
}
@media all and (max-width: 580px) {
  footer {
    padding: 20.69vw 0 20.69vw;
  }
  footer .cols.normalTitle {
    font-size: 5.172vw;
    line-height: 6.897vw;
  }
  footer .cols .col {
    width: 100%;
  }
  footer .cols .col:first-child {
    width: 100%;
    margin-bottom: 6.897vw;
    padding-right: 0;
  }
  footer .bottomFooter {
    margin-top: 20.69vw;
  }
  footer .bottomFooter .menuWrapper ul li {
    margin-right: 0;
  }
}
html.touch .postSliderBlock .sliderWrapper .navigator .navigatorButton:hover {
  opacity: 1;
}
html.touch .postSliderBlock .sliderWrapper .navigator .navigatorButton:active {
  opacity: 0.4;
}
html.touch .postSliderBlock .sliderWrapper .navigator .navigatorButton.disabled {
  opacity: 0.2;
}
html.touch .postItem:hover:before {
  opacity: 0.6;
}
html.touch .postItem:hover .normalTitle {
  bottom: 3.75vw;
}
html.touch .postItem:active:before {
  opacity: 1;
}
html.touch .postItem:active .normalTitle {
  bottom: 5vw;
}
.postSliderBlock.inview .intro,
.postSliderBlock.inview .sliderWrapper {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.postSliderBlock .intro {
  position: relative;
  text-align: center;
  margin-bottom: 2.5vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.5s;
  -moz-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.5s;
  -ms-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.5s;
  -o-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.5s;
  transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.5s;
}
.postSliderBlock .sliderWrapper {
  position: relative;
  margin: 0 auto;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.postSliderBlock .sliderWrapper .navigator {
  height: auto;
  left: 0;
  position: absolute;
  top: -5.375vw;
  width: 100%;
}
.postSliderBlock .sliderWrapper .navigator .navigatorButton {
  user-select: none;
  -webkit-user-drag: none;
  display: inline-block;
  font-weight: 500;
  font-size: 3.125vw;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
.postSliderBlock .sliderWrapper .navigator .navigatorButton:hover {
  opacity: 0.4;
}
.postSliderBlock .sliderWrapper .navigator .navigatorButton.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.postSliderBlock .sliderWrapper .navigator .navigatorButton.next {
  float: right;
}
.postSliderBlock .sliderWrapper .slider {
  white-space: nowrap;
  overflow: hidden;
}
.postSliderBlock .sliderWrapper .slider .flickity-viewport .flickity-slider .postItem {
  margin-left: 0;
  margin-right: 1.25vw;
  width: calc(33.3333% - 0.83333333vw);
}
.postItems {
  width: calc(100% + 1.25vw);
  margin-left: -0.625vw;
  margin-bottom: -1.25vw;
}
.postItems .postItem {
  margin-bottom: 1.25vw;
}
.postItem {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(33.3333% - 1.25vw);
  height: 37.5vw;
  margin: 0 0.625vw;
  color: #ffffff;
  text-decoration: none;
  user-select: none;
  -webkit-user-drag: none;
  white-space: normal;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.postItem.inview {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.postItem:hover:before {
  opacity: 0.6;
}
.postItem:hover .normalTitle {
  bottom: 5vw;
}
.postItem.style-brown:before {
  background: #59291F;
}
.postItem.style-purple:before {
  background: #594C58;
}
.postItem.style-lightBlue {
  color: #59291F;
}
.postItem.style-lightBlue:before {
  background: #CDE8F8;
}
.postItem.style-lightBrown:before {
  background: #A69F8C;
}
.postItem.forceWhite {
  color: #ffffff;
}
.postItem:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: #5D7036;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
.postItem .background {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.postItem .background:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: #000000;
  opacity: 0.4;
}
.postItem .normalTitle {
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
  padding: 0 1.875vw;
  bottom: 3.75vw;
  -webkit-transition: bottom 0.3s 0s ease-out;
  -moz-transition: bottom 0.3s 0s ease-out;
  -o-transition: bottom 0.3s 0s ease-out;
  transition: bottom 0.3s 0s ease-out;
}
@media all and (max-width: 1080px) {
  html.touch .postItem:hover .normalTitle {
    bottom: 5.556vw;
  }
  html.touch .postItem:active .normalTitle {
    bottom: 7.407vw;
  }
  .postSliderBlock .intro {
    margin-bottom: 3.704vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .postSliderBlock .sliderWrapper {
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .postSliderBlock .sliderWrapper .navigator {
    height: auto;
    left: 0;
    position: absolute;
    top: -7.963vw;
    width: 100%;
  }
  .postSliderBlock .sliderWrapper .navigator .navigatorButton {
    font-size: 4.63vw;
  }
  .postSliderBlock .sliderWrapper .slider .flickity-viewport .flickity-slider .postItem {
    margin-right: 1.852vw;
    width: calc(50% - 1.23466667vw);
  }
  .postItems {
    width: calc(100% + 1.852vw);
    margin-left: -0.926vw;
    margin-bottom: -1.852vw;
  }
  .postItems .postItem {
    margin-bottom: 1.852vw;
  }
  .postItem {
    width: calc(50% - 1.852vw);
    height: 55.556vw;
    margin: 0 0.926vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .postItem:hover .normalTitle {
    bottom: 7.407vw;
  }
  .postItem .normalTitle {
    padding: 0 2.778vw;
    bottom: 5.556vw;
  }
}
@media all and (max-width: 580px) {
  html.touch .postItem:hover .normalTitle {
    bottom: 10.345vw;
  }
  html.touch .postItem:active .normalTitle {
    bottom: 13.793vw;
  }
  .postSliderBlock .intro {
    margin-bottom: 6.897vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .postSliderBlock .sliderWrapper {
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .postSliderBlock .sliderWrapper .navigator {
    height: auto;
    left: 0;
    position: absolute;
    top: -14.828vw;
    width: 100%;
  }
  .postSliderBlock .sliderWrapper .navigator .navigatorButton {
    font-size: 8.621vw;
  }
  .postSliderBlock .sliderWrapper .slider .flickity-viewport .flickity-slider .postItem {
    margin-right: 3.448vw;
    width: 100%;
  }
  .postItems {
    width: calc(100% + 3.448vw);
    margin-left: -1.724vw;
    margin-bottom: -3.448vw;
  }
  .postItems .postItem {
    margin-bottom: 3.448vw;
  }
  .postItem {
    width: calc(100% - 3.448vw);
    height: 103.448vw;
    margin: 0 1.724vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .postItem:hover .normalTitle {
    bottom: 13.793vw;
  }
  .postItem .normalTitle {
    padding: 0 5.172vw;
    bottom: 10.345vw;
  }
}
.headerBigBlock {
  height: 100dvh;
  /* fallback */
  height: var(--vh, 100vh);
  position: relative;
  overflow: hidden;
  margin: 0 !important;
}
.headerBigBlock.inview .background {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.headerBigBlock.inview .contentWrapper .innerContainer {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.headerBigBlock.inview .bottomContent {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.headerBigBlock .background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(1.025);
  -moz-transform: scale(1.025);
  -o-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
  -webkit-transition: opacity 0.45s 0s, transform 0.45s 0s;
  -moz-transition: opacity 0.45s 0s, transform 0.45s 0s;
  -ms-transition: opacity 0.45s 0s, transform 0.45s 0s;
  -o-transition: opacity 0.45s 0s, transform 0.45s 0s;
  transition: opacity 0.45s 0s, transform 0.45s 0s;
}
.headerBigBlock .background:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: #000000;
  opacity: 0.2;
}
.headerBigBlock .background .innerBackground {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.headerBigBlock .background video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
}
.headerBigBlock .centerContent {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
.headerBigBlock .centerContent .innerContainer {
  color: #ffffff;
  text-align: center;
  padding: 0 24.375vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.headerBigBlock .bottomContent {
  height: auto;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
  bottom: 2.5vw;
  color: #ffffff;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -moz-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -ms-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -o-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
}
@media all and (max-width: 1080px) {
  .headerBigBlock .centerContent .innerContainer {
    padding: 0 8.333vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .headerBigBlock .bottomContent {
    bottom: 3.704vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
}
@media all and (max-width: 580px) {
  .headerBigBlock {
    height: auto;
  }
  .headerBigBlock .centerContent {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .headerBigBlock .centerContent .innerContainer {
    padding: 51.724vw 0 51.724vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .headerBigBlock .bottomContent {
    bottom: 6.897vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
}
.headerPageBlock {
  background: #5D7036;
  color: #ffffff;
  margin: 0 !important;
  padding-top: 0 !important;
  margin-top: 5.625vw !important;
  position: relative;
}
.headerPageBlock.style-brown {
  background: #59291F;
}
.headerPageBlock.style-purple {
  background: #594C58;
}
.headerPageBlock.style-lightBlue {
  background: #CDE8F8;
  color: #59291F;
}
.headerPageBlock.style-lightBrown {
  background: #A69F8C;
}
.headerPageBlock.inview .cols .col.textCol .textTitle,
.headerPageBlock.inview .cols .col.textCol .normalTitle,
.headerPageBlock.inview .cols .col.textCol .buttons {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.headerPageBlock.inview .cols .col.imageCol .image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.headerPageBlock.inview .bottomContent {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.headerPageBlock .cols.style-smallImage .col.textCol {
  width: calc(50% + 6.875vw);
}
.headerPageBlock .cols.style-smallImage .col.imageCol {
  width: calc(50% - 6.875vw);
}
.headerPageBlock .cols .col {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.headerPageBlock .cols .col.textCol {
  padding: 5.625vw 6.25vw 5.625vw 2.5vw;
}
.headerPageBlock .cols .col.textCol .textTitle {
  margin-bottom: 1.875vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -moz-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -ms-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -o-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
}
.headerPageBlock .cols .col.textCol .normalTitle {
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.headerPageBlock .cols .col.textCol .buttons {
  margin-top: 1.875vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -moz-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -ms-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -o-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
}
.headerPageBlock .cols .col.imageCol {
  min-height: calc(100vh - 5.625vw);
  overflow: hidden;
}
.headerPageBlock .cols .col.imageCol .image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  -webkit-transform: scale(1.025);
  -moz-transform: scale(1.025);
  -o-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
  -webkit-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -moz-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -ms-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -o-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
}
.headerPageBlock .bottomContent {
  height: auto;
  left: 0;
  position: absolute;
  top: auto;
  width: 100%;
  bottom: 2.5vw;
  color: #ffffff;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
@media all and (max-width: 1080px) {
  .headerPageBlock {
    margin-top: 8.333vw !important;
  }
  .headerPageBlock .cols.style-smallImage .col.textCol {
    width: calc(50% + 10.185vw);
  }
  .headerPageBlock .cols.style-smallImage .col.imageCol {
    width: calc(50% - 10.185vw);
  }
  .headerPageBlock .cols .col.textCol {
    padding: 8.333vw 5.556vw 8.333vw 3.704vw;
  }
  .headerPageBlock .cols .col.textCol:last-child {
    padding: 8.333vw 3.704vw 8.333vw 5.556vw;
  }
  .headerPageBlock .cols .col.textCol .textTitle {
    margin-bottom: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .headerPageBlock .cols .col.textCol .normalTitle {
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .headerPageBlock .cols .col.textCol .buttons {
    margin-top: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .headerPageBlock .cols .col.imageCol {
    min-height: calc(100vh - 8.333vw);
  }
  .headerPageBlock .bottomContent {
    bottom: 3.704vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
}
@media all and (max-width: 580px) {
  .headerPageBlock {
    margin-top: 15.517vw !important;
  }
  .headerPageBlock .cols {
    display: table;
    width: 100%;
  }
  .headerPageBlock .cols.style-smallImage .col.textCol {
    width: 100%;
  }
  .headerPageBlock .cols.style-smallImage .col.imageCol {
    width: 100%;
  }
  .headerPageBlock .cols .col {
    width: 100%;
  }
  .headerPageBlock .cols .col.textCol {
    padding: 20.69vw 6.897vw !important;
  }
  .headerPageBlock .cols .col.textCol .textTitle {
    margin-bottom: 5.172vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .headerPageBlock .cols .col.textCol .normalTitle {
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .headerPageBlock .cols .col.textCol .buttons {
    margin-top: 5.172vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .headerPageBlock .cols .col.imageCol {
    display: table-footer-group;
    height: auto;
  }
  .headerPageBlock .cols .col.imageCol .image {
    position: relative;
    height: 103.448vw;
  }
  .headerPageBlock .bottomContent {
    bottom: 6.897vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
}
html.touch .aboutTitleBlock.style-brown .cols .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #59291F;
}
html.touch .aboutTitleBlock.style-brown .cols .col.textCol .buttons .button:active {
  background: #E8E8E8;
  color: #59291F;
}
html.touch .aboutTitleBlock.style-purple .cols .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #594C58;
}
html.touch .aboutTitleBlock.style-purple .cols .col.textCol .buttons .button:active {
  background: #E8E8E8;
  color: #594C58;
}
html.touch .aboutTitleBlock.style-lightBlue .cols .col.textCol .buttons .button:hover {
  background: #59291F;
  color: #ffffff;
}
html.touch .aboutTitleBlock.style-lightBlue .cols .col.textCol .buttons .button:active {
  background: #ffffff;
  color: #59291F;
}
html.touch .aboutTitleBlock.style-lightBrown .cols .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #A69F8C;
}
html.touch .aboutTitleBlock.style-lightBrown .cols .col.textCol .buttons .button:active {
  background: #E8E8E8;
  color: #A69F8C;
}
html.touch .aboutTitleBlock .cols .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #5D7036;
}
html.touch .aboutTitleBlock .cols .col.textCol .buttons .button:active {
  background: #E8E8E8;
  color: #5D7036;
}
.aboutTitleBlock {
  background: #5D7036;
  color: #ffffff;
  margin: 0 !important;
}
.aboutTitleBlock.style-brown {
  background: #59291F;
}
.aboutTitleBlock.style-brown .cols .col.textCol .buttons .button {
  background: #ffffff;
  color: #59291F;
}
.aboutTitleBlock.style-brown .cols .col.textCol .buttons .button:hover {
  background: #E8E8E8;
  color: #59291F;
}
.aboutTitleBlock.style-purple {
  background: #594C58;
}
.aboutTitleBlock.style-purple .cols .col.textCol .buttons .button {
  background: #ffffff;
  color: #594C58;
}
.aboutTitleBlock.style-purple .cols .col.textCol .buttons .button:hover {
  background: #E8E8E8;
  color: #594C58;
}
.aboutTitleBlock.style-lightBlue {
  background: #CDE8F8;
  color: #59291F;
}
.aboutTitleBlock.style-lightBlue .cols .col.textCol .buttons .button {
  background: #59291F;
  color: #ffffff;
}
.aboutTitleBlock.style-lightBlue .cols .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #59291F;
}
.aboutTitleBlock.style-lightBrown {
  background: #A69F8C;
}
.aboutTitleBlock.style-lightBrown .cols .col.textCol .buttons .button {
  background: #ffffff;
  color: #A69F8C;
}
.aboutTitleBlock.style-lightBrown .cols .col.textCol .buttons .button:hover {
  background: #E8E8E8;
  color: #A69F8C;
}
.aboutTitleBlock.inview .cols .col.textCol .textTitle,
.aboutTitleBlock.inview .cols .col.textCol .normalTitle,
.aboutTitleBlock.inview .cols .col.textCol .buttons {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.aboutTitleBlock.inview .cols .col.imageCol .image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.aboutTitleBlock .cols.style-smallImage .col.textCol {
  width: calc(50% + 6.875vw);
}
.aboutTitleBlock .cols.style-smallImage .col.imageCol {
  width: calc(50% - 6.875vw);
}
.aboutTitleBlock .cols .col {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.aboutTitleBlock .cols .col.textCol {
  padding: 5.625vw 6.25vw 5.625vw 8.125vw;
}
.aboutTitleBlock .cols .col.textCol .textTitle {
  margin-bottom: 1.875vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -moz-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -ms-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -o-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
}
.aboutTitleBlock .cols .col.textCol .normalTitle {
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.aboutTitleBlock .cols .col.textCol .buttons {
  margin-top: 1.875vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -moz-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -ms-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -o-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
}
.aboutTitleBlock .cols .col.textCol .buttons .button {
  background: #ffffff;
  color: #5D7036;
}
.aboutTitleBlock .cols .col.textCol .buttons .button:hover {
  background: #E8E8E8;
  color: #5D7036;
}
.aboutTitleBlock .cols .col.imageCol {
  min-height: 48.75vw;
  overflow: hidden;
}
.aboutTitleBlock .cols .col.imageCol .image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  -webkit-transform: scale(1.025);
  -moz-transform: scale(1.025);
  -o-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
  -webkit-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -moz-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -ms-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -o-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
}
@media all and (max-width: 1080px) {
  .aboutTitleBlock .cols.style-smallImage .col.textCol {
    width: calc(50% + 10.185vw);
  }
  .aboutTitleBlock .cols.style-smallImage .col.imageCol {
    width: calc(50% - 10.185vw);
  }
  .aboutTitleBlock .cols .col.textCol {
    padding: 8.333vw 5.556vw 8.333vw 3.704vw;
  }
  .aboutTitleBlock .cols .col.textCol:last-child {
    padding: 8.333vw 3.704vw 8.333vw 5.556vw;
  }
  .aboutTitleBlock .cols .col.textCol .textTitle {
    margin-bottom: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .aboutTitleBlock .cols .col.textCol .normalTitle {
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .aboutTitleBlock .cols .col.textCol .buttons {
    margin-top: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .aboutTitleBlock .cols .col.imageCol {
    min-height: 72.223vw;
  }
}
@media all and (max-width: 580px) {
  .aboutTitleBlock .cols {
    display: table;
    width: 100%;
  }
  .aboutTitleBlock .cols.style-smallImage .col.textCol {
    width: 100%;
  }
  .aboutTitleBlock .cols.style-smallImage .col.imageCol {
    width: 100%;
  }
  .aboutTitleBlock .cols .col {
    width: 100%;
  }
  .aboutTitleBlock .cols .col.textCol {
    padding: 20.69vw 6.897vw !important;
  }
  .aboutTitleBlock .cols .col.textCol .textTitle {
    margin-bottom: 5.172vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .aboutTitleBlock .cols .col.textCol .normalTitle {
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .aboutTitleBlock .cols .col.textCol .buttons {
    margin-top: 5.172vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .aboutTitleBlock .cols .col.imageCol {
    display: table-footer-group;
    height: auto;
  }
  .aboutTitleBlock .cols .col.imageCol.hideMobile {
    display: none;
  }
  .aboutTitleBlock .cols .col.imageCol .image {
    position: relative;
    height: 103.448vw;
  }
}
html.touch .accordionInfoBlock .cols .col.textCol .questions .question.active .questionIntro:hover .label,
html.touch .accordionInfoBlock .cols .col.textCol .questions .question.active .questionIntro:active .label {
  opacity: 1;
}
html.touch .accordionInfoBlock .cols .col.textCol .questions .question .questionIntro:hover .label {
  opacity: 1;
}
html.touch .accordionInfoBlock .cols .col.textCol .questions .question .questionIntro:active .label {
  opacity: 0.4;
}
html.touch .accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer .text .openTextOverlay:hover {
  opacity: 1;
}
html.touch .accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer .text .openTextOverlay:active {
  opacity: 0.6;
}
html.touch .textOverlays .textOverlay .innerContainer .closeOverlay:hover {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 1;
}
html.touch .textOverlays .textOverlay .innerContainer .closeOverlay:active {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.6;
}
.accordionInfoBlock {
  background: #5D7036;
  color: #ffffff;
  margin: 0 !important;
}
.accordionInfoBlock.style-brown {
  background: #59291F;
}
.accordionInfoBlock.style-purple {
  background: #594C58;
}
.accordionInfoBlock.style-lightBlue {
  background: #CDE8F8;
  color: #59291F;
}
.accordionInfoBlock.style-lightBlue .cols .col.textCol .questions .question {
  border-color: #59291F;
}
.accordionInfoBlock.style-lightBrown {
  background: #A69F8C;
}
.accordionInfoBlock.inview .cols .col.textCol .questions {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.accordionInfoBlock.inview .cols .col.imageCol .image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.accordionInfoBlock .cols.style-smallImage .col.textCol {
  width: calc(50% + 6.875vw);
}
.accordionInfoBlock .cols.style-smallImage .col.imageCol {
  width: calc(50% - 6.875vw);
}
.accordionInfoBlock .cols .col {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.accordionInfoBlock .cols .col.textCol {
  padding: 5.625vw 6.25vw 5.625vw 8.125vw;
}
.accordionInfoBlock .cols .col.textCol .questions {
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -moz-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -ms-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -o-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
}
.accordionInfoBlock .cols .col.textCol .questions .question {
  border-bottom: 3px solid #ffffff;
}
.accordionInfoBlock .cols .col.textCol .questions .question:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.accordionInfoBlock .cols .col.textCol .questions .question.active .questionIntro {
  cursor: default;
}
.accordionInfoBlock .cols .col.textCol .questions .question.active .questionIntro:hover .label {
  opacity: 1;
}
.accordionInfoBlock .cols .col.textCol .questions .question.active .questionIntro:after {
  width: 100% !important;
  left: 0;
  right: auto;
}
.accordionInfoBlock .cols .col.textCol .questions .question.active .questionIntro .icon:after {
  content: "-";
}
.accordionInfoBlock .cols .col.textCol .questions .question .questionIntro {
  padding: 1.875vw 0;
  cursor: pointer;
  position: relative;
  line-height: 1;
}
.accordionInfoBlock .cols .col.textCol .questions .question .questionIntro:hover .label {
  opacity: 0.4;
}
.accordionInfoBlock .cols .col.textCol .questions .question .questionIntro .label {
  width: calc(100% - 1.25vw);
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  padding-right: 3.75vw;
  line-height: 1;
  font-size: 1.5vw;
  font-family: 'Optician Sans';
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
.accordionInfoBlock .cols .col.textCol .questions .question .questionIntro .icon {
  width: 1.25vw;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  padding-right: 0;
  line-height: 1;
  font-size: 1.5vw;
}
.accordionInfoBlock .cols .col.textCol .questions .question .questionIntro .icon:after {
  content: "+";
}
.accordionInfoBlock .cols .col.textCol .questions .question .answer {
  height: 0;
  overflow: hidden;
}
.accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer {
  padding-bottom: 1.875vw;
}
.accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer .text .innerText {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer .text .openTextOverlay {
  margin-top: 0.625vw;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-out;
  -moz-transition: opacity 0.3s 0s ease-out;
  -o-transition: opacity 0.3s 0s ease-out;
  transition: opacity 0.3s 0s ease-out;
}
.accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer .text .openTextOverlay:hover {
  opacity: 0.6;
}
.accordionInfoBlock .cols .col.imageCol {
  min-height: 48.75vw;
  overflow: hidden;
}
.accordionInfoBlock .cols .col.imageCol .image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  -webkit-transform: scale(1.025);
  -moz-transform: scale(1.025);
  -o-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
  -webkit-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -moz-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -ms-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -o-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
}
.textOverlays .textOverlay {
  color: #59291F;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 16;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, pointer-events 0.3s;
  -moz-transition: opacity 0.3s, pointer-events 0.3s;
  -ms-transition: opacity 0.3s, pointer-events 0.3s;
  -o-transition: opacity 0.3s, pointer-events 0.3s;
  transition: opacity 0.3s, pointer-events 0.3s;
}
.textOverlays .textOverlay.active {
  opacity: 1;
  pointer-events: inherit;
}
.textOverlays .textOverlay .background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: #000000;
  opacity: 0.8;
  cursor: pointer;
}
.textOverlays .textOverlay .innerContainer {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 75vw;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 7.5vw;
  max-height: calc(100vh - 5vw);
  overflow: auto;
}
.textOverlays .textOverlay .innerContainer .closeOverlay {
  height: 3.125vw;
  left: auto;
  position: absolute;
  top: 2.5vw;
  width: 3.125vw;
  overflow: hidden;
  right: 2.5vw;
  font-size: 3.125vw;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 1;
  -webkit-transition: opacity 0.3s, transform 0.3s;
  -moz-transition: opacity 0.3s, transform 0.3s;
  -ms-transition: opacity 0.3s, transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.textOverlays .textOverlay .innerContainer .closeOverlay:hover {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0.6;
}
@media all and (max-width: 1080px) {
  .accordionInfoBlock .cols.style-smallImage .col.textCol {
    width: calc(50% + 10.185vw);
  }
  .accordionInfoBlock .cols.style-smallImage .col.imageCol {
    width: calc(50% - 10.185vw);
  }
  .accordionInfoBlock .cols .col.textCol {
    padding: 8.333vw 5.556vw 8.333vw 3.704vw;
  }
  .accordionInfoBlock .cols .col.textCol:last-child {
    padding: 8.333vw 3.704vw 8.333vw 5.556vw;
  }
  .accordionInfoBlock .cols .col.textCol .questions {
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .questionIntro {
    padding: 2.778vw 0;
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .questionIntro .label {
    width: calc(100% - 1.852vw);
    padding-right: 5.556vw;
    font-size: 2.222vw;
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .questionIntro .icon {
    width: 1.852vw;
    font-size: 2.222vw;
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer {
    padding-bottom: 2.778vw;
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer .text .openTextOverlay {
    margin-top: 0.926vw;
  }
  .accordionInfoBlock .cols .col.imageCol {
    min-height: 72.223vw;
  }
  .textOverlays .textOverlay .innerContainer {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 111.112vw;
    padding: 11.111vw;
    max-height: calc(100vh - 7.407vw);
  }
  .textOverlays .textOverlay .innerContainer .closeOverlay {
    height: 4.63vw;
    left: auto;
    position: absolute;
    top: 3.704vw;
    width: 4.63vw;
    right: 3.704vw;
    font-size: 4.63vw;
  }
}
@media all and (max-width: 580px) {
  .accordionInfoBlock .cols {
    display: table;
    width: 100%;
  }
  .accordionInfoBlock .cols.style-smallImage .col.textCol {
    width: 100%;
  }
  .accordionInfoBlock .cols.style-smallImage .col.imageCol {
    width: 100%;
  }
  .accordionInfoBlock .cols .col {
    width: 100%;
  }
  .accordionInfoBlock .cols .col.textCol {
    padding: 20.69vw 6.897vw !important;
  }
  .accordionInfoBlock .cols .col.textCol .questions {
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .questionIntro {
    padding: 5.172vw 0;
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .questionIntro .label {
    width: calc(100% - 3.448vw);
    padding-right: 10.345vw;
    font-size: 4.138vw;
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .questionIntro .icon {
    width: 3.448vw;
    font-size: 4.138vw;
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer {
    padding-bottom: 5.172vw;
  }
  .accordionInfoBlock .cols .col.textCol .questions .question .answer .innerAnswer .text .openTextOverlay {
    margin-top: 1.724vw;
  }
  .accordionInfoBlock .cols .col.imageCol {
    display: table-footer-group;
    height: auto;
  }
  .accordionInfoBlock .cols .col.imageCol.hideMobile {
    display: none;
  }
  .accordionInfoBlock .cols .col.imageCol .image {
    position: relative;
    height: 103.448vw;
  }
  .textOverlays .textOverlay .innerContainer {
    height: auto;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 31.034vw 6.897vw;
    max-height: 100vh;
  }
  .textOverlays .textOverlay .innerContainer .closeOverlay {
    height: 8.621vw;
    left: auto;
    position: absolute;
    top: 20.69vw;
    width: 8.621vw;
    right: 6.897vw;
    font-size: 8.621vw;
  }
}
.quoteBlock.inview .innerContainer {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.quoteBlock .innerContainer {
  text-align: center;
  padding: 0 24.375vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
@media all and (max-width: 1080px) {
  .quoteBlock .innerContainer {
    padding: 0 8.333vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
}
@media all and (max-width: 580px) {
  .quoteBlock .innerContainer {
    padding: 0;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
}
html.touch .productBlock .cols.style-brown .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #59291F;
}
html.touch .productBlock .cols.style-brown .col.textCol .buttons .button:active {
  background: #E8E8E8;
  color: #59291F;
}
html.touch .productBlock .cols.style-purple .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #594C58;
}
html.touch .productBlock .cols.style-purple .col.textCol .buttons .button:active {
  background: #E8E8E8;
  color: #594C58;
}
html.touch .productBlock .cols.style-lightBlue .col.textCol .buttons .button:hover {
  background: #59291F;
  color: #ffffff;
}
html.touch .productBlock .cols.style-lightBlue .col.textCol .buttons .button:active {
  background: #ffffff;
  color: #59291F;
}
html.touch .productBlock .cols.style-lightBrown .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #A69F8C;
}
html.touch .productBlock .cols.style-lightBrown .col.textCol .buttons .button:active {
  background: #E8E8E8;
  color: #A69F8C;
}
html.touch .productBlock .cols .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #5D7036;
}
html.touch .productBlock .cols .col.textCol .buttons .button:active {
  background: #E8E8E8;
  color: #5D7036;
}
.productBlock.inview .cols .col.textCol .textTitle,
.productBlock.inview .cols .col.textCol .normalTitle,
.productBlock.inview .cols .col.textCol .buttons {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.productBlock.inview .cols .col.imageCol .image {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.productBlock .cols {
  background: #5D7036;
  color: #ffffff;
}
.productBlock .cols.style-smallImage .col.textCol {
  width: calc(50% + 6.875vw);
}
.productBlock .cols.style-smallImage .col.imageCol {
  width: calc(50% - 6.875vw);
}
.productBlock .cols.style-brown {
  background: #59291F;
}
.productBlock .cols.style-brown .col.textCol .buttons .button {
  background: #ffffff;
  color: #59291F;
}
.productBlock .cols.style-brown .col.textCol .buttons .button:hover {
  background: #E8E8E8;
  color: #59291F;
}
.productBlock .cols.style-purple {
  background: #594C58;
}
.productBlock .cols.style-purple .col.textCol .buttons .button {
  background: #ffffff;
  color: #594C58;
}
.productBlock .cols.style-purple .col.textCol .buttons .button:hover {
  background: #E8E8E8;
  color: #594C58;
}
.productBlock .cols.style-lightBlue {
  background: #CDE8F8;
  color: #59291F;
}
.productBlock .cols.style-lightBlue .col.textCol .buttons .button {
  background: #59291F;
  color: #ffffff;
}
.productBlock .cols.style-lightBlue .col.textCol .buttons .button:hover {
  background: #ffffff;
  color: #59291F;
}
.productBlock .cols.style-lightBrown {
  background: #A69F8C;
}
.productBlock .cols.style-lightBrown .col.textCol .buttons .button {
  background: #ffffff;
  color: #A69F8C;
}
.productBlock .cols.style-lightBrown .col.textCol .buttons .button:hover {
  background: #E8E8E8;
  color: #A69F8C;
}
.productBlock .cols .col {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.productBlock .cols .col.textCol {
  padding: 5.625vw 6.875vw 5.625vw 5.625vw;
}
.productBlock .cols .col.textCol .normalTitle {
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -moz-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -ms-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -o-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
}
.productBlock .cols .col.textCol .textTitle {
  max-width: 23.75vw;
  margin-top: 1.875vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.productBlock .cols .col.textCol .buttons {
  margin-top: 1.875vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -moz-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -ms-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -o-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
}
.productBlock .cols .col.textCol .buttons .button {
  background: #ffffff;
  color: #5D7036;
}
.productBlock .cols .col.textCol .buttons .button:hover {
  background: #E8E8E8;
  color: #5D7036;
}
.productBlock .cols .col.imageCol {
  min-height: 48.75vw;
  overflow: hidden;
}
.productBlock .cols .col.imageCol .image {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  -webkit-transform: scale(1.025);
  -moz-transform: scale(1.025);
  -o-transform: scale(1.025);
  -ms-transform: scale(1.025);
  transform: scale(1.025);
  -webkit-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -moz-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -ms-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  -o-transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
  transition: opacity 0.6s 0.45s, transform 0.6s 0.45s;
}
@media all and (max-width: 1080px) {
  .productBlock .cols.style-smallImage .col.textCol {
    width: calc(50% + 10.185vw);
  }
  .productBlock .cols.style-smallImage .col.imageCol {
    width: calc(50% - 10.185vw);
  }
  .productBlock .cols .col.textCol {
    padding: 8.333vw 5.556vw 8.333vw 3.704vw;
  }
  .productBlock .cols .col.textCol:last-child {
    padding: 8.333vw 3.704vw 8.333vw 5.556vw;
  }
  .productBlock .cols .col.textCol .normalTitle {
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .productBlock .cols .col.textCol .textTitle {
    max-width: 35.185vw;
    margin-top: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .productBlock .cols .col.textCol .buttons {
    margin-top: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .productBlock .cols .col.imageCol {
    min-height: 72.223vw;
  }
}
@media all and (max-width: 580px) {
  .productBlock .cols {
    display: table;
    width: 100%;
  }
  .productBlock .cols.style-smallImage .col.textCol {
    width: 100%;
  }
  .productBlock .cols.style-smallImage .col.imageCol {
    width: 100%;
  }
  .productBlock .cols .col {
    width: 100%;
  }
  .productBlock .cols .col.textCol {
    padding: 20.69vw 6.897vw !important;
  }
  .productBlock .cols .col.textCol .normalTitle {
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .productBlock .cols .col.textCol .textTitle {
    max-width: 65.517vw;
    margin-top: 5.172vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .productBlock .cols .col.textCol .buttons {
    margin-top: 5.172vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .productBlock .cols .col.imageCol {
    display: table-footer-group;
    height: auto;
  }
  .productBlock .cols .col.imageCol.hideMobile {
    display: none;
  }
  .productBlock .cols .col.imageCol .image {
    position: relative;
    height: 89.655vw;
  }
}
html.touch .c2aBlock .innerContainer.style-brown .innerContent .buttons .button:hover {
  background: #ffffff;
  color: #59291F;
}
html.touch .c2aBlock .innerContainer.style-brown .innerContent .buttons .button:active {
  background: #E8E8E8;
  color: #59291F;
}
html.touch .c2aBlock .innerContainer.style-purple .innerContent .buttons .button:hover {
  background: #ffffff;
  color: #594C58;
}
html.touch .c2aBlock .innerContainer.style-purple .innerContent .buttons .button:active {
  background: #E8E8E8;
  color: #594C58;
}
html.touch .c2aBlock .innerContainer.style-lightBlue .innerContent .buttons .button:hover {
  background: #59291F;
  color: #ffffff;
}
html.touch .c2aBlock .innerContainer.style-lightBlue .innerContent .buttons .button:active {
  background: #ffffff;
  color: #59291F;
}
html.touch .c2aBlock .innerContainer.style-lightBrown .innerContent .buttons .button:hover {
  background: #ffffff;
  color: #A69F8C;
}
html.touch .c2aBlock .innerContainer.style-lightBrown .innerContent .buttons .button:active {
  background: #E8E8E8;
  color: #A69F8C;
}
html.touch .c2aBlock .innerContainer .innerContent .buttons .button:hover {
  background: #ffffff;
  color: #5D7036;
}
html.touch .c2aBlock .innerContainer .innerContent .buttons .button:active {
  background: #E8E8E8;
  color: #5D7036;
}
.c2aBlock.inview .innerContainer .innerContent .textTitle,
.c2aBlock.inview .innerContainer .innerContent .normalTitle,
.c2aBlock.inview .innerContainer .innerContent .buttons {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.c2aBlock .innerContainer {
  padding: 8.75vw 8.125vw;
  background: #5D7036;
  color: #ffffff;
}
.c2aBlock .innerContainer.style-brown {
  background: #59291F;
}
.c2aBlock .innerContainer.style-brown .innerContent .buttons .button {
  background: #ffffff;
  color: #59291F;
}
.c2aBlock .innerContainer.style-brown .innerContent .buttons .button:hover {
  background: #E8E8E8;
  color: #59291F;
}
.c2aBlock .innerContainer.style-purple {
  background: #594C58;
}
.c2aBlock .innerContainer.style-purple .innerContent .buttons .button {
  background: #ffffff;
  color: #594C58;
}
.c2aBlock .innerContainer.style-purple .innerContent .buttons .button:hover {
  background: #E8E8E8;
  color: #594C58;
}
.c2aBlock .innerContainer.style-lightBlue {
  background: #CDE8F8;
  color: #59291F;
}
.c2aBlock .innerContainer.style-lightBlue .innerContent .buttons .button {
  background: #59291F;
  color: #ffffff;
}
.c2aBlock .innerContainer.style-lightBlue .innerContent .buttons .button:hover {
  background: #ffffff;
  color: #59291F;
}
.c2aBlock .innerContainer.style-lightBrown {
  background: #A69F8C;
}
.c2aBlock .innerContainer.style-lightBrown .innerContent .buttons .button {
  background: #ffffff;
  color: #A69F8C;
}
.c2aBlock .innerContainer.style-lightBrown .innerContent .buttons .button:hover {
  background: #E8E8E8;
  color: #A69F8C;
}
.c2aBlock .innerContainer .innerContent {
  width: 30vw;
}
.c2aBlock .innerContainer .innerContent .textTitle {
  margin-bottom: 1.875vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -moz-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -ms-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -o-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
}
.c2aBlock .innerContainer .innerContent .normalTitle {
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.c2aBlock .innerContainer .innerContent .buttons {
  margin-top: 1.875vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -moz-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -ms-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  -o-transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
  transition: transform 0.3s 0.45s, opacity 0.3s 0.45s, pointer-events 0.3s 0.45s;
}
.c2aBlock .innerContainer .innerContent .buttons .button {
  background: #ffffff;
  color: #5D7036;
}
.c2aBlock .innerContainer .innerContent .buttons .button:hover {
  background: #E8E8E8;
  color: #5D7036;
}
@media all and (max-width: 1080px) {
  .c2aBlock .innerContainer {
    padding: 8.333vw 7.407vw;
  }
  .c2aBlock .innerContainer .innerContent {
    width: 44.445vw;
  }
  .c2aBlock .innerContainer .innerContent .textTitle {
    margin-bottom: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .c2aBlock .innerContainer .innerContent .normalTitle {
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .c2aBlock .innerContainer .innerContent .buttons {
    margin-top: 2.778vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
}
@media all and (max-width: 580px) {
  .c2aBlock .innerContainer {
    padding: 8.621vw 6.897vw;
  }
  .c2aBlock .innerContainer .innerContent {
    width: 100%;
  }
  .c2aBlock .innerContainer .innerContent .textTitle {
    margin-bottom: 5.172vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .c2aBlock .innerContainer .innerContent .normalTitle {
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .c2aBlock .innerContainer .innerContent .buttons {
    margin-top: 2.778vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
}
.textBlock.inview .smallTitle,
.textBlock.inview .text {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.textBlock .smallTitle {
  margin-bottom: 0.625vw;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -moz-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -ms-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -o-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
}
.textBlock .text {
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -moz-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -ms-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  -o-transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
  transition: transform 0.3s 0.3s, opacity 0.3s 0.3s, pointer-events 0.3s 0.3s;
}
.textBlock .text iframe {
  width: 100%;
  height: auto;
}
@media all and (max-width: 1080px) {
  .textBlock .smallTitle {
    margin-bottom: 0.926vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .textBlock .text {
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
}
@media all and (max-width: 580px) {
  .textBlock .smallTitle {
    margin-bottom: 1.724vw;
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
  .textBlock .text {
    -webkit-transform: translateY(3.448vw);
    -moz-transform: translateY(3.448vw);
    -o-transform: translateY(3.448vw);
    -ms-transform: translateY(3.448vw);
    transform: translateY(3.448vw);
  }
}
.imageBlock.inview .image {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: inherit;
  opacity: 1;
}
.imageBlock .image {
  height: 48.75vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform: translateY(1.25vw);
  -moz-transform: translateY(1.25vw);
  -o-transform: translateY(1.25vw);
  -ms-transform: translateY(1.25vw);
  transform: translateY(1.25vw);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -moz-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -ms-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  -o-transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
  transition: transform 0.3s 0.15s, opacity 0.3s 0.15s, pointer-events 0.3s 0.15s;
}
.imageBlock .cols {
  width: calc(100% + 1.25vw);
  margin-left: -0.625vw;
}
.imageBlock .cols .col {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 1.25vw);
  margin: 0 0.625vw;
}
@media all and (max-width: 1080px) {
  .imageBlock .image {
    height: 72.223vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .imageBlock .cols {
    width: calc(100% + 1.852vw);
    margin-left: -0.926vw;
  }
  .imageBlock .cols .col {
    width: calc(50% - 1.852vw);
    margin: 0 0.926vw;
  }
}
@media all and (max-width: 580px) {
  .imageBlock .image {
    height: 72.223vw;
    -webkit-transform: translateY(1.852vw);
    -moz-transform: translateY(1.852vw);
    -o-transform: translateY(1.852vw);
    -ms-transform: translateY(1.852vw);
    transform: translateY(1.852vw);
  }
  .imageBlock .cols {
    width: calc(100% + 3.448vw);
    margin-left: -1.724vw;
  }
  .imageBlock .cols .col {
    width: calc(100% - 3.448vw);
    margin: 0 1.724vw;
  }
  .imageBlock .cols .col:first-child {
    margin-bottom: 3.448vw;
  }
}
/*# sourceMappingURL=text-page.css.map */