/* compiled by scssphp v0.7.6 on Wed, 05 Oct 2022 20:40:02 +0000 (0.4423s) */

@charset "UTF-8";
.mt-min-17 {
  margin-top: -17px; }

.hide-all-btns .btn {
  display: none !important; }

.red-skew {
  background-color: #ff3413 !important;
  color: #fff !important; }

@media (min-width: 992px) {
  .moduletable.promo.epilogue.epilogue-up .wrapper {
    margin-top: -120px; }

  .moduletable.promo.epilogue.epilogue-up {
    padding-bottom: 160px !important; } }

@media (max-width: 992px) {
  .cancel-margin-top-sm {
    margin-top: 0px !important; } }

.moduletable.benefits.benefits-list .container .list .item {
  margin-bottom: 15px; }

.no-square .square {
  display: none !important; }

@media (max-width: 992px) {
  .no-intro-im-sm {
    padding-top: 60px !important; }

  .no-intro-im-sm .intro-image {
    display: none !important; } }

.another-hack .description {
  font-size: 18px !important;
  font-weight: bold !important; }
  .another-hack .description-mobile {
    font-size: 18px !important;
    font-weight: bold !important; }
/*.moduletable.benefits .container .list .item .description:before {
 content:"• ";
 }
 .moduletable.benefits .container .list .item .description-mobile:before {
 content:"• ";
 }*/
/* `XHTML, HTML4, HTML5 Reset
 ----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%; }
/*
 html,
 body {
 height: 100%;
 }
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  /*
   Override the default (display: inline) for
   browsers that do not recognize HTML5 tags.
   IE8 (and lower) requires a shiv:
   http://ejohn.org/blog/html5-shiv
   */
  display: block; }

b, strong {
  /*
   Makes browsers agree.
   IE + Opera = font-weight: bold.
   Gecko + WebKit = font-weight: bolder.
   */
  font-weight: bold; }

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  /*
   For IE.
   http://css-tricks.com/ie-fix-bicubic-scaling-for-images
   */
  -ms-interpolation-mode: bicubic; }

ol, ul {
  list-style: none; }

li {
  /*
   For IE6 + IE7:
   "display: list-item" keeps bullets from
   disappearing if hasLayout is triggered.
   */
  display: list-item; }

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

th, td, caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left; }

q {
  quotes: none; }

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

sub, sup, small {
  font-size: 75%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

svg {
  /*
   For IE9. Without, occasionally draws shapes
   outside the boundaries of <svg> rectangle.
   */
  overflow: hidden; }

*:focus {
  outline: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset; }
/* Buttons
 -----------------------------------------------*/
button, input[type="reset"], input[type="button"], input[type="submit"] {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer; }

input[type="text"], input[type="email"] {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none; }

.blank {
  display: none; }

body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms; }
  body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
    transition-delay: 0s; }
    body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
      transition-delay: 50ms; }
  body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
    transition-duration: 100ms; }
  body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
    transition-delay: 0s; }
    body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
      transition-delay: 100ms; }
  body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
    transition-duration: 150ms; }
  body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
    transition-delay: 0s; }
    body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
      transition-delay: 150ms; }
  body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
    transition-duration: 200ms; }
  body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
    transition-delay: 0s; }
    body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
      transition-delay: 200ms; }
  body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
    transition-duration: 250ms; }
  body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
    transition-delay: 0s; }
    body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
      transition-delay: 250ms; }
  body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
    transition-duration: 300ms; }
  body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
    transition-delay: 0s; }
    body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
      transition-delay: 300ms; }
  body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
    transition-duration: 350ms; }
  body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
    transition-delay: 0s; }
    body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
      transition-delay: 350ms; }
  body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
    transition-duration: 400ms; }
  body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
    transition-delay: 0s; }
    body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
      transition-delay: 400ms; }
  body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
    transition-duration: 450ms; }
  body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
    transition-delay: 0s; }
    body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
      transition-delay: 450ms; }
  body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
    transition-duration: 500ms; }
  body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
    transition-delay: 0s; }
    body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
      transition-delay: 500ms; }
  body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
    transition-duration: 550ms; }
  body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
    transition-delay: 0s; }
    body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
      transition-delay: 550ms; }
  body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
    transition-duration: 600ms; }
  body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
    transition-delay: 0s; }
    body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
      transition-delay: 600ms; }
  body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
    transition-duration: 650ms; }
  body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
    transition-delay: 0s; }
    body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
      transition-delay: 650ms; }
  body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
    transition-duration: 700ms; }
  body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
    transition-delay: 0s; }
    body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
      transition-delay: 700ms; }
  body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
    transition-duration: 750ms; }
  body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
    transition-delay: 0s; }
    body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
      transition-delay: 750ms; }
  body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
    transition-duration: 800ms; }
  body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
    transition-delay: 0s; }
    body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
      transition-delay: 800ms; }
  body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
    transition-duration: 850ms; }
  body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
    transition-delay: 0s; }
    body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
      transition-delay: 850ms; }
  body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
    transition-duration: 900ms; }
  body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
    transition-delay: 0s; }
    body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
      transition-delay: 900ms; }
  body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
    transition-duration: 950ms; }
  body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
    transition-delay: 0s; }
    body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
      transition-delay: 950ms; }
  body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
    transition-duration: 1000ms; }
  body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
    transition-delay: 0s; }
    body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
      transition-delay: 1000ms; }
  body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
    transition-duration: 1050ms; }
  body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
    transition-delay: 0s; }
    body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
      transition-delay: 1050ms; }
  body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
    transition-duration: 1100ms; }
  body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
    transition-delay: 0s; }
    body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
      transition-delay: 1100ms; }
  body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
    transition-duration: 1150ms; }
  body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
    transition-delay: 0s; }
    body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
      transition-delay: 1150ms; }
  body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
    transition-duration: 1200ms; }
  body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
    transition-delay: 0s; }
    body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
      transition-delay: 1200ms; }
  body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
    transition-duration: 1250ms; }
  body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
    transition-delay: 0s; }
    body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
      transition-delay: 1250ms; }
  body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
    transition-duration: 1300ms; }
  body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
    transition-delay: 0s; }
    body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
      transition-delay: 1300ms; }
  body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
    transition-duration: 1350ms; }
  body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
    transition-delay: 0s; }
    body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
      transition-delay: 1350ms; }
  body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
    transition-duration: 1400ms; }
  body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
    transition-delay: 0s; }
    body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
      transition-delay: 1400ms; }
  body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
    transition-duration: 1450ms; }
  body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
    transition-delay: 0s; }
    body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
      transition-delay: 1450ms; }
  body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
    transition-duration: 1500ms; }
  body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
    transition-delay: 0s; }
    body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
      transition-delay: 1500ms; }
  body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
    transition-duration: 1550ms; }
  body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
    transition-delay: 0s; }
    body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
      transition-delay: 1550ms; }
  body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
    transition-duration: 1600ms; }
  body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
    transition-delay: 0s; }
    body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
      transition-delay: 1600ms; }
  body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
    transition-duration: 1650ms; }
  body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
    transition-delay: 0s; }
    body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
      transition-delay: 1650ms; }
  body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
    transition-duration: 1700ms; }
  body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
    transition-delay: 0s; }
    body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
      transition-delay: 1700ms; }
  body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
    transition-duration: 1750ms; }
  body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
    transition-delay: 0s; }
    body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
      transition-delay: 1750ms; }
  body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
    transition-duration: 1800ms; }
  body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
    transition-delay: 0s; }
    body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
      transition-delay: 1800ms; }
  body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
    transition-duration: 1850ms; }
  body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
    transition-delay: 0s; }
    body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
      transition-delay: 1850ms; }
  body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
    transition-duration: 1900ms; }
  body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
    transition-delay: 0s; }
    body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
      transition-delay: 1900ms; }
  body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
    transition-duration: 1950ms; }
  body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
    transition-delay: 0s; }
    body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
      transition-delay: 1950ms; }
  body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
    transition-duration: 2000ms; }
  body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
    transition-delay: 0s; }
    body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
      transition-delay: 2000ms; }
  body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
    transition-duration: 2050ms; }
  body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
    transition-delay: 0s; }
    body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
      transition-delay: 2050ms; }
  body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
    transition-duration: 2100ms; }
  body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
    transition-delay: 0s; }
    body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
      transition-delay: 2100ms; }
  body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
    transition-duration: 2150ms; }
  body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
    transition-delay: 0s; }
    body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
      transition-delay: 2150ms; }
  body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
    transition-duration: 2200ms; }
  body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
    transition-delay: 0s; }
    body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
      transition-delay: 2200ms; }
  body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
    transition-duration: 2250ms; }
  body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
    transition-delay: 0s; }
    body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
      transition-delay: 2250ms; }
  body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
    transition-duration: 2300ms; }
  body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
    transition-delay: 0s; }
    body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
      transition-delay: 2300ms; }
  body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
    transition-duration: 2350ms; }
  body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
    transition-delay: 0s; }
    body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
      transition-delay: 2350ms; }
  body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
    transition-duration: 2400ms; }
  body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
    transition-delay: 0s; }
    body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
      transition-delay: 2400ms; }
  body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
    transition-duration: 2450ms; }
  body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
    transition-delay: 0s; }
    body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
      transition-delay: 2450ms; }
  body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
    transition-duration: 2500ms; }
  body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
    transition-delay: 0s; }
    body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
      transition-delay: 2500ms; }
  body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
    transition-duration: 2550ms; }
  body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
    transition-delay: 0s; }
    body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
      transition-delay: 2550ms; }
  body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
    transition-duration: 2600ms; }
  body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
    transition-delay: 0s; }
    body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
      transition-delay: 2600ms; }
  body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
    transition-duration: 2650ms; }
  body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
    transition-delay: 0s; }
    body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
      transition-delay: 2650ms; }
  body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
    transition-duration: 2700ms; }
  body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
    transition-delay: 0s; }
    body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
      transition-delay: 2700ms; }
  body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
    transition-duration: 2750ms; }
  body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
    transition-delay: 0s; }
    body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
      transition-delay: 2750ms; }
  body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
    transition-duration: 2800ms; }
  body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
    transition-delay: 0s; }
    body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
      transition-delay: 2800ms; }
  body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
    transition-duration: 2850ms; }
  body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
    transition-delay: 0s; }
    body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
      transition-delay: 2850ms; }
  body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
    transition-duration: 2900ms; }
  body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
    transition-delay: 0s; }
    body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
      transition-delay: 2900ms; }
  body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
    transition-duration: 2950ms; }
  body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
    transition-delay: 0s; }
    body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
      transition-delay: 2950ms; }
  body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
    transition-duration: 3000ms; }
  body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
    transition-delay: 0s; }
    body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
      transition-delay: 3000ms; }

