@font-face {
  font-family: 'ProximaNova-Bold';
  src: url("../fonts/ProximaNova-Bold.woff?v=e2cf3dc2") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("../fonts/ProximaNova-Regular.woff?v=2d2ae255") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'ProximaNova-Light';
  src: url("../fonts/ProximaNova-Light.woff?v=f7d4a806") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'ProximaNova-Semibold';
  src: url("../fonts/ProximaNova-Semibold.woff?v=cab8b2fb") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'ProximaNova-SemiboldIt';
  src: url("../fonts/ProximaNova-SemiboldIt.woff?v=12fd4b24") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

#varioMain {
  font-size: -webkit-calc(100vw / 120);
  font-size: calc(100vw / 120); }
  @media (max-width: 991px) {
    #varioMain {
      font-size: -webkit-calc(100vw / 48) !important;
      font-size: calc(100vw / 48) !important;
      overflow-x: hidden; } }
  @media (max-width: 767px) {
    #varioMain {
      font-size: -webkit-calc(100vw / 20) !important;
      font-size: calc(100vw / 20) !important;
      overflow-x: hidden; } }
  #varioMain .main-font {
    font-family: ProximaNova-Regular;
    font-style: normal;
    font-weight: normal; }
  #varioMain .container {
    position: relative;
    height: 100%; }
    @media (max-width: 991px) {
      #varioMain .container {
        width: 48.0625em; } }
    @media (max-width: 767px) {
      #varioMain .container {
        width: 20em; } }
  #varioMain .logo-section {
    position: relative;
    background: url("../img/block-1.png?v=93a53bf9");
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 97.1875em;
    width: 100%; }
    @media (max-width: 991px) {
      #varioMain .logo-section {
        background: url("../img/banner.png?v=a003a9df");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 81.5em;
        width: 48.0625em; } }
    @media (max-width: 767px) {
      #varioMain .logo-section {
        background: url("../img/320-block-1.jpg?v=77b2bbc3");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 33.625em;
        width: 20em; } }
  #varioMain .logo-text {
    position: absolute;
    top: 61em;
    left: 28em;
    width: 62.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0;
    -webkit-transition: 0.6s linear;
    -o-transition: 0.6s linear;
    transition: 0.6s linear; }
    #varioMain .logo-text p {
      font-weight: bold;
      font-size: 2.5em;
      line-height: 3.125em;
      text-align: center;
      text-transform: uppercase;
      color: #fff; }
    #varioMain .logo-text span {
      font-weight: normal;
      font-size: 2em;
      text-align: center;
      text-transform: uppercase;
      color: #fff; }
    @media (max-width: 991px) {
      #varioMain .logo-text {
        top: 48em;
        left: 0;
        width: 48.0625em; }
        #varioMain .logo-text p {
          font-size: 2em; }
        #varioMain .logo-text span {
          font-size: 1.75em; } }
    @media (max-width: 767px) {
      #varioMain .logo-text {
        top: 21em;
        left: 1.5em;
        width: 16.75em; }
        #varioMain .logo-text p {
          line-height: 150%;
          font-size: 0.875em;
          margin-bottom: 1em;
          padding-left: 1.5em; }
        #varioMain .logo-text span {
          font-size: 1.25em;
          line-height: 150%;
          width: 11.7em;
          margin-left: 1em; } }
  #varioMain .br-320 {
    display: none; }
    @media (max-width: 767px) {
      #varioMain .br-320 {
        display: inline; } }
  #varioMain .logo-white {
    position: absolute;
    top: 51.6em;
    left: 31.5em;
    background: url("../img/logo-white.png?v=fb70b81a");
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 56.85375em;
    height: 0;
    -webkit-transition: 0.6s linear;
    -o-transition: 0.6s linear;
    transition: 0.6s linear; }
    @media (max-width: 991px) {
      #varioMain .logo-white {
        width: 37.18875em;
        left: 5em;
        top: 43em; } }
    @media (max-width: 767px) {
      #varioMain .logo-white {
        width: 18.55375em;
        left: .7em;
        top: 19.15em; } }
  #varioMain .logo-disabled {
    display: none; }
  #varioMain .images-section {
    position: relative;
    background: #fff;
    height: 44.99688em; }
    @media (max-width: 991px) {
      #varioMain .images-section {
        height: 17.99875em; } }
    #varioMain .images-section .img-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      height: 44.99688em;
      width: 100%; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-container {
          height: 8.99938em; } }
    #varioMain .images-section .short-frame {
      width: 20%;
      height: 22.49813em;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .short-frame {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .short-frame {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-0 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-0 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-0 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-1 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-1 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-1 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-2 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-2 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-2 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-3 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-3 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-3 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-4 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-4 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-4 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-5 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-5 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-5 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-6 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-6 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-6 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-7 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-7 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-7 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-8 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-8 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-8 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-9 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-9 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-9 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-10 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-10 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-10 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-11 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-11 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-11 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-12 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-12 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-12 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-13 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-13 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-13 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-14 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-14 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-14 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-15 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-15 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-15 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-16 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-16 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-16 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-17 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-17 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-17 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-18 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-18 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-18 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-19 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-19 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-19 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-20 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-20 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-20 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-21 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-21 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-21 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-22 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-22 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-22 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-23 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-23 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-23 {
          height: 9.37438em;
          width: 50%; } }
    #varioMain .images-section .img-item-24 {
      width: 20%;
      height: 22.49813em;
      -webkit-transition: 0.4s linear;
      -o-transition: 0.4s linear;
      transition: 0.4s linear; }
      @media (max-width: 991px) {
        #varioMain .images-section .img-item-24 {
          height: 8.99938em; } }
      @media (max-width: 767px) {
        #varioMain .images-section .img-item-24 {
          height: 9.37438em;
          width: 50%; } }
    @media (max-width: 991px) {
      #varioMain .images-section .inactive-frame {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
            -ms-flex-order: 4;
                order: 4; } }
    #varioMain .images-section .u0 .u1 {
      background: #fff; }
    @media (max-width: 767px) {
      #varioMain .images-section #f0, #varioMain .images-section #f1, #varioMain .images-section #f2 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
            -ms-flex-order: 3;
                order: 3; } }
    #varioMain .images-section .untouched-frame {
      padding: 1em;
      padding-top: 2em;
      font-size: 1.25em;
      line-height: 180%;
      text-align: center;
      color: #000000;
      width: 18em; }
  #varioMain .vario-section {
    position: relative;
    background: #fff;
    height: 68.78875em; }
    @media (max-width: 991px) {
      #varioMain .vario-section {
        height: 92.98375em; } }
    @media (max-width: 767px) {
      #varioMain .vario-section {
        height: 61.29375em; } }
    #varioMain .vario-section .adapt-text {
      position: absolute;
      top: 2.5em;
      left: 1.5em;
      display: none; }
      #varioMain .vario-section .adapt-text p {
        font-size: 1.25em;
        line-height: 180%;
        text-align: center; }
      @media (max-width: 991px) {
        #varioMain .vario-section .adapt-text {
          width: 45em;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; } }
      @media (max-width: 767px) {
        #varioMain .vario-section .adapt-text {
          top: 1.25em;
          width: 17.5em;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          #varioMain .vario-section .adapt-text p {
            font-size: 0.875em;
            line-height: 200%;
            text-align: start; } }
    #varioMain .vario-section .vario-items {
      position: absolute;
      top: 3.125em;
      left: 13.125em;
      background: url("../img/items.png?v=b2421b95");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 52.1875em;
      height: 62.5em; }
      @media (max-width: 991px) {
        #varioMain .vario-section .vario-items {
          top: 20.60875em;
          left: 4.8em;
          width: 38.4em;
          height: 45.9875em; } }
      @media (max-width: 767px) {
        #varioMain .vario-section .vario-items {
          top: 23.485em;
          left: 1.24188em;
          width: 17.5525em;
          height: 21.89375em; } }
    #varioMain .vario-section .vario-award {
      position: absolute;
      top: 25.01938em;
      left: 72.52813em;
      background: url("../img/award.png?v=329262d0");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 9.375em;
      height: 9.375em; }
      @media (max-width: 991px) {
        #varioMain .vario-section .vario-award {
          top: 68.48375em;
          left: 20.5625em;
          width: 6.875em;
          height: 6.875em; } }
      @media (max-width: 767px) {
        #varioMain .vario-section .vario-award {
          top: 46.40375em;
          left: 7.8125em;
          width: 4.375em;
          height: 4.375em; } }
    #varioMain .vario-section .logo-pink {
      position: absolute;
      top: 37.82875em;
      left: 72.5em;
      background: url("../img/logo-pink.png?v=aedd4c2e");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 28.4375em;
      height: 6.29312em; }
      @media (max-width: 991px) {
        #varioMain .vario-section .logo-pink {
          top: 77.24563em;
          left: 12.045em;
          width: 23.91em;
          height: 5.29125em; } }
      @media (max-width: 767px) {
        #varioMain .vario-section .logo-pink {
          top: 51.90375em;
          left: 2.8125em;
          width: 14.375em;
          height: 3.18125em; } }
    #varioMain .vario-section .vario-text {
      position: absolute;
      top: 46.58687em;
      left: 72.5em;
      width: 35.0625em; }
      #varioMain .vario-section .vario-text span {
        font-family: ProximaNova-Regular;
        font-style: normal;
        font-weight: normal;
        font-size: 2.25em;
        line-height: 156%;
        color: #000000; }
      @media (max-width: 991px) {
        #varioMain .vario-section .vario-text {
          top: 84.75437em;
          left: 12.045em;
          width: 25.41em;
          text-align: center; }
          #varioMain .vario-section .vario-text span {
            font-size: 1.875em; } }
      @media (max-width: 767px) {
        #varioMain .vario-section .vario-text {
          top: 56.21063em;
          left: 0;
          width: 20em;
          text-align: center; }
          #varioMain .vario-section .vario-text span {
            font-size: 1.25em;
            line-height: 150%; } }
    #varioMain .vario-section .vario-triangle-1 {
      position: absolute;
      top: 3.09375em;
      left: 52.01937em;
      background: url("../img/triangle-1.png?v=de604382");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 13.29312em;
      width: 26.58625em; }
      @media (max-width: 991px) {
        #varioMain .vario-section .vario-triangle-1 {
          background: url("../img/adapt-triangle-1.png?v=522a6a80");
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          top: 20.60875em;
          left: 32.1375em;
          width: 15.875em;
          height: 11.0625em; } }
      @media (max-width: 767px) {
        #varioMain .vario-section .vario-triangle-1 {
          top: 23.4625em;
          left: 15.625em;
          width: 4.375em;
          height: 3.1875em; } }
    #varioMain .vario-section .vario-triangle-2 {
      position: absolute;
      top: 47.25em;
      right: 0;
      background: url("../img/triangle-2.png?v=759af8dd");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 18.375em;
      width: 18.375em; }
      @media (max-width: 991px) {
        #varioMain .vario-section .vario-triangle-2 {
          background: url("../img/adapt-triangle-2.png?v=788cc524");
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
          top: 55.535em;
          left: 0;
          width: 15.875em;
          height: 11.0625em; } }
      @media (max-width: 767px) {
        #varioMain .vario-section .vario-triangle-2 {
          top: 42.2575em;
          left: 0;
          width: 4.375em;
          height: 3.1875em; } }
  #varioMain .promo-section {
    position: relative;
    height: 137.5em; }
    @media (max-width: 991px) {
      #varioMain .promo-section {
        background: url("../img/background.png?v=1a332398");
        -webkit-background-size: 170% 170%;
                background-size: 170%;
        background-position: 0 100%;
        background-repeat: no-repeat;
        width: 48em;
        height: 75.04688em;
        overflow: hidden; } }
    @media (max-width: 767px) {
      #varioMain .promo-section {
        background: url("../img/background.png?v=1a332398");
        -webkit-background-size: 170% 170%;
                background-size: 170%;
        background-position: 10% 65%;
        background-repeat: no-repeat;
        width: 20em;
        height: 25em;
        overflow: hidden; } }
  #varioMain .promo-text {
    position: absolute;
    top: 55.675em;
    left: 66.5225em;
    width: 39.375em; }
    #varioMain .promo-text p {
      font-weight: 600;
      font-size: 2.25em;
      line-height: 186%;
      text-transform: uppercase; }
    #varioMain .promo-text span {
      font-size: 1.25em;
      line-height: 180%; }
    @media (max-width: 991px) {
      #varioMain .promo-text {
        top: 42.5em;
        left: 2em;
        width: 44em;
        text-align: center; }
        #varioMain .promo-text p {
          font-size: 1.875em; } }
    @media (max-width: 767px) {
      #varioMain .promo-text {
        top: 21.25em;
        left: 0;
        width: 20em;
        text-align: center; }
        #varioMain .promo-text p {
          font-size: 1.25em; } }
  #varioMain .adapt-promo-text {
    display: none; }
    @media (max-width: 767px) {
      #varioMain .adapt-promo-text {
        display: block;
        position: absolute;
        top: 1.86875em;
        left: 1.25em;
        width: 17.5em; }
        #varioMain .adapt-promo-text span {
          font-size: 0.875em;
          line-height: 200%; } }
  #varioMain .promo-jars {
    position: absolute;
    top: 48.09687em;
    left: 66.52187em;
    background: url("../img/promo-jars.png?v=6ecdb117");
    -webkit-background-size: cover;
            background-size: cover;
    background-position: center;
    width: 23.4375em;
    height: 4.3125em; }
    @media (max-width: 991px) {
      #varioMain .promo-jars {
        top: 36.875em;
        left: 12.80125em; } }
    @media (max-width: 767px) {
      #varioMain .promo-jars {
        top: 17.5625em;
        left: 2.8125em;
        width: 14.375em;
        height: 2.585em; } }
  #varioMain .promo-background {
    position: fixed;
    background: url("../img/background.png?v=1a332398");
    -webkit-background-size: cover;
            background-size: cover;
    background-position: 0 170%;
    background-repeat: no-repeat;
    height: 134.375em;
    width: 120em; }
    @media (max-width: 991px) {
      #varioMain .promo-background {
        display: none; } }
  #varioMain .video-section {
    position: relative;
    background: #fff;
    width: 100%;
    height: 59.32688em; }
    @media (max-width: 991px) {
      #varioMain .video-section {
        height: 28.49em; } }
    @media (max-width: 767px) {
      #varioMain .video-section {
        height: 40.625em; } }
    #varioMain .video-section .video-preview {
      background: url("../img/video-preview.png?v=1f0bd804");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: bottom;
      background-repeat: no-repeat; }
    #varioMain .video-section .video-preview, #varioMain .video-section #video {
      position: absolute;
      top: 8.7925em;
      left: 13.125em;
      width: 93.75em;
      height: 45.82375em; }
      @media (max-width: 991px) {
        #varioMain .video-section .video-preview, #varioMain .video-section #video {
          top: 3.15062em;
          left: 1.25em;
          width: 45.5em;
          height: 22.24em; } }
      @media (max-width: 767px) {
        #varioMain .video-section .video-preview, #varioMain .video-section #video {
          top: 29.335em;
          left: 0;
          width: 20em;
          height: 9.77562em; } }
    #varioMain .video-section #video {
      z-index: 2; }
    #varioMain .video-section #videoBtn {
      position: absolute;
      top: 26.95312em;
      left: 55.24813em;
      width: 9.50375em;
      height: 9.50375em;
      background: url("../img/video-button.png?v=ad95e261");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: bottom;
      background-repeat: no-repeat; }
      #varioMain .video-section #videoBtn:hover {
        cursor: pointer; }
      @media (max-width: 991px) {
        #varioMain .video-section #videoBtn {
          top: 11.14563em;
          left: 20.875em;
          width: 6.25em;
          height: 6.25em; } }
      @media (max-width: 767px) {
        #varioMain .video-section #videoBtn {
          top: 32.12938em;
          left: 7.97625em;
          width: 4.1875em;
          height: 4.1875em; } }
  #varioMain .constructor-section {
    position: relative;
    background: #fff;
    height: 91.81937em; }
    @media (max-width: 991px) {
      #varioMain .constructor-section {
        height: 113.88187em; } }
    @media (max-width: 767px) {
      #varioMain .constructor-section {
        height: 48.88188em; } }
    #varioMain .constructor-section .section-name {
      position: absolute;
      top: 1em;
      left: 16.875em;
      font-weight: normal;
      font-size: 2.5em;
      line-height: 3.0625em;
      text-align: center;
      text-transform: uppercase;
      color: #000; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .section-name {
          top: 0;
          left: 2.40625em; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .section-name {
          top: 0;
          left: 0;
          font-size: 1.25em;
          line-height: 1.5em;
          width: 15.9375em; } }
    #varioMain .constructor-section .constructor-container {
      position: absolute;
      top: 10.94em;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      #varioMain .constructor-section .constructor-container span {
        font-size: 3em;
        font-weight: bold;
        padding-top: 5em;
        color: #8a8a8a; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .constructor-container span {
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; }
        #varioMain .constructor-section .constructor-container span:last-of-type {
          -webkit-box-ordinal-group: 4;
          -webkit-order: 3;
              -ms-flex-order: 3;
                  order: 3;
          width: 2em;
          padding-top: 3.75em;
          padding-bottom: .25em;
          padding-left: 7.75em; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .constructor-container {
          top: 2.8125em; }
          #varioMain .constructor-section .constructor-container span {
            padding-top: 3em;
            font-size: 1.875em; }
          #varioMain .constructor-section .constructor-container span:last-of-type {
            padding-top: 2.5em;
            padding-left: 5em; } }
    #varioMain .constructor-section .cont-names {
      height: 3.07313em; }
      #varioMain .constructor-section .cont-names p {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
        font-size: 1.5em;
        line-height: 1.8125em;
        text-align: center;
        text-transform: uppercase;
        color: #000000;
        margin-top: .25em; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .cont-names {
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .cont-names {
          height: 1.9875em; }
          #varioMain .constructor-section .cont-names p {
            font-size: 0.75em;
            line-height: 0.9375em;
            margin-top: 1em; } }
    #varioMain .constructor-section .cont-names.main-cream {
      background: -webkit-linear-gradient(350.73deg, #f6eef1 -0.91%, #fae7ee 100%);
      background: -o-linear-gradient(350.73deg, #f6eef1 -0.91%, #fae7ee 100%);
      background: linear-gradient(99.27deg, #f6eef1 -0.91%, #fae7ee 100%); }
      @media (max-width: 991px) {
        #varioMain .constructor-section .cont-names.main-cream {
          margin-left: 3em;
          -webkit-box-ordinal-group: 0;
          -webkit-order: -1;
              -ms-flex-order: -1;
                  order: -1; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .cont-names.main-cream {
          margin-left: 0; } }
    #varioMain .constructor-section .cont-names.elyx {
      background: -webkit-linear-gradient(349.05deg, #e5f5fd -0.69%, #f1edcc 132.92%);
      background: -o-linear-gradient(349.05deg, #e5f5fd -0.69%, #f1edcc 132.92%);
      background: linear-gradient(100.95deg, #e5f5fd -0.69%, #f1edcc 132.92%); }
      @media (max-width: 991px) {
        #varioMain .constructor-section .cont-names.elyx {
          -webkit-box-ordinal-group: 5;
          -webkit-order: 4;
              -ms-flex-order: 4;
                  order: 4; } }
    #varioMain .constructor-section .elyx.cont-names > .cont-items {
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    #varioMain .constructor-section .cont-names.second-cream {
      background: #e8f7fa; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .cont-names.second-cream {
          margin-right: 3em; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .cont-names.second-cream {
          margin-right: 0; } }
    #varioMain .constructor-section .cont-items {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
    #varioMain .constructor-section .fab-1 {
      background: url("../img/fab/fab-1.png?v=25c4f06c");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 16.25em;
      height: 26.625em;
      margin-top: 0.95937em;
      -webkit-transition: 0.2s linear;
      -o-transition: 0.2s linear;
      transition: 0.2s linear; }
      #varioMain .constructor-section .fab-1 .fab-hidden-bg {
        background: url("../img/fab/hfab-1.png?v=ec6ef023");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 16.25em;
        height: 26.625em;
        opacity: 0;
        -webkit-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear; }
      #varioMain .constructor-section .fab-1:hover .fab-hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #varioMain .constructor-section .fab-1:hover .fab-hidden-bg {
        opacity: 1; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .fab-1 {
          width: 12.07062em;
          height: 24.18437em;
          margin-top: 0.5625em; }
          #varioMain .constructor-section .fab-1:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-1:hover .fab-hidden-bg {
            opacity: 0; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .fab-1 {
          width: 6.06125em;
          height: 9.92625em; }
          #varioMain .constructor-section .fab-1:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-1:hover .fab-hidden-bg {
            opacity: 0; } }
    #varioMain .constructor-section .fab-2 {
      background: url("../img/fab/fab-2.png?v=d41ad84c");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 16.25em;
      height: 26.625em;
      margin-top: 0.95937em;
      -webkit-transition: 0.2s linear;
      -o-transition: 0.2s linear;
      transition: 0.2s linear; }
      #varioMain .constructor-section .fab-2 .fab-hidden-bg {
        background: url("../img/fab/hfab-2.png?v=2d4e7bed");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 16.25em;
        height: 26.625em;
        opacity: 0;
        -webkit-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear; }
      #varioMain .constructor-section .fab-2:hover .fab-hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #varioMain .constructor-section .fab-2:hover .fab-hidden-bg {
        opacity: 1; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .fab-2 {
          width: 12.07062em;
          height: 24.18437em;
          margin-top: 0.5625em; }
          #varioMain .constructor-section .fab-2:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-2:hover .fab-hidden-bg {
            opacity: 0; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .fab-2 {
          width: 6.06125em;
          height: 9.92625em; }
          #varioMain .constructor-section .fab-2:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-2:hover .fab-hidden-bg {
            opacity: 0; } }
    #varioMain .constructor-section .fab-3 {
      background: url("../img/fab/fab-3.png?v=f73b43f3");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 16.25em;
      height: 26.625em;
      margin-top: 0.95937em;
      -webkit-transition: 0.2s linear;
      -o-transition: 0.2s linear;
      transition: 0.2s linear; }
      #varioMain .constructor-section .fab-3 .fab-hidden-bg {
        background: url("../img/fab/hfab-3.png?v=882ac32b");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 16.25em;
        height: 26.625em;
        opacity: 0;
        -webkit-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear; }
      #varioMain .constructor-section .fab-3:hover .fab-hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #varioMain .constructor-section .fab-3:hover .fab-hidden-bg {
        opacity: 1; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .fab-3 {
          width: 12.07062em;
          height: 24.18437em;
          margin-top: 0.5625em; }
          #varioMain .constructor-section .fab-3:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-3:hover .fab-hidden-bg {
            opacity: 0; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .fab-3 {
          width: 6.06125em;
          height: 9.92625em; }
          #varioMain .constructor-section .fab-3:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-3:hover .fab-hidden-bg {
            opacity: 0; } }
    #varioMain .constructor-section .fab-4 {
      background: url("../img/fab/fab-4.png?v=599da920");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 16.25em;
      height: 26.625em;
      margin-top: 0.95937em;
      -webkit-transition: 0.2s linear;
      -o-transition: 0.2s linear;
      transition: 0.2s linear; }
      #varioMain .constructor-section .fab-4 .fab-hidden-bg {
        background: url("../img/fab/hfab-4.png?v=af9a3a62");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 16.25em;
        height: 26.625em;
        opacity: 0;
        -webkit-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear; }
      #varioMain .constructor-section .fab-4:hover .fab-hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #varioMain .constructor-section .fab-4:hover .fab-hidden-bg {
        opacity: 1; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .fab-4 {
          width: 12.07062em;
          height: 24.18437em;
          margin-top: 0.5625em; }
          #varioMain .constructor-section .fab-4:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-4:hover .fab-hidden-bg {
            opacity: 0; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .fab-4 {
          width: 6.06125em;
          height: 9.92625em; }
          #varioMain .constructor-section .fab-4:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-4:hover .fab-hidden-bg {
            opacity: 0; } }
    #varioMain .constructor-section .fab-5 {
      background: url("../img/fab/fab-5.png?v=fa506275");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 16.25em;
      height: 26.625em;
      margin-top: 0.95937em;
      -webkit-transition: 0.2s linear;
      -o-transition: 0.2s linear;
      transition: 0.2s linear; }
      #varioMain .constructor-section .fab-5 .fab-hidden-bg {
        background: url("../img/fab/hfab-5.png?v=7dce8277");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 16.25em;
        height: 26.625em;
        opacity: 0;
        -webkit-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear; }
      #varioMain .constructor-section .fab-5:hover .fab-hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #varioMain .constructor-section .fab-5:hover .fab-hidden-bg {
        opacity: 1; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .fab-5 {
          width: 12.07062em;
          height: 24.18437em;
          margin-top: 0.5625em; }
          #varioMain .constructor-section .fab-5:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-5:hover .fab-hidden-bg {
            opacity: 0; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .fab-5 {
          width: 6.06125em;
          height: 9.92625em; }
          #varioMain .constructor-section .fab-5:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-5:hover .fab-hidden-bg {
            opacity: 0; } }
    #varioMain .constructor-section .fab-6 {
      background: url("../img/fab/fab-6.png?v=9ffb72ff");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 16.25em;
      height: 26.625em;
      margin-top: 0.95937em;
      -webkit-transition: 0.2s linear;
      -o-transition: 0.2s linear;
      transition: 0.2s linear; }
      #varioMain .constructor-section .fab-6 .fab-hidden-bg {
        background: url("../img/fab/hfab-6.png?v=60a301c8");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 16.25em;
        height: 26.625em;
        opacity: 0;
        -webkit-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear; }
      #varioMain .constructor-section .fab-6:hover .fab-hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #varioMain .constructor-section .fab-6:hover .fab-hidden-bg {
        opacity: 1; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .fab-6 {
          width: 12.07062em;
          height: 24.18437em;
          margin-top: 0.5625em; }
          #varioMain .constructor-section .fab-6:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-6:hover .fab-hidden-bg {
            opacity: 0; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .fab-6 {
          width: 6.06125em;
          height: 9.92625em; }
          #varioMain .constructor-section .fab-6:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-6:hover .fab-hidden-bg {
            opacity: 0; } }
    #varioMain .constructor-section .fab-7 {
      background: url("../img/fab/fab-7.png?v=d4307907");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 16.25em;
      height: 26.625em;
      margin-top: 0.95937em;
      -webkit-transition: 0.2s linear;
      -o-transition: 0.2s linear;
      transition: 0.2s linear; }
      #varioMain .constructor-section .fab-7 .fab-hidden-bg {
        background: url("../img/fab/hfab-7.png?v=57bff915");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 16.25em;
        height: 26.625em;
        opacity: 0;
        -webkit-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear; }
      #varioMain .constructor-section .fab-7:hover .fab-hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #varioMain .constructor-section .fab-7:hover .fab-hidden-bg {
        opacity: 1; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .fab-7 {
          width: 12.07062em;
          height: 24.18437em;
          margin-top: 0.5625em; }
          #varioMain .constructor-section .fab-7:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-7:hover .fab-hidden-bg {
            opacity: 0; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .fab-7 {
          width: 6.06125em;
          height: 9.92625em; }
          #varioMain .constructor-section .fab-7:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-7:hover .fab-hidden-bg {
            opacity: 0; } }
    #varioMain .constructor-section .fab-8 {
      background: url(../img/fab/fab-8.png);
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 16.25em;
      height: 26.625em;
      margin-top: 0.95937em;
      -webkit-transition: 0.2s linear;
      -o-transition: 0.2s linear;
      transition: 0.2s linear; }
      #varioMain .constructor-section .fab-8 .fab-hidden-bg {
        background: url(../img/fab/hfab-8.png);
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 16.25em;
        height: 26.625em;
        opacity: 0;
        -webkit-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear; }
      #varioMain .constructor-section .fab-8:hover .fab-hidden {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #varioMain .constructor-section .fab-8:hover .fab-hidden-bg {
        opacity: 1; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .fab-8 {
          width: 12.07062em;
          height: 24.18437em;
          margin-top: 0.5625em; }
          #varioMain .constructor-section .fab-8:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-8:hover .fab-hidden-bg {
            opacity: 0; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .fab-8 {
          width: 6.06125em;
          height: 9.92625em; }
          #varioMain .constructor-section .fab-8:hover .fab-hidden {
            display: none; }
          #varioMain .constructor-section .fab-8:hover .fab-hidden-bg {
            opacity: 0; } }
    #varioMain .constructor-section .fab-hidden {
      display: none;
      padding-top: 7.52062em;
      padding-left: 1em;
      padding-right: 1em;
      -moz-user-select: none;
           user-select: none;
      -ms-user-select: none;
      -webkit-user-select: none; }
      #varioMain .constructor-section .fab-hidden p {
        padding: 0;
        font-weight: bold;
        font-size: 1.5em;
        line-height: 120%;
        text-align: center;
        color: #fff;
        text-transform: uppercase; }
      #varioMain .constructor-section .fab-hidden span {
        padding-top: 1em;
        width: 11.25em;
        font-weight: 600;
        font-size: 1.25em;
        line-height: 130%;
        text-align: center;
        color: #fff; }
    @media (max-width: 767px) {
      #varioMain .constructor-section .fab-3, #varioMain .constructor-section .fab-4, #varioMain .constructor-section .fab-5, #varioMain .constructor-section .fab-6 {
        width: 5.005em;
        height: 8.21875em; }
        #varioMain .constructor-section .fab-3:hover, #varioMain .constructor-section .fab-4:hover, #varioMain .constructor-section .fab-5:hover, #varioMain .constructor-section .fab-6:hover {
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          width: 5.005em;
          height: 8.21875em; }
          #varioMain .constructor-section .fab-3:hover .fab-hidden, #varioMain .constructor-section .fab-4:hover .fab-hidden, #varioMain .constructor-section .fab-5:hover .fab-hidden, #varioMain .constructor-section .fab-6:hover .fab-hidden {
            display: none; } }
    #varioMain .constructor-section .fab-1 .fab-hidden p, #varioMain .constructor-section .fab-2 .fab-hidden p, #varioMain .constructor-section .fab-7 .fab-hidden p {
      color: #525252; }
    #varioMain .constructor-section .fab-1 .fab-hidden span, #varioMain .constructor-section .fab-2 .fab-hidden span, #varioMain .constructor-section .fab-7 .fab-hidden span {
      color: #525252; }
    #varioMain .constructor-section .fab-2 .fab-hidden span {
      width: 10.625em; }
    #varioMain .constructor-section .fab-3 .fab-hidden p, #varioMain .constructor-section .fab-3 .fab-hidden span {
      text-shadow: 0 0.25em 1em rgba(193, 121, 8, 0.5); }
    #varioMain .constructor-section .fab-4 .fab-hidden p, #varioMain .constructor-section .fab-4 .fab-hidden span {
      text-shadow: 0 0.25em 1em rgba(11, 57, 0, 0.5); }
    #varioMain .constructor-section .fab-4 .fab-hidden span {
      width: 11.875em; }
    #varioMain .constructor-section .fab-6 .fab-hidden p, #varioMain .constructor-section .fab-6 .fab-hidden span {
      text-shadow: 0 0.25em 1em rgba(0, 109, 159, 0.5); }
    #varioMain .constructor-section .fab-7 .fab-hidden {
      padding-top: 5.52187em; }
    #varioMain .constructor-section .after-container {
      position: absolute;
      top: 43.54375em;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      #varioMain .constructor-section .after-container > span {
        font-family: ProximaNova-Bold;
        color: #000;
        font-size: 3.5em; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .after-container {
          top: 73.625em; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .after-container {
          top: 27.5em; } }
    #varioMain .constructor-section .atext {
      margin-top: 1.5em; }
      #varioMain .constructor-section .atext span {
        font-weight: 600;
        font-size: 3.5625em;
        line-height: 87%;
        text-align: center;
        text-transform: uppercase;
        color: #00a4ad;
        padding-left: 1em; }
      #varioMain .constructor-section .atext p {
        margin-top: .5em;
        font-size: 2.5em;
        line-height: 87%;
        text-align: center;
        text-transform: uppercase; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .atext span {
          font-size: 3.125em; }
        #varioMain .constructor-section .atext p {
          font-size: 2.5em; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .atext span {
          font-size: 1.5em;
          padding-left: 0; }
        #varioMain .constructor-section .atext p {
          font-size: 0.75em;
          padding-left: .25em;
          margin-top: 1em; } }
    #varioMain .constructor-section .logo-golden {
      margin-top: 4em;
      background: url("../img/logo-golden.png?v=668187ab");
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 50.375em;
      height: 11.14813em; }
      @media (max-width: 991px) {
        #varioMain .constructor-section .logo-golden {
          width: 23.91em;
          height: 5.29125em; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .logo-golden {
          margin-top: 2em;
          width: 14.375em;
          height: 3.18125em; } }
    #varioMain .constructor-section .spinner-container {
      margin-top: 3.63813em;
      width: 12.76125em;
      height: 12.76125em; }
      #varioMain .constructor-section .spinner-container #constructorSpinner {
        display: block;
        background: url("../img/spinner.png?v=17f86c8a");
        -webkit-background-size: cover;
                background-size: cover;
        background-position: center;
        width: 12.76125em;
        height: 12.76125em; }
        @media (max-width: 767px) {
          #varioMain .constructor-section .spinner-container #constructorSpinner {
            width: 4.17812em;
            height: 4.17812em; } }
      @media (max-width: 767px) {
        #varioMain .constructor-section .spinner-container {
          margin-top: 1.71938em;
          width: 4.17812em;
          height: 4.17812em; } }
  #varioMain .selection-section {
    position: relative;
    background: #86bad9;
    height: 31.25em;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 991px) {
      #varioMain .selection-section {
        height: 34.375em; } }
    @media (max-width: 767px) {
      #varioMain .selection-section {
        height: 22.31375em; } }
    #varioMain .selection-section .selection-description {
      font-weight: 600;
      font-size: 2.5em;
      line-height: 150%;
      text-align: center;
      text-transform: uppercase;
      color: #fff;
      width: 25em; }
      @media (max-width: 991px) {
        #varioMain .selection-section .selection-description {
          width: 19em; } }
      @media (max-width: 767px) {
        #varioMain .selection-section .selection-description {
          font-size: 1.25em;
          width: 14em; } }
    #varioMain .selection-section .selection-buttons {
      margin-top: 3.4375em;
      width: 56.25em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row; }
      @media (max-width: 991px) {
        #varioMain .selection-section .selection-buttons {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          margin-left: 30em; }
          #varioMain .selection-section .selection-buttons button {
            margin-bottom: 2em; } }
      @media (max-width: 767px) {
        #varioMain .selection-section .selection-buttons {
          margin-top: 1.92875em;
          margin-left: 38.75em; }
          #varioMain .selection-section .selection-buttons button {
            margin-bottom: 1em; } }
      #varioMain .selection-section .selection-buttons button {
        outline: none;
        width: 25em;
        height: 6.25em;
        -webkit-border-radius: 1.25em;
                border-radius: 1.25em;
        border: none;
        background: #fff;
        -webkit-box-shadow: 0px 0px 50px rgba(0, 164, 173, 0.2);
                box-shadow: 0px 0px 50px rgba(0, 164, 173, 0.2); }
        #varioMain .selection-section .selection-buttons button span {
          font-size: 1.5em;
          line-height: 208%;
          text-align: center;
          font-weight: bold;
          color: #000000; }
        #varioMain .selection-section .selection-buttons button:hover {
          cursor: pointer; }
        #varioMain .selection-section .selection-buttons button:active {
          width: 25em;
          height: 6.25em;
          -webkit-border-radius: 1.25em;
                  border-radius: 1.25em;
          background: #e83e6d;
          -webkit-box-shadow: 0px 0px 50px rgba(0, 164, 173, 0.2);
                  box-shadow: 0px 0px 50px rgba(0, 164, 173, 0.2); }
          #varioMain .selection-section .selection-buttons button:active span {
            font-size: 1.5em;
            line-height: 208%;
            text-align: center;
            font-weight: bold;
            color: #fff; }
        @media (max-width: 767px) {
          #varioMain .selection-section .selection-buttons button {
            width: 17.5em;
            height: 4.375em; }
            #varioMain .selection-section .selection-buttons button span {
              font-size: 1.125em;
              line-height: 278%; }
            #varioMain .selection-section .selection-buttons button:active {
              width: 17.5em;
              height: 4.375em; }
              #varioMain .selection-section .selection-buttons button:active span {
                font-size: 1.125em;
                line-height: 278%; } }
  #varioMain .info-section {
    position: relative;
    background: #fff;
    height: 65.6875em;
    width: 100%; }
    #varioMain .info-section .info-text {
      position: absolute;
      top: 5.73562em;
      left: 62em;
      width: 35.125em; }
      #varioMain .info-section .info-text span {
        font-weight: 600;
        font-size: 8.125em;
        line-height: 2em;
        text-transform: uppercase; }
      #varioMain .info-section .info-text p {
        margin-left: 3.75em;
        font-style: normal;
        font-size: 1.25em;
        line-height: 200%;
        color: #000000; }
    #varioMain .info-section .apple-info {
      background: url("../img/info/info-block-1.png?v=c4587db7");
      position: absolute;
      top: 0;
      left: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 59.52125em;
      height: 65.6875em;
      z-index: 3; }
      @media (max-width: 991px) {
        #varioMain .info-section .apple-info {
          background: url("../img/info/adapt-info-block-1.png?v=0d011777"); } }
      @media (max-width: 991px) {
        #varioMain .info-section .apple-info {
          top: 51.5%;
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          width: 48em;
          height: 31.875em; } }
    #varioMain .info-section .apple-item {
      background: url("../img/info/apple-item.png?v=8840ff2f");
      position: absolute;
      top: 0;
      right: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 33.375em;
      height: 22.9375em; }
      @media (max-width: 991px) {
        #varioMain .info-section .apple-item {
          display: none; } }
    #varioMain .info-section .apple-text {
      color: #FAEBD5; }
    #varioMain .info-section .aqua-info {
      background: url("../img/info/info-block-2.png?v=4959f3f9");
      position: absolute;
      top: 0;
      left: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 59.52125em;
      height: 65.6875em;
      z-index: 3; }
      @media (max-width: 991px) {
        #varioMain .info-section .aqua-info {
          background: url("../img/info/adapt-info-block-2.png?v=22625319"); } }
      @media (max-width: 991px) {
        #varioMain .info-section .aqua-info {
          top: 51.5%;
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          width: 48em;
          height: 31.875em; } }
    #varioMain .info-section .aqua-item {
      background: url("../img/info/aqua-item.png?v=a73896a2");
      position: absolute;
      top: 0;
      right: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 25.5em;
      height: 37em; }
      @media (max-width: 991px) {
        #varioMain .info-section .aqua-item {
          display: none; } }
    #varioMain .info-section .aqua-item ~ button {
      left: 68.01063em; }
    #varioMain .info-section .info-text > .aqua-text, #varioMain .info-section .aqua-text {
      color: #C6E9E0;
      font-size: 5.625em;
      line-height: 2.5em; }
    #varioMain .info-section .info-text > .aqua-text ~ p {
      width: 22.5em;
      margin-left: 4.75em; }
    #varioMain .info-section .gorechavka-info {
      background: url("../img/info/info-block-3.png?v=df510293");
      position: absolute;
      top: 0;
      left: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 59.52125em;
      height: 65.6875em;
      z-index: 3; }
      @media (max-width: 991px) {
        #varioMain .info-section .gorechavka-info {
          background: url("../img/info/adapt-info-block-3.png?v=f3fe4080"); } }
      @media (max-width: 991px) {
        #varioMain .info-section .gorechavka-info {
          top: 51.5%;
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          width: 48em;
          height: 31.875em; } }
    #varioMain .info-section .gorechavka-item {
      background: url("../img/info/gorechavka-item.png?v=7c71d8ae");
      position: absolute;
      top: 0;
      right: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 71.875em;
      height: 65.6875em; }
      @media (max-width: 991px) {
        #varioMain .info-section .gorechavka-item {
          display: none; } }
    #varioMain .info-section .gorechavka-item ~ div {
      top: 10em; }
      @media (max-width: 991px) {
        #varioMain .info-section .gorechavka-item ~ div {
          top: 2em; } }
    #varioMain .info-section .gorechavka-item ~ button {
      top: 49.88375em;
      left: 64.94813em; }
    #varioMain .info-section .info-text > .gorechavka-text, #varioMain .info-section .gorechavka-text {
      color: #E3D4E3;
      font-size: 5.625em;
      line-height: 1.5em; }
      @media (max-width: 991px) {
        #varioMain .info-section .info-text > .gorechavka-text, #varioMain .info-section .gorechavka-text {
          font-size: 3.75em !important; } }
    #varioMain .info-section .info-text > .gorechavka-text ~ p {
      width: 22em;
      margin-top: 2.5em;
      margin-left: 2.5em; }
    #varioMain .info-section .cichorium-info {
      background: url("../img/info/info-block-4.png?v=0c9bda06");
      position: absolute;
      top: 0;
      left: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 59.52125em;
      height: 65.6875em;
      z-index: 3; }
      @media (max-width: 991px) {
        #varioMain .info-section .cichorium-info {
          background: url("../img/info/adapt-info-block-4.png?v=ddda81d9"); } }
      @media (max-width: 991px) {
        #varioMain .info-section .cichorium-info {
          top: 51.5%;
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          width: 48em;
          height: 31.875em; } }
    #varioMain .info-section .cichorium-item {
      background: url("../img/info/cichorium-item.png?v=b6b0c0ae");
      position: absolute;
      top: 0;
      right: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 41em;
      height: 55.5em; }
      @media (max-width: 991px) {
        #varioMain .info-section .cichorium-item {
          display: none; } }
    #varioMain .info-section .cichorium-item ~ div {
      top: 8em; }
      @media (max-width: 991px) {
        #varioMain .info-section .cichorium-item ~ div {
          top: 2em; } }
    #varioMain .info-section .info-text > .cichorium-text, #varioMain .info-section .cichorium-text {
      color: #BADFF1;
      font-size: 5.625em;
      line-height: 1.5em; }
    #varioMain .info-section .info-text > .cichorium-text ~ p {
      width: 22em;
      margin-top: 3.5em;
      margin-left: 3.25em; }
    @media (max-width: 991px) {
      #varioMain .info-section .cichorium-text ~ p {
        width: 37em !important; } }
    #varioMain .info-section .cichorium-item ~ button {
      top: 48.88375em;
      left: 65.94813em; }
    #varioMain .info-section .beautyfeye-info {
      background: url("../img/info/info-block-5.png?v=a597dc44");
      position: absolute;
      top: 0;
      left: 0;
      -webkit-background-size: cover;
              background-size: cover;
      background-position: center;
      width: 59.52125em;
      height: 65.6875em;
      z-index: 3; }
      @media (max-width: 991px) {
        #varioMain .info-section .beautyfeye-info {
          background: url("../img/info/adapt-info-block-5.png?v=5bfde47b"); } }
      @media (max-width: 991px) {
        #varioMain .info-section .beautyfeye-info {
          top: 51.5%;
          -webkit-background-size: cover;
                  background-size: cover;
          background-position: center;
          width: 48em;
          height: 31.875em; } }
    #varioMain .info-section .beautyfeye-info ~ div {
      width: 40em; }
    #varioMain .info-section .info-text > .beautyfeye-text, #varioMain .info-section .adapt-info-text > .beautyfeye-text {
      position: absolute;
      top: 0;
      left: 1em;
      width: 30em;
      font-weight: 600;
      font-size: 3.125em;
      line-height: 190%;
      text-transform: uppercase;
      color: #00A4AD; }
      #varioMain .info-section .info-text > .beautyfeye-text b, #varioMain .info-section .adapt-info-text > .beautyfeye-text b {
        font-size: 1.5em; }
      @media (max-width: 991px) {
        #varioMain .info-section .info-text > .beautyfeye-text, #varioMain .info-section .adapt-info-text > .beautyfeye-text {
          top: -.5em;
          font-size: 2.5em;
          width: 15em;
          left: 2.5em; }
          #varioMain .info-section .info-text > .beautyfeye-text b, #varioMain .info-section .adapt-info-text > .beautyfeye-text b {
            font-size: 2em; } }
    #varioMain .info-section .info-text > .beautyfeye-text ~ p, #varioMain .info-section .adapt-info-text > .beautyfeye-text ~ p {
      margin-top: 11em; }
      @media (max-width: 991px) {
        #varioMain .info-section .info-text > .beautyfeye-text ~ p, #varioMain .info-section .adapt-info-text > .beautyfeye-text ~ p {
          margin-top: 8em;
          margin-left: 8em; } }
    #varioMain .info-section .beautyfeye-descr {
      position: absolute;
      top: 40em;
      left: 66.5em;
      width: 25em !important; }
      #varioMain .info-section .beautyfeye-descr span {
        font-size: 1.25em;
        line-height: 150%;
        color: #858585; }
      @media (max-width: 991px) {
        #varioMain .info-section .beautyfeye-descr {
          top: 21em;
          left: 2.5em; } }
    @media (max-width: 991px) {
      #varioMain .info-section .beautyfeye-descr ~ button {
        margin-top: 2em; } }
    @media (max-width: 991px) {
      #varioMain .info-section .information-item:last-of-type {
        margin-top: 3em; } }
    #varioMain .info-section .adapt-info-text {
      display: none; }
      @media (max-width: 991px) {
        #varioMain .info-section .adapt-info-text {
          position: absolute;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          #varioMain .info-section .adapt-info-text span {
            font-size: 5em;
            line-height: 190%;
            text-align: center;
            text-transform: uppercase; }
          #varioMain .info-section .adapt-info-text p {
            margin-left: 1em;
            font-size: 1.25em;
            line-height: 200%;
            width: 36em; } }
    #varioMain .info-section .info-button {
      position: absolute;
      top: 48.88375em;
      left: 66.44813em;
      width: 16.5625em;
      height: 5.14313em;
      background: #fff;
      border: 0.025em solid #000; }
      #varioMain .info-section .info-button span {
        font-weight: bold; }
      #varioMain .info-section .info-button:hover {
        cursor: pointer; }
      @media (max-width: 991px) {
        #varioMain .info-section .info-button {
          top: 24.525em !important;
          left: 15.71875em !important; } }