@font-face {
  font-family: Nunito;
  src: url(../../../fonts/Nunito/medium/Nunito-Medium.woff) format("woff"),
  url(../../../fonts/Nunito/medium/Nunito-Medium.woff2) format("woff2"),
  url(../../../fonts/Nunito/medium/Nunito-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Nunito;
  src: url(../../../fonts/Nunito/bold/Nunito-Bold.woff) format("woff"),
  url(../../../fonts/Nunito/bold/Nunito-Bold.woff2) format("woff2"),
  url(../../../fonts/Nunito/bold/Nunito-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Nunito;
  src: url(../../../fonts/Nunito/black/Nunito-Black.woff) format("woff"),
  url(../../../fonts/Nunito/black/Nunito-Black.woff2) format("woff2"),
  url(../../../fonts/Nunito/black/Nunito-Black.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Remissis;
  src: url(../../../fonts/Remissis/regular/Remissisrg-regular.woff2) format("woff2"),
  url(../../../fonts/Remissis/regular/Remissisrg-regular.woff) format("woff"),
  url(../../../fonts/Remissis/regular/Remissisrg-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Remissis;
  src: url(../../../fonts/Remissis/bold/Remississb-regular.woff2) format("woff2"),
  url(../../../fonts/Remissis/bold/Remississb-regular.woff) format("woff"),
  url(../../../fonts/Remissis/bold/Remississb-regular.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

body {
  line-height: 1
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.container {
  height: inherit;
  padding: 0 16px
}

@media screen and (min-width: 37.5em) {
  .container {
    padding: 0 20px
  }
}

@media screen and (min-width: 56.5625em) {
  .container {
    padding: 0 40px
  }
}

@media screen and (min-width: 77.5em) {
  .container {
    padding: 0 72px
  }
}

@media screen and (min-width: 90em) {
  .container {
    padding: 0 80px
  }
}

.row {
  height: inherit;
  width: 100%;
  max-width: 600px;
  margin: 0 auto
}

@media screen and (min-width: 56.5625em) {
  .row {
    max-width: 825px
  }
}

@media screen and (min-width: 77.5em) {
  .row {
    max-width: 1096px
  }
}

@media screen and (min-width: 90em) {
  .row {
    max-width: 1280px
  }
}

@media screen and (min-width: 118.75em) {
  .row {
    max-width: 1760px
  }
}

.title {
  font-family: Remissis, Noto Sans, Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  text-shadow: 1px 1px .5px rgba(0, 0, 0, .86)
}

@media screen and (min-width: 37.5em) {
  .title {
    font-size: 32px;
    line-height: 110%;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .86)
  }
}

@media screen and (min-width: 56.5625em) {
  .title {
    font-size: 48px;
    line-height: 120%;
    text-shadow: 3px 3px 2px rgba(0, 0, 0, .86)
  }
}

@media screen and (min-width: 77.5em) {
  .title {
    font-size: 52px
  }
}

@media screen and (min-width: 90em) {
  .title {
    font-size: 68px
  }
}

@media screen and (min-width: 118.75em) {
  .title {
    font-size: 72px
  }
}

.btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  text-decoration: none
}

.btn-play {
  position: relative;
  height: 66px;
  min-height: 66px;
  width: 100%;
  min-width: 288px;
  max-width: 343px;
  padding: 7px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: Remissis, Noto Sans, Arial, sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  color: #fff8c5;
  border-radius: 20px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .4), 2px 3px 2px rgba(0, 0, 0, .64);
  text-transform: capitalize;
  background-color: #27fe00;
  background-image: url(../images/Button-background.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .25);
  box-shadow: 0 5px 10px #00000040
}

@media screen and (min-width: 37.5em) {
  .btn-play {
    width: auto;
    min-width: 198px;
    max-width: none;
    height: 54px;
    min-height: 54px;
    font-size: 24px;
    border-radius: 16px
  }
}

@media screen and (min-width: 56.5625em) {
  .btn-play {
    height: 70px;
    min-height: 70px;
    min-width: 264px;
    font-size: 32px
  }
}

@media screen and (min-width: 77.5em) {
  .btn-play {
    height: 84px;
    min-height: 84px;
    min-width: 318px;
    border-radius: 20px
  }
}

@media screen and (min-width: 90em) {
  .btn-play {
    height: 104px;
    min-height: 104px;
    min-width: 394px;
    font-size: 48px;
    line-height: 120%;
    padding: 7px;
    border-radius: 25px
  }
}

@media screen and (min-width: 118.75em) {
  .btn-play {
    height: 114px;
    min-height: 114px;
    min-width: 432px
  }
}

.btn-play span {
  position: relative;
  z-index: 3
}

.btn-play__wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: inherit
}

.btn-play__wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#27FE00), to(#00C900));
  background: -webkit-linear-gradient(top, #27FE00 0%, #00C900 100%);
  background: -moz-linear-gradient(top, #27FE00 0%, #00C900 100%);
  background: linear-gradient(180deg, #27fe00, #00c900);
  -webkit-filter: blur(2px);
  filter: blur(2px);
  border-radius: inherit;
  -webkit-transition: .35s;
  -moz-transition: .35s;
  transition: .35s;
  opacity: 0
}

.btn-play:hover .btn-play__wrapper:after {
  opacity: .64
}

.btn-play:active .btn-play__wrapper:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#0D7D11), to(#2D4D35));
  background: -webkit-linear-gradient(top, #0D7D11 0%, #2D4D35 100%);
  background: -moz-linear-gradient(top, #0D7D11 0%, #2D4D35 100%);
  background: linear-gradient(180deg, #0d7d11, #2d4d35);
  opacity: .64
}

.rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.rating li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  margin-right: 4px;
  background-image: url(../images/reviews/Star.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center
}

@media screen and (min-width: 56.5625em) {
  .rating li {
    width: 32px;
    height: 32px
  }
}

@media screen and (min-width: 118.75em) {
  .rating li {
    width: 32px;
    height: 32px;
    margin-right: 8px
  }
}

.slick {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

@media screen and (min-width: 37.5em) {
  .slick-list {
    height: 100%
  }
}

.slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width: 37.5em) {
  .slick-track {
    height: 100%
  }
}

.slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@-moz-keyframes slide-down {
  0% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  50% {
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  50% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
  to {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

html {
  background-color: #13363c;
  font-family: Nunito, Noto Sans, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #fff
}

body {
  position: relative
}

main {
  overflow: hidden
}

picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

img {
  vertical-align: top
}

.wrapper {
  position: relative
}

.copyright {
  position: fixed;
  right: 2px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  font-family: Nunito, Noto Sans, Arial, sans-serif;
  font-weight: inherit;
  font-size: 8px;
  line-height: 10px;
  color: inherit;
  letter-spacing: .96px;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-transform: uppercase;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s
}

@media screen and (min-width: 37.5em) {
  .copyright {
    right: 4px
  }
}

@media screen and (min-width: 56.5625em) {
  .copyright {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1.44px
  }
}

@media screen and (min-width: 77.5em) {
  .copyright {
    right: 8px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 2.16px
  }
}

@media screen and (min-width: 90em) {
  .copyright {
    right: 8px
  }
}

.copyright img {
  width: 10px;
  height: 10px;
  margin-bottom: 4px
}

@media screen and (min-width: 37.5em) {
  .copyright img {
    width: 12px;
    height: 12px
  }
}

@media screen and (min-width: 56.5625em) {
  .copyright img {
    width: 16px;
    height: 16px;
    margin-bottom: 8px
  }
}

@media screen and (min-width: 77.5em) {
  .copyright img {
    width: 28px;
    height: 28px;
    margin-bottom: 12px
  }
}

.copyright .reg {
  display: inline-block;
  font-style: normal;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  margin-right: 2px
}

.footer {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-family: Remissis, Noto Sans, Arial, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff8c5;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 44, 49, 0)), color-stop(81.87%, #0D2C31), to(#0D2C31));
  background: -webkit-linear-gradient(top, rgba(13, 44, 49, 0) 0%, #0D2C31 81.87%, #0D2C31 100%);
  background: -moz-linear-gradient(top, rgba(13, 44, 49, 0) 0%, #0D2C31 81.87%, #0D2C31 100%);
  background: linear-gradient(180deg, #0d2c3100, #0d2c31 81.87% 100%)
}

@media screen and (min-width: 37.5em) {
  .footer {
    padding: 0 20px
  }
}

@media screen and (min-width: 56.5625em) {
  .footer {
    padding: 0;
    text-align: left
  }
}

@media screen and (min-width: 77.5em) {
  .footer {
    font-size: 20px;
    line-height: 27px
  }
}

.footer p, .footer a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-decoration: none
}

.footer svg {
  width: 24px;
  height: 24px
}

.footer .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footer__body {
  padding: 46px 0 52px
}

@media screen and (min-width: 37.5em) {
  .footer__body {
    padding: 158px 0 60px
  }
}

@media screen and (min-width: 56.5625em) {
  .footer__body {
    padding: 0 0 40px
  }
}

@media screen and (min-width: 77.5em) {
  .footer__body {
    padding-bottom: 36px
  }
}

@media screen and (min-width: 118.75em) {
  .footer__body {
    padding-bottom: 70px
  }
}

.footer__main {
  margin-bottom: 24px
}

@media screen and (min-width: 37.5em) {
  .footer__main {
    margin-bottom: 20px
  }
}

@media screen and (min-width: 77.5em) {
  .footer__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 32px
  }
}

.footer__main .footer__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 28px
}

@media screen and (min-width: 77.5em) {
  .footer__main .footer__left {
    margin: 0
  }
}

.footer__main .footer__left svg {
  width: 58px;
  height: 58px;
  margin-right: 28px;
  opacity: .64
}

.footer__head {
  padding-bottom: 32px
}

@media screen and (min-width: 56.5625em) {
  .footer__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 32px;
    border-bottom: 1px solid #F2EAB2;
    font-size: 20px;
    line-height: 36px
  }
}

@media screen and (min-width: 90em) {
  .footer__head {
    padding-bottom: 20px
  }
}

@media screen and (min-width: 118.75em) {
  .footer__head {
    padding-bottom: 32px
  }
}

.footer__head p:last-child {
  margin-bottom: 8px
}

@media screen and (min-width: 37.5em) {
  .footer__head p:last-child {
    margin-bottom: 0
  }
}

.footer__head svg {
  opacity: .86;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

.footer__head .list {
  margin: 0 -8px
}

@media screen and (min-width: 56.5625em) {
  .footer__head .list {
    margin: 0 -10px
  }
}

@media screen and (min-width: 77.5em) {
  .footer__head .list {
    margin: 0 -12px
  }
}

.footer__head .list__item {
  padding: 0 8px
}

@media screen and (min-width: 56.5625em) {
  .footer__head .list__item {
    padding: 0 10px
  }
}

@media screen and (min-width: 77.5em) {
  .footer__head .list__item {
    padding: 0 12px
  }
}

.footer__head .list__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ba6b37;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

@media screen and (min-width: 56.5625em) {
  .footer__head .list__link {
    width: 48px;
    height: 48px
  }
}

.footer__head .list__link:hover svg {
  opacity: 1
}

.footer__foot {
  font-family: Nunito, Noto Sans, Arial, sans-serif
}

@media screen and (min-width: 56.5625em) {
  .footer__foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 28px
  }
}

@media screen and (min-width: 77.5em) {
  .footer__foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 32px
  }
}

.footer__foot svg {
  margin-left: 12px;
  opacity: .64
}

@media screen and (min-width: 56.5625em) {
  .footer__foot svg {
    width: 20px;
    height: 20px
  }
}

@media screen and (min-width: 77.5em) {
  .footer__foot svg {
    width: 28px;
    height: 28px
  }
}

.footer__foot .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 -6px 24px
}

@media screen and (min-width: 37.5em) {
  .footer__foot .list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px
  }
}

@media screen and (min-width: 56.5625em) {
  .footer__foot .list {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -20px
  }
}

.footer__foot .list__item {
  padding: 0 6px;
  margin-bottom: 8px
}

@media screen and (min-width: 37.5em) {
  .footer__foot .list__item {
    margin-bottom: 12px
  }
}

@media screen and (min-width: 56.5625em) {
  .footer__foot .list__item {
    padding: 0 20px
  }
}

.footer__notice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footer__notice p {
  white-space: nowrap
}

.footer__heating {
  margin-bottom: 40px
}

@media screen and (min-width: 37.5em) {
  .footer__heating {
    margin-bottom: 20px
  }
}

@media screen and (min-width: 56.5625em) {
  .footer__heating {
    margin: 0;
    font-size: 20px;
    line-height: 36px
  }
}

@media screen and (min-width: 77.5em) {
  .footer__heating {
    font-size: 24px
  }
}

@media screen and (min-width: 90em) {
  .footer__heating {
    margin-bottom: 16px;
    font-size: 28px
  }
}

@media screen and (min-width: 118.75em) {
  .footer__heating {
    margin: 0
  }
}

[data-animation] {
  -webkit-transition: .8s;
  -moz-transition: .8s;
  transition: .8s
}

@media screen and (min-width: 56.5625em) {
  [data-animation=slide-up] {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@media screen and (min-width: 56.5625em) {
  [data-animation=slide-up].slide-up {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

.home {
  position: relative;
  text-align: center;
  color: #fff;
  font-family: Nunito, Noto Sans, Arial, sans-serif;
  font-size: 16px;
  line-height: 120%;
  font-weight: 500
}

@media screen and (min-width: 37.5em) {
  .home {
    min-height: 384px
  }
}

@media screen and (min-width: 56.5625em) {
  .home {
    min-height: 569px;
    font-size: 18px
  }
}

@media screen and (min-width: 77.5em) {
  .home {
    height: 100vh;
    min-height: 744px
  }
}

@media screen and (min-width: 90em) {
  .home {
    min-height: 810px
  }
}

@media screen and (min-width: 118.75em) {
  .home {
    min-height: 1044px
  }
}

.home .container {
  height: 100%
}

.home .title {
  max-width: 272px;
  margin: auto auto 18px
}

@media screen and (min-width: 37.5em) {
  .home .title {
    max-width: 50%;
    margin-bottom: 32px;
    margin-left: 0
  }
}

@media screen and (min-width: 56.5625em) {
  .home .title {
    margin-bottom: 38px
  }
}

@media screen and (min-width: 77.5em) {
  .home .title {
    margin-bottom: 48px
  }
}

@media screen and (min-width: 118.75em) {
  .home .title {
    margin-bottom: 40px;
    max-width: 39%
  }
}

@media screen and (min-width: 37.5em) {
  .home .btn-play {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 40px
  }
}

@media screen and (min-width: 56.5625em) {
  .home .btn-play {
    margin-bottom: 51px
  }
}

@media screen and (min-width: 77.5em) {
  .home .btn-play {
    margin-bottom: 54px
  }
}

@media screen and (min-width: 90em) {
  .home .btn-play {
    margin-bottom: 40px
  }
}

@media screen and (min-width: 118.75em) {
  .home .btn-play {
    margin-bottom: 60px
  }
}

.home .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width: 37.5em) {
  .home .list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -20px
  }
}

@media screen and (min-width: 118.75em) {
  .home .list {
    margin: 0 -28px
  }
}

.home .list img {
  width: auto;
  height: 46px;
  margin-right: 16px
}

@media screen and (min-width: 37.5em) {
  .home .list img {
    height: 40px
  }
}

@media screen and (min-width: 56.5625em) {
  .home .list img {
    height: 60px
  }
}

@media screen and (min-width: 90em) {
  .home .list img {
    height: 68px
  }
}

@media screen and (min-width: 118.75em) {
  .home .list img {
    margin-right: 20px
  }
}

.home .list p, .home .list span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

.home .list p {
  text-shadow: 1px 1px 1px rgba(30, 15, 6, .86)
}

.home .list span {
  display: block
}

.home .list span:first-child {
  font-size: 18px;
  font-weight: 800
}

@media screen and (min-width: 56.5625em) {
  .home .list span:first-child {
    font-size: 20px;
    margin-bottom: 2px
  }
}

.home .list__item {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width: 37.5em) {
  .home .list__item {
    padding: 0 20px
  }
}

@media screen and (min-width: 56.5625em) {
  .home .list__item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: inherit
  }
}

@media screen and (min-width: 118.75em) {
  .home .list__item {
    padding: 0 28px
  }
}

.home .list__item:first-child {
  margin-bottom: 8px
}

@media screen and (min-width: 37.5em) {
  .home .list__item:first-child {
    margin: 0
  }
}

.home .list__item:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 1px;
  height: 100%;
  opacity: .84;
  background: #fff
}

@media screen and (min-width: 37.5em) {
  .home .list__item:first-child:before {
    display: inline-block
  }
}

.home .list__item:last-child {
  font-size: 20px
}

@media screen and (min-width: 37.5em) {
  .home .list__item:last-child {
    font-size: inherit
  }
}

@media screen and (min-width: 56.5625em) {
  .home .list__item:last-child {
    font-size: 24px
  }
}

@media screen and (min-width: 90em) {
  .home .list__item:last-child {
    font-size: 28px
  }
}

.home .list__item:last-child img {
  height: 40px;
  margin-right: 12px
}

@media screen and (min-width: 37.5em) {
  .home .list__item:last-child img {
    height: 32px;
    margin-right: 8px
  }
}

@media screen and (min-width: 56.5625em) {
  .home .list__item:last-child img {
    height: 48px;
    margin-right: 16px
  }
}

@media screen and (min-width: 90em) {
  .home .list__item:last-child img {
    height: initial
  }
}

@media screen and (min-width: 118.75em) {
  .home .list__item:last-child img {
    margin-right: 20px
  }
}

.home .list__item:last-child p {
  text-shadow: 1px 1px 1px rgba(30, 15, 6, .86)
}

.home__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-top: 4px
}

@media screen and (min-width: 37.5em) {
  .home__wrapper {
    padding: 0;
    height: auto
  }
}

.home__body {
  position: relative;
  z-index: 3;
  height: inherit;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%
}

@media screen and (min-width: 37.5em) {
  .home__body {
    padding: 26px 0 11px;
    margin: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left
  }
}

@media screen and (min-width: 56.5625em) {
  .home__body {
    padding: 24px 0 41px
  }
}

@media screen and (min-width: 77.5em) {
  .home__body {
    padding: 52px 0 97px
  }
}

@media screen and (min-width: 90em) {
  .home__body {
    padding: 52px 0 94px
  }
}

@media screen and (min-width: 118.75em) {
  .home__body {
    padding: 72px 0 165px
  }
}

.home__main {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-top: 130px;
  margin-top: auto
}

@media screen and (min-width: 37.5em) {
  .home__main {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    height: 100%
  }
}

.home__logo {
  height: auto;
  width: 212px
}

@media screen and (min-width: 37.5em) {
  .home__logo {
    width: 170px;
    margin-bottom: 12px
  }
}

@media screen and (min-width: 56.5625em) {
  .home__logo {
    width: 264px;
    margin-bottom: 28px
  }
}

@media screen and (min-width: 77.5em) {
  .home__logo {
    width: 344px;
    margin-bottom: 36px
  }
}

@media screen and (min-width: 90em) {
  .home__logo {
    width: 361px;
    margin-bottom: 25px
  }
}

@media screen and (min-width: 118.75em) {
  .home__logo {
    width: 491px;
    margin-bottom: 40px
  }
}

.home__list {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-calc(100% + 16px);
  width: -moz-calc(100% + 16px);
  width: calc(100% + 16px);
  padding: 10px;
  margin-top: auto;
  border-radius: 12px;
  background: #0006;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%);
  text-align: left
}

@media screen and (min-width: 37.5em) {
  .home__list {
    position: relative;
    left: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
    padding: 13.5px 48px 13.5px 12px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
  }
}

@media screen and (min-width: 56.5625em) {
  .home__list {
    width: auto;
    max-width: none;
    padding: 12px 125px 12px 20px
  }
}

@media screen and (min-width: 77.5em) {
  .home__list {
    padding: 16px 54px 16px 20px
  }
}

@media screen and (min-width: 90em) {
  .home__list {
    padding: 20px 48px 20px 28px
  }
}

@media screen and (min-width: 118.75em) {
  .home__list {
    padding: 28px 48px 28px 28px;
    min-width: 1059px
  }
}

.home__footer {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 78px 0 260px;
  overflow: hidden
}

@media screen and (min-width: 37.5em) {
  .home__footer {
    padding: 0
  }
}

.home__footer picture {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.home__footer picture:before, .home__footer picture:after {
  content: "";
  position: absolute;
  left: 0;
  display: none
}

@media screen and (min-width: 37.5em) {
  .home__footer picture:before, .home__footer picture:after {
    display: inline-block
  }
}

.home__footer picture:before {
  top: 0;
  height: 100%;
  width: 50%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(25.82%, rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .3)));
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 25.82%, rgba(0, 0, 0, .3) 100%);
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 25.82%, rgba(0, 0, 0, .3) 100%);
  background: linear-gradient(270deg, #0000, #0003 25.82%, #0000004d)
}

.home__footer picture:after {
  bottom: 0;
  height: 60px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(5, 1, 0, 0)), color-stop(44.74%, rgba(5, 1, 0, .64)), to(#050100));
  background: -webkit-linear-gradient(top, rgba(5, 1, 0, 0) 0%, rgba(5, 1, 0, .64) 44.74%, #050100 100%);
  background: -moz-linear-gradient(top, rgba(5, 1, 0, 0) 0%, rgba(5, 1, 0, .64) 44.74%, #050100 100%);
  background: linear-gradient(180deg, #05010000, #050100a3 44.74%, #050100)
}

@media screen and (min-width: 56.5625em) {
  .home__footer picture:after {
    height: 139px
  }
}

@media screen and (min-width: 118.75em) {
  .home__footer picture:after {
    height: 165px
  }
}

.home__background {
  height: auto;
  width: 127%
}

@media screen and (min-width: 37.5em) {
  .home__background {
    width: 116%
  }
}

@media screen and (min-width: 56.5625em) {
  .home__background {
    width: 114%
  }
}

@media screen and (min-width: 77.5em) {
  .home__background {
    width: 100%;
    height: auto
  }
}

@media screen and (min-width: 77.5em)and (max-aspect-ratio: 16/9) {
  .home__background {
    height: 100%;
    width: auto
  }
}

.home__character {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: auto
}

.home__character-left {
  top: 10px;
  width: 178px;
  left: -45px
}

@media screen and (min-width: 37.5em) {
  .home__character-left {
    inset: auto 10.5% -17% auto;
    width: 34%
  }
}

@media screen and (min-width: 56.5625em) {
  .home__character-left {
    bottom: -18%;
    right: 10%;
    width: 35%
  }
}

@media screen and (min-width: 77.5em) {
  .home__character-left {
    bottom: -30%;
    right: 10.5%;
    width: auto;
    height: 127vh;
    min-height: 944px;
    max-height: 1200px
  }
}

@media screen and (min-width: 90em) {
  .home__character-left {
    bottom: -35%;
    right: 10%;
    height: 132vh;
    min-height: 1069px;
    max-height: 1500px
  }
}

@media screen and (min-width: 118.75em) {
  .home__character-left {
    bottom: -40%;
    height: 137vh;
    min-height: 1012px;
    max-height: 2300px
  }
}

.home__character-right {
  top: 25px;
  width: 142px;
  right: -65px
}

@media screen and (min-width: 37.5em) {
  .home__character-right {
    inset: auto 3% -12% auto;
    width: 27%
  }
}

@media screen and (min-width: 56.5625em) {
  .home__character-right {
    bottom: -15%;
    right: 2%;
    width: 28%
  }
}

@media screen and (min-width: 77.5em) {
  .home__character-right {
    bottom: -27%;
    right: 2.5%;
    width: auto;
    height: 119vh;
    min-height: 885px;
    max-height: 1100px
  }
}

@media screen and (min-width: 90em) {
  .home__character-right {
    bottom: -31%;
    height: 123vh;
    min-height: 996px;
    max-height: 1400px
  }
}

@media screen and (min-width: 118.75em) {
  .home__character-right {
    bottom: -35%;
    height: 127vh;
    min-height: 961px;
    max-height: 2100px
  }
}

.video {
  position: relative;
  z-index: 1
}

@media screen and (min-width: 37.5em) {
  .video-skew-right {
    margin-top: -8.7%
  }
}

@media screen and (min-width: 56.5625em) {
  .video-skew-right {
    margin-top: -8%
  }
}

@media screen and (min-width: 77.5em) {
  .video-skew-right {
    margin-top: -6%
  }
}

.video-skew-right .video__body {
  padding: 28%;
  -webkit-clip-path: polygon(0 100%, 100% 86%, 100% 0, 0 15%);
  clip-path: polygon(0 100%, 100% 86%, 100% 0, 0 15%)
}

@media screen and (min-width: 37.5em) {
  .video-skew-right .video__body {
    padding: 26.5%
  }
}

@media screen and (min-width: 56.5625em) {
  .video-skew-right .video__body {
    padding: 24.5%;
    -webkit-clip-path: polygon(0 100%, 100% 86%, 100% 0, 0 14%);
    clip-path: polygon(0 100%, 100% 86%, 100% 0, 0 14%)
  }
}

@media screen and (min-width: 77.5em) {
  .video-skew-right .video__body {
    padding: 24%
  }
}

@media screen and (min-width: 90em) {
  .video-skew-right .video__body {
    padding: 21.5%
  }
}

@media screen and (min-width: 118.75em) {
  .video-skew-right .video__body {
    padding: 24.5%;
    -webkit-clip-path: polygon(0 100%, 100% 86%, 100% 0, 0 12%);
    clip-path: polygon(0 100%, 100% 86%, 100% 0, 0 12%)
  }
}

.video-skew-left .video__body {
  padding: 25.5%;
  -webkit-clip-path: polygon(0% 87%, 100% 100%, 100% 14%, 0% 0%);
  clip-path: polygon(0% 87%, 100% 100%, 100% 14%, 0% 0%)
}

@media screen and (min-width: 37.5em) {
  .video-skew-left .video__body {
    padding: 27.5%;
    -webkit-clip-path: polygon(0% 86%, 100% 100%, 100% 13%, 0% 0%);
    clip-path: polygon(0% 86%, 100% 100%, 100% 13%, 0% 0%)
  }
}

@media screen and (min-width: 56.5625em) {
  .video-skew-left .video__body {
    padding: 26%
  }
}

@media screen and (min-width: 90em) {
  .video-skew-left .video__body {
    padding: 21.5%;
    -webkit-clip-path: polygon(0% 86%, 100% 100%, 100% 11%, 0% 0%);
    clip-path: polygon(0% 86%, 100% 100%, 100% 11%, 0% 0%)
  }
}

@media screen and (min-width: 118.75em) {
  .video-skew-left .video__body {
    padding: 25%;
    -webkit-clip-path: polygon(0% 87%, 100% 100%, 100% 13%, 0% 0%);
    clip-path: polygon(0% 87%, 100% 100%, 100% 13%, 0% 0%)
  }
}

.video__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto
}

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

.benefits {
  position: relative;
  padding-top: 33px;
  padding-bottom: 63px;
  font-family: Nunito, Noto Sans, Arial, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #fff
}

@media screen and (min-width: 37.5em) {
  .benefits {
    padding-top: 64px;
    padding-bottom: 44px
  }
}

@media screen and (min-width: 56.5625em) {
  .benefits {
    padding-top: 50px;
    padding-bottom: 108px
  }
}

@media screen and (min-width: 77.5em) {
  .benefits {
    padding-top: 48px;
    padding-bottom: 24px;
    font-size: 24px
  }
}

@media screen and (min-width: 90em) {
  .benefits {
    padding-top: 83px;
    padding-bottom: 28px
  }
}

@media screen and (min-width: 118.75em) {
  .benefits {
    padding-top: 86px;
    padding-bottom: 22px;
    font-size: 28px
  }
}

.benefits:before {
  content: "";
  position: absolute;
  top: -60px;
  margin: auto;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
  background-image: url(../images/benefits/Decor-left-mobile.png), url(../images/benefits/Decor-right-mobile.png);
  background-position: left center, right center;
  background-repeat: no-repeat;
  background-size: auto 100%, auto 105%;
  pointer-events: none
}

@media screen and (min-width: 37.5em) {
  .benefits:before {
    top: -45px;
    height: -webkit-calc(100% + 110px);
    height: -moz-calc(100% + 110px);
    height: calc(100% + 110px);
    background-image: url(../images/benefits/Decor-left-tablet.png), url(../images/benefits/Decor-right-tablet.png);
    background-size: auto 106%, auto 112%;
    background-position: left -35px, right -60px
  }
}

@media screen and (min-width: 56.5625em) {
  .benefits:before {
    top: -70px;
    height: -webkit-calc(100% + 140px);
    height: -moz-calc(100% + 140px);
    height: calc(100% + 140px);
    background-size: auto 123%, auto 125%;
    background-position: -11% -80px, 111% -130px;
    background-image: url(../images/benefits/Decor-left.png), url(../images/benefits/Decor-right.png)
  }
}

@media screen and (min-width: 77.5em) {
  .benefits:before {
    top: -90px;
    height: -webkit-calc(100% + 180px);
    height: -moz-calc(100% + 180px);
    height: calc(100% + 180px);
    background-size: auto 125%, auto 128%;
    background-position: -6% -98px, 111% -167px
  }
}

@media screen and (min-width: 90em) {
  .benefits:before {
    background-size: auto 124%, auto 128%;
    background-position: left -4% top -100px, right -2% top -178px
  }
}

@media screen and (min-width: 118.75em) {
  .benefits:before {
    top: -140px;
    height: -webkit-calc(100% + 270px);
    height: -moz-calc(100% + 270px);
    height: calc(100% + 270px);
    background-size: auto 125%, auto 127%;
    background-position: left -133px, right -224px
  }
}

@media screen and (min-width: 56.5625em) {
  .benefits .btn-play {
    margin-left: 0
  }
}

.benefits__body {
  position: relative;
  z-index: 1
}

@media screen and (min-width: 37.5em) {
  .benefits__body {
    width: 100%;
    max-width: 432px;
    margin: 0 auto
  }
}

@media screen and (min-width: 56.5625em) {
  .benefits__body {
    max-width: none
  }
}

.benefits__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.benefits__column-left {
  display: none;
  margin-right: 26px
}

@media screen and (min-width: 56.5625em) {
  .benefits__column-left {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

@media screen and (min-width: 77.5em) {
  .benefits__column-left {
    margin-right: 16px
  }
}

@media screen and (min-width: 90em) {
  .benefits__column-left {
    margin-right: 24px
  }
}

@media screen and (min-width: 118.75em) {
  .benefits__column-left {
    margin-right: 52px
  }
}

@media screen and (min-width: 56.5625em) {
  .benefits__column-right {
    width: 100%;
    max-width: 510px;
    padding-right: 100px
  }
}

@media screen and (min-width: 77.5em) {
  .benefits__column-right {
    max-width: 720px;
    padding-right: 60px
  }
}

@media screen and (min-width: 90em) {
  .benefits__column-right {
    max-width: 825px;
    padding-right: 140px
  }
}

@media screen and (min-width: 118.75em) {
  .benefits__column-right {
    padding-top: 50px;
    max-width: 1000px
  }
}

.benefits__img {
  width: auto;
  height: 538px
}

@media screen and (min-width: 77.5em) {
  .benefits__img {
    height: 799px
  }
}

@media screen and (min-width: 90em) {
  .benefits__img {
    height: 861px
  }
}

@media screen and (min-width: 118.75em) {
  .benefits__img {
    height: 1099px
  }
}

.benefits__img img {
  height: 100%;
  width: auto
}

.benefits__list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 14px;
  margin-bottom: 16px
}

@media screen and (min-width: 37.5em) {
  .benefits__list {
    padding: 0;
    margin-bottom: 12px
  }
}

@media screen and (min-width: 56.5625em) {
  .benefits__list {
    margin-bottom: 26px
  }
}

@media screen and (min-width: 90em) {
  .benefits__list {
    margin-bottom: 25px
  }
}

@media screen and (min-width: 118.75em) {
  .benefits__list {
    margin-bottom: 40px
  }
}

.benefits__list:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 18px;
  left: -26px;
  width: 437px;
  height: 521px;
  border-radius: 50%;
  opacity: .32;
  background: #2bab87;
  -webkit-filter: blur(90px);
  filter: blur(90px)
}

@media screen and (min-width: 77.5em) {
  .benefits__list:before {
    top: 129px;
    left: 0;
    width: 645px;
    height: 645px
  }
}

@media screen and (min-width: 90em) {
  .benefits__list:before {
    top: 18px;
    left: -60px
  }
}

@media screen and (min-width: 118.75em) {
  .benefits__list:before {
    top: -30px;
    left: -97px;
    width: 824px;
    height: 824px
  }
}

.benefits__item {
  margin-bottom: 32px
}

@media screen and (min-width: 37.5em) {
  .benefits__item {
    margin-bottom: 24px
  }
}

@media screen and (min-width: 77.5em) {
  .benefits__item {
    margin-bottom: 32px
  }
}

.benefits__figure {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.benefits__title {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit
}

.benefits__icon {
  width: 60px;
  height: auto;
  margin-right: 16px
}

@media screen and (min-width: 37.5em) {
  .benefits__icon {
    width: 52px;
    margin-right: 20px
  }
}

@media screen and (min-width: 56.5625em) {
  .benefits__icon {
    width: 56px;
    margin-right: 44px
  }
}

@media screen and (min-width: 77.5em) {
  .benefits__icon {
    width: 64px
  }
}

@media screen and (min-width: 90em) {
  .benefits__icon {
    width: initial;
    height: initial
  }
}

@media screen and (min-width: 118.75em) {
  .benefits__icon {
    width: 88px;
    height: auto
  }
}

.benefits__icon picture {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

.benefits__icon img {
  height: 100%;
  width: 100%
}

@media screen and (min-width: 37.5em) {
  .benefits__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (min-width: 56.5625em) {
  .benefits__btn {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media screen and (min-width: 90em) {
  .benefits__btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
  }
}

.reviews {
  position: relative;
  padding-top: 66px;
  padding-bottom: 50px;
  text-align: left
}

@media screen and (min-width: 37.5em) {
  .reviews {
    padding: 60px 0 63px
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews {
    padding: 120px 0 156px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews {
    padding: 35px 0 175px
  }
}

@media screen and (min-width: 90em) {
  .reviews {
    padding: 70px 0 180px
  }
}

@media screen and (min-width: 118.75em) {
  .reviews {
    padding: 55px 0 610px
  }
}

.reviews:before {
  content: "";
  position: absolute;
  top: -14%;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-image: url(../images/reviews/Decor-left.png), url(../images/reviews/Decor-right.png);
  background-position: left -2% top -12px, right -5% top 111px;
  background-repeat: no-repeat;
  background-size: auto 105%, auto 92%;
  pointer-events: none
}

@media screen and (min-width: 56.5625em) {
  .reviews:before {
    display: inline-block
  }
}

@media screen and (min-width: 77.5em) {
  .reviews:before {
    background-position: left -3% top -97px, right -5% top 90px;
    background-size: auto 104%, auto 91%
  }
}

@media screen and (min-width: 90em) {
  .reviews:before {
    background-position: left top -49px, right -5% top 115px;
    background-size: auto 113%, auto 100%
  }
}

@media screen and (min-width: 118.75em) {
  .reviews:before {
    background-position: left top -25px, right top 162px;
    background-size: auto 91%, auto 83%
  }
}

.reviews:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -120px;
  width: 100%;
  height: 50%;
  pointer-events: none;
  background-image: url(../images/reviews/Decor-bottom.png);
  background-position: 70% 98%;
  background-repeat: no-repeat;
  background-size: 130% auto
}

@media screen and (min-width: 37.5em) {
  .reviews:after {
    background-size: 110% auto;
    background-position: 55% 100%
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews:after {
    bottom: -240px;
    background-size: 150% auto;
    background-position: 0 100%
  }
}

@media screen and (min-width: 77.5em) {
  .reviews:after {
    bottom: -188px;
    background-size: 105% auto;
    background-position: 50% 100%
  }
}

@media screen and (min-width: 90em) {
  .reviews:after {
    bottom: -208px;
    background-size: 100% auto
  }
}

@media screen and (min-width: 118.75em) {
  .reviews:after {
    bottom: 56px;
    background-size: 102% auto
  }
}

.reviews .title {
  text-align: center
}

@media screen and (min-width: 37.5em) {
  .reviews .title {
    text-align: inherit
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .title {
    font-size: 68px
  }
}

@media screen and (min-width: 118.75em) {
  .reviews .title {
    font-size: 72px
  }
}

.reviews .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width: 56.5625em) {
  .reviews .list {
    margin: 0 -8px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list {
    margin: 0 -12px
  }
}

.reviews .list__item {
  z-index: 2;
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -moz-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  margin-bottom: 38px
}

@media screen and (min-width: 37.5em) {
  .reviews .list__item {
    margin-bottom: 50px
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews .list__item {
    max-width: -webkit-calc(100% - 212px);
    max-width: -moz-calc(100% - 212px);
    max-width: calc(100% - 212px);
    margin-bottom: 42px;
    padding: 0 8px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item {
    max-width: 50%;
    padding: 0 12px;
    margin-bottom: 36px
  }
}

@media screen and (min-width: 90em) {
  .reviews .list__item {
    margin-bottom: 40px
  }
}

@media screen and (min-width: 118.75em) {
  .reviews .list__item {
    margin-bottom: 32px
  }
}

.reviews .list__item:first-child {
  position: relative;
  z-index: 0;
  max-width: none
}

@media screen and (min-width: 56.5625em) {
  .reviews .list__item:first-child {
    max-width: -webkit-calc(100% - 140px);
    max-width: -moz-calc(100% - 140px);
    max-width: calc(100% - 140px)
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item:first-child {
    max-width: 86%
  }
}

@media screen and (min-width: 90em) {
  .reviews .list__item:first-child {
    max-width: 92%
  }
}

@media screen and (min-width: 118.75em) {
  .reviews .list__item:first-child {
    max-width: 91%
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews .list__item:first-child .review {
    padding: 48px 100px 52px;
    font-weight: 700;
    letter-spacing: normal;
    background-image: url(../images/reviews/Background-first.svg)
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item:first-child .review {
    padding: 68px 130px 70px;
    font-size: 32px
  }
}

@media screen and (min-width: 90em) {
  .reviews .list__item:first-child .review {
    padding: 68px 142px 80px;
    font-size: 36px
  }
}

@media screen and (min-width: 118.75em) {
  .reviews .list__item:first-child .review {
    padding: 65px 125px 80px 155px
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews .list__item:first-child .review__head {
    margin-bottom: 12px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item:first-child .review__head {
    margin-bottom: 20px
  }
}

@media screen and (min-width: 90em) {
  .reviews .list__item:first-child .review__head {
    margin-bottom: 16px
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews .list__item:first-child .review__main {
    margin-bottom: 12px;
    line-height: 140%;
    font-family: Remissis, Noto Sans, Arial, sans-serif
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item:first-child .review__main {
    margin-bottom: 20px
  }
}

@media screen and (min-width: 90em) {
  .reviews .list__item:first-child .review__main {
    margin-bottom: 16px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item:first-child .review__foot {
    font-size: 24px
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews .list__item:first-child .rating li {
    width: 44px;
    height: 44px;
    margin-right: 8px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item:first-child .rating li {
    width: 52px;
    height: 52px
  }
}

.reviews .list__item:first-child.active:before {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}

@media screen and (min-width: 56.5625em) {
  .reviews .list__item:nth-last-of-type(-n+2) {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews .list__item:nth-last-of-type(-n+2) .review {
    padding: 48px 36px 42px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item:nth-last-of-type(-n+2) .review {
    padding: 58px 56px 70px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews .list__item:nth-last-of-type(-n+4) {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -moz-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
  }
}

@media screen and (min-width: 118.75em) {
  .reviews .row {
    max-width: 1760px
  }
}

.reviews__body {
  position: relative
}

.reviews__head {
  margin-bottom: 25px
}

@media screen and (min-width: 37.5em) {
  .reviews__head {
    max-width: 420px;
    margin-bottom: 40px
  }
}

@media screen and (min-width: 56.5625em) {
  .reviews__head {
    max-width: 675px;
    padding-left: 40px;
    margin-bottom: 50px
  }
}

@media screen and (min-width: 77.5em) {
  .reviews__head {
    max-width: 880px;
    padding: 0;
    margin-bottom: 70px
  }
}

@media screen and (min-width: 118.75em) {
  .reviews__head {
    max-width: 1000px
  }
}

.reviews__main {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width: 77.5em) {
  .reviews__left {
    max-width: 97%
  }
}

@media screen and (min-width: 90em) {
  .reviews__left {
    max-width: 83%
  }
}

@media screen and (min-width: 118.75em) {
  .reviews__left {
    max-width: 66%
  }
}

.reviews__right {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  display: none
}

@media screen and (min-width: 56.5625em) {
  .reviews__right {
    display: block
  }
}

.reviews__img {
  position: absolute
}

.reviews__img img {
  width: auto
}

.reviews__img--character {
  top: 34px;
  left: -344px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom
}

@media screen and (min-width: 77.5em) {
  .reviews__img--character {
    top: -140px;
    left: -285px
  }
}

@media screen and (min-width: 90em) {
  .reviews__img--character {
    top: -140px;
    left: -222px
  }
}

@media screen and (min-width: 118.75em) {
  .reviews__img--character {
    top: -143px;
    left: -118px
  }
}

.reviews__img--character:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 52px;
  bottom: -78px;
  width: 436px;
  height: 332px;
  pointer-events: none;
  background-image: url(../images/reviews/Decor-character.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

@media screen and (min-width: 77.5em) {
  .reviews__img--character:before {
    left: 88px;
    bottom: -100px
  }
}

@media screen and (min-width: 90em) {
  .reviews__img--character:before {
    left: 121px
  }
}

@media screen and (min-width: 118.75em) {
  .reviews__img--character:before {
    left: 113px;
    bottom: -161px;
    width: 550px;
    height: 419px
  }
}

.reviews__img--character img {
  height: 1296px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s
}

@media screen and (min-width: 118.75em) {
  .reviews__img--character img {
    height: 1531px
  }
}

.reviews__img--character.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.review {
  position: relative;
  z-index: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 40px 32px 46px;
  background-image: url(../images/reviews/Background.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-family: Nunito, Noto Sans, Arial, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: .54px;
  color: #421800
}

@media screen and (min-width: 37.5em) {
  .review {
    padding: 42px 50px 50px;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: .72px
  }
}

@media screen and (min-width: 56.5625em) {
  .review {
    padding: 48px 60px 44px;
    line-height: 130%
  }
}

@media screen and (min-width: 77.5em) {
  .review {
    padding: 58px 56px 70px
  }
}

@media screen and (min-width: 118.75em) {
  .review {
    padding: 60px 60px 64px
  }
}

.review p {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

.review__head {
  margin-bottom: 8px
}

@media screen and (min-width: 37.5em) {
  .review__head {
    margin-bottom: 12px
  }
}

@media screen and (min-width: 56.5625em) {
  .review__head {
    margin-bottom: 16px
  }
}

.review__main {
  margin-bottom: 8px
}

@media screen and (min-width: 56.5625em) {
  .review__main {
    margin-bottom: 16px
  }
}

@media screen and (min-width: 77.5em) {
  .review__main {
    margin-bottom: 12px
  }
}

.review__foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto
}

.review__foot img {
  height: auto;
  width: 28px;
  margin-right: 8px
}

@media screen and (min-width: 37.5em) {
  .review__foot img {
    width: 32px
  }
}

@media screen and (min-width: 56.5625em) {
  .review__foot img {
    width: 40px
  }
}

@media screen and (min-width: 77.5em) {
  .review__foot img {
    width: 48px;
    margin-right: 10px
  }
}

.review__foot p {
  font-family: inherit;
  font-size: 16px;
  line-height: 22px;
  font-weight: inherit;
  color: inherit;
  letter-spacing: .48px
}

@media screen and (min-width: 37.5em) {
  .review__foot p {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit
  }
}

@media screen and (min-width: 56.5625em) {
  .review__foot p {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: .6px
  }
}

@media screen and (min-width: 77.5em) {
  .review__foot p {
    font-size: inherit;
    letter-spacing: inherit
  }
}

@media screen and (min-width: 90em) {
  .review__foot p {
    line-height: inherit
  }
}

.end {
  position: relative;
  padding: 135px 0 485px;
  background-repeat: no-repeat;
  background-image: url(../images/end/Background.jpg);
  background-size: cover;
  background-position: top center;
  -webkit-mask-image: url(../images/end/Mask.svg);
  mask-image: url(../images/end/Mask.svg);
  -webkit-mask-size: inherit;
  mask-size: inherit;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}

@media screen and (min-width: 37.5em) {
  .end {
    padding: 127px 0 422px
  }
}

@media screen and (min-width: 56.5625em) {
  .end {
    padding: 203px 0 336px
  }
}

@media screen and (min-width: 77.5em) {
  .end {
    padding: 182px 0 398px
  }
}

@media screen and (min-width: 90em) {
  .end {
    padding: 180px 0 363px;
    -webkit-mask-size: 100%;
    mask-size: 100%
  }
}

@media screen and (min-width: 118.75em) {
  .end {
    padding: 156px 0 412px;
    background-image: url(../images/end/Background@2x.jpg)
  }
}

.end:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .64;
  background: #03372d
}

.end img {
  width: 316px;
  height: auto;
  margin-bottom: 30px
}

@media screen and (min-width: 56.5625em) {
  .end img {
    width: 405px;
    margin-bottom: 60px
  }
}

@media screen and (min-width: 77.5em) {
  .end img {
    width: 433px;
    margin-bottom: 58px
  }
}

@media screen and (min-width: 90em) {
  .end img {
    width: 628px;
    margin-bottom: 62px
  }
}

@media screen and (min-width: 118.75em) {
  .end img {
    margin-bottom: 35px
  }
}

.end__main {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px
}

.overlay {
  top: 0;
  left: 0;
  max-width: none;
  height: 100vh;
  width: 100vw;
  position: fixed
}

.overlay--dark {
  background: #060606a3
}

.overlay--show {
  display: block
}

.instruction-lite {
  color: #393939;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  font-family: Noto Sans, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  position: fixed;
  right: 16px;
  top: 115px;
  z-index: 9998
}

@media (min-width: 90em) {
  .instruction-lite {
    font-size: 24px;
    line-height: 34px;
    right: 20px;
    top: 154px
  }
}

@media (min-width: 118.75em) {
  .instruction-lite {
    right: 32px;
    top: 171px
  }
}

@media (min-width: 158.75em) {
  .instruction-lite {
    font-size: 32px;
    line-height: 44px;
    right: 25px;
    top: 206px
  }
}

.instruction-lite[aria-hidden=true] {
  display: none
}

.instruction-lite picture {
  -webkit-box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, .64);
  box-shadow: 1px 2px 12px #000000a3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  position: relative;
  width: 426px
}

@media (min-width: 90em) {
  .instruction-lite picture {
    width: 509px
  }
}

@media (min-width: 118.75em) {
  .instruction-lite picture {
    width: 568px
  }
}

@media (min-width: 158.75em) {
  .instruction-lite picture {
    width: 722px
  }
}

.instruction-lite picture:before {
  -webkit-animation: bounce 3s linear infinite;
  -moz-animation: bounce 3s linear infinite;
  animation: bounce 3s linear infinite;
  background-image: url(https://dev-web-static.g5.com/themes/modernWhite/images/instructions/Lite-instruction--arrow.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  bottom: -29px;
  content: "";
  height: 88px;
  pointer-events: none;
  position: absolute;
  right: 7px;
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  transform-origin: bottom right;
  width: 83px
}

@media (min-width: 90em) {
  .instruction-lite picture:before {
    bottom: -21px;
    height: 92px;
    right: 8px;
    width: 87px
  }
}

@media (min-width: 118.75em) {
  .instruction-lite picture:before {
    bottom: -29px;
    height: 113px;
    right: 26px;
    width: 107px
  }
}

@media (min-width: 158.75em) {
  .instruction-lite picture:before {
    bottom: -37px;
    height: 146px;
    right: 23px;
    width: 137px
  }
}

.instruction-lite picture img {
  height: auto;
  width: 100%
}

.instruction-lite picture svg {
  height: 151px;
  left: 303px;
  position: absolute;
  top: -144px;
  width: 549px;
  pointer-events: none
}

@media (min-width: 90em) {
  .instruction-lite picture svg {
    height: 197px;
    left: 362px;
    top: -186px;
    width: 550px
  }
}

@media (min-width: 118.75em) {
  .instruction-lite picture svg {
    height: 247px;
    left: 407px;
    top: -234px;
    width: 584px
  }
}

@media (min-width: 158.75em) {
  .instruction-lite picture svg {
    height: 268px;
    left: 568px;
    top: -254px;
    width: 746px
  }
}

.instruction-lite .lite-download, .instruction-lite .lite-secure {
  fill: #7a7a7a;
  vertical-align: top
}

.instruction-lite .lite-secure {
  height: 22px;
  width: 22px;
  vertical-align: middle;
}

@media (min-width: 158.75em) {
  .instruction-lite .lite-secure {
    height: 40px;
    width: 40px
  }
}

.instruction-lite .lite-download {
  height: 36px;
  width: 36px
}

@media (min-width: 158.75em) {
  .instruction-lite .lite-download {
    height: 44px;
    width: 44px
  }
}

.instruction-lite__wrapper {
  background-color: #efefef;
  border-radius: 20px;
  height: 100%;
  max-width: 903px;
  padding: 34px 32px 28px;
  position: relative;
  width: 100%;
  z-index: 1
}

@media (min-width: 90em) {
  .instruction-lite__wrapper {
    max-width: 982px;
    padding: 36px 28px
  }
}

@media (min-width: 118.75em) {
  .instruction-lite__wrapper {
    max-width: 1101px;
    padding: 64px 40px 40px
  }
}

@media (min-width: 158.75em) {
  .instruction-lite__wrapper {
    max-width: 1394px;
    padding: 48px 60px 60px
  }
}

.instruction-lite__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  margin-bottom: 44px
}

@media (min-width: 90em) {
  .instruction-lite__main {
    margin-bottom: 61px
  }
}

@media (min-width: 118.75em) {
  .instruction-lite__main {
    margin-bottom: 96px
  }
}

@media (min-width: 158.75em) {
  .instruction-lite__main {
    margin-bottom: 90px
  }
}

.instruction-lite__close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-weight: inherit;
  height: 24px;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: .15s;
  -moz-transition: .15s;
  transition: .15s;
  width: 24px
}

@media (min-width: 90em) {
  .instruction-lite__close {
    right: 20px;
    top: 20px;
  }
}

@media (min-width: 158.75em) {
  .instruction-lite__close {
    right: 24px;
    top: 24px
  }
}

.instruction-lite__close svg {
  color: #99a9c3;
  height: 100%;
  width: 100%
}

.instruction-lite__close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.instruction-lite__heating {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-box-flex: 1;
  flex: 1;
  padding-left: 28px;
  text-align: left
}

@media (min-width: 90em) {
  .instruction-lite__heating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    padding-left: 32px
  }
}

@media (min-width: 118.75em) {
  .instruction-lite__heating {
    padding-left: 48px
  }
}

.instruction-lite__heating p {
  display: inline-block;
  font-family: inherit
}

.instruction-lite__title {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  margin: 0 0 20px
}

@media (min-width: 90em) {
  .instruction-lite__title {
    margin-bottom: 24px
  }
}

@media (min-width: 158.75em) {
  .instruction-lite__title {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 28px
  }
}

.instruction-lite__description {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0
}

.instruction-lite__description img {
  height: 36px;
  margin-left: 4px;
  vertical-align: center;
  width: 36px
}

.instruction-lite__parag {
  color: #7a7a7a;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 0
}

@media (min-width: 90em) {
  .instruction-lite__parag {
    font-size: 18px;
    line-height: 28px
  }
}

@media (min-width: 158.75em) {
  .instruction-lite__parag {
    font-size: inherit;
    line-height: inherit
  }
}

.instruction-lite__parag-wrap {
  background-color: #f4f4f4;
  border: 1px solid #d6dadd;
  border-radius: 12px;
  padding: 12px
}

@media (min-width: 158.75em) {
  .instruction-lite__parag-wrap {
    padding: 28px 20px
  }
}

.instruction-lite__parag-wrap a {
  color: #0085c5;
  white-space: nowrap;
  text-decoration: none
}

.instruction-lite__parag-wrap p + p {
  margin-top: 4px
}

@media (min-width: 158.75em) {
  .instruction-lite__parag-wrap p + p {
    margin-top: 16px
  }
}

.instruction-lite__parag--center {
  text-align: center
}

.instruction-lite__parag br {
  display: none
}

@media (min-width: 90em) {
  .instruction-lite__svg-tablet {
    display: none
  }
}

.instruction-lite__svg-notepad {
  display: none
}

@media (min-width: 90em) {
  .instruction-lite__svg-notepad {
    display: block
  }
}

@media (min-width: 118.75em) {
  .instruction-lite__svg-notepad {
    display: none
  }
}

.instruction-lite__svg-desktop {
  display: none
}

@media (min-width: 118.75em) {
  .instruction-lite__svg-desktop {
    display: block
  }
}

@media (min-width: 158.75em) {
  .instruction-lite__svg-desktop {
    display: none
  }
}

.instruction-lite__svg-large {
  display: none
}

@media (min-width: 158.75em) {
  .instruction-lite__svg-large {
    display: block
  }
}

.instruction-lite__svg-arrow, .instruction-lite__svg-circle {
  opacity: 0;
  -webkit-transition: .25s;
  -moz-transition: .25s;
  transition: .25s
}

.instruction-lite__svg.show .instruction-lite__svg-arrow, .instruction-lite__svg.show .instruction-lite__svg-circle {
  -webkit-animation: svg-opacity .25s linear forwards;
  -moz-animation: svg-opacity .25s linear forwards;
  animation: svg-opacity .25s linear forwards
}

.instruction-lite__svg.show .instruction-lite__svg-arrow {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s
}

.instruction-lite__svg.show #instruction-lite__svg-mask rect {
  -webkit-animation: svg-arrow-draw 1.25s linear forwards;
  -moz-animation: svg-arrow-draw 1.25s linear forwards;
  animation: svg-arrow-draw 1.25s linear forwards;
  -webkit-animation-delay: .25s;
  -moz-animation-delay: .25s;
  animation-delay: .25s
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  22% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  33% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  44% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  66% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-moz-keyframes bounce {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }
  22% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
  }
  33% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
  }
  44% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
  }
  66% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }
  22% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
  }
  33% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
  }
  44% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
  }
  66% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes svg-arrow-draw {
  0% {
    opacity: 1;
    width: 0
  }
  to {
    width: 100%
  }
}

@-moz-keyframes svg-arrow-draw {
  0% {
    opacity: 1;
    width: 0
  }
  to {
    width: 100%
  }
}

@keyframes svg-arrow-draw {
  0% {
    opacity: 1;
    width: 0
  }
  to {
    width: 100%
  }
}

@-webkit-keyframes svg-opacity {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-moz-keyframes svg-opacity {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes svg-opacity {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}