[data-aos] {
  pointer-events: none; }
  [data-aos].aos-animate {
    pointer-events: auto; }

body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); }
  body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1); }
  body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }
  body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); }
  body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }
  body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
  body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
  body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }
  body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }
  body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

@media (min-width: 992px) {
  html:not(.no-js) {
    /**
     * Fade animations:
     * fade
     * fade-up, fade-down, fade-left, fade-right
     * fade-up-right, fade-up-left, fade-down-right, fade-down-left
     */
    /**
     * Zoom animations:
     * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
     * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
     */
    /**
     * Slide animations
     */
    /**
     * Flip animations:
     * flip-left, flip-right, flip-up, flip-down
     */ }
    html:not(.no-js) [data-aos^='fade'][data-aos^='fade'] {
      opacity: 0;
      transition-property: opacity, transform; }
      html:not(.no-js) [data-aos^='fade'][data-aos^='fade'].aos-animate {
        opacity: 1;
        transform: none; }
    html:not(.no-js) [data-aos='fade-up'] {
      transform: translate3d(0, 100px, 0); }
    html:not(.no-js) [data-aos='fade-down'] {
      transform: translate3d(0, -100px, 0); }
    html:not(.no-js) [data-aos='fade-right'] {
      transform: translate3d(-100px, 0, 0); }
    html:not(.no-js) [data-aos='fade-left'] {
      transform: translate3d(100px, 0, 0); }
    html:not(.no-js) [data-aos='fade-up-right'] {
      transform: translate3d(-100px, 100px, 0); }
    html:not(.no-js) [data-aos='fade-up-left'] {
      transform: translate3d(100px, 100px, 0); }
    html:not(.no-js) [data-aos='fade-down-right'] {
      transform: translate3d(-100px, -100px, 0); }
    html:not(.no-js) [data-aos='fade-down-left'] {
      transform: translate3d(100px, -100px, 0); }
    html:not(.no-js) [data-aos^='zoom'][data-aos^='zoom'] {
      opacity: 0;
      transition-property: opacity, transform; }
      html:not(.no-js) [data-aos^='zoom'][data-aos^='zoom'].aos-animate {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1); }
    html:not(.no-js) [data-aos='zoom-in'] {
      transform: scale(0.6); }
    html:not(.no-js) [data-aos='zoom-in-up'] {
      transform: translate3d(0, 100px, 0) scale(0.6); }
    html:not(.no-js) [data-aos='zoom-in-down'] {
      transform: translate3d(0, -100px, 0) scale(0.6); }
    html:not(.no-js) [data-aos='zoom-in-right'] {
      transform: translate3d(-100px, 0, 0) scale(0.6); }
    html:not(.no-js) [data-aos='zoom-in-left'] {
      transform: translate3d(100px, 0, 0) scale(0.6); }
    html:not(.no-js) [data-aos='zoom-out'] {
      transform: scale(1.2); }
    html:not(.no-js) [data-aos='zoom-out-up'] {
      transform: translate3d(0, 100px, 0) scale(1.2); }
    html:not(.no-js) [data-aos='zoom-out-down'] {
      transform: translate3d(0, -100px, 0) scale(1.2); }
    html:not(.no-js) [data-aos='zoom-out-right'] {
      transform: translate3d(-100px, 0, 0) scale(1.2); }
    html:not(.no-js) [data-aos='zoom-out-left'] {
      transform: translate3d(100px, 0, 0) scale(1.2); }
    html:not(.no-js) [data-aos^='slide'][data-aos^='slide'] {
      transition-property: transform;
      visibility: hidden; }
      html:not(.no-js) [data-aos^='slide'][data-aos^='slide'].aos-animate {
        visibility: visible;
        transform: translate3d(0, 0, 0); }
    html:not(.no-js) [data-aos='slide-up'] {
      transform: translate3d(0, 100%, 0); }
    html:not(.no-js) [data-aos='slide-down'] {
      transform: translate3d(0, -100%, 0); }
    html:not(.no-js) [data-aos='slide-right'] {
      transform: translate3d(-100%, 0, 0); }
    html:not(.no-js) [data-aos='slide-left'] {
      transform: translate3d(100%, 0, 0); }
    html:not(.no-js) [data-aos^='flip'][data-aos^='flip'] {
      backface-visibility: hidden;
      transition-property: transform; }
    html:not(.no-js) [data-aos='flip-left'] {
      transform: perspective(2500px) rotateY(-100deg); }
      html:not(.no-js) [data-aos='flip-left'].aos-animate {
        transform: perspective(2500px) rotateY(0); }
    html:not(.no-js) [data-aos='flip-right'] {
      transform: perspective(2500px) rotateY(100deg); }
      html:not(.no-js) [data-aos='flip-right'].aos-animate {
        transform: perspective(2500px) rotateY(0); }
    html:not(.no-js) [data-aos='flip-up'] {
      transform: perspective(2500px) rotateX(-100deg); }
      html:not(.no-js) [data-aos='flip-up'].aos-animate {
        transform: perspective(2500px) rotateX(0); }
    html:not(.no-js) [data-aos='flip-down'] {
      transform: perspective(2500px) rotateX(100deg); }
      html:not(.no-js) [data-aos='flip-down'].aos-animate {
        transform: perspective(2500px) rotateX(0); } }
/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box; }
/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
  box-sizing: inherit; }

a {
  text-decoration: none; }
/**
 * Basic typography style for copy text
 */
body {
  color: #393939;
  font: normal 125% / 1.4 'Poppins', sans-serif;
  font-size: 15px; }

h1 {
  color: #fff;
  font-size: 102px;
  font-family: 'Hind', sans-serif;
  font-weight: bold;
  letter-spacing: -0.06em; }

h2 {
  font-family: 'Hind', sans-serif;
  font-weight: bold;
  letter-spacing: -0.03em;
  line-height: 35px;
  font-size: 34px; }
  @media (min-width: 992px) {
  h2 {
    font-size: 57px;
    letter-spacing: -0.05em;
    line-height: initial; } }

h3 {
  font-family: 'Hind', sans-serif;
  font-weight: bold;
  letter-spacing: -0.04em;
  line-height: 30px;
  font-size: 27px; }

h4 {
  font-family: 'Hind', sans-serif;
  font-weight: bolder;
  font-size: 18px; }
/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: '';
  display: table; }
/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 1150px;
  /* 1 */
  margin-left: auto;
  /* 2 */
  margin-right: auto;
  /* 2 */
  padding-left: 20px;
  /* 3 */
  padding-right: 20px;
  /* 3 */
  width: 100%;
  /* 1 */ }
/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap; }
/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.skew {
  background-attachment: fixed;
  margin-top: -17px;
  transform: skewY(-1deg);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
  z-index: 1;
  position: relative; }
  .skew > .container {
    background-attachment: fixed;
    transform: skewY(1deg); }

@media (max-width: 1199px) {
    .visible-above-lg {
      display: none; } }

@media (max-width: 991px) {
    .visible-above-md {
      display: none; } }

@media (max-width: 767px) {
    .visible-above-sm {
      display: none; } }

@media (max-width: 575px) {
    .visible-above-xs {
      display: none; } }

.main-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 30px; }
  @media (min-width: 768px) {
  .main-grid {
    grid-column-gap: 30px; } }

.col-2 {
  grid-column: span 8 !important; }

.col-12 {
  grid-column: span 12 !important; }

main > .footer {
  display: none;
  width: 100%;
  height: 160px;
  background-color: #242424;
  align-items: center;
  position: relative; }
  @media (min-width: 992px) {
  main > .footer {
    display: flex; } }
  main > .footer .background {
    position: absolute;
    right: 0;
    width: 62.1vw;
    height: 100%;
    background-image: url(/templates/bead-game/images/footer-background.svg);
    background-size: 100% 100%; }
  main > .footer .container {
    z-index: 1; }
  main > .footer .container .logo {
    background: url('/templates/bead-game/images/logo.svg') no-repeat scroll left center transparent;
    display: block;
    grid-column: span 4;
    height: 50px;
    background-size: auto; }
  main > .footer .container .moduletable.social {
    grid-column: span 8;
    margin-left: auto; }

body > main {
  z-index: 2;
  position: relative; }
  @media (min-width: 992px) {
  body > main {
    margin-bottom: 360px; } }

body > footer {
  width: 100%;
  background-color: #2c2c2c;
  color: #8f8e8e;
  font-size: 12px;
  position: relative;
  z-index: 3; }
  @media (min-width: 992px) {
  body > footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 360px;
    z-index: auto; } }
  @media (min-width: 992px) {
    body > footer .background {
      position: absolute;
      right: 0;
      width: 59vw;
      height: 100%;
      background-color: #353535; } }
  body > footer > .container {
    padding-top: 30px;
    padding-bottom: 10px;
    z-index: 1;
    position: relative;
    height: 100%; }
  @media (min-width: 992px) {
    body > footer > .container {
      grid-template-columns: repeat(13, 1fr);
      padding-top: 74px; } }
  body > footer > .container .menu-toggle {
    width: 21px;
    height: 21px;
    margin-left: auto;
    grid-column-start: 12;
    background: transparent url('/templates/bead-game/images/burger-menu-icon.png') no-repeat center center; }
    @media (min-width: 992px) {
    body > footer > .container .menu-toggle {
      display: none; } }
  body > footer > .container .contact-form-toggle-wrapper {
    grid-column: span 12;
    text-align: center; }
    @media (min-width: 992px) {
    body > footer > .container .contact-form-toggle-wrapper {
      display: none; } }
    body > footer > .container .contact-form-toggle-wrapper .toggle {
      width: 60px;
      height: 60px;
      border: #414143 4px solid;
      border-radius: 50%;
      background: #2b2b2c url('/templates/bead-game/images/envelope-blue.png') no-repeat center center; }
  body > footer > .container .left {
    display: flex;
    height: 100%;
    grid-column: span 12;
    flex-direction: column; }
    @media (min-width: 992px) {
    body > footer > .container .left {
      grid-column: span 4; } }
    body > footer > .container .left .moduletable:last-child {
      margin-top: auto;
      display: block;
      text-align: center; }
      @media (min-width: 992px) {
      body > footer > .container .left .moduletable:last-child {
        text-align: left; } }
    body > footer > .container .left a {
      text-transform: uppercase;
      color: #6e6d6d; }
      body > footer > .container .left a:hover {
        color: #58d8ec; }
  body > footer > .container > .menu {
    grid-column-start: 7;
    grid-column-end: 11; }
    body > footer > .container > .menu .header {
      display: none; }
    body > footer > .container > .menu .menu {
      display: flex; }
      body > footer > .container > .menu .menu > li:first-child {
        margin-right: 95px; }
        body > footer > .container > .menu .menu > li:first-child .separator {
          color: #ff374e; }
      body > footer > .container > .menu .menu > li .separator {
        font-family: 'Hind', sans-serif;
        font-weight: bolder;
        font-size: 18px;
        color: #ffa336;
        text-transform: uppercase;
        margin-bottom: 40px;
        display: block; }
      body > footer > .container > .menu .menu > li a {
        color: #9c9c9c;
        font-size: 12px; }
        body > footer > .container > .menu .menu > li a:hover {
          color: #58d8ec; }
      body > footer > .container > .menu .menu > li .nav-child li {
        margin-bottom: 10px; }
  body > footer > .container h4 {
    margin-bottom: 40px;
    color: #58d8ec;
    text-transform: uppercase; }
  body > footer > .container .moduletable {
    display: none; }
    @media (min-width: 992px) {
    body > footer > .container .moduletable {
      display: block; } }
    body > footer > .container .moduletable.contact-form {
      display: none; }

body > .toolbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
  transition: all 0.5s ease;
  height: 55px; }
  @media (min-width: 992px) {
  body > .toolbar {
    height: 100px; } }
  body > .toolbar.hidden {
    top: -55px; }
  @media (min-width: 992px) {
    body > .toolbar.hidden {
      top: -100px; } }
  body > .toolbar.visible {
    top: 0; }
  body > .toolbar .container {
    height: 100%;
    align-items: center; }
  body > .toolbar .container .logo {
    background: url('/templates/bead-game/images/logo.svg') no-repeat scroll left center transparent;
    display: block;
    grid-column: span 11;
    height: 100%;
    background-size: 140px; }
    @media (min-width: 1200px) {
    body > .toolbar .container .logo {
      background-size: auto; } }
    @media (min-width: 992px) {
    body > .toolbar .container .logo {
      grid-column: span 4;
      height: 50px; } }
  body > .toolbar.float {
    background-color: #2d2b2b; }
  body > .toolbar.gray {
    background-color: #2d2b2b; }
  body > .toolbar.full-screen {
    height: 100vh;
    background-color: #2d2b2b;
    transition: background-color 0.5s ease; }

body > .overlay-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #172515;
  height: 100%;
  width: 100%;
  z-index: 5;
  overflow-y: scroll;
  overflow-x: hidden; }
  body > .overlay-menu .content {
    height: 100%; }
  body > .overlay-menu .content .top-nav {
    height: 100%; }
    body > .overlay-menu .content .top-nav .header {
      display: none; }
    body > .overlay-menu .content .top-nav .menu {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      body > .overlay-menu .content .top-nav .menu li {
        margin-bottom: 10px; }
      body > .overlay-menu .content .top-nav .menu li:last-child {
        margin-bottom: 0; }
      body > .overlay-menu .content .top-nav .menu li a {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bolder; }
        body > .overlay-menu .content .top-nav .menu li a.btn {
          background-color: initial;
          background-image: none;
          color: #fff;
          height: 45px; }
          body > .overlay-menu .content .top-nav .menu li a.btn::after, body > .overlay-menu .content .top-nav .menu li a.btn::before {
            display: none; }
  body > .overlay-menu .top-nav-mobile {
    margin-top: 80px; }
  body > .overlay-menu header, .moduletable.mautic.overlay header, .moduletable.contact-form header {
    position: fixed;
    top: 0;
    background-color: #172515;
    width: 100%;
    z-index: 1;
    height: 55px; }
  body > .overlay-menu header .container, .moduletable.mautic.overlay header .container, .moduletable.contact-form header .container {
    height: 100%;
    justify-content: space-between;
    align-items: center; }
  body > .overlay-menu header .container .logo, .moduletable.mautic.overlay header .container .logo, .moduletable.contact-form header .container .logo {
    background: url('/templates/bead-game/images/logo.svg') no-repeat scroll left center transparent;
    display: block;
    grid-column: span 11;
    height: 100%;
    background-size: 140px; }
    @media (min-width: 1200px) {
    body > .overlay-menu header .container .logo, .moduletable.mautic.overlay header .container .logo, .moduletable.contact-form header .container .logo {
      margin-left: -70px;
      background-size: auto; } }
    @media (min-width: 992px) {
    body > .overlay-menu header .container .logo, .moduletable.mautic.overlay header .container .logo, .moduletable.contact-form header .container .logo {
      grid-column: span 4; } }
  body > .overlay-menu header .container .close, .moduletable.mautic.overlay header .container .close, .moduletable.contact-form header .container .close {
    width: 19px;
    height: 19px;
    display: block;
    margin-left: auto;
    background: transparent url('/templates/bead-game/images/burger-menu-close-icon.png') center center no-repeat; }

.btn {
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
  padding: 0 25px;
  display: inline-flex;
  position: relative;
  transition: all 0.5s ease;
  font-weight: bold;
  height: 45px;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0% 50%, 7% 0, 93% 0, 100% 50%, 93% 100%, 7% 100%);
  z-index: 1; }
  @media (min-width: 992px) {
  .btn {
    font-size: 22px;
    font-family: 'Hind', sans-serif;
    padding-top: 3px;
    height: 70px;
    padding: 0 45px; } }
  .btn > .btn-img {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1; }
  .btn > .btn-img > div {
    background-image: url('/templates/bead-game/images/button-gradient.svg');
    background-size: 100% 100%;
    height: 100%;
    position: absolute;
    transition: all 0.5s ease;
    width: 100%;
    opacity: 1;
    visibility: visible; }
  .btn > .btn-img > div.hover {
    background-image: url('/templates/bead-game/images/button-hover.svg');
    opacity: 0;
    visibility: hidden; }
  .btn:hover {
    color: #fff; }
  .btn:hover > .btn-img > div {
    visibility: hidden; }
    .btn:hover > .btn-img > div.hover {
      opacity: 1;
      visibility: visible; }
  .btn.grey {
    background-image: none;
    color: #58d8ec; }
  .btn.grey:hover {
    color: #fff; }

input[type="text"], input[type="email"] {
  color: #58d8ec;
  font-size: 18px;
  font-weight: bolder;
  font-family: 'Hind', sans-serif;
  border-bottom: 3px solid #58d8ec;
  width: 100%; }
  @media (min-width: 992px) {
  input[type="text"], input[type="email"] {
    font-size: 36px; } }
  input[type="text"]::placeholder, input[type="email"]::placeholder {
    color: #616161; }
  input[type="text"]:-webkit-autofill, input[type="email"]:-webkit-autofill, input[type="text"]:-webkit-autofill:hover, input[type="email"]:-webkit-autofill:hover, input[type="text"]:-webkit-autofill:focus, input[type="email"]:-webkit-autofill:focus, input[type="text"]:-webkit-autofill:active, input[type="email"]:-webkit-autofill:active {
    -webkit-transition-delay: 9999s;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; }

.bead {
  position: absolute;
  z-index: -1;
  will-change: transform; }
  @media (min-width: 992px) {
  .bead {
    display: block !important; } }
  .bead > img {
    max-width: none; }
  .bead section {
    position: relative; }
  .bead.bead-10, .bead.bead-11, .bead.bead-12, .bead.bead-13 {
    width: 87px;
    height: 90px;
    overflow: hidden; }
  .bead.bead-20, .bead.bead-21, .bead.bead-22, .bead.bead-23 {
    width: 87px;
    height: 90px;
    overflow: hidden; }
  .bead.bead-30, .bead.bead-31, .bead.bead-32, .bead.bead-33 {
    width: 87px;
    height: 90px;
    overflow: hidden; }
  .bead.bead-40, .bead.bead-41, .bead.bead-42, .bead.bead-43 {
    width: 87px;
    height: 90px;
    overflow: hidden; }
  .bead.bead-50, .bead.bead-51, .bead.bead-52, .bead.bead-53 {
    width: 87px;
    height: 90px;
    overflow: hidden; }
  .bead.bead-10 img, .bead.bead-11 img, .bead.bead-12 img, .bead.bead-13 img {
    will-change: transform; }
  .bead.bead-20 img, .bead.bead-21 img, .bead.bead-22 img, .bead.bead-23 img {
    will-change: transform; }
  .bead.bead-30 img, .bead.bead-31 img, .bead.bead-32 img, .bead.bead-33 img {
    will-change: transform; }
  .bead.bead-40 img, .bead.bead-41 img, .bead.bead-42 img, .bead.bead-43 img {
    will-change: transform; }
  .bead.bead-50 img, .bead.bead-51 img, .bead.bead-52 img, .bead.bead-53 img {
    will-change: transform; }
  .bead.bead-1 {
    width: 90px;
    height: 89px; }
  .bead.bead-2 {
    width: 90px;
    height: 92px; }
  .bead.bead-3 {
    width: 90px;
    height: 93px; }
  .bead strong {
    position: absolute;
    left: 0;
    top: 0;
    background: black;
    color: white;
    padding: 2px 5px;
    line-height: 1;
    font-size: 16px; }

.square {
  background: transparent no-repeat center center;
  width: 100%;
  height: 100%;
  border-radius: 30px; }
  .square.blue {
    background-color: #4bb1ec;
    transform: rotate(12deg);
    opacity: 0.85; }
  .square.green {
    background-color: #80f0df;
    transform: rotate(44deg); }
  .square.orange-yellow {
    background-image: linear-gradient(to bottom, #ffac38, #fee645);
    transform: rotate(-11deg); }
  .square.orange-red {
    background-image: linear-gradient(to bottom, #fe8a46, #ff374e);
    transform: rotate(44deg); }

body > .toolbar .top-nav {
  grid-column: span 1;
  margin-left: auto; }
  @media (min-width: 992px) {
  body > .toolbar .top-nav {
    grid-column: span 8; } }
  body > .toolbar .top-nav > .header {
    display: flex;
    align-items: center;
    height: 100%; }
  @media (min-width: 992px) {
    body > .toolbar .top-nav > .header {
      display: none; } }
  body > .toolbar .top-nav > .header .toggle {
    width: 21px;
    height: 21px;
    margin-left: auto;
    background: transparent url('/templates/bead-game/images/burger-menu-icon.png') no-repeat center center; }
  body > .toolbar .top-nav > ul {
    display: none; }
  @media (min-width: 992px) {
    body > .toolbar .top-nav > ul {
      display: flex;
      align-items: center; } }
  body > .toolbar .top-nav > ul li {
    margin-left: 30px; }
    body > .toolbar .top-nav > ul li:first-child {
      margin-left: 0; }
    body > .toolbar .top-nav > ul li a {
      font-family: 'Hind', sans-serif;
      font-size: 13px;
      font-weight: 600;
      color: #fff;
      text-transform: uppercase;
      position: relative; }
      body > .toolbar .top-nav > ul li a.dice {
        margin-left: 24px; }
      body > .toolbar .top-nav > ul li a.dice::before {
        content: "";
        height: 19px;
        width: 19px;
        position: absolute;
        display: block;
        left: -23px;
        top: 0;
        background: url('/templates/bead-game/images/dice.svg') center center no-repeat;
        background-size: contain; }
      body > .toolbar .top-nav > ul li a.btn {
        height: 42px;
        padding: 0 20px; }
      body > .toolbar .top-nav > ul li a.btn > .btn-img > div {
        background-image: url('/templates/bead-game/images/button-lightblue.svg');
        background-size: 100% 100%; }
        body > .toolbar .top-nav > ul li a.btn > .btn-img > div.hover {
          background-image: url('/templates/bead-game/images/button-hover.svg'); }

.moduletable.promo {
  position: relative; }
  @media (min-width: 992px) {
  .moduletable.promo {
    height: 100vh; } }
  .moduletable.promo.epilogue {
    height: auto;
    overflow: hidden;
    margin-top: -18px;
    background-color: #fff; }
    @media (min-width: 992px) {
    .moduletable.promo.epilogue {
      padding: 340px 0 60px; } }
    .moduletable.promo.epilogue > .backgrounds {
      display: block;
      position: absolute;
      height: 240px;
      width: 240px;
      right: -186px;
      margin-top: -65px; }
      @media (min-width: 992px) {
    .moduletable.promo.epilogue > .backgrounds {
      height: 480px;
      width: 480px;
      left: -10%;
      margin-top: -600px; }
      .moduletable.promo.epilogue > .backgrounds .square.orange-yellow {
        transform: rotate(-50deg); }
      .moduletable.promo.epilogue > .backgrounds .square.orange-red {
        transform: rotate(64deg); } }
      .moduletable.promo.epilogue > .backgrounds > * {
        width: 100%;
        height: 100%;
        position: absolute; }
      .moduletable.promo.epilogue > .backgrounds .square.orange-yellow {
        transform: rotate(47deg); }
      .moduletable.promo.epilogue > .backgrounds .square.orange-red {
        transform: rotate(18deg); }
      .moduletable.promo.epilogue > .backgrounds .image {
        z-index: 2;
        left: 13%;
        top: 22%;
        width: 610px !important;
        display: block;
        background-size: contain;
        background-repeat: no-repeat; }
    .moduletable.promo.epilogue > .more {
      display: none; }
    .moduletable.promo.epilogue .wrapper {
      padding: 180px 0 70px; }
      @media (min-width: 992px) {
    .moduletable.promo.epilogue .wrapper {
      padding: 0; } }
      .moduletable.promo.epilogue .wrapper .container {
        text-align: center; }
      .moduletable.promo.epilogue .wrapper .container h1 {
        grid-column: span 12;
        color: #393939;
        font-size: 45px;
        line-height: 40px;
        word-spacing: normal; }
        @media (min-width: 992px) {
      .moduletable.promo.epilogue .wrapper .container h1 {
        font-size: 70px;
        line-height: 80px;
        padding-top: 0px;
        margin-top: -20px; } }
      .moduletable.promo.epilogue .wrapper .container .detail {
        margin-top: -30px;
        font-size: 35px;
        font-weight: 800; }
        @media (min-width: 992px) {
      .moduletable.promo.epilogue .wrapper .container .detail {
        font-size: 55px;
        margin-top: -35px; } }
      .moduletable.promo.epilogue .wrapper .container .description {
        color: #393939;
        grid-column-start: 3;
        grid-column-end: 11;
        margin: 15px 0 45px;
        line-height: 27px; }
      .moduletable.promo.epilogue .wrapper .container .description-mobile {
        color: #393939; }
      .moduletable.promo.epilogue .wrapper .container footer {
        margin-bottom: 0; }
        .moduletable.promo.epilogue .wrapper .container footer .call-to-action .note {
          color: #393939; }
  .moduletable.promo > .backgrounds {
    display: none; }
  .moduletable.promo > .more {
    display: none; }
  @media (min-width: 992px) {
    .moduletable.promo > .more {
      display: block;
      width: 35px;
      height: 20px;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-50%, -200%);
      background: transparent url('/templates/bead-game/images/arrow-down.svg') no-repeat center center;
      z-index: 10;
      animation-name: scroll-down-animation;
      animation-duration: 2s;
      animation-iteration-count: infinite; }
      .moduletable.promo > .more:hover {
        cursor: pointer; } }
  .moduletable.promo .wrapper {
    height: 100%;
    background: transparent no-repeat center center;
    background-size: cover;
    padding: 150px 0 70px;
    text-align: center; }
  @media (min-width: 992px) {
    .moduletable.promo .wrapper {
      padding: 0; } }
  .moduletable.promo .wrapper .container {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between; }
    @media (min-width: 992px) {
    .moduletable.promo .wrapper .container {
      text-align: initial; } }
    .moduletable.promo .wrapper .container h1 {
      grid-column: span 12;
      line-height: 56px;
      font-size: 72px;
      word-spacing: 100vw; }
      @media (min-width: 992px) {
    .moduletable.promo .wrapper .container h1 {
      line-height: 125px;
      font-size: 125px;
      word-spacing: initial;
      padding-top: 80px; } }
    .moduletable.promo .wrapper .container .detail {
      grid-column: span 12;
      margin-top: -10px;
      text-transform: uppercase;
      font-size: 32px;
      color: #fd3f43;
      font-weight: 700;
      margin-bottom: 85px;
      letter-spacing: -0.07em; }
      @media (min-width: 992px) {
    .moduletable.promo .wrapper .container .detail {
      font-size: 52px;
      margin-bottom: 0;
      margin-top: -70px; } }
    .moduletable.promo .wrapper .container .description {
      grid-column: span 7;
      color: #fff;
      display: none; }
      @media (min-width: 992px) {
    .moduletable.promo .wrapper .container .description {
      display: block; } }
    .moduletable.promo .wrapper .container .description-mobile {
      grid-column: span 12;
      margin-top: -100px;
      color: #fff;
      display: block; }
      @media (min-width: 992px) {
    .moduletable.promo .wrapper .container .description-mobile {
      display: none; } }
    .moduletable.promo .wrapper .container footer {
      margin-bottom: 10vh;
      display: flex;
      justify-content: center; }
      .moduletable.promo .wrapper .container footer .call-to-action {
        text-align: center; }
      .moduletable.promo .wrapper .container footer .call-to-action .note {
        width: 57%;
        text-align: center;
        margin: 0 auto;
        font-size: 12px;
        color: #fff;
        margin-top: 10px;
        display: none; }
        @media (min-width: 992px) {
      .moduletable.promo .wrapper .container footer .call-to-action .note {
        display: block; } }

@keyframes scroll-down-animation {
  0% {
    margin-top: 0; }

  25% {
    margin-top: 10px; }

  50% {
    margin-top: 0; }

  75% {
    margin-top: 20px; } }

.moduletable.dark, .moduletable.green {
  font-size: 18px;
  text-align: center; }
  .moduletable.dark.green, .moduletable.green.green {
    background-image: linear-gradient(to right, #8df2e2, #2ae6c9);
    color: #fff; }
  .moduletable.dark.dark, .moduletable.green.dark {
    background-color: #2d2b2b;
    color: #34c1d7; }
  .moduletable.dark .container, .moduletable.green .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px; }
  @media (min-width: 992px) {
    .moduletable.dark .container, .moduletable.green .container {
      padding-top: 60px;
      padding-bottom: 60px; } }

.moduletable.mautic {
  background-color: #393939;
  padding: 75px 0;
  margin-top: -20px; }
  .moduletable.mautic.overlay {
    margin-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 5;
    overflow-y: scroll;
    overflow-x: hidden; }
  .moduletable.mautic.overlay header {
    background-color: #393939; }
  .moduletable.mautic .mobile-message {
    color: white;
    text-align: center; }
  @media (min-width: 992px) {
    .moduletable.mautic .mobile-message {
      display: none; } }
  .moduletable.mautic .mobile-message button {
    text-transform: uppercase;
    font-family: 'Hind', sans-serif;
    font-weight: bold;
    letter-spacing: -0.04em;
    line-height: 30px;
    font-size: 27px;
    color: white;
    border-bottom: 3px solid #58d8ec; }
  .moduletable.mautic .content {
    display: none;
    max-width: 900px;
    height: auto !important; }
  @media (min-width: 992px) {
    .moduletable.mautic .content {
      display: block; } }
  .moduletable.mautic .content .mauticform-message {
    text-align: center;
    color: #fff;
    font-family: 'Hind', sans-serif;
    font-size: 36px;
    font-weight: bolder; }
    .moduletable.mautic .content .mauticform-message:not(:empty) + .mauticform-innerform {
      display: none; }
  .moduletable.mautic .content .mauticform-page-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    flex-direction: column; }
    @media (min-width: 992px) {
    .moduletable.mautic .content .mauticform-page-wrapper {
      flex-direction: row; } }
    .moduletable.mautic .content .mauticform-page-wrapper .name {
      width: 90%;
      margin-bottom: 40px; }
      @media (min-width: 992px) {
    .moduletable.mautic .content .mauticform-page-wrapper .name {
      width: 23%;
      margin-bottom: 0; } }
    .moduletable.mautic .content .mauticform-page-wrapper .email {
      width: 90%;
      margin-bottom: 60px; }
      @media (min-width: 992px) {
    .moduletable.mautic .content .mauticform-page-wrapper .email {
      width: 33%;
      margin-bottom: 0; } }
    .moduletable.mautic .content .mauticform-page-wrapper .btn {
      padding: 0 80px; }
      .moduletable.mautic .content .mauticform-page-wrapper .btn > .btn-img > div {
        background-size: 100% 100%;
        background-image: url('/templates/bead-game/images/button-gray.svg'); }
      .moduletable.mautic .content .mauticform-page-wrapper .btn > .btn-img > div.hover {
        background-image: url('/templates/bead-game/images/button-hover.svg'); }
    .moduletable.mautic .content .mauticform-page-wrapper .mauticform-errormsg {
      color: #fb2c40;
      font-size: 12px; }
      @media (min-width: 992px) {
    .moduletable.mautic .content .mauticform-page-wrapper .mauticform-errormsg {
      font-size: 15px; } }

.moduletable.beads {
  width: 100%;
  background-image: linear-gradient(to right, #faa42c, #f4213e);
  background-attachment: fixed;
  margin-top: -23px;
  padding: 120px 0 120px;
  color: #fff;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 80px 0 70px; }
  @media (min-width: 992px) {
  .moduletable.beads {
    padding: 120px 0 142px; } }
  .moduletable.beads.image-list {
    display: none;
    font-size: 18px;
    font-weight: bold; }
    @media (min-width: 768px) {
    .moduletable.beads.image-list {
      display: block; } }
    .moduletable.beads.image-list .container {
      align-items: center;
      justify-content: space-around;
      display: flex;
      flex-wrap: wrap; }
      .moduletable.beads.image-list .container .item {
        text-align: center; }
      .moduletable.beads.image-list .container .item img {
        height: 115px;
        margin-bottom: 45px; }
  .moduletable.beads.img-and-text .container {
    align-items: center;
    justify-content: center;
    line-height: 25px; }
    .moduletable.beads.img-and-text .container > img {
      grid-column: span 12; }
    @media (min-width: 992px) {
        .moduletable.beads.img-and-text .container > img {
          grid-column: span 4;
          height: auto; } }
  .moduletable.beads.heading-and-text.blue {
    background-image: linear-gradient(to right, #08eecb, #0370cc);
    padding: 120px 0 142px; }
    .moduletable.beads.heading-and-text.blue h2 {
      font-family: 'Caveat', cursive;
      padding-bottom: 30px; }
    .moduletable.beads.heading-and-text .container {
      text-align: center;
      font-size: 18px; }
    .moduletable.beads.heading-and-text .container div {
      display: none; }
    @media (min-width: 768px) {
        .moduletable.beads.heading-and-text .container div {
          display: block; } }
  .moduletable.beads.background-heading-and-text {
    color: #1d262f;
    padding: 0 0 120px;
    background-image: linear-gradient(to right, #03ddc7, #03a4b2); }
    @media (min-width: 992px) {
    .moduletable.beads.background-heading-and-text {
      padding: 150px 0 150px; } }
    .moduletable.beads.background-heading-and-text > .background {
      width: 100%;
      margin: -150% 0 120px 0;
      box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
      grid-column: span 12; }
    @media (min-width: 992px) {
      .moduletable.beads.background-heading-and-text > .background {
        display: none; } }
    .moduletable.beads.background-heading-and-text .container {
      position: relative; }
    .moduletable.beads.background-heading-and-text .container .background {
      display: none; }
    @media (min-width: 992px) {
        .moduletable.beads.background-heading-and-text .container .background {
          position: absolute;
          right: -108px;
          top: -340px;
          margin: 0;
          display: block;
          height: auto; } }
    .moduletable.beads.background-heading-and-text .container > h2 {
      grid-column: span 12; }
    @media (min-width: 992px) {
        .moduletable.beads.background-heading-and-text .container > h2 {
          grid-column: span 6;
          line-height: 60px;
          margin-bottom: 40px; } }
    @media (min-width: 992px) {
        .moduletable.beads.background-heading-and-text .container > div {
          grid-column-start: 1;
          grid-column-end: span 7;
          line-height: 27px; } }
    .moduletable.beads.background-heading-and-text .container .text {
      display: none; }
    @media (min-width: 992px) {
        .moduletable.beads.background-heading-and-text .container .text {
          display: block; } }
    .moduletable.beads.background-heading-and-text .container .text-mobile {
      display: block; }
    @media (min-width: 992px) {
        .moduletable.beads.background-heading-and-text .container .text-mobile {
          display: none; } }
  .moduletable.beads.social {
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.3);
    z-index: 1; }
    .moduletable.beads.social .container {
      text-align: center; }
    .moduletable.beads.social .container .row {
      align-items: center;
      justify-content: space-evenly;
      display: flex;
      flex-wrap: wrap; }
    @media (min-width: 768px) {
        .moduletable.beads.social .container .row {
          justify-content: center; } }
    .moduletable.beads.social .container .row h2 {
      display: none; }
      @media (min-width: 768px) {
        .moduletable.beads.social .container .row h2 {
          display: block; } }
    .moduletable.beads.social .container .row .item {
      text-align: center; }
      @media (min-width: 768px) {
        .moduletable.beads.social .container .row .item {
          margin-left: 30px; } }
      .moduletable.beads.social .container .row .item img {
        height: 37px; }
    .moduletable.beads.social .container .text {
      display: none;
      font-size: 24px;
      font-weight: normal; }
    @media (min-width: 768px) {
        .moduletable.beads.social .container .text {
          display: block;
          margin-top: 30px; } }
  .moduletable.beads.video-and-text.blue {
    background-image: linear-gradient(to right, #08eecb, #0370cc); }
    .moduletable.beads.video-and-text .container {
      align-items: center;
      justify-content: center;
      line-height: 25px; }
    .moduletable.beads.video-and-text .container > div {
      grid-column: span 12; }
    @media (min-width: 992px) {
        .moduletable.beads.video-and-text .container > div {
          grid-column: span 5; } }
    .moduletable.beads.video-and-text .container > .video-container {
      grid-column: span 12;
      position: relative;
      padding-bottom: 49.25%;
      padding-top: 0;
      height: 0;
      overflow: hidden; }
    .moduletable.beads.video-and-text .container > .video-container > div {
      background-image: url(/templates/bead-game/images/striped-mask.png);
      background-size: 0.5%;
      height: 100%;
      width: 100%;
      position: absolute; }
    @media (min-width: 992px) {
        .moduletable.beads.video-and-text .container > .video-container {
          grid-column: span 7; } }
    .moduletable.beads.video-and-text .container > .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none; }
  .moduletable.beads .container {
    align-items: center;
    justify-content: center;
    line-height: 25px; }
  .moduletable.beads .container > img {
    grid-column: span 12; }
    @media (min-width: 992px) {
    .moduletable.beads .container > img {
      grid-column: span 4;
      height: 70px; } }
  .moduletable.beads .container > div {
    grid-column: span 12; }
    @media (min-width: 992px) {
    .moduletable.beads .container > div {
      grid-column: span 8; } }

.moduletable.video {
  margin-top: -23px; }
  .moduletable.video .wrapper {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
  .moduletable.video .wrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain; }
    .moduletable.video .wrapper .overlay::before {
      content: ' ';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: transparent url('/templates/bead-game/images/play-button.png') no-repeat center center;
      width: 73px;
      height: 100px; }
    .moduletable.video .wrapper .overlay.hidden {
      opacity: 0; }
  .moduletable.video .wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.moduletable.benefits {
  padding: 0 0 80px;
  background-color: #fff;
  position: relative;
  overflow: hidden; }
  @media (min-width: 992px) {
  .moduletable.benefits {
    padding: 140px 0; } }
  .moduletable.benefits > .backgrounds {
    display: none; }
  .moduletable.benefits > .backgrounds .green-wrapper, .moduletable.benefits > .backgrounds .blue-wrapper {
    z-index: -1; }
  @media (min-width: 992px) {
    .moduletable.benefits > .backgrounds {
      display: block;
      position: absolute;
      height: 670px;
      width: 670px;
      left: calc((100vw - 1870px) * 0.45); } }
  .moduletable.benefits > .backgrounds > * {
    width: 100%;
    height: 75%;
    position: absolute; }
  .moduletable.benefits > .backgrounds .square.green {
    position: absolute; }
  .moduletable.benefits > .backgrounds .square.blue {
    position: absolute;
    z-index: 1; }
  .moduletable.benefits > .backgrounds .image {
    z-index: 2;
    left: 42%;
    display: block;
    width: 50%;
    background-size: contain;
    background-repeat: no-repeat; }
  .moduletable.benefits > .intro-image {
    width: 100%;
    max-width: 400px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 140px; }
  @media (min-width: 992px) {
    .moduletable.benefits > .intro-image {
      display: none; } }
  .moduletable.benefits > .intro-image .square.green {
    position: absolute; }
  .moduletable.benefits > .intro-image .square.blue {
    position: absolute;
    z-index: 1; }
  .moduletable.benefits > .intro-image .image {
    z-index: 2;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 13%; }
  .moduletable.benefits .container .action {
    display: flex;
    grid-column: span 12;
    justify-content: center;
    order: 3; }
    @media (min-width: 992px) {
    .moduletable.benefits .container .action {
      grid-column: span 6;
      justify-content: left;
      order: 0; } }
    .moduletable.benefits .container .action a.btn {
      margin-top: 30px; }
    @media (min-width: 992px) {
      .moduletable.benefits .container .action a.btn {
        margin-top: auto;
        margin-bottom: 0px;
        margin-left: 180px; } }
  .moduletable.benefits .container .list {
    grid-column: span 12; }
    @media (min-width: 992px) {
    .moduletable.benefits .container .list {
      grid-column: span 6;
      margin-top: -140px; }
      .moduletable.benefits .container .list::before {
        display: block;
        content: "";
        height: 140px; } }
    .moduletable.benefits .container .list :last-child {
      margin-bottom: 0px !important; }
    .moduletable.benefits .container .list .item {
      display: flex;
      align-items: start;
      margin-bottom: 43px; }
    @media (min-width: 992px) {
      .moduletable.benefits .container .list .item {
        margin-bottom: 30px;
        align-items: center; } }
    .moduletable.benefits .container .list .item h3 {
      margin-bottom: 10px; }
    .moduletable.benefits .container .list .item img {
      max-width: 53px;
      margin-right: 40px; }
    .moduletable.benefits .container .list .item:nth-child(3) img {
      max-width: 57px;
      margin-right: 36px; }
    .moduletable.benefits .container .list .item .description {
      display: none; }
    @media (min-width: 992px) {
        .moduletable.benefits .container .list .item .description {
          display: block; } }
    .moduletable.benefits .container .list .item .description-mobile {
      display: block; }
    @media (min-width: 992px) {
        .moduletable.benefits .container .list .item .description-mobile {
          display: none; } }

.moduletable.how-it-works {
  background-color: #fff;
  padding-bottom: 90px; }
  @media (min-width: 768px) {
  .moduletable.how-it-works {
    background-color: #fff;
    padding-bottom: 180px; } }
  @media (max-width: 767px) {
    .moduletable.how-it-works .container {
      padding-left: 0;
      padding-right: 0; } }
  .moduletable.how-it-works .container > h2 {
    grid-column: span 12;
    text-align: center;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
    .moduletable.how-it-works .container > h2 {
      margin-bottom: -95px; } }
    .moduletable.how-it-works .container > h2::before {
      display: block;
      content: "";
      height: 90px; }
    @media (min-width: 992px) {
      .moduletable.how-it-works .container > h2::before {
        height: 100px; } }
  .moduletable.how-it-works .container .item {
    margin-top: 50px;
    grid-column: span 12;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    @media (min-width: 768px) {
    .moduletable.how-it-works .container .item {
      grid-column: span 4; } }
    .moduletable.how-it-works .container .item .step-no {
      height: 47px;
      width: 48px;
      margin-bottom: 35px; }
    @media (min-width: 768px) {
      .moduletable.how-it-works .container .item .step-no {
        margin-bottom: 70px; } }
    .moduletable.how-it-works .container .item .step-no.step-no-1 {
      background-image: url('/templates/bead-game/images/number-1.svg'); }
    .moduletable.how-it-works .container .item .step-no.step-no-2 {
      background-image: url('/templates/bead-game/images/number-2.svg'); }
    .moduletable.how-it-works .container .item .step-no.step-no-3 {
      background-image: url('/templates/bead-game/images/number-3.svg'); }
    .moduletable.how-it-works .container .item h3 {
      margin-bottom: 30px; }
    @media (min-width: 768px) {
      .moduletable.how-it-works .container .item h3 {
        margin-top: 50px; } }
    .moduletable.how-it-works .container .item h3 span {
      font-size: 45px;
      color: #f76334;
      padding-right: 10px; }
    .moduletable.how-it-works .container .item .text {
      display: none;
      line-height: 25px; }
    @media (min-width: 768px) {
      .moduletable.how-it-works .container .item .text {
        display: block; } }
    .moduletable.how-it-works .container .item > img {
      border: 0px solid #f3ecec;
      order: 3;
      width: 100%;
      max-width: 350px; }
    @media (max-width: 767px) {
      .moduletable.how-it-works .container .item > img {
        border-left: 0;
        border-right: 0; } }
    @media (min-width: 768px) {
      .moduletable.how-it-works .container .item > img {
        order: 0; } }

.moduletable.collections {
  padding: 0 0 35px;
  background-color: #fff;
  position: relative;
  overflow: hidden; }
  @media (min-width: 992px) {
  .moduletable.collections {
    padding: 80px 0; } }
  .moduletable.collections > .backgrounds {
    display: none; }
  @media (min-width: 992px) {
    .moduletable.collections > .backgrounds {
      display: block;
      position: absolute;
      height: 670px;
      width: 670px;
      left: calc((100vw - 1870px) * 0.22);
      margin-top: -200px;
      transform: translateZ(0); } }
  .moduletable.collections > .backgrounds > * {
    width: 100%;
    height: 100%;
    position: absolute; }
  .moduletable.collections > .backgrounds .square.orange-yellow {
    position: absolute; }
  .moduletable.collections > .backgrounds .square.orange-red {
    position: absolute;
    z-index: 1; }
  .moduletable.collections > .backgrounds .image {
    z-index: 2;
    left: 13%;
    top: 22%;
    width: 610px !important;
    display: block;
    background-size: contain;
    background-repeat: no-repeat; }
  .moduletable.collections > .intro-image {
    width: 100%;
    max-width: 400px;
    height: 400px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 140px; }
  @media (min-width: 992px) {
    .moduletable.collections > .intro-image {
      display: none; } }
  .moduletable.collections > .intro-image .square.orange-yellow {
    position: absolute; }
  .moduletable.collections > .intro-image .square.orange-yellow {
    position: absolute;
    z-index: 1; }
  .moduletable.collections > .intro-image .image {
    z-index: 2;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 13%; }
  .moduletable.collections .container .intro {
    order: 1;
    grid-column: span 12;
    line-height: 25px; }
    @media (min-width: 992px) {
    .moduletable.collections .container .intro {
      grid-column-start: 9;
      grid-column-end: 13;
      margin-top: 80px; } }
    .moduletable.collections .container .intro h2 {
      margin-bottom: 35px; }
    @media (min-width: 992px) {
      .moduletable.collections .container .intro h2 {
        line-height: 60px;
        margin-bottom: 80px;
        margin-top: -160px; }
        .moduletable.collections .container .intro h2::before {
          display: block;
          content: "";
          height: 160px; } }
  .moduletable.collections .container .action {
    display: flex;
    grid-column: span 12;
    justify-content: center;
    order: 2; }
    @media (min-width: 992px) {
    .moduletable.collections .container .action {
      order: 4; } }
    .moduletable.collections .container .action a.btn {
      margin-top: 30px;
      margin-bottom: 50px; }
    @media (min-width: 992px) {
      .moduletable.collections .container .action a.btn {
        margin-bottom: 0px;
        margin-top: auto;
        margin-left: 0px; } }
  .moduletable.collections .container .list {
    display: grid;
    grid-column: span 12;
    order: 3; }
    @media (min-width: 992px) {
    .moduletable.collections .container .list {
      margin-top: 150px; } }
    .moduletable.collections .container .list .item {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 43px;
      grid-column: span 12;
      border-radius: 5px;
      color: #fff;
      padding: 0 15px 45px 15px;
      margin: -20px;
      background-image: linear-gradient(to bottom, #00a4cd, #03ddc7); }
    @media (min-width: 992px) {
      .moduletable.collections .container .list .item {
        padding: 0 15px 15px 15px; } }
    .moduletable.collections .container .list .item:nth-child(2) {
      background-image: linear-gradient(to bottom, #ff364e, #fe8f45); }
    .moduletable.collections .container .list .item:nth-child(3) {
      background-image: linear-gradient(to bottom, #ffa336, #fee645); }
    @media (min-width: 992px) {
      .moduletable.collections .container .list .item {
        margin: 0 0 43px 0;
        grid-column: span 4; } }
    .moduletable.collections .container .list .item .container {
      transform: skewY(1deg);
      padding: 0; }
    @media (min-width: 992px) {
        .moduletable.collections .container .list .item .container {
          transform: none; } }
    .moduletable.collections .container .list .item .container h3 {
      color: #fff;
      margin-bottom: 10px; }
    .moduletable.collections .container .list .item .container .image-wrap {
      border-radius: 50%;
      height: 280px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 0px; }
      @media (min-width: 992px) {
        .moduletable.collections .container .list .item .container .image-wrap {
          height: 250px;
          margin-bottom: 5px; } }
      .moduletable.collections .container .list .item .container .image-wrap .hexagon {
        background-color: rgba(255, 255, 255, 0.4);
        width: 190px;
        height: 109.6153846154px;
        position: relative;
        box-sizing: border-box; }
        .moduletable.collections .container .list .item .container .image-wrap .hexagon:before {
          content: " ";
          width: 0;
          height: 0;
          border-bottom: 54.8076923077px solid rgba(255, 255, 255, 0.4);
          border-left: 95px solid transparent;
          border-right: 95px solid transparent;
          position: absolute;
          display: block;
          top: -54.8076923077px; }
        .moduletable.collections .container .list .item .container .image-wrap .hexagon:after {
          content: " ";
          width: 0;
          height: 0;
          border-top: solid rgba(255, 255, 255, 0.4);
          border-top-width: 54.8076923077px;
          border-left: 95px solid transparent;
          border-right: 95px solid transparent;
          position: absolute;
          display: block;
          top: 109.6153846154px; }
        .moduletable.collections .container .list .item .container .image-wrap .hexagon img {
          width: auto;
          height: 100%; }
    .moduletable.collections .container .list .item .container .text {
      margin-bottom: 20px;
      display: none; }
      @media (min-width: 992px) {
        .moduletable.collections .container .list .item .container .text {
          display: block;
          font-size: 14px; } }
    .moduletable.collections .container .list .item .container .text-mobile {
      margin-bottom: 30px;
      display: block; }
      @media (min-width: 992px) {
        .moduletable.collections .container .list .item .container .text-mobile {
          display: none; } }
    .moduletable.collections .container .list .item .container .bonus {
      margin-top: auto; }
      .moduletable.collections .container .list .item .container .bonus h3 {
        display: inline-block; }

.moduletable.blog {
  grid-column: span 3; }
  .moduletable.blog .items .item {
    margin-bottom: 20px;
    display: flex; }
    .moduletable.blog .items .item img {
      width: 40px;
      height: 40px;
      min-width: 40px;
      margin-right: 10px; }
    .moduletable.blog .items .item a {
      color: #9c9c9c;
      font-size: 12px; }
    .moduletable.blog .items .item a:hover {
      color: #58d8ec; }

.moduletable.footer-social {
  grid-column: span 8; }
  .moduletable.footer-social .items {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .moduletable.footer-social .items .item {
    margin-left: 33px; }
    .moduletable.footer-social .items .item img {
      height: 28px;
      width: 28px; }
    .moduletable.footer-social .items .item a img {
      opacity: 1;
      transition: all 0.5s ease;
      visibility: visible; }
    .moduletable.footer-social .items .item a img.hover {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      margin-left: -28px; }
    .moduletable.footer-social .items .item a:hover img {
      opacity: 0;
      visibility: hidden; }
      .moduletable.footer-social .items .item a:hover img.hover {
        visibility: visible;
        opacity: 1; }

.moduletable.contact-form {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #353535;
  height: 100%;
  width: 100%;
  z-index: 6;
  overflow-y: scroll;
  overflow-x: hidden; }
  .moduletable.contact-form form {
    z-index: 1;
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    margin-top: 80px; }
  .moduletable.contact-form form .fl_wrap {
    width: 100%; }
  .moduletable.contact-form form .btn {
    margin-top: 20px; }
  @media (min-width: 992px) {
  .moduletable.contact-form {
    grid-column-start: 7;
    grid-column-end: 14;
    display: none;
    position: relative;
    overflow: visible; }
    .moduletable.contact-form header {
      display: none; }

    .moduletable.contact-form form {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      grid-column-gap: 10px;
      grid-row-gap: 10px;
      padding-left: 0;
      padding-right: 0;
      margin-top: 0;
      height: auto;
      align-items: stretch; }
      .moduletable.contact-form form .name {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2; }
      .moduletable.contact-form form .email {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3; }
      .moduletable.contact-form form .message {
        grid-column-start: 4;
        grid-column-end: 9;
        grid-row-start: 1;
        grid-row-end: 4; }
      .moduletable.contact-form form .captcha {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 3;
        grid-row-end: 4;
        transform: scale(0.77);
        margin-top: 23px;
        transform-origin: 0 0; }
      .moduletable.contact-form form .captcha_error {
        grid-column: span 4; }
      .moduletable.contact-form form .btn {
        grid-column-start: 7;
        grid-column-end: 9;
        height: 42px;
        margin-top: 0;
        display: block;
        padding: 0;
        text-align: right; }

    .moduletable.contact-form .fl_wrap {
      margin-bottom: 0; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .moduletable.contact-form form {
        grid-column-gap: 30px; } }
  .moduletable.contact-form .sscf-success-message {
    margin-top: 80px;
    margin: 80px 15px;
    text-align: center; }
  .moduletable.contact-form header {
    background-color: #353535; }

.moduletable.create-your-game {
  background-color: #fff;
  line-height: 25px; }
  @media (min-width: 992px) {
  .moduletable.create-your-game {
    padding: 100px 0; } }
  .moduletable.create-your-game > .title {
    background-image: linear-gradient(to right, #fea142, #ff5c4a);
    padding: 60px 0;
    text-align: center;
    color: #fff;
    margin-bottom: 60px; }
  .moduletable.create-your-game > .title .container {
    transform: skewY(1deg); }
  @media (min-width: 992px) {
    .moduletable.create-your-game > .title {
      display: none; } }
  .moduletable.create-your-game > .content h2 {
    display: none; }
    @media (min-width: 992px) {
    .moduletable.create-your-game > .content h2 {
      display: block;
      grid-column: span 12;
      text-align: center;
      margin-bottom: 40px;
      margin-top: -160px; }
      .moduletable.create-your-game > .content h2::before {
        display: block;
        content: "";
        height: 160px; } }
  .moduletable.create-your-game > .content .item {
    grid-column: span 12;
    margin-bottom: 60px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 992px) {
    .moduletable.create-your-game > .content .item {
      grid-column: span 4;
      margin-bottom: 0px; } }
    .moduletable.create-your-game > .content .item .image-wrap {
      background-image: linear-gradient(to bottom, #f0ff78, #57fbde);
      border-radius: 50%;
      width: 280px;
      height: 280px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 30px; }
    @media (min-width: 992px) {
      .moduletable.create-your-game > .content .item .image-wrap {
        margin-bottom: 50px; } }
    .moduletable.create-your-game > .content .item .image-wrap .hexagon {
      background-color: rgba(255, 255, 255, 0.4);
      width: 190px;
      height: 109.6153846154px;
      position: relative;
      box-sizing: border-box; }
    .moduletable.create-your-game > .content .item .image-wrap .hexagon:before {
      content: " ";
      width: 0;
      height: 0;
      border-bottom: 54.8076923077px solid rgba(255, 255, 255, 0.4);
      border-left: 95px solid transparent;
      border-right: 95px solid transparent;
      position: absolute;
      display: block;
      top: -54.8076923077px; }
    .moduletable.create-your-game > .content .item .image-wrap .hexagon:after {
      content: " ";
      width: 0;
      height: 0;
      border-top: solid rgba(255, 255, 255, 0.4);
      border-top-width: 54.8076923077px;
      border-left: 95px solid transparent;
      border-right: 95px solid transparent;
      position: absolute;
      display: block;
      top: 109.6153846154px; }
    .moduletable.create-your-game > .content .item .image-wrap .hexagon img {
      width: 100%;
      height: 100%; }
    .moduletable.create-your-game > .content .item:nth-child(3) .image-wrap {
      background-image: linear-gradient(to bottom, #d06cfa, #18f1d2); }
    .moduletable.create-your-game > .content .item:nth-child(4) .image-wrap {
      background-image: linear-gradient(to bottom, #f870ea, #ffe17c); }
    .moduletable.create-your-game > .content .item:nth-child(4) .image-wrap .hexagon img {
      width: 100%;
      height: 130%; }
    .moduletable.create-your-game > .content .item h3 {
      margin-bottom: 10px; }
    @media (min-width: 992px) {
      .moduletable.create-your-game > .content .item h3 {
        margin-bottom: 30px; } }