/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

.t-h1,
.t-h2,
.t-h3,
.t-h4,
.t-h5,
.t-h6,
.c-wheel__title {
  margin: 0;
  font-weight: normal;
  line-height: 1;
}
.t-paragraph,
.t-paragraph--small,
.t-paragraph--xsmall,
.t-paragraph--large,
.t-paragraph--medium,
.t-text--xsmall,
.t-text--large,
.t-text--medium,
.t-text--small {
  margin: 0;
  line-height: 1;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
.t-btn,
.t-btn--circle,
.t-input,
.t-textarea,
.t-input--text,
.t-input--submit {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none !important;
}
.o-list--none,
.o-list--inline {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-margin-before: 0;
}
.t-btn,
.t-btn--circle,
.t-footer__link,
.t-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.t-btn:hover,
.t-btn--circle:hover,
.t-footer__link:hover,
.t-link:hover {
  text-decoration: none;
}
.t-btn:active,
.t-btn--circle:active,
.t-footer__link:active,
.t-link:active,
.t-btn:focus,
.t-btn--circle:focus,
.t-footer__link:focus,
.t-link:focus {
  outline: none;
}
.o-wrapper--valign,
.u-vacuum {
  font-size: 0px;
  font-size: 0rem;
}
.o-wrapper--panel {
  top: 0;
  left: 0;
}
.t-address {
  font-style: normal;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  font-family: 'Montserrat', 'sans-serif';
  font-size: 16px;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #fff;
  height: auto;
  overflow: auto;
}
.is-disable-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
::-moz-selection {
  color: #fff;
  background: #000;
}
::selection {
  color: #fff;
  background: #000;
}
img {
  -ms-interpolation-mode: bicubic;
}
canvas {
  display: block;
}
strong {
  font-weight: normal;
}
@font-face {
  font-family: 'bebas-neue';
  src: url("./assets/fonts/bebas-neue.eot");
  src: url("./assets/fonts/bebas-neue.eot") format("embedded-opentype"), url("./assets/fonts/bebas-neue.woff") format("woff"), url("./assets/fonts/bebas-neue.woff2") format("woff2"), url("./assets/fonts/bebas-neue.ttf") format("truetype"), url("./assets/fonts/bebas-neue.svg#bebas-neue") format("svg");
}
.t-btn,
.t-btn--circle {
  cursor: pointer;
  font-size: 17px;
  font-size: 1.0625rem;
  letter-spacing: 0.05em;
}
.t-btn--circle {
  height: 65px;
  width: 65px;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .t-btn--circle {
    height: 50px;
    width: 50px;
  }
}
.t-btn--circle__borders-container {
  z-index: 1;
}
.t-btn--circle__borders {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #fff;
  border-radius: 50%;
  z-index: 1;
  -webkit-transform: rotate(0) translateZ(0);
          transform: rotate(0) translateZ(0);
}
.t-btn--circle__borders:before {
  position: absolute;
  content: '';
  top: 50%;
  left: -6px;
  margin-top: -4.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 4px 3.5px 0;
  border-color: transparent #fff transparent transparent;
  -webkit-transform: rotate(0) translateZ(0);
          transform: rotate(0) translateZ(0);
}
.t-btn--circle__borders:after {
  position: absolute;
  content: '';
  top: 50%;
  right: -6px;
  margin-top: -4.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #fff;
  -webkit-transform: rotate(0) translateZ(0);
          transform: rotate(0) translateZ(0);
}
.t-btn--circle.is-active .t-btn--circle__borders {
  -webkit-transition: 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: rotate(360deg) translateZ(0);
          transform: rotate(360deg) translateZ(0);
}
.t-btn--circle__symbol {
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  opacity: 0.05;
  z-index: 0;
}
.t-btn--circle__shadow {
  border-radius: 50%;
  box-shadow: 1px 1px 28px #000 inset;
  z-index: 0;
  opacity: 0.3;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.t-btn--circle:hover .t-btn--circle__shadow {
  opacity: 0.7;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 767px) {
  .t-footer {
    margin-bottom: 75px;
  }
}
.t-footer__link {
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Arial";
}
@media screen and (max-width: 767px) {
  .t-footer__link {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.t-footer__link,
.t-footer__link-social {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.t-footer__link:hover,
.t-footer__link-social:hover {
  opacity: 0.7;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.t-header {
  position: relative;
  height: 80px;
}
.t-main-header {
  height: 115px;
}
.t-h1,
.c-wheel__title {
  font-size: 80px;
  font-size: 5rem;
  font-family: 'Playfair Display', 'serif';
  line-height: 1.01;
  font-weight: 600;
}
@media screen and (min-width: 1440px) {
  .t-h1,
  .c-wheel__title {
    font-size: 100px;
    font-size: 6.25rem;
  }
}
@media screen and (max-width: 1280px) {
  .t-h1,
  .c-wheel__title {
    font-size: 60px;
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  .t-h1,
  .c-wheel__title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.t-h2 {
  font-size: 50px;
  font-size: 3.125rem;
  font-family: 'Montserrat', 'sans-serif';
}
@media screen and (max-width: 1280px) {
  .t-h2 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .t-h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.t-h3 {
  font-family: 'Playfair Display', 'serif';
  font-size: 40px;
  font-size: 2.5rem;
}
@media screen and (max-width: 1280px) {
  .t-h3 {
    font-size: 35px;
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .t-h3 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
.t-h4 {
  font-size: 34px;
  font-size: 2.125rem;
  font-family: 'Montserrat', 'sans-serif';
}
@media screen and (max-width: 1280px) {
  .t-h4 {
    font-size: 27px;
    font-size: 1.6875rem;
  }
}
@media screen and (max-width: 1024px) {
  .t-h4 {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}
@media screen and (max-width: 767px) {
  .t-h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.t-h5 {
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (max-width: 1280px) {
  .t-h5 {
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  .t-h5 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.t-h6 {
  font-family: $font-bold;
  font-size: 16px;
  font-size: 1rem;
}
.t-icon {
  position: relative;
  display: inline-block;
}
.t-icon--arrow {
  width: 24px;
  height: 19px;
}
.t-icon--question-mark {
  width: 13px;
  height: 23px;
}
.t-icon--informations {
  width: 8px;
  height: 18px;
}
.t-icon--spear-top {
  width: 12px;
  height: 26px;
}
.t-icon--spear-middle {
  width: 8px;
  height: 21px;
}
.t-icon--spear-bottom {
  width: 4px;
  height: 112px;
}
.t-icon--arrow {
  width: 24px;
  height: 19px;
}
.t-icon--close {
  width: 13px;
  height: 13px;
}
.t-icon--drag {
  width: 50px;
  height: 50px;
}
.t-input--newsletter {
  font-size: 18px;
  font-size: 1.125rem;
  height: 67px;
  font-family: "Arial";
  color: #9a989a;
}
.t-input--borders {
  border: 1px solid rgba(0,0,0,0.2);
}
.t-input--borders.is-error {
  border: 1px solid #f00;
}
.t-input--border-b.is-error,
.t-textarea.is-error {
  border-bottom: 1px solid #f00;
}
::-webkit-input-placeholder {
  font-size: 18px;
  font-size: 1.125rem;
  color: #9a989a;
  font-family: "Arial";
  opacity: 0.7;
}
.t-input--text {
  font-family: "Arial";
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
}
.t-input-container:before {
  position: absolute;
  content: '';
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 1px;
  left: 0;
  bottom: 0;
  background: #d9dbdc;
}
.t-input-container:after {
  position: absolute;
  content: '';
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  height: 1px;
  left: 0;
  bottom: 0;
  background: #000;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: scaleX(0) translateZ(0);
          transform: scaleX(0) translateZ(0);
}
.t-input-container.is-active:after {
  -webkit-transform: scaleX(1) translateZ(0);
          transform: scaleX(1) translateZ(0);
}
.t-textarea {
  max-width: 100%;
  min-height: 220px;
  font-family: "Arial";
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
}
.t-input--text::-webkit-input-placeholder {
  font-family: "Arial";
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
}
.t-textarea::-webkit-input-placeholder {
  font-family: "Arial";
  font-size: 15px;
  font-size: 0.9375rem;
  color: #000;
}
.t-message-success {
  display: none;
}
.is-success .t-message-success {
  display: block;
}
.t-message-error {
  display: none;
}
.is-error .t-message-error {
  display: block;
}
.t-message-error-mail {
  display: none;
}
.is-error-mail .t-message-error-mail {
  display: block;
}
.is-success .c-newsletter-form__submit,
.is-success .c-contact-form__submit {
  opacity: 0;
}
.t-link {
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
}
.t-link--slash:after {
  position: relative;
  content: '/';
  margin-left: 10px;
}
.t-link--bebas {
  font-family: 'bebas-neue', 'sans-serif';
}
.t-logo {
  width: 54px;
  height: 68px;
}
.t-logo--wild {
  width: 220px;
  height: 70px;
}
.t-paragraph,
.t-paragraph--small,
.t-paragraph--xsmall,
.t-paragraph--large,
.t-paragraph--medium,
.t-text--xsmall,
.t-text--large,
.t-text--medium,
.t-text--small {
  font-family: 'Montserrat', 'sans-serif';
  font-size: 14px;
  font-size: 0.875rem;
}
.t-paragraph--base {
  line-height: 1;
}
.t-paragraph--bold {
  font-family: $font-bold;
}
.t-paragraph--small,
.t-text--small {
  font-size: 12px;
  font-size: 0.75rem;
}
.t-paragraph--xsmall,
.t-text--xsmall {
  font-size: 9px;
  font-size: 0.5625rem;
}
.t-paragraph--xlarge {
  font-size: 25px;
  font-size: 1.5625rem;
}
.t-paragraph--large,
.t-text--large {
  font-size: 17px;
  font-size: 1.0625rem;
}
.t-paragraph--medium,
.t-text--medium {
  font-size: 14px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1280px) {
  .t-paragraph--medium,
  .t-text--medium {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 1024px) {
  .t-paragraph--medium,
  .t-text--medium {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .t-paragraph--medium,
  .t-text--medium {
    font-size: 13.5px;
    font-size: 0.84375rem;
  }
}
.t-paragraph--tall {
  line-height: 1.7;
}
.t-paragraph--font-condensed {
  font-family: $font-condensed;
}
.t-text--transparent {
  opacity: 0.4;
}
.t-text--spaced {
  letter-spacing: 0.1em;
}
.c-apator-son__stripe {
  opacity: 0;
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-apator-son__stripe:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-apator-son__stripe.is-selected:before {
  opacity: 0.6;
}
.c-apator-son__stripe:nth-of-type(1) {
  -webkit-transform: translateX(250%) translateZ(0);
          transform: translateX(250%) translateZ(0);
}
.c-apator-son__stripe:nth-of-type(2) {
  -webkit-transform: translateX(150%) translateZ(0);
          transform: translateX(150%) translateZ(0);
}
.c-apator-son__stripe:nth-of-type(3) {
  -webkit-transform: translateX(50%) translateZ(0);
          transform: translateX(50%) translateZ(0);
}
.c-apator-son__stripe:nth-of-type(4) {
  -webkit-transform: translateX(-50%) translateZ(0);
          transform: translateX(-50%) translateZ(0);
}
.c-apator-son__stripe:nth-of-type(5) {
  -webkit-transform: translateX(-150%) translateZ(0);
          transform: translateX(-150%) translateZ(0);
}
.c-apator-son__stripe:nth-of-type(6) {
  -webkit-transform: translateX(-250%) translateZ(0);
          transform: translateX(-250%) translateZ(0);
}
.is-game-ready .c-apator-son__stripe {
  opacity: 1;
  -webkit-transition: opacity 0.8s 0.8s, -webkit-transform 1s 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.8s 0.8s, -webkit-transform 1s 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.8s 0.8s;
  transition: transform 1s 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.8s 0.8s, -webkit-transform 1s 1.3s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
}
.c-apator-son__item {
  opacity: 0;
  -webkit-transform: translateY(25px) translateZ(0);
          transform: translateY(25px) translateZ(0);
}
.is-game-ready .c-apator-son__item {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-game-ready .c-apator-son__item:nth-of-type(1) {
  -webkit-transition: 0.35s 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-game-ready .c-apator-son__item:nth-of-type(2) {
  -webkit-transition: 0.35s 1.65s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 1.65s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-game-ready .c-apator-son__item:nth-of-type(3) {
  -webkit-transition: 0.35s 1.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 1.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-game-ready .c-apator-son__item:nth-of-type(4) {
  -webkit-transition: 0.35s 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 1.75s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-game-ready .c-apator-son__item:nth-of-type(5) {
  -webkit-transition: 0.35s 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-game-ready .c-apator-son__item:nth-of-type(6) {
  -webkit-transition: 0.35s 1.85s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 1.85s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-apator-son__footer {
  height: 100px;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
  -webkit-transition: 0.65s 1.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.65s 1.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-apator-son__footer {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-game-completed .c-apator-son__footer {
  -webkit-transition: 0.65s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.65s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
@media screen and (max-width: 1280px) {
  .c-apator-son__footer {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .c-apator-son__footer {
    height: 38px;
  }
}
.c-apator-son__footer-container {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.55s 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-apator-son__footer-container:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #382f40;
}
.is-game-hidden .c-apator-son__footer-container {
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-apator-son__circle {
  width: 39px;
  height: 39px;
  background: #382f40;
}
.c-apator-son__circle:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-apator-son__circle.is-success:before {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-apator-son__circle {
    height: 24px;
    width: 24px;
  }
}
.c-apator-son__label-circle {
  line-height: 2.8;
}
.is-success .c-apator-son__label-circle {
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #50435c;
}
@media screen and (max-width: 767px) {
  .c-apator-son__label-circle {
    line-height: 1.8;
  }
}
.c-apator-son__success {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0.3) translateZ(0);
          transform: scale(0.3) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-success .c-apator-son__success {
  opacity: 1;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-apator-son__success {
    width: 35px;
    height: 35px;
  }
}
.c-apator-son__list {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-game-completed .c-apator-son__list {
  opacity: 0;
  -webkit-transition: 1s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-hidden .c-apator-son__list {
  opacity: 0;
  -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-article {
  padding: 15% 10%;
}
.c-article--last {
  padding: 10% 10% 40% 10%;
}
.c-article__background {
  z-index: -2;
}
.c-article__sub-heading {
  font-family: 'bebas-neue', 'sans-serif';
  letter-spacing: 0.4em;
}
.c-article__content:before {
  position: absolute;
  content: '';
  width: 1px;
  top: 10px;
  bottom: 5px;
  left: 0;
  background: -webkit-linear-gradient(top, #f5812f 1%, #f7c58e 50%, #f7e5be 100%);
  background: linear-gradient(to bottom, #f5812f 1%, #f7c58e 50%, #f7e5be 100%);
}
.c-article__content-white:before {
  position: absolute;
  content: '';
  width: 1px;
  top: 10px;
  bottom: 5px;
  left: 0;
  background: #fff;
}
.c-article__first-letter {
  position: absolute;
  top: 5px;
  left: 50px;
  width: 140px;
  height: 140px;
  z-index: -1;
}
.c-article__first-letter svg {
  fill: none;
  stroke: #291e27;
}
@media screen and (max-width: 767px) {
  .c-article__first-letter {
    left: 10px;
    width: 80px;
    height: 80px;
  }
}
.c-article__paragraph:first-letter {
  float: left;
  font-size: 85px;
  font-size: 5.3125rem;
  display: inline-block;
  padding: 0px 50px 0px 50px;
}
@media screen and (max-width: 767px) {
  .c-article__paragraph:first-letter {
    font-size: 45px;
    font-size: 2.8125rem;
    padding: 0px 30px 0px 30px;
  }
}
.c-video {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-become-chief__scene {
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}
.c-become-chief__left-scene:before,
.c-become-chief__right-scene:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.55s 0.13s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.13s cubic-bezier(0.23, 1, 0.32, 1);
  pointer-events: none;
}
.is-help-active .c-become-chief__left-scene:before,
.is-help-active .c-become-chief__right-scene:before {
  opacity: 0.5;
  visibility: visible;
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-become-chief__drag {
  z-index: 3;
}
.c-become-chief__left-base {
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
  -webkit-transition: 0.8s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-become-chief__left-base {
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
}
.is-game-completed .c-become-chief__left-base {
  -webkit-transition: 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}
.c-become-chief__left-mask {
  -webkit-transform: translateX(-100%) translateZ(0);
          transform: translateX(-100%) translateZ(0);
  -webkit-transition: 0.8s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-become-chief__left-mask {
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
}
.is-game-completed .c-become-chief__left-mask {
  -webkit-transition: 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(-100%) translateZ(0);
          transform: translateX(-100%) translateZ(0);
}
.c-become-chief__right-base {
  -webkit-transform: translateX(-100%) translateZ(0);
          transform: translateX(-100%) translateZ(0);
  -webkit-transition: 0.8s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-become-chief__right-base {
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
}
.is-game-completed .c-become-chief__right-base {
  -webkit-transition: 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(-100%) translateZ(0);
          transform: translateX(-100%) translateZ(0);
}
.c-become-chief__right-mask {
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
  -webkit-transition: 0.8s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-become-chief__right-mask {
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
}
.is-game-completed .c-become-chief__right-mask {
  -webkit-transition: 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(100%) translateZ(0);
          transform: translateX(100%) translateZ(0);
}
.c-become-chief__separator {
  left: 50%;
  margin-left: -1.5px;
  width: 3px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-game-ready .c-become-chief__separator {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 1s 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-become-chief__media {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
@media screen and (max-width: 767px) {
  .c-become-chief__media {
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
  }
}
.c-become-chief__counter {
  bottom: 0;
  left: 50%;
  margin-left: -95px;
  height: 90px;
  width: 190px;
  border-top: 3px solid #fab841;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-become-chief__counter {
    height: 70px;
    width: 150px;
    margin-left: -75px;
  }
}
.c-become-chief__counter:before {
  position: absolute;
  content: '';
  top: 0;
  left: -22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5px 90px 22.5px;
  border-color: transparent transparent #2c1818 transparent;
}
.c-become-chief__counter:after {
  position: absolute;
  content: '';
  top: 0;
  right: -22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 22.5px 90px 22.5px;
  border-color: transparent transparent #2c1818 transparent;
}
.is-game-ready .c-become-chief__counter {
  -webkit-transition: 0.55s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-game-completed .c-become-chief__counter {
  -webkit-transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.c-become-chief__text-counter {
  font-size: 22px;
  font-size: 1.375rem;
}
.c-become-chief__diff,
.c-become-chief__area {
  width: 10%;
  height: 8%;
}
.c-become-chief__diff:before,
.c-become-chief__area:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #fab841;
  opacity: 0;
  -webkit-transform: scale(0.2) translateZ(0);
          transform: scale(0.2) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-become-chief__diff:before,
  .c-become-chief__area:before {
    border: 2px solid #fab841;
  }
}
.c-become-chief__diff:after,
.c-become-chief__area:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 4px solid #fab841;
  box-shadow: 0px 0px 15px 2px #fab841;
  opacity: 0;
  -webkit-transform: scale(0.2) translateZ(0);
          transform: scale(0.2) translateZ(0);
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-become-chief__diff:nth-of-type(1),
.c-become-chief__area:nth-of-type(1) {
  top: 34.3%;
  left: 45.6%;
}
.c-become-chief__diff:nth-of-type(2),
.c-become-chief__area:nth-of-type(2) {
  top: 82.3%;
  left: 35.6%;
}
.c-become-chief__diff:nth-of-type(3),
.c-become-chief__area:nth-of-type(3) {
  top: 84.3%;
  left: 55.6%;
}
.c-become-chief__diff:nth-of-type(4),
.c-become-chief__area:nth-of-type(4) {
  top: 56.3%;
  left: 74.6%;
}
.c-become-chief__diff:nth-of-type(5),
.c-become-chief__area:nth-of-type(5) {
  top: 42.3%;
  left: 86.6%;
}
.c-become-chief__diff:nth-of-type(6),
.c-become-chief__area:nth-of-type(6) {
  top: 37.3%;
  left: 6.6%;
}
.c-become-chief__diff:nth-of-type(7),
.c-become-chief__area:nth-of-type(7) {
  top: 44.7%;
  left: 2.6%;
}
.c-become-chief__diff.is-active:before,
.c-become-chief__area.is-active:before {
  opacity: 1;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-become-chief__diff.is-active:after,
.c-become-chief__area.is-active:after {
  display: none;
}
.is-help-active .c-become-chief__diff:after,
.is-help-active .c-become-chief__area:after {
  opacity: 0.6;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-become-chief__area:before,
.c-become-chief__area:after {
  content: none;
}
.c-become-chief__area:nth-of-type(3) {
  top: 86.3%;
  left: 48.6%;
  width: 34%;
  -webkit-transform: rotate(-26deg) translateZ(0);
          transform: rotate(-26deg) translateZ(0);
}
.c-become-chief__tick {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .c-become-chief__tick {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
}
.c-become-chief__tick:before {
  position: absolute;
  content: '';
  bottom: 4px;
  left: 0px;
  height: 3px;
  width: 9px;
  background: #fab841;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: rotate(50deg) scaleX(0) translateZ(0);
          transform: rotate(50deg) scaleX(0) translateZ(0);
}
.c-become-chief__tick:after {
  position: absolute;
  content: '';
  bottom: 4px;
  left: 10px;
  height: 3px;
  width: 15px;
  background: #fab841;
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: rotate(-50deg) scaleX(0) translateZ(0);
          transform: rotate(-50deg) scaleX(0) translateZ(0);
}
.is-active .c-become-chief__tick:before {
  -webkit-transform: rotate(50deg) scaleX(1) translateZ(0);
          transform: rotate(50deg) scaleX(1) translateZ(0);
  -webkit-transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-active .c-become-chief__tick:after {
  -webkit-transform: rotate(-50deg) scaleX(1) translateZ(0);
          transform: rotate(-50deg) scaleX(1) translateZ(0);
  -webkit-transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-become-chief__fit {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.c-border {
  background: rgba(255,255,255,0.1);
  z-index: 2;
}
.c-border--top {
  top: 30px;
  right: 30px;
  left: 30px;
  height: 1px;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-nav-active .c-border--top {
  opacity: 0;
  -webkit-transform: translateY(-10px) translateZ(0);
          transform: translateY(-10px) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-border--top {
    top: 5px;
    right: 5px;
    left: 5px;
  }
}
.c-border--right {
  top: 30px;
  right: 30px;
  bottom: 30px;
  width: 1px;
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-nav-active .c-border--right {
  opacity: 0;
  -webkit-transform: translateX(10px) translateZ(0);
          transform: translateX(10px) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-border--right {
    top: 5px;
    right: 5px;
    bottom: 5px;
  }
}
.c-border--bottom {
  right: 30px;
  bottom: 30px;
  left: 30px;
  height: 1px;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-nav-active .c-border--bottom {
  opacity: 0;
  -webkit-transform: translateY(10px) translateZ(0);
          transform: translateY(10px) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-border--bottom {
    left: 5px;
    right: 5px;
    bottom: 5px;
  }
}
.c-border--left {
  top: 30px;
  left: 30px;
  bottom: 30px;
  width: 1px;
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-nav-active .c-border--left {
  opacity: 0;
  -webkit-transform: translateX(-10px) translateZ(0);
          transform: translateX(-10px) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-border--left {
    top: 5px;
    left: 5px;
    bottom: 5px;
  }
}
.c-btn-borders {
  padding: 15px 40px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-btn-borders {
    padding: 12px 20px;
  }
}
.c-btn-borders:before {
  position: absolute;
  content: '';
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background: #fff;
  z-index: 1;
}
.c-btn-borders:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #4aa8a0;
  box-shadow: 0px 0px 30px #202020 inset;
  opacity: 0;
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 2;
}
.c-btn-borders.c-btn-transparent-borders:before {
  background: transparent;
  border: 1px solid #383141;
}
.c-btn-borders.c-btn-transparent-borders:after {
  background: #fff;
  box-shadow: 0px 0px 30px #777 inset;
}
.c-btn-borders:hover:after,
.c-btn-borders:focus:after {
  opacity: 1;
}
.c-btn-borders__line {
  top: -3px;
  left: -3px;
  width: -webkit-calc(100% + 6px);
  width: calc(100% + 6px);
  height: -webkit-calc(100% + 6px);
  height: calc(100% + 6px);
  border: 3px solid #fff;
  z-index: 1;
}
.c-btn-transparent-borders .c-btn-borders__line {
  border: 3px solid #383141;
}
.c-btn-borders__line:before {
  position: absolute;
  content: '';
  top: 50%;
  left: -6px;
  margin-top: -3.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 4px 3.5px 0;
  border-color: transparent #fff transparent transparent;
}
.c-btn-borders__line:after {
  position: absolute;
  content: '';
  top: 50%;
  right: -6px;
  margin-top: -3.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #fff;
}
.c-btn-transparent-borders .c-btn-borders__line:before {
  border-color: transparent #383141 transparent transparent;
}
.c-btn-transparent-borders .c-btn-borders__line:after {
  border-color: transparent transparent transparent #383141;
}
.c-btn-borders__label {
  z-index: 3;
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-btn-borders:hover .c-btn-borders__label,
.c-btn-borders:focus .c-btn-borders__label {
  color: #fff;
}
.c-btn-transparent-borders:hover .c-btn-borders__label,
.c-btn-transparent-borders:focus .c-btn-borders__label {
  color: #50435c;
}
@media screen and (max-width: 767px) {
  .c-btn-borders__label {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.c-btn-borders__light {
  top: 40%;
  left: 81%;
  width: 485px;
  height: 439px;
  background-image: url("./assets/images/light.png");
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(-18deg) scale(0.8) translateX(-50%) translateY(-50%) translateZ(0);
          transform: rotate(-18deg) scale(0.8) translateX(-50%) translateY(-50%) translateZ(0);
}
.c-btn-borders:focus .c-btn-borders__light {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: rotate(0) scale(1) translateX(-50%) translateY(-50%) translateZ(0);
          transform: rotate(0) scale(1) translateX(-50%) translateY(-50%) translateZ(0);
}
.c-burger__bar {
  width: 16px;
  height: 2px;
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-burger__bar:nth-of-type(1) {
  -webkit-transform-origin: 1px 0;
      -ms-transform-origin: 1px 0;
          transform-origin: 1px 0;
  -webkit-transform: translateX(0) rotate(0) translateZ(0);
          transform: translateX(0) rotate(0) translateZ(0);
}
.c-burger__bar:nth-of-type(2) {
  margin: 3px 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-burger__bar:nth-of-type(3) {
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: translateX(0) rotate(0) translateZ(0);
          transform: translateX(0) rotate(0) translateZ(0);
}
.is-nav-active .c-burger__bar:nth-of-type(1) {
  -webkit-transform: translateX(1.5px) rotate(45deg) translateZ(0);
          transform: translateX(1.5px) rotate(45deg) translateZ(0);
}
.is-nav-active .c-burger__bar:nth-of-type(2) {
  opacity: 0;
}
.is-nav-active .c-burger__bar:nth-of-type(3) {
  -webkit-transform: translateX(1.5px) rotate(-45deg) translateZ(0);
          transform: translateX(1.5px) rotate(-45deg) translateZ(0);
}
.c-circle-pattern,
.c-circle-pattern--small,
.c-circle-pattern--tiny {
  background-image: url("./assets/images/pattern-circle.png");
  background-repeat: repeat;
}
.c-circle-pattern--small {
  background-size: 4%;
}
.c-circle-pattern--tiny {
  background-size: 2%;
}
.c-congrats {
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-game-completed .c-congrats {
  opacity: 1;
  visibility: visible;
}
.c-congrats__flag {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.5s 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.is-game-completed .c-congrats__flag {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-congrats__title {
  opacity: 0;
  -webkit-transform: skewX(-5.13deg) translateY(30px) translateZ(0);
          transform: skewX(-5.13deg) translateY(30px) translateZ(0);
}
.is-game-completed .c-congrats__title {
  opacity: 1;
  -webkit-transform: skewX(-5.13deg) translateY(0) translateZ(0);
          transform: skewX(-5.13deg) translateY(0) translateZ(0);
  -webkit-transition: 0.45s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-congrats__btn {
  opacity: 0;
  -webkit-transform: translateY(15px) translateZ(0);
          transform: translateY(15px) translateZ(0);
}
.is-game-completed .c-congrats__btn {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-game-completed .c-congrats__btn:nth-of-type(1) {
  -webkit-transition: 0.45s 0.77s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.77s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-completed .c-congrats__btn:nth-of-type(2) {
  -webkit-transition: 0.45s 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-device-portrait {
  z-index: 9999;
  display: none;
}
@media screen and (max-device-width: 1024px) and (orientation: portrait) {
  .c-device-portrait {
    display: block;
  }
}
.c-first-negociation__footer {
  height: 155px;
}
@media screen and (max-width: 1024px) {
  .c-first-negociation__footer {
    height: 75px;
  }
}
.c-first-negociation__dropzone {
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.c-first-negociation__dropzone:before,
.c-first-negociation__dropzone:after {
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  height: 1px;
  background: #fab841;
  opacity: 0.1;
  z-index: 2;
}
.c-first-negociation__dropzone:before {
  top: 9px;
}
.c-first-negociation__dropzone:after {
  top: 11px;
}
.is-game-ready .c-first-negociation__dropzone {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: 0.75s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.75s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-first-negociation__dropzone:nth-of-type(2) {
  -webkit-transition: 0.75s 0.65s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.75s 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-completed .c-first-negociation__dropzone {
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
  -webkit-transition: 0.65s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.65s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-completed .c-first-negociation__dropzone:nth-of-type(2) {
  -webkit-transition: 0.65s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.65s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__dropzone-panel {
  z-index: 1;
}
.c-first-negociation__drop {
  width: 100px;
  height: 100px;
  border: 1px solid #1b0f0f;
}
.c-first-negociation__drop:before {
  position: absolute;
  content: '';
  width: 242.5px;
  height: 219.5px;
  top: 48%;
  left: 74%;
  background-image: url("./assets/images/light.png");
  background-size: 100%;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(-18deg) scale(0.8) translateX(-50%) translateY(-50%) translateZ(0);
          transform: rotate(-18deg) scale(0.8) translateX(-50%) translateY(-50%) translateZ(0);
  -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-first-negociation__drop.is-success:before {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: rotate(0) scale(1) translateX(-50%) translateY(-50%) translateZ(0);
          transform: rotate(0) scale(1) translateX(-50%) translateY(-50%) translateZ(0);
}
@media screen and (max-width: 1280px) {
  .c-first-negociation__drop {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .c-first-negociation__drop {
    top: 5px;
    width: 50px;
    height: 50px;
  }
}
.c-first-negociation__corner {
  top: 25px;
  right: -40px;
  height: 200px;
  width: 175px;
  z-index: 0;
  border-right: 5px solid #fab841;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.c-first-negociation__dropzone:nth-of-type(2) .c-first-negociation__corner {
  left: -40px;
  right: auto;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
  border-left: 5px solid #fab841;
}
.c-first-negociation__label {
  top: 50%;
  left: 50%;
  letter-spacing: 0.3em;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-first-negociation__dropzone:hover .c-first-negociation__label {
  opacity: 0;
}
.c-first-negociation__corner-bg {
  top: -20px;
  height: 200%;
  z-index: 34;
  background-position: 10px -4px;
  background-size: 12px;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
}
.c-first-negociation__dropzone:nth-of-type(2) .c-first-negociation__corner-bg {
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.c-first-negociation__card {
  z-index: 10;
  opacity: 0;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.is-game-ready .c-first-negociation__card {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: 0.75s 0.65s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.75s 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-completed .c-first-negociation__card {
  opacity: 0;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
  -webkit-transition: 0.55s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__drag {
  z-index: 0;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.85s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-first-negociation__drag {
  opacity: 1;
  -webkit-transition: 0.6s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.6s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__drag.is-selected {
  z-index: 2;
}
.c-first-negociation__drag.is-success {
  opacity: 0;
  -webkit-transition: 0s;
  transition: 0s;
}
@media screen and (max-width: 1024px) {
  .c-first-negociation__drag {
    -webkit-transition: 0s;
    transition: 0s;
  }
  .c-first-negociation__drag.is-selected {
    -webkit-transition: 0s;
    transition: 0s;
  }
}
.c-first-negociation__drag:nth-of-type(1) {
  width: 14%;
  height: 32%;
  top: 45%;
  left: 30%;
}
.c-first-negociation__drag:nth-of-type(2) {
  width: 18%;
  height: 21%;
  top: 24%;
  left: 45%;
}
.c-first-negociation__drag:nth-of-type(3) {
  width: 11%;
  height: 11%;
  top: 46%;
  left: 46%;
}
.c-first-negociation__drag:nth-of-type(4) {
  width: 12%;
  height: 23%;
  top: 52%;
  left: 56%;
}
.c-first-negociation__drag:nth-of-type(5) {
  width: 14%;
  height: 17%;
  top: 27%;
  left: 33%;
}
.c-first-negociation__drag:nth-of-type(6) {
  width: 16%;
  height: 17%;
  top: 65%;
  left: 42%;
}
@media screen and (max-width: 767px) {
  .c-first-negociation__drag:nth-of-type(1) {
    width: 10%;
    height: 22.86%;
    top: 45%;
    left: 30%;
  }
  .c-first-negociation__drag:nth-of-type(2) {
    width: 12.86%;
    height: 15%;
    top: 24%;
    left: 45%;
  }
  .c-first-negociation__drag:nth-of-type(3) {
    width: 7.86%;
    height: 7.86%;
    top: 46%;
    left: 46%;
  }
  .c-first-negociation__drag:nth-of-type(4) {
    width: 8.57%;
    height: 16.43%;
    top: 52%;
    left: 56%;
  }
  .c-first-negociation__drag:nth-of-type(5) {
    width: 10%;
    height: 12.14%;
    top: 27%;
    left: 33%;
  }
  .c-first-negociation__drag:nth-of-type(6) {
    width: 11.43%;
    height: 12.14%;
    top: 65%;
    left: 42%;
  }
}
.c-first-negociation__media-drag {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__drag.is-hover .c-first-negociation__media-drag {
  -webkit-transform: scale(0.95) translateZ(0);
          transform: scale(0.95) translateZ(0);
  -webkit-transition: 0.85s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.85s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-selected .c-first-negociation__media-drag {
  -webkit-transform: scale(0.7) translateZ(0);
          transform: scale(0.7) translateZ(0);
}
.c-first-negociation__media-drop {
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-transform: scale(0.6) translate(-50%, -50%) translateZ(0);
          transform: scale(0.6) translate(-50%, -50%) translateZ(0);
  opacity: 0;
}
.c-first-negociation__drop.is-success-0 .c-first-negociation__media-drop:nth-of-type(1) {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%) translateZ(0);
          transform: scale(1) translate(-50%, -50%) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__drop.is-success-1 .c-first-negociation__media-drop:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%) translateZ(0);
          transform: scale(1) translate(-50%, -50%) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__drop.is-success-2 .c-first-negociation__media-drop:nth-of-type(3) {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%) translateZ(0);
          transform: scale(1) translate(-50%, -50%) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__drop.is-success-3 .c-first-negociation__media-drop:nth-of-type(1) {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%) translateZ(0);
          transform: scale(1) translate(-50%, -50%) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__drop.is-success-4 .c-first-negociation__media-drop:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%) translateZ(0);
          transform: scale(1) translate(-50%, -50%) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-negociation__drop.is-success-5 .c-first-negociation__media-drop:nth-of-type(3) {
  opacity: 1;
  -webkit-transform: scale(1) translate(-50%, -50%) translateZ(0);
          transform: scale(1) translate(-50%, -50%) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-first-years__scene {
  background: rgba(21,16,26,0.95);
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-game-ready .c-first-years__scene {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 1.6s 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.6s 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-completed .c-first-years__scene {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-first-years__puzzle {
  background: #15101a;
  border: 1px solid rgba(255,255,255,0.1);
}
.c-first-years__piece {
  height: -webkit-calc(100% / 3);
  height: calc(100% / 3);
}
.c-first-years__piece-media {
  width: 113.4%;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-success .c-first-years__piece-media {
  opacity: 1;
}
.c-first-years__block {
  z-index: 0;
}
.c-first-years__drag {
  width: 15%;
  height: 10%;
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .c-first-years__drag {
    width: 12%;
    height: 8%;
  }
}
.c-first-years__drag.is-success {
  opacity: 0;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}
.c-first-years__drag:nth-of-type(2) {
  left: 0;
  top: 71%;
}
.c-first-years__drag:nth-of-type(3) {
  right: -5%;
  top: 50%;
  -webkit-transform: rotate(0deg) translateX(100%) translateZ(0);
          transform: rotate(0deg) translateX(100%) translateZ(0);
}
.c-first-years__drag:nth-of-type(4) {
  right: 15%;
  bottom: -5%;
  -webkit-transform: rotate(0) translateY(300%) translateZ(0);
          transform: rotate(0) translateY(300%) translateZ(0);
}
.c-first-years__drag:nth-of-type(5) {
  left: 5%;
  bottom: -5%;
  -webkit-transform: rotate(0) translateY(300%) translateZ(0);
          transform: rotate(0) translateY(300%) translateZ(0);
}
.c-first-years__drag:nth-of-type(7) {
  left: -5%;
  top: 40%;
  -webkit-transform: rotate(0) translateX(-100%) translateZ(0);
          transform: rotate(0) translateX(-100%) translateZ(0);
}
.c-first-years__drag:nth-of-type(8) {
  right: -5%;
  top: 70%;
  -webkit-transform: rotate(0deg) translateX(100%) translateZ(0);
          transform: rotate(0deg) translateX(100%) translateZ(0);
}
.c-first-years__drag:nth-of-type(9) {
  left: 50%;
  top: 1%;
  -webkit-transform: rotate(0) translateY(-300%) translateZ(0);
          transform: rotate(0) translateY(-300%) translateZ(0);
}
.c-first-years__drag:nth-of-type(10) {
  left: 0;
  top: 71%;
  -webkit-transform: rotate(0) translateX(-100%) translateZ(0);
          transform: rotate(0) translateX(-100%) translateZ(0);
}
.c-first-years__drag:nth-of-type(11) {
  left: 35%;
  bottom: 0%;
  -webkit-transform: rotate(0) translateY(300%) translateZ(0);
          transform: rotate(0) translateY(300%) translateZ(0);
}
.is-game-ready .c-first-years__drag:nth-of-type(3) {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  -webkit-transform: rotate(-10deg) translateX(0) translateZ(0);
          transform: rotate(-10deg) translateX(0) translateZ(0);
}
.is-game-ready .c-first-years__drag:nth-of-type(4) {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.5s;
  -webkit-transform: rotate(-6deg) translateY(0) translateZ(0);
          transform: rotate(-6deg) translateY(0) translateZ(0);
}
.is-game-ready .c-first-years__drag:nth-of-type(5) {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.35s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.35s;
  -webkit-transform: rotate(3deg) translateY(0) translateZ(0);
          transform: rotate(3deg) translateY(0) translateZ(0);
}
.is-game-ready .c-first-years__drag:nth-of-type(7) {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  -webkit-transform: rotate(3deg) translateX(0) translateZ(0);
          transform: rotate(3deg) translateX(0) translateZ(0);
}
.is-game-ready .c-first-years__drag:nth-of-type(8) {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.4s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.4s;
  -webkit-transform: rotate(0deg) translateX(0) translateZ(0);
          transform: rotate(0deg) translateX(0) translateZ(0);
}
.is-game-ready .c-first-years__drag:nth-of-type(9) {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  -webkit-transform: rotate(0deg) translateY(0) translateZ(0);
          transform: rotate(0deg) translateY(0) translateZ(0);
}
.is-game-ready .c-first-years__drag:nth-of-type(10) {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  -webkit-transform: rotate(-5deg) translateX(0) translateZ(0);
          transform: rotate(-5deg) translateX(0) translateZ(0);
}
.is-game-ready .c-first-years__drag:nth-of-type(11) {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1) 1.3s;
  -webkit-transform: rotate(0) translateY(0) translateZ(0);
          transform: rotate(0) translateY(0) translateZ(0);
}
.c-first-years__drag.is-selected {
  -webkit-transition: 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: 0.6s 0s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.has-touch .c-first-years__drag.is-selected {
  -webkit-transition: 0s 0s !important;
  transition: 0s 0s !important;
}
@media screen and (max-width: 1024px) {
  .c-first-years__drag {
    -webkit-transition: 0s;
    transition: 0s;
  }
}
.is-error .c-first-years__media-drag {
  -webkit-animation: errorPuzzle 0.12s infinite;
          animation: errorPuzzle 0.12s infinite;
}
.c-first-years__success {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0.3) translateZ(0);
          transform: scale(0.3) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 767px) {
  .c-first-years__success {
    width: 40px;
    height: 40px;
  }
}
.is-success .c-first-years__success {
  -webkit-animation: success 1.25s cubic-bezier(0.23, 1, 0.32, 1) forwards;
          animation: success 1.25s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}
@-webkit-keyframes success {
  0% {
    -webkit-transform: scale(0.3) translateZ(0);
            transform: scale(0.3) translateZ(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.3) translateZ(0);
            transform: scale(0.3) translateZ(0);
    opacity: 0;
  }
}
@keyframes success {
  0% {
    -webkit-transform: scale(0.3) translateZ(0);
            transform: scale(0.3) translateZ(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.3) translateZ(0);
            transform: scale(0.3) translateZ(0);
    opacity: 0;
  }
}
@-webkit-keyframes errorPuzzle {
  0% {
    -webkit-transform: translateX(-2.5px) translateZ(0);
            transform: translateX(-2.5px) translateZ(0);
  }
  50% {
    -webkit-transform: translateX(0px) translateZ(0);
            transform: translateX(0px) translateZ(0);
  }
  100% {
    -webkit-transform: translateX(2.5px) translateZ(0);
            transform: translateX(2.5px) translateZ(0);
  }
}
@keyframes errorPuzzle {
  0% {
    -webkit-transform: translateX(-2.5px) translateZ(0);
            transform: translateX(-2.5px) translateZ(0);
  }
  50% {
    -webkit-transform: translateX(0px) translateZ(0);
            transform: translateX(0px) translateZ(0);
  }
  100% {
    -webkit-transform: translateX(2.5px) translateZ(0);
            transform: translateX(2.5px) translateZ(0);
  }
}
.c-flag {
  width: 300px;
  background: #302937;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .c-flag {
    width: 200px;
  }
}
.c-flag__btn-container:before,
.c-flag__btn-container:after {
  position: absolute;
  content: '';
  top: 50%;
  width: 40px;
  height: 1px;
  background: #302937;
}
.c-flag__btn-container:before {
  left: 0;
}
.c-flag__btn-container:after {
  right: 0;
}
@media screen and (max-width: 767px) {
  .c-flag__btn-container:before,
  .c-flag__btn-container:after {
    display: none;
  }
}
.c-flag__patterns {
  right: 12px;
  left: 12px;
  top: 0;
  bottom: 50px;
  box-shadow: 0px -6px 16px #171717;
}
.c-flag--full .c-flag__patterns {
  bottom: 0;
}
.c-flag__mask-corner {
  height: 100px;
  left: 0;
  bottom: -100px;
}
.c-flag__mask-corner:nth-of-type(2) {
  left: auto;
  right: 0;
}
.c-flag__corner {
  bottom: 50px;
  left: -10px;
  right: 0;
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.c-flag__mask-corner:nth-of-type(2) .c-flag__corner {
  left: 0;
  right: -10px;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
}
.c-flag__panel-corner {
  width: 120%;
  height: 120%;
  background-position: 95% 3%;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
}
.c-flag__mask-corner:nth-of-type(2) .c-flag__panel-corner {
  -webkit-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
  background-position: 97.5% 7.5%;
}
.c-flag__bottom {
  left: 0;
  bottom: -25px;
  height: 50px;
}
.c-flag__bottom:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 150px;
  border-color: transparent transparent transparent #302937;
}
.c-flag__bottom:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 150px 25px 0;
  border-color: transparent #302937 transparent transparent;
}
.c-gallic-clothers__scene {
  height: -webkit-calc(100% - 200px);
  height: calc(100% - 200px);
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}
@media screen and (max-width: 767px) {
  .c-gallic-clothers__scene {
    height: -webkit-calc(100% - 85px);
    height: calc(100% - 85px);
  }
}
.c-gallic-clothers__blur-scene {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-game-ready .c-gallic-clothers__blur-scene {
  opacity: 0;
  -webkit-transition: 0.5s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.5s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-game-hidden .c-gallic-clothers__blur-scene {
  opacity: 1;
  -webkit-transition: 0.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-game-completed .c-gallic-clothers__blur-scene {
  opacity: 0;
  -webkit-transition: 0.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-gallic-clothers__final-scene {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-game-completed .c-gallic-clothers__final-scene {
  opacity: 1;
  -webkit-transition: 0.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.5s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-gallic-clothers__list {
  height: 200px;
  border-top: 5px solid #fab841;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.is-game-ready .c-gallic-clothers__list {
  -webkit-transition: 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-game-hidden .c-gallic-clothers__list {
  -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.is-game-completed .c-gallic-clothers__list {
  -webkit-transition: 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-gallic-clothers__list {
    height: 85px;
    border-top: 2px solid #fab841;
  }
}
.c-gallic-clothers__item {
  border-right: 1px solid rgba(255,255,255,0.05);
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.is-game-ready .c-gallic-clothers__item {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(1) {
  -webkit-transition: 0.45s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(2) {
  -webkit-transition: 0.45s 0.43s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.43s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(3) {
  -webkit-transition: 0.45s 0.46s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.46s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(4) {
  -webkit-transition: 0.45s 0.49s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.49s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(5) {
  -webkit-transition: 0.45s 0.52s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.52s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(6) {
  -webkit-transition: 0.45s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(7) {
  -webkit-transition: 0.45s 0.58s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.58s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(8) {
  -webkit-transition: 0.45s 0.61s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.61s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-ready .c-gallic-clothers__item:nth-of-type(9) {
  -webkit-transition: 0.45s 0.64s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.64s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-gallic-clothers__item:before {
  position: absolute;
  content: '';
  top: 0;
  left: -1px;
  width: -webkit-calc(100% + 1px);
  width: calc(100% + 1px);
  height: 100%;
  background: -webkit-linear-gradient(#feb22d, #f4bf5c);
  background: linear-gradient(#feb22d, #f4bf5c);
  z-index: 0;
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: scaleY(0) translateZ(0);
          transform: scaleY(0) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-gallic-clothers__item.is-success:before {
  -webkit-transform: scaleY(1) translateZ(0);
          transform: scaleY(1) translateZ(0);
}
.c-gallic-clothers__drag {
  -webkit-transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-selected .c-gallic-clothers__drag {
  -webkit-transform: scale(1.4) translateZ(0);
          transform: scale(1.4) translateZ(0);
  -webkit-transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-success .c-gallic-clothers__drag {
  opacity: 0;
}
.is-error .c-gallic-clothers__drag {
  -webkit-animation: error 0.15s infinite;
          animation: error 0.15s infinite;
}
.is-hover .c-gallic-clothers__drag {
  -webkit-transform: scale(1.2) translateZ(0);
          transform: scale(1.2) translateZ(0);
  -webkit-transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-gallic-clothers__black {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-selected .c-gallic-clothers__black {
  opacity: 1;
}
.is-success .c-gallic-clothers__black {
  opacity: 0.5;
}
.c-gallic-clothers__dropzone {
  display: none;
}
.c-gallic-clothers__container {
  -webkit-transform: translateY(20%) translateZ(0);
          transform: translateY(20%) translateZ(0);
}
.is-ready .c-gallic-clothers__container {
  -webkit-transition: 60s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 60s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.c-gallic-clothers__floating-elem-0 {
  width: 7%;
  height: 15%;
  left: 10%;
  top: 65%;
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform: rotate(10deg) translateZ(0);
          transform: rotate(10deg) translateZ(0);
}
.is-game-ready .c-gallic-clothers__floating-elem-0 {
  opacity: 0;
  -webkit-transition: 0.55s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: 0.55s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: scale(0.3) rotate(10deg) translateZ(0);
          transform: scale(0.3) rotate(10deg) translateZ(0);
}
.c-gallic-clothers__floating-elem-1 {
  width: 8%;
  height: 14%;
  left: 30%;
  top: 25%;
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform: rotate(10deg) translateZ(0);
          transform: rotate(10deg) translateZ(0);
}
.is-game-ready .c-gallic-clothers__floating-elem-1 {
  opacity: 0;
  -webkit-transition: 0.55s 0.05s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: 0.55s 0.05s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: scale(0.2) rotate(10deg) translateZ(0);
          transform: scale(0.2) rotate(10deg) translateZ(0);
}
.c-gallic-clothers__floating-elem-2 {
  width: 10%;
  height: 19%;
  bottom: -3%;
  left: 25%;
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform: rotate(10deg) translateZ(0);
          transform: rotate(10deg) translateZ(0);
}
.is-game-ready .c-gallic-clothers__floating-elem-2 {
  opacity: 0;
  -webkit-transition: 0.55s 0.05s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: 0.55s 0.05s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: scale(0.3) rotate(10deg) translateZ(0);
          transform: scale(0.3) rotate(10deg) translateZ(0);
}
.c-gallic-clothers__floating-elem-3 {
  width: 8%;
  height: 13%;
  top: 8%;
  right: 25%;
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform: rotate(-10deg) translateZ(0);
          transform: rotate(-10deg) translateZ(0);
}
.is-game-ready .c-gallic-clothers__floating-elem-3 {
  opacity: 0;
  -webkit-transition: 0.55s 0.07s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: 0.55s 0.07s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: scale(0.4) rotate(10deg) translateZ(0);
          transform: scale(0.4) rotate(10deg) translateZ(0);
}
.c-gallic-clothers__floating-elem-4 {
  width: 7%;
  height: 11%;
  top: 65%;
  right: 20%;
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform: rotate(-10deg) translateZ(0);
          transform: rotate(-10deg) translateZ(0);
}
.is-game-ready .c-gallic-clothers__floating-elem-4 {
  opacity: 0;
  -webkit-transition: 0.55s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: 0.55s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: scale(0.3) rotate(-10deg) translateZ(0);
          transform: scale(0.3) rotate(-10deg) translateZ(0);
}
.c-gallic-clothers__floating-elem-5 {
  width: 5%;
  height: 7%;
  bottom: -14%;
  right: 15%;
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform: rotate(10deg) translateZ(0);
          transform: rotate(10deg) translateZ(0);
}
.is-game-ready .c-gallic-clothers__floating-elem-5 {
  opacity: 0;
  -webkit-transition: 0.55s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: 0.55s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: scale(0.35) rotate(10deg) translateZ(0);
          transform: scale(0.35) rotate(10deg) translateZ(0);
}
.c-gallic-clothers__floating-elem-6 {
  width: 8%;
  height: 15%;
  top: 27%;
  right: 5%;
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
  -webkit-transform: rotate(10deg) translateZ(0);
          transform: rotate(10deg) translateZ(0);
}
.is-game-ready .c-gallic-clothers__floating-elem-6 {
  opacity: 0;
  -webkit-transition: 0.55s 0.06s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: 0.55s 0.06s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: scale(0.3) rotate(10deg) translateZ(0);
          transform: scale(0.3) rotate(10deg) translateZ(0);
}
.c-gallic-clothers__drop img {
  opacity: 0;
  -webkit-transform: rotate(5deg) scale(0.7) translateZ(0);
          transform: rotate(5deg) scale(0.7) translateZ(0);
}
.c-gallic-clothers__drop.is-success img {
  opacity: 1;
  -webkit-transform: rotate(0) scale(1) translateZ(0);
          transform: rotate(0) scale(1) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-completed .c-gallic-clothers__drop img {
  opacity: 0;
  -webkit-transform: rotate(0) scale(1) translateZ(0);
          transform: rotate(0) scale(1) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-game-hidden .c-gallic-clothers__drop img {
  opacity: 0;
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-gallic-clothers__drop:nth-of-type(1) {
  top: 30.6%;
  left: 43.9%;
  width: 13.5%;
  height: 25%;
  z-index: 2;
}
.c-gallic-clothers__drop:nth-of-type(2) {
  top: 20%;
  left: 73.7%;
  width: 7.5%;
  height: 9%;
}
.c-gallic-clothers__drop:nth-of-type(3) {
  top: 30.8%;
  left: 71.1%;
  width: 12.4%;
  height: 19.4%;
  z-index: 2;
}
.c-gallic-clothers__drop:nth-of-type(4) {
  top: 24.8%;
  left: 51.1%;
  width: 8.4%;
  height: 11.4%;
}
.c-gallic-clothers__drop:nth-of-type(5) {
  top: 48.2%;
  left: 21.4%;
  width: 15.1%;
  height: 24.4%;
}
.c-gallic-clothers__drop:nth-of-type(6) {
  top: 53.2%;
  left: 42.4%;
  width: 14.4%;
  height: 32.4%;
}
.c-gallic-clothers__drop:nth-of-type(7) {
  top: 31.9%;
  left: 23.7%;
  width: 10.4%;
  height: 18.1%;
}
.c-gallic-clothers__drop:nth-of-type(8) {
  top: 31.7%;
  left: 25.3%;
  width: 6.3%;
  height: 9%;
  z-index: 3;
}
.c-gallic-clothers__drop:nth-of-type(9) {
  top: 51.8%;
  left: 68.3%;
  width: 15.4%;
  height: 33.1%;
}
@-webkit-keyframes error {
  0% {
    -webkit-transform: translateX(-2px) translateZ(0);
            transform: translateX(-2px) translateZ(0);
  }
  50% {
    -webkit-transform: translateX(0px) translateZ(0);
            transform: translateX(0px) translateZ(0);
  }
  100% {
    -webkit-transform: translateX(2px) translateZ(0);
            transform: translateX(2px) translateZ(0);
  }
}
@keyframes error {
  0% {
    -webkit-transform: translateX(-2px) translateZ(0);
            transform: translateX(-2px) translateZ(0);
  }
  50% {
    -webkit-transform: translateX(0px) translateZ(0);
            transform: translateX(0px) translateZ(0);
  }
  100% {
    -webkit-transform: translateX(2px) translateZ(0);
            transform: translateX(2px) translateZ(0);
  }
}
.c-header {
  z-index: 100;
}
.c-header--francetv {
  z-index: 9999;
  top: 31px;
  left: 0;
}
.c-header--right {
  -webkit-transform: translateX(95%) translateY(-95%) translateZ(0);
          transform: translateX(95%) translateY(-95%) translateZ(0);
  -webkit-transition: visibility 0s 0s, -webkit-transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: visibility 0s 0s, -webkit-transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0s;
  transition: transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1), visibility 0s 0s, -webkit-transform 0.8s 0s cubic-bezier(0.23, 1, 0.32, 1);
  visibility: hidden;
}
.is-game-ready .c-header--right {
  -webkit-transform: translateX(0) translateY(0) translateZ(0);
          transform: translateX(0) translateY(0) translateZ(0);
  visibility: visible;
}
.is-game-completed .c-header--right {
  -webkit-transform: translateX(95%) translateY(-95%) translateZ(0);
          transform: translateX(95%) translateY(-95%) translateZ(0);
  visibility: hidden;
}
.c-header--middle {
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .c-header--middle__link {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.c-header--middle__hover {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-100%) translateZ(0);
          transform: translateX(-50%) translateY(-100%) translateZ(0);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  border: 2px solid #50435c;
}
.c-header--middle__btn {
  width: 77px;
  height: 28px;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-header--middle.is-active .c-header--middle__hover {
  -webkit-transform: translateX(-50%) translateY(0) translateZ(0);
          transform: translateX(-50%) translateY(0) translateZ(0);
}
.c-header--middle.is-active .c-header--middle__btn {
  -webkit-transform: translateY(120%) translateZ(0);
          transform: translateY(120%) translateZ(0);
}
.c-header__btn {
  z-index: 2;
}
.c-header__btn-open {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-game-hidden .c-header__btn-open {
  opacity: 0;
}
.c-header__btn-close {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-game-hidden .c-header__btn-close {
  opacity: 1;
}
.c-header__corner {
  width: 360px;
  height: 360px;
  -webkit-transform: translateX(-67%) translateY(-50%) rotate(-45deg) translateZ(0);
          transform: translateX(-67%) translateY(-50%) rotate(-45deg) translateZ(0);
  z-index: 0;
}
.c-header--right .c-header__corner {
  -webkit-transform: translateX(3%) translateY(-50%) rotate(45deg) translateZ(0);
          transform: translateX(3%) translateY(-50%) rotate(45deg) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-header__corner {
    -webkit-transform: translateX(-95%) translateY(-50%) rotate(-45deg) translateZ(0);
            transform: translateX(-95%) translateY(-50%) rotate(-45deg) translateZ(0);
  }
  .c-header--right .c-header__corner {
    -webkit-transform: translateX(15%) translateY(-50%) rotate(45deg) translateZ(0);
            transform: translateX(15%) translateY(-50%) rotate(45deg) translateZ(0);
  }
}
.c-header__corner:before {
  position: absolute;
  content: '';
  bottom: 15px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #64596e;
}
.c-header__corner:after {
  position: absolute;
  content: '';
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #64596e;
}
.c-header__gradient {
  width: 100%;
  height: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-header--right .c-header__gradient {
  background: -webkit-linear-gradient(right, #ff5002, #ff7f01);
  background: linear-gradient(to left, #ff5002, #ff7f01);
}
.c-header__gradient.is-active {
  opacity: 1;
}
.c-header__btn-label {
  top: 25px;
  left: 100px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-header__btn:hover .c-header__btn-label {
  opacity: 1;
  visibility: visible;
}
.c-header--right .c-header__btn-label {
  left: auto;
  right: 100px;
}
@media screen and (max-width: 768px) {
  .c-header--francetv {
    top: 0;
  }
}
.c-learn-to-fight__prev,
.c-learn-to-fight__next {
  top: 50%;
  margin-top: -32.5px;
  opacity: 0;
  -webkit-transform: translateY(100px) translateZ(0);
          transform: translateY(100px) translateZ(0);
}
.is-game-ready .c-learn-to-fight__prev,
.is-game-ready .c-learn-to-fight__next {
  opacity: 1;
  -webkit-transition: 0.55s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-game-completed .c-learn-to-fight__prev,
.is-game-completed .c-learn-to-fight__next {
  opacity: 0;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 767px) {
  .c-learn-to-fight__prev,
  .c-learn-to-fight__next {
    top: auto;
    bottom: 20px;
  }
}
.c-learn-to-fight__prev {
  left: 4%;
}
.c-learn-to-fight__next {
  right: 4%;
}
.c-learn-to-fight__btn {
  bottom: 50px;
  left: 50%;
  margin-left: -80px;
  opacity: 0;
  -webkit-transform: translateY(100px) translateZ(0);
          transform: translateY(100px) translateZ(0);
}
.is-game-ready .c-learn-to-fight__btn {
  opacity: 1;
  -webkit-transition: 0.55s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-learn-to-fight__btn {
    bottom: 20px;
  }
}
.c-learn-to-fight__error {
  top: 50%;
  left: 50%;
  width: 210px;
  height: 210px;
  margin-left: -105px;
  margin-top: -105px;
  border-radius: 50%;
  border: 3px solid #df1c1c;
  z-index: 2;
  opacity: 0;
  -webkit-transform: scale(0.3) translateZ(0);
          transform: scale(0.3) translateZ(0);
  -webkit-transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-error .c-learn-to-fight__error {
  opacity: 1;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
.is-error-leaving .c-learn-to-fight__error {
  -webkit-transition: 0.55s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
.c-learn-to-fight__success-top {
  top: 50%;
  left: 50%;
  width: 140px;
  height: 140px;
  margin-left: -70px;
  margin-top: -70px;
  border-radius: 50%;
  border: 3px solid #fab841;
  z-index: 12;
  opacity: 0;
  -webkit-transform: scale(0.3) translateZ(0);
          transform: scale(0.3) translateZ(0);
  -webkit-transition: 0.55s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-success .c-learn-to-fight__success-top {
  opacity: 0.5;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
.c-learn-to-fight__success-bottom {
  top: 50%;
  left: 50%;
  width: 210px;
  height: 210px;
  margin-left: -105px;
  margin-top: -105px;
  border-radius: 50%;
  border: 3px solid #fab841;
  box-shadow: 0px 0px 21px #fab841;
  z-index: 2;
  opacity: 0;
  -webkit-transform: scale(0.3) translateZ(0);
          transform: scale(0.3) translateZ(0);
  -webkit-transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-learn-to-fight__success-bottom:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0px 0px 21px #fab841 inset;
}
.is-success .c-learn-to-fight__success-bottom {
  opacity: 1;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
.c-learn-to-fight__line {
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 100%;
  height: 2px;
  background: #fab841;
  opacity: 0.1;
  z-index: 0;
  -webkit-transform: scaleX(0) translateZ(0);
          transform: scaleX(0) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-learn-to-fight__line {
    top: auto;
    bottom: 73px;
  }
}
.is-game-ready .c-learn-to-fight__line {
  -webkit-transform: scaleX(1) translateZ(0);
          transform: scaleX(1) translateZ(0);
  -webkit-transition: 1.4s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1.4s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-learn-to-fight__tick {
  width: 20px;
  height: 20px;
}
.c-learn-to-fight__tick:before {
  position: absolute;
  content: '';
  bottom: 4px;
  left: 0px;
  height: 3px;
  width: 9px;
  background: #fab841;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: rotate(50deg) scaleX(0) translateZ(0);
          transform: rotate(50deg) scaleX(0) translateZ(0);
}
.c-learn-to-fight__tick:after {
  position: absolute;
  content: '';
  bottom: 4px;
  left: 10px;
  height: 3px;
  width: 15px;
  background: #fab841;
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: rotate(-50deg) scaleX(0) translateZ(0);
          transform: rotate(-50deg) scaleX(0) translateZ(0);
}
.is-success .c-learn-to-fight__tick:before {
  -webkit-transform: rotate(50deg) scaleX(1) translateZ(0);
          transform: rotate(50deg) scaleX(1) translateZ(0);
  -webkit-transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-success .c-learn-to-fight__tick:after {
  -webkit-transform: rotate(-50deg) scaleX(1) translateZ(0);
          transform: rotate(-50deg) scaleX(1) translateZ(0);
  -webkit-transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-learn-to-fight__preview {
  opacity: 0;
  -webkit-transform: translateY(25px) translateZ(0);
          transform: translateY(25px) translateZ(0);
}
.c-learn-to-fight__preview img {
  opacity: 0.1;
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-learn-to-fight__preview img:nth-of-type(1) {
  opacity: 1;
}
.is-step-two .c-learn-to-fight__preview img:nth-of-type(2),
.is-step-three .c-learn-to-fight__preview img:nth-of-type(2) {
  opacity: 1;
}
.is-step-three .c-learn-to-fight__preview img:nth-of-type(3) {
  opacity: 1;
}
.is-game-ready .c-learn-to-fight__preview {
  opacity: 1;
  -webkit-transition: 0.45s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-game-completed .c-learn-to-fight__preview img {
  opacity: 0 !important;
}
.c-learn-to-fight__error-msg {
  top: 50%;
  left: 50%;
  margin-top: -12px;
  font-size: 20px;
  font-size: 1.25rem;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(25px) translateZ(0);
          transform: translateX(-50%) translateY(25px) translateZ(0);
  letter-spacing: 0.15em;
  z-index: 12;
  -webkit-transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-learn-to-fight__error-msg span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(50px) translateZ(0);
          transform: translateY(50px) translateZ(0);
}
.is-error .c-learn-to-fight__error-msg {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0) translateZ(0);
          transform: translateX(-50%) translateY(0) translateZ(0);
}
.is-error .c-learn-to-fight__error-msg span {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(1) {
  -webkit-transition: 0.26s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(2) {
  -webkit-transition: 0.26s 0.02s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.02s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(3) {
  -webkit-transition: 0.26s 0.04s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.04s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(4) {
  -webkit-transition: 0.26s 0.06s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.06s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(5) {
  -webkit-transition: 0.26s 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(6) {
  -webkit-transition: 0.26s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(7) {
  -webkit-transition: 0.26s 0.12s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.12s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(8) {
  -webkit-transition: 0.26s 0.14s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.14s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(9) {
  -webkit-transition: 0.26s 0.16s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.16s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(10) {
  -webkit-transition: 0.26s 0.18s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.18s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(11) {
  -webkit-transition: 0.26s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(12) {
  -webkit-transition: 0.26s 0.22s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.22s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(13) {
  -webkit-transition: 0.26s 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(14) {
  -webkit-transition: 0.26s 0.26s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.26s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(15) {
  -webkit-transition: 0.26s 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(16) {
  -webkit-transition: 0.26s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error .c-learn-to-fight__error-msg span:nth-of-type(17) {
  -webkit-transition: 0.26s 0.32s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.32s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0) translateZ(0);
          transform: translateX(-50%) translateY(0) translateZ(0);
}
.is-error-leaving .c-learn-to-fight__error-msg span {
  opacity: 0;
  -webkit-transform: translateY(-25px) translateZ(0);
          transform: translateY(-25px) translateZ(0);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(1) {
  -webkit-transition: 0.26s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(2) {
  -webkit-transition: 0.26s 0.02s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.02s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(3) {
  -webkit-transition: 0.26s 0.04s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.04s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(4) {
  -webkit-transition: 0.26s 0.06s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.06s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(5) {
  -webkit-transition: 0.26s 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.08s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(6) {
  -webkit-transition: 0.26s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(7) {
  -webkit-transition: 0.26s 0.12s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.12s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(8) {
  -webkit-transition: 0.26s 0.14s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.14s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(9) {
  -webkit-transition: 0.26s 0.16s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.16s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(10) {
  -webkit-transition: 0.26s 0.18s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.18s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(11) {
  -webkit-transition: 0.26s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(12) {
  -webkit-transition: 0.26s 0.22s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.22s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(13) {
  -webkit-transition: 0.26s 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(14) {
  -webkit-transition: 0.26s 0.26s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.26s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(15) {
  -webkit-transition: 0.26s 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.28s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(16) {
  -webkit-transition: 0.26s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-error-leaving .c-learn-to-fight__error-msg span:nth-of-type(17) {
  -webkit-transition: 0.26s 0.32s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.26s 0.32s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-loader {
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-loading .c-loader {
  opacity: 1;
  visibility: visible;
}
.c-nav-chapters {
  top: 0;
  left: 110px;
}
.c-nav-chapters__item {
  opacity: 0;
  -webkit-transform: translateY(10px) translateZ(0);
          transform: translateY(10px) translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-chapters__item:nth-of-type(1) {
  -webkit-transition: 0.45s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-chapters__item:nth-of-type(2) {
  -webkit-transition: 0.45s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-chapters__item:nth-of-type(3) {
  -webkit-transition: 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-chapters__item {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-nav-active .c-nav-chapters__item:nth-of-type(1) {
  -webkit-transition: 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-chapters__item:nth-of-type(2) {
  -webkit-transition: 0.45s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-chapters__item:nth-of-type(3) {
  -webkit-transition: 0.45s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-sidebar {
  top: 50%;
  right: 80px;
  -webkit-transform: translateY(-50%) translateZ(0);
          transform: translateY(-50%) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-nav-sidebar {
    right: 30px;
  }
}
.c-nav-sidebar__item {
  opacity: 1;
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
}
.c-nav-sidebar__item:nth-of-type(1) {
  -webkit-transition: opacity 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-sidebar__item:nth-of-type(2) {
  -webkit-transition: opacity 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-sidebar__item:nth-of-type(3) {
  -webkit-transition: opacity 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-sidebar__item:nth-of-type(4) {
  -webkit-transition: opacity 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-sidebar__item:nth-of-type(5) {
  -webkit-transition: opacity 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-sidebar__item:nth-of-type(6) {
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-sidebar__item {
  opacity: 0;
  -webkit-transform: translateX(5px) translateZ(0);
          transform: translateX(5px) translateZ(0);
}
.is-nav-active .c-nav-sidebar__item:nth-of-type(1) {
  -webkit-transition: opacity 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-sidebar__item:nth-of-type(2) {
  -webkit-transition: opacity 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.03s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-sidebar__item:nth-of-type(3) {
  -webkit-transition: opacity 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.06s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-sidebar__item:nth-of-type(4) {
  -webkit-transition: opacity 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.09s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-sidebar__item:nth-of-type(5) {
  -webkit-transition: opacity 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.12s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-nav-sidebar__item:nth-of-type(6) {
  -webkit-transition: opacity 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s 0.15s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-sidebar__diamond {
  width: 7px;
  height: 7px;
  outline: none;
}
.c-nav-sidebar__diamond:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: -2px 2px 2px rgba(0,0,0,0.5);
  -webkit-transform-origin: 50% 30%;
      -ms-transform-origin: 50% 30%;
          transform-origin: 50% 30%;
  -webkit-transition: opacity 0.55s 0s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0s;
  transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: rotate(-45deg) scale(1) translateZ(0);
          transform: rotate(-45deg) scale(1) translateZ(0);
}
.c-nav-sidebar__diamond:after {
  position: absolute;
  content: '';
  top: -0.5px;
  left: -2.5px;
  width: 10px;
  height: 10px;
  background: #fab841;
  opacity: 0;
  -webkit-transform-origin: 50% 30%;
      -ms-transform-origin: 50% 30%;
          transform-origin: 50% 30%;
  -webkit-transition: opacity 0.55s 0s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.55s 0s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0s;
  transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.55s 0s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: rotate(-45deg) scale(0.7) translateZ(0);
          transform: rotate(-45deg) scale(0.7) translateZ(0);
}
.c-nav-sidebar__diamond.is-active:before {
  opacity: 0;
  -webkit-transform: rotate(-45deg) scale(0.7) translateZ(0);
          transform: rotate(-45deg) scale(0.7) translateZ(0);
}
.c-nav-sidebar__diamond.is-active:after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1) translateZ(0);
          transform: rotate(-45deg) scale(1) translateZ(0);
}
.c-nav-timeline {
  top: 50%;
  right: 45px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
.c-nav-timeline__diamond {
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-nav-timeline__diamond:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-timeline__diamond:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-size: 2px;
  border-style: solid;
  -webkit-border-image: -webkit-linear-gradient(top, #f5812f 1%, #f7c58e 50%, #f7e5be 100%);
          border-image: linear-gradient(to bottom, #f5812f 1%, #f7c58e 50%, #f7e5be 100%);
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav-timeline__link:hover .c-nav-timeline__diamond:before {
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
}
.c-nav-timeline__link:hover .c-nav-timeline__diamond:after,
.is-active .c-nav-timeline__link:hover .c-nav-timeline__diamond {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
}
.c-nav {
  height: 50%;
  z-index: 12;
  display: none;
}
.c-nav__color-label {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 0;
  -webkit-transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav__color-label.is-active {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-nav__controls {
  margin-left: 5%;
  opacity: 0;
  -webkit-transform: translateY(100px) translateZ(0);
          transform: translateY(100px) translateZ(0);
  -webkit-transition: 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.45s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav__controls:before {
  position: absolute;
  content: '';
  width: 110%;
  height: 1px;
  background: #fff;
  opacity: 0.1;
  left: -5%;
  top: 50%;
}
.c-nav.is-active .c-nav__controls {
  opacity: 1;
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: 0.55s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav__controls-left,
.c-nav__controls-right {
  -webkit-transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-first .c-nav__controls-left {
  opacity: 0;
}
.is-last .c-nav__controls-right {
  opacity: 0;
}
.c-nav__controls-btn {
  top: -5px;
}
.c-nav__controls-btn .t-btn--circle__bg {
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
}
.is-nav-active .c-nav__controls-btn .t-btn--circle__bg {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-nav__controls-btn .t-btn--circle__borders-container {
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
}
.is-nav-active .c-nav__controls-btn .t-btn--circle__borders-container {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: -webkit-transform 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-nav__controls-btn .t-btn--circle__shadow-container {
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
}
.is-nav-active .c-nav__controls-btn .t-btn--circle__shadow-container {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-nav__controls-btn .t-btn--circle__symbol {
  -webkit-transform: scale(0) translateZ(0);
          transform: scale(0) translateZ(0);
}
.is-nav-active .c-nav__controls-btn .t-btn--circle__symbol {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-nav__controls-btn .t-btn--circle__arrow {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.is-nav-active .c-nav__controls-btn .t-btn--circle__arrow {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  opacity: 1;
  -webkit-transition: opacity 0.5s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.5s 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-page {
  height: -webkit-calc(100% - 110px);
  height: calc(100% - 110px);
  margin-top: 110px;
}
@media screen and (max-width: 1024px) {
  .c-page {
    height: -webkit-calc(100% - 32px);
    height: calc(100% - 32px);
    margin-top: 32px;
  }
}
@media screen and (max-width: 769px) {
  .c-page {
    height: 100%;
    margin-top: 0;
  }
}
.c-parchment {
  background-image: url("./assets/images/parchment.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
  -webkit-transform: translateY(10px) rotate(-2deg) translateZ(0);
          transform: translateY(10px) rotate(-2deg) translateZ(0);
  -webkit-transition: 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.4s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-rules.is-active .c-parchment {
  opacity: 1;
  -webkit-transform: translateY(0) rotate(-2deg) translateZ(0);
          transform: translateY(0) rotate(-2deg) translateZ(0);
  -webkit-transition: 0.55s 0.07s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.07s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-rules {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  z-index: 99;
  -webkit-transition: 0s 0.6s;
  transition: 0s 0.6s;
  display: none;
}
.c-rules.is-active {
  opacity: 1;
  -webkit-transition: 0s;
  transition: 0s;
  visibility: visible;
}
.c-rules__flag {
  opacity: 0;
  -webkit-transition: 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.75s 0s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-rules.is-active .c-rules__flag {
  opacity: 1;
  -webkit-transition: 0.75s 0.07s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.75s 0.07s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-rules__box:before {
  padding-top: 70%;
}
@media screen and (max-width: 767px) {
  .c-rules__box:before {
    padding-top: 57%;
  }
}
@media screen and (max-width: 767px) {
  .c-rules__text {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.c-screen {
  height: -webkit-calc(100% - 100px);
  height: calc(100% - 100px);
}
@media screen and (max-width: 767px) {
  .c-screen {
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
  }
}
.c-screen--end {
  padding-bottom: 10%;
}
.c-screen--end__form {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-slide {
  -webkit-transform: translateY(-100%) translateZ(0);
          transform: translateY(-100%) translateZ(0);
  -webkit-transition: -webkit-transform 0s 1s;
  transition: -webkit-transform 0s 1s;
  transition: transform 0s 1s;
  transition: transform 0s 1s, -webkit-transform 0s 1s;
  will-change: transform;
}
.c-slide.is-active {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  -webkit-transition: -webkit-transform 0s 0s;
  transition: -webkit-transform 0s 0s;
  transition: transform 0s 0s;
  transition: transform 0s 0s, -webkit-transform 0s 0s;
}
.c-slide__base,
.c-slide__mask {
  -webkit-transition: opacity 1s 0s, -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1s 0s, -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0s;
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), opacity 1s 0s, -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide__base {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-slide-leaving-top .c-slide__base {
  opacity: 0.5;
  -webkit-transform: translateY(-100%) translateZ(0);
          transform: translateY(-100%) translateZ(0);
}
.is-slide-leaving-bottom .c-slide__base {
  opacity: 0.5;
  -webkit-transform: translateY(100%) translateZ(0);
          transform: translateY(100%) translateZ(0);
}
.c-slide__mask {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-slide-leaving-top .c-slide__mask {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.is-slide-leaving-bottom .c-slide__mask {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}
.c-slide__text-container {
  opacity: 1;
  -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
  will-change: transform;
}
.is-slide-leaving-top .c-slide__text-container {
  -webkit-transform: translateY(-50%) translateZ(0);
          transform: translateY(-50%) translateZ(0);
  -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-slide-leaving-bottom .c-slide__text-container {
  -webkit-transform: translateY(50%) translateZ(0);
          transform: translateY(50%) translateZ(0);
  -webkit-transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-nav-active .c-slide__text-container {
  opacity: 0;
  -webkit-transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-slide__media {
  -webkit-transform: scale(1.1) translateZ(0);
          transform: scale(1.1) translateZ(0);
  -webkit-transition: -webkit-transform 1s 0s;
  transition: -webkit-transform 1s 0s;
  transition: transform 1s 0s;
  transition: transform 1s 0s, -webkit-transform 1s 0s;
  will-change: transform;
}
.is-active .c-slide__media {
  -webkit-transform: scale(1) translateZ(0);
          transform: scale(1) translateZ(0);
  -webkit-transition: -webkit-transform 1s 0s;
  transition: -webkit-transform 1s 0s;
  transition: transform 1s 0s;
  transition: transform 1s 0s, -webkit-transform 1s 0s;
}
.c-tick {
  width: 20px;
  height: 20px;
}
.c-tick:before {
  position: absolute;
  content: '';
  bottom: 4px;
  left: 0px;
  height: 3px;
  width: 9px;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  -webkit-transform: rotate(50deg) scaleX(0) translateZ(0);
          transform: rotate(50deg) scaleX(0) translateZ(0);
}
.c-tick:after {
  position: absolute;
  content: '';
  bottom: 4px;
  left: 10px;
  height: 3px;
  width: 15px;
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
  -webkit-transform: rotate(-50deg) scaleX(0) translateZ(0);
          transform: rotate(-50deg) scaleX(0) translateZ(0);
}
.is-success .c-tick:before {
  -webkit-transform: rotate(50deg) scaleX(1) translateZ(0);
          transform: rotate(50deg) scaleX(1) translateZ(0);
  -webkit-transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-success .c-tick:after {
  -webkit-transform: rotate(-50deg) scaleX(1) translateZ(0);
          transform: rotate(-50deg) scaleX(1) translateZ(0);
  -webkit-transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.35s 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-tick--dark:before,
.c-tick--dark:after {
  background: #291e27;
}
.c-title-skew {
  -webkit-transform: skewX(-5.13deg);
      -ms-transform: skewX(-5.13deg);
          transform: skewX(-5.13deg);
}
.c-title-skew__first {
  font-size: 50px;
  font-size: 3.125rem;
}
@media screen and (max-width: 1280px) {
  .c-title-skew__first {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .c-title-skew__first {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.c-title-skew__top {
  -webkit-transform: rotate(-3deg) translateZ(0);
          transform: rotate(-3deg) translateZ(0);
}
.c-title-skew__bottom {
  top: -5px;
  -webkit-transform: rotate(-3deg) translateZ(0);
          transform: rotate(-3deg) translateZ(0);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-title-skew__bottom {
    top: 2px;
  }
}
.c-title-skew__alt-bottom {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: 'Montserrat', 'sans-serif';
  top: 0;
  -webkit-transform: rotate(-2.5deg) translateZ(0);
          transform: rotate(-2.5deg) translateZ(0);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-title-skew__alt-bottom {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.c-title-skew__shadow:before,
.c-title-skew__alt-shadow:before {
  position: absolute;
  content: attr(data-text);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #000;
  opacity: 0.2;
  -webkit-transform: translateX(4px) translateY(5px) translateZ(0);
          transform: translateX(4px) translateY(5px) translateZ(0);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .c-title-skew__shadow:before,
  .c-title-skew__alt-shadow:before {
    -webkit-transform: translateX(1px) translateY(3px) translateZ(0);
            transform: translateX(1px) translateY(3px) translateZ(0);
  }
}
.c-title-skew__alt-shadow:before {
  -webkit-transform: translateX(4px) translateY(2px) translateZ(0);
          transform: translateX(4px) translateY(2px) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-title-skew__alt-shadow:before {
    -webkit-transform: translateX(4px) translateY(4px) translateZ(0);
            transform: translateX(4px) translateY(4px) translateZ(0);
  }
}
.c-tutorial {
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.5s 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-tutorial.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0s;
  transition: 0s;
}
.c-tutorial__title {
  left: 50%;
  top: 50%;
  z-index: 11;
  -webkit-transform: translateX(-50%) translateY(-480%) translateZ(0);
          transform: translateX(-50%) translateY(-480%) translateZ(0);
  -webkit-transition: 0.5s 0s cubic-bezier(0.6, -0.22, 0.735, 0.045);
  transition: 0.5s 0s cubic-bezier(0.6, -0.22, 0.735, 0.045);
}
.c-tutorial.is-active .c-tutorial__title {
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
          transform: translateX(-50%) translateY(-50%) translateZ(0);
  -webkit-transition: 0s;
  transition: 0s;
}
@media screen and (max-width: 767px) {
  .c-tutorial__title {
    top: 30%;
  }
}
.c-tutorial__flag {
  height: 90vh;
  -webkit-transform: translateY(-110%) translateZ(0);
          transform: translateY(-110%) translateZ(0);
  -webkit-transition: 0.55s 0.03s cubic-bezier(0.6, -0.18, 0.735, 0.045);
  transition: 0.55s 0.03s cubic-bezier(0.6, -0.18, 0.735, 0.045);
}
.c-tutorial.is-active .c-tutorial__flag {
  -webkit-transform: translateY(-10%) translateZ(0);
          transform: translateY(-10%) translateZ(0);
  -webkit-transition: 0s;
  transition: 0s;
}
@media screen and (max-width: 767px) {
  .c-tutorial__flag {
    height: 80vh !important;
  }
}
.c-video-player__progressbar {
  height: 4px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.c-video-player__controls {
  z-index: 2;
}
.c-video-player__poster {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.has-started .c-video-player__poster {
  opacity: 0;
}
.c-video-player__track {
  left: -100%;
}
.c-video-player__controls-play {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-paused .c-video-player__controls-play {
  opacity: 1;
}
.c-video-player__controls-pause {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-paused .c-video-player__controls-pause {
  opacity: 0;
}
.c-video-player__controls-sound-on {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-muted .c-video-player__controls-sound-on {
  opacity: 0;
}
.c-video-player__controls-sound {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-muted .c-video-player__controls-sound {
  opacity: 1;
}
.c-video-player__controls-fullscreen {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-fullscreen .c-video-player__controls-fullscreen {
  opacity: 0;
}
.c-video-player__controls-fullscreen-on {
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.is-fullscreen .c-video-player__controls-fullscreen-on {
  opacity: 1;
}
.c-wheel-container {
  top: -50px;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transform: translateX(-50%) translateY(45%) translateZ(0);
          transform: translateX(-50%) translateY(45%) translateZ(0);
  -webkit-transition: -webkit-transform 1.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.05s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1.05s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.05s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-nav.is-active .c-wheel-container {
  -webkit-transition: -webkit-transform 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: rotate(30deg) translateX(-50%) translateY(0) translateZ(0);
          transform: rotate(30deg) translateX(-50%) translateY(0) translateZ(0);
}
.c-wheel__background {
  width: 109%;
  left: -4.5%;
  bottom: -13%;
}
.c-wheel {
  border-radius: 50%;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-wheel__title {
  font-size: 70px;
  font-size: 4.375rem;
}
@media screen and (max-width: 1280px) {
  .c-wheel__title {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
@media screen and (max-width: 1024px) {
  .c-wheel__title {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .c-wheel__title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.c-wheel__container {
  z-index: 10;
}
.c-wheel__part {
  width: 50%;
  height: 50%;
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
  z-index: 3;
}
.c-wheel__part:nth-of-type(1) {
  -webkit-transform: rotate(0deg) skewY(-30deg);
      -ms-transform: rotate(0deg) skewY(-30deg);
          transform: rotate(0deg) skewY(-30deg);
}
.c-wheel__part:nth-of-type(2) {
  -webkit-transform: rotate(60deg) skewY(-30deg);
      -ms-transform: rotate(60deg) skewY(-30deg);
          transform: rotate(60deg) skewY(-30deg);
}
.c-wheel__part:nth-of-type(3) {
  -webkit-transform: rotate(120deg) skewY(-30deg);
      -ms-transform: rotate(120deg) skewY(-30deg);
          transform: rotate(120deg) skewY(-30deg);
}
.c-wheel__part:nth-of-type(4) {
  -webkit-transform: rotate(180deg) skewY(-30deg);
      -ms-transform: rotate(180deg) skewY(-30deg);
          transform: rotate(180deg) skewY(-30deg);
}
.c-wheel__part:nth-of-type(5) {
  -webkit-transform: rotate(240deg) skewY(-30deg);
      -ms-transform: rotate(240deg) skewY(-30deg);
          transform: rotate(240deg) skewY(-30deg);
}
.c-wheel__part:nth-of-type(6) {
  -webkit-transform: rotate(300deg) skewY(-30deg);
      -ms-transform: rotate(300deg) skewY(-30deg);
          transform: rotate(300deg) skewY(-30deg);
}
.c-wheel__label {
  font-size: 80px;
  font-size: 5rem;
  font-family: Playfair Display;
  -webkit-transform-origin: 10% 20%;
      -ms-transform-origin: 10% 20%;
          transform-origin: 10% 20%;
  height: 40%;
  -webkit-transform: scale(0.8) skewY(30deg) rotate(30deg) translateZ(0);
          transform: scale(0.8) skewY(30deg) rotate(30deg) translateZ(0);
  opacity: 0.2;
  -webkit-transition: 0.65s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.65s cubic-bezier(0.23, 1, 0.32, 1);
}
.c-wheel__part.is-active .c-wheel__label {
  opacity: 1;
  -webkit-transform: scale(1) skewY(30deg) rotate(30deg) translateZ(0);
          transform: scale(1) skewY(30deg) rotate(30deg) translateZ(0);
}
@media screen and (max-width: 767px) {
  .c-wheel__label {
    height: 20%;
  }
}
.c-wheel__shadow:before {
  opacity: 0;
  -webkit-transition: 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-wheel__part.is-active .c-wheel__shadow:before {
  opacity: 0.2;
  -webkit-transition: 0.45s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 0.45s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-wheel__shadow-first:before {
  -webkit-transform: translateX(4px) translateY(24px) translateZ(0);
          transform: translateX(4px) translateY(24px) translateZ(0);
}
@media screen and (max-width: 1280px) {
  .c-wheel__shadow-first:before {
    -webkit-transform: translateX(4px) translateY(14px) translateZ(0);
            transform: translateX(4px) translateY(14px) translateZ(0);
  }
}
@media screen and (max-width: 767px) {
  .c-wheel__shadow-first:before {
    -webkit-transform: translateX(4px) translateY(33px) translateZ(0);
            transform: translateX(4px) translateY(33px) translateZ(0);
  }
}
.o-box,
.o-box--16by9,
.o-box--1by1,
.o-box--1by2,
.o-box--1by4,
.o-box--3by4,
.o-box--4by10,
.o-box--6by10,
.o-box--7by10 {
  position: relative;
}
.o-box:before,
.o-box--16by9:before,
.o-box--1by1:before,
.o-box--1by2:before,
.o-box--1by4:before,
.o-box--3by4:before,
.o-box--4by10:before,
.o-box--6by10:before,
.o-box--7by10:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
}
.o-box--16by9:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-bottom: 56.25%;
  min-height: 150px;
}
.o-box--1by1:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 100%;
}
.o-box--1by2:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 50%;
}
.o-box--1by4:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 25%;
}
.o-box--3by4:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 75%;
}
.o-box--4by10:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 40%;
}
.o-box--6by10:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 60%;
}
.o-box--7by10:before {
  position: relative;
  content: '';
  display: inline-block;
  width: 100%;
  padding-top: 70%;
}
.o-list--inline .o-list__item {
  display: inline-block;
}
.o-wrapper,
.o-wrapper--valign {
  position: relative;
}
.o-wrapper--panel {
  position: absolute;
  top: 0;
  left: 0;
}
.o-wrapper--valign:after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.c-btn-help {
  left: 50%;
  top: 66px;
  margin-left: -33px;
  z-index: 15;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: 0.55s 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 767px) {
  .c-btn-help {
    top: 26px;
    margin-left: -25px;
  }
}
.is-game-ready .c-btn-help {
  opacity: 1;
}
.is-game-hidden .c-btn-help {
  opacity: 0;
}
.c-spear {
  bottom: -3%;
  left: 40%;
  width: 10%;
  height: 80%;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  z-index: 5;
  -webkit-transform: translateX(-20%) translateY(10%) rotate(30deg);
      -ms-transform: translateX(-20%) translateY(10%) rotate(30deg);
          transform: translateX(-20%) translateY(10%) rotate(30deg);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .c-spear {
    bottom: 7%;
    left: 45%;
  }
}
.is-game-ready .c-spear {
  opacity: 1;
  -webkit-transition: 0.55s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(0) translateY(0) rotate(30deg);
      -ms-transform: translateX(0) translateY(0) rotate(30deg);
          transform: translateX(0) translateY(0) rotate(30deg);
}
.is-step-two .c-spear {
  -webkit-transition: 1s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(60%) translateY(-20%) rotate(30deg);
      -ms-transform: translateX(60%) translateY(-20%) rotate(30deg);
          transform: translateX(60%) translateY(-20%) rotate(30deg);
}
.is-step-three .c-spear {
  -webkit-transition: 1s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateX(120%) translateY(-40%) rotate(30deg);
      -ms-transform: translateX(120%) translateY(-40%) rotate(30deg);
          transform: translateX(120%) translateY(-40%) rotate(30deg);
}
.is-game-completed .c-spear {
  opacity: 0;
  -webkit-transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.55s 0s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 1440px) {
  .is-step-two .c-spear {
    -webkit-transform: translateX(75%) translateY(-35%) rotate(30deg);
        -ms-transform: translateX(75%) translateY(-35%) rotate(30deg);
            transform: translateX(75%) translateY(-35%) rotate(30deg);
  }
  .is-step-three .c-spear {
    -webkit-transform: translateX(135%) translateY(-55%) rotate(30deg);
        -ms-transform: translateX(135%) translateY(-55%) rotate(30deg);
            transform: translateX(135%) translateY(-55%) rotate(30deg);
  }
}
.c-spear__top {
  width: 175px;
  height: 400px;
  z-index: 2;
}
.c-spear__top img {
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .c-spear__top {
    width: 87.5px;
    height: 200px;
  }
}
.c-spear__middle {
  width: 175px;
  height: 220px;
  top: -20px;
  z-index: 1;
}
.c-spear__middle img {
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .c-spear__middle {
    width: 87.5px;
    height: 110px;
  }
}
.c-spear__bottom {
  width: 175px;
  height: 2190px;
  top: -50px;
  z-index: 0;
}
.c-spear__bottom img {
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .c-spear__bottom {
    width: 87.5px;
    height: 1095px;
  }
}
.c-spear__elem {
  opacity: 0;
}
.c-spear__elem.is-active {
  opacity: 1;
}
.u-w1of2 {
  width: 50%;
}
.u-marg-b-vh1of2 {
  margin-bottom: 50vh;
}
.u-offset-l-w1of2 {
  margin-left: 50%;
}
.u-offset-r-w1of2 {
  margin-right: 50%;
}
.u-pad-l-w1of2 {
  padding-left: 50%;
}
.u-w2of2 {
  width: 100%;
}
.u-marg-b-vh2of2 {
  margin-bottom: 100vh;
}
.u-offset-l-w2of2 {
  margin-left: 100%;
}
.u-offset-r-w2of2 {
  margin-right: 100%;
}
.u-pad-l-w2of2 {
  padding-left: 100%;
}
.u-w1of3 {
  width: 33.333333333333336%;
}
.u-marg-b-vh1of3 {
  margin-bottom: 33.333333333333336vh;
}
.u-offset-l-w1of3 {
  margin-left: 33.333333333333336%;
}
.u-offset-r-w1of3 {
  margin-right: 33.333333333333336%;
}
.u-pad-l-w1of3 {
  padding-left: 33.333333333333336%;
}
.u-w2of3 {
  width: 66.66666666666667%;
}
.u-marg-b-vh2of3 {
  margin-bottom: 66.66666666666667vh;
}
.u-offset-l-w2of3 {
  margin-left: 66.66666666666667%;
}
.u-offset-r-w2of3 {
  margin-right: 66.66666666666667%;
}
.u-pad-l-w2of3 {
  padding-left: 66.66666666666667%;
}
.u-w3of3 {
  width: 100%;
}
.u-marg-b-vh3of3 {
  margin-bottom: 100vh;
}
.u-offset-l-w3of3 {
  margin-left: 100%;
}
.u-offset-r-w3of3 {
  margin-right: 100%;
}
.u-pad-l-w3of3 {
  padding-left: 100%;
}
.u-w1of4 {
  width: 25%;
}
.u-marg-b-vh1of4 {
  margin-bottom: 25vh;
}
.u-offset-l-w1of4 {
  margin-left: 25%;
}
.u-offset-r-w1of4 {
  margin-right: 25%;
}
.u-pad-l-w1of4 {
  padding-left: 25%;
}
.u-w2of4 {
  width: 50%;
}
.u-marg-b-vh2of4 {
  margin-bottom: 50vh;
}
.u-offset-l-w2of4 {
  margin-left: 50%;
}
.u-offset-r-w2of4 {
  margin-right: 50%;
}
.u-pad-l-w2of4 {
  padding-left: 50%;
}
.u-w3of4 {
  width: 75%;
}
.u-marg-b-vh3of4 {
  margin-bottom: 75vh;
}
.u-offset-l-w3of4 {
  margin-left: 75%;
}
.u-offset-r-w3of4 {
  margin-right: 75%;
}
.u-pad-l-w3of4 {
  padding-left: 75%;
}
.u-w4of4 {
  width: 100%;
}
.u-marg-b-vh4of4 {
  margin-bottom: 100vh;
}
.u-offset-l-w4of4 {
  margin-left: 100%;
}
.u-offset-r-w4of4 {
  margin-right: 100%;
}
.u-pad-l-w4of4 {
  padding-left: 100%;
}
.u-w1of5 {
  width: 20%;
}
.u-marg-b-vh1of5 {
  margin-bottom: 20vh;
}
.u-offset-l-w1of5 {
  margin-left: 20%;
}
.u-offset-r-w1of5 {
  margin-right: 20%;
}
.u-pad-l-w1of5 {
  padding-left: 20%;
}
.u-w2of5 {
  width: 40%;
}
.u-marg-b-vh2of5 {
  margin-bottom: 40vh;
}
.u-offset-l-w2of5 {
  margin-left: 40%;
}
.u-offset-r-w2of5 {
  margin-right: 40%;
}
.u-pad-l-w2of5 {
  padding-left: 40%;
}
.u-w3of5 {
  width: 60%;
}
.u-marg-b-vh3of5 {
  margin-bottom: 60vh;
}
.u-offset-l-w3of5 {
  margin-left: 60%;
}
.u-offset-r-w3of5 {
  margin-right: 60%;
}
.u-pad-l-w3of5 {
  padding-left: 60%;
}
.u-w4of5 {
  width: 80%;
}
.u-marg-b-vh4of5 {
  margin-bottom: 80vh;
}
.u-offset-l-w4of5 {
  margin-left: 80%;
}
.u-offset-r-w4of5 {
  margin-right: 80%;
}
.u-pad-l-w4of5 {
  padding-left: 80%;
}
.u-w5of5 {
  width: 100%;
}
.u-marg-b-vh5of5 {
  margin-bottom: 100vh;
}
.u-offset-l-w5of5 {
  margin-left: 100%;
}
.u-offset-r-w5of5 {
  margin-right: 100%;
}
.u-pad-l-w5of5 {
  padding-left: 100%;
}
.u-w1of6 {
  width: 16.666666666666668%;
}
.u-marg-b-vh1of6 {
  margin-bottom: 16.666666666666668vh;
}
.u-offset-l-w1of6 {
  margin-left: 16.666666666666668%;
}
.u-offset-r-w1of6 {
  margin-right: 16.666666666666668%;
}
.u-pad-l-w1of6 {
  padding-left: 16.666666666666668%;
}
.u-w2of6 {
  width: 33.333333333333336%;
}
.u-marg-b-vh2of6 {
  margin-bottom: 33.333333333333336vh;
}
.u-offset-l-w2of6 {
  margin-left: 33.333333333333336%;
}
.u-offset-r-w2of6 {
  margin-right: 33.333333333333336%;
}
.u-pad-l-w2of6 {
  padding-left: 33.333333333333336%;
}
.u-w3of6 {
  width: 50%;
}
.u-marg-b-vh3of6 {
  margin-bottom: 50vh;
}
.u-offset-l-w3of6 {
  margin-left: 50%;
}
.u-offset-r-w3of6 {
  margin-right: 50%;
}
.u-pad-l-w3of6 {
  padding-left: 50%;
}
.u-w4of6 {
  width: 66.66666666666667%;
}
.u-marg-b-vh4of6 {
  margin-bottom: 66.66666666666667vh;
}
.u-offset-l-w4of6 {
  margin-left: 66.66666666666667%;
}
.u-offset-r-w4of6 {
  margin-right: 66.66666666666667%;
}
.u-pad-l-w4of6 {
  padding-left: 66.66666666666667%;
}
.u-w5of6 {
  width: 83.33333333333334%;
}
.u-marg-b-vh5of6 {
  margin-bottom: 83.33333333333334vh;
}
.u-offset-l-w5of6 {
  margin-left: 83.33333333333334%;
}
.u-offset-r-w5of6 {
  margin-right: 83.33333333333334%;
}
.u-pad-l-w5of6 {
  padding-left: 83.33333333333334%;
}
.u-w6of6 {
  width: 100%;
}
.u-marg-b-vh6of6 {
  margin-bottom: 100vh;
}
.u-offset-l-w6of6 {
  margin-left: 100%;
}
.u-offset-r-w6of6 {
  margin-right: 100%;
}
.u-pad-l-w6of6 {
  padding-left: 100%;
}
.u-w1of7 {
  width: 14.285714285714286%;
}
.u-marg-b-vh1of7 {
  margin-bottom: 14.285714285714286vh;
}
.u-offset-l-w1of7 {
  margin-left: 14.285714285714286%;
}
.u-offset-r-w1of7 {
  margin-right: 14.285714285714286%;
}
.u-pad-l-w1of7 {
  padding-left: 14.285714285714286%;
}
.u-w2of7 {
  width: 28.571428571428573%;
}
.u-marg-b-vh2of7 {
  margin-bottom: 28.571428571428573vh;
}
.u-offset-l-w2of7 {
  margin-left: 28.571428571428573%;
}
.u-offset-r-w2of7 {
  margin-right: 28.571428571428573%;
}
.u-pad-l-w2of7 {
  padding-left: 28.571428571428573%;
}
.u-w3of7 {
  width: 42.85714285714286%;
}
.u-marg-b-vh3of7 {
  margin-bottom: 42.85714285714286vh;
}
.u-offset-l-w3of7 {
  margin-left: 42.85714285714286%;
}
.u-offset-r-w3of7 {
  margin-right: 42.85714285714286%;
}
.u-pad-l-w3of7 {
  padding-left: 42.85714285714286%;
}
.u-w4of7 {
  width: 57.142857142857146%;
}
.u-marg-b-vh4of7 {
  margin-bottom: 57.142857142857146vh;
}
.u-offset-l-w4of7 {
  margin-left: 57.142857142857146%;
}
.u-offset-r-w4of7 {
  margin-right: 57.142857142857146%;
}
.u-pad-l-w4of7 {
  padding-left: 57.142857142857146%;
}
.u-w5of7 {
  width: 71.42857142857143%;
}
.u-marg-b-vh5of7 {
  margin-bottom: 71.42857142857143vh;
}
.u-offset-l-w5of7 {
  margin-left: 71.42857142857143%;
}
.u-offset-r-w5of7 {
  margin-right: 71.42857142857143%;
}
.u-pad-l-w5of7 {
  padding-left: 71.42857142857143%;
}
.u-w6of7 {
  width: 85.71428571428572%;
}
.u-marg-b-vh6of7 {
  margin-bottom: 85.71428571428572vh;
}
.u-offset-l-w6of7 {
  margin-left: 85.71428571428572%;
}
.u-offset-r-w6of7 {
  margin-right: 85.71428571428572%;
}
.u-pad-l-w6of7 {
  padding-left: 85.71428571428572%;
}
.u-w7of7 {
  width: 100%;
}
.u-marg-b-vh7of7 {
  margin-bottom: 100vh;
}
.u-offset-l-w7of7 {
  margin-left: 100%;
}
.u-offset-r-w7of7 {
  margin-right: 100%;
}
.u-pad-l-w7of7 {
  padding-left: 100%;
}
.u-w1of8 {
  width: 12.5%;
}
.u-marg-b-vh1of8 {
  margin-bottom: 12.5vh;
}
.u-offset-l-w1of8 {
  margin-left: 12.5%;
}
.u-offset-r-w1of8 {
  margin-right: 12.5%;
}
.u-pad-l-w1of8 {
  padding-left: 12.5%;
}
.u-w2of8 {
  width: 25%;
}
.u-marg-b-vh2of8 {
  margin-bottom: 25vh;
}
.u-offset-l-w2of8 {
  margin-left: 25%;
}
.u-offset-r-w2of8 {
  margin-right: 25%;
}
.u-pad-l-w2of8 {
  padding-left: 25%;
}
.u-w3of8 {
  width: 37.5%;
}
.u-marg-b-vh3of8 {
  margin-bottom: 37.5vh;
}
.u-offset-l-w3of8 {
  margin-left: 37.5%;
}
.u-offset-r-w3of8 {
  margin-right: 37.5%;
}
.u-pad-l-w3of8 {
  padding-left: 37.5%;
}
.u-w4of8 {
  width: 50%;
}
.u-marg-b-vh4of8 {
  margin-bottom: 50vh;
}
.u-offset-l-w4of8 {
  margin-left: 50%;
}
.u-offset-r-w4of8 {
  margin-right: 50%;
}
.u-pad-l-w4of8 {
  padding-left: 50%;
}
.u-w5of8 {
  width: 62.5%;
}
.u-marg-b-vh5of8 {
  margin-bottom: 62.5vh;
}
.u-offset-l-w5of8 {
  margin-left: 62.5%;
}
.u-offset-r-w5of8 {
  margin-right: 62.5%;
}
.u-pad-l-w5of8 {
  padding-left: 62.5%;
}
.u-w6of8 {
  width: 75%;
}
.u-marg-b-vh6of8 {
  margin-bottom: 75vh;
}
.u-offset-l-w6of8 {
  margin-left: 75%;
}
.u-offset-r-w6of8 {
  margin-right: 75%;
}
.u-pad-l-w6of8 {
  padding-left: 75%;
}
.u-w7of8 {
  width: 87.5%;
}
.u-marg-b-vh7of8 {
  margin-bottom: 87.5vh;
}
.u-offset-l-w7of8 {
  margin-left: 87.5%;
}
.u-offset-r-w7of8 {
  margin-right: 87.5%;
}
.u-pad-l-w7of8 {
  padding-left: 87.5%;
}
.u-w8of8 {
  width: 100%;
}
.u-marg-b-vh8of8 {
  margin-bottom: 100vh;
}
.u-offset-l-w8of8 {
  margin-left: 100%;
}
.u-offset-r-w8of8 {
  margin-right: 100%;
}
.u-pad-l-w8of8 {
  padding-left: 100%;
}
.u-w1of9 {
  width: 11.11111111111111%;
}
.u-marg-b-vh1of9 {
  margin-bottom: 11.11111111111111vh;
}
.u-offset-l-w1of9 {
  margin-left: 11.11111111111111%;
}
.u-offset-r-w1of9 {
  margin-right: 11.11111111111111%;
}
.u-pad-l-w1of9 {
  padding-left: 11.11111111111111%;
}
.u-w2of9 {
  width: 22.22222222222222%;
}
.u-marg-b-vh2of9 {
  margin-bottom: 22.22222222222222vh;
}
.u-offset-l-w2of9 {
  margin-left: 22.22222222222222%;
}
.u-offset-r-w2of9 {
  margin-right: 22.22222222222222%;
}
.u-pad-l-w2of9 {
  padding-left: 22.22222222222222%;
}
.u-w3of9 {
  width: 33.33333333333333%;
}
.u-marg-b-vh3of9 {
  margin-bottom: 33.33333333333333vh;
}
.u-offset-l-w3of9 {
  margin-left: 33.33333333333333%;
}
.u-offset-r-w3of9 {
  margin-right: 33.33333333333333%;
}
.u-pad-l-w3of9 {
  padding-left: 33.33333333333333%;
}
.u-w4of9 {
  width: 44.44444444444444%;
}
.u-marg-b-vh4of9 {
  margin-bottom: 44.44444444444444vh;
}
.u-offset-l-w4of9 {
  margin-left: 44.44444444444444%;
}
.u-offset-r-w4of9 {
  margin-right: 44.44444444444444%;
}
.u-pad-l-w4of9 {
  padding-left: 44.44444444444444%;
}
.u-w5of9 {
  width: 55.55555555555556%;
}
.u-marg-b-vh5of9 {
  margin-bottom: 55.55555555555556vh;
}
.u-offset-l-w5of9 {
  margin-left: 55.55555555555556%;
}
.u-offset-r-w5of9 {
  margin-right: 55.55555555555556%;
}
.u-pad-l-w5of9 {
  padding-left: 55.55555555555556%;
}
.u-w6of9 {
  width: 66.66666666666666%;
}
.u-marg-b-vh6of9 {
  margin-bottom: 66.66666666666666vh;
}
.u-offset-l-w6of9 {
  margin-left: 66.66666666666666%;
}
.u-offset-r-w6of9 {
  margin-right: 66.66666666666666%;
}
.u-pad-l-w6of9 {
  padding-left: 66.66666666666666%;
}
.u-w7of9 {
  width: 77.77777777777777%;
}
.u-marg-b-vh7of9 {
  margin-bottom: 77.77777777777777vh;
}
.u-offset-l-w7of9 {
  margin-left: 77.77777777777777%;
}
.u-offset-r-w7of9 {
  margin-right: 77.77777777777777%;
}
.u-pad-l-w7of9 {
  padding-left: 77.77777777777777%;
}
.u-w8of9 {
  width: 88.88888888888889%;
}
.u-marg-b-vh8of9 {
  margin-bottom: 88.88888888888889vh;
}
.u-offset-l-w8of9 {
  margin-left: 88.88888888888889%;
}
.u-offset-r-w8of9 {
  margin-right: 88.88888888888889%;
}
.u-pad-l-w8of9 {
  padding-left: 88.88888888888889%;
}
.u-w9of9 {
  width: 100%;
}
.u-marg-b-vh9of9 {
  margin-bottom: 100vh;
}
.u-offset-l-w9of9 {
  margin-left: 100%;
}
.u-offset-r-w9of9 {
  margin-right: 100%;
}
.u-pad-l-w9of9 {
  padding-left: 100%;
}
.u-w1of10 {
  width: 10%;
}
.u-marg-b-vh1of10 {
  margin-bottom: 10vh;
}
.u-offset-l-w1of10 {
  margin-left: 10%;
}
.u-offset-r-w1of10 {
  margin-right: 10%;
}
.u-pad-l-w1of10 {
  padding-left: 10%;
}
.u-w2of10 {
  width: 20%;
}
.u-marg-b-vh2of10 {
  margin-bottom: 20vh;
}
.u-offset-l-w2of10 {
  margin-left: 20%;
}
.u-offset-r-w2of10 {
  margin-right: 20%;
}
.u-pad-l-w2of10 {
  padding-left: 20%;
}
.u-w3of10 {
  width: 30%;
}
.u-marg-b-vh3of10 {
  margin-bottom: 30vh;
}
.u-offset-l-w3of10 {
  margin-left: 30%;
}
.u-offset-r-w3of10 {
  margin-right: 30%;
}
.u-pad-l-w3of10 {
  padding-left: 30%;
}
.u-w4of10 {
  width: 40%;
}
.u-marg-b-vh4of10 {
  margin-bottom: 40vh;
}
.u-offset-l-w4of10 {
  margin-left: 40%;
}
.u-offset-r-w4of10 {
  margin-right: 40%;
}
.u-pad-l-w4of10 {
  padding-left: 40%;
}
.u-w5of10 {
  width: 50%;
}
.u-marg-b-vh5of10 {
  margin-bottom: 50vh;
}
.u-offset-l-w5of10 {
  margin-left: 50%;
}
.u-offset-r-w5of10 {
  margin-right: 50%;
}
.u-pad-l-w5of10 {
  padding-left: 50%;
}
.u-w6of10 {
  width: 60%;
}
.u-marg-b-vh6of10 {
  margin-bottom: 60vh;
}
.u-offset-l-w6of10 {
  margin-left: 60%;
}
.u-offset-r-w6of10 {
  margin-right: 60%;
}
.u-pad-l-w6of10 {
  padding-left: 60%;
}
.u-w7of10 {
  width: 70%;
}
.u-marg-b-vh7of10 {
  margin-bottom: 70vh;
}
.u-offset-l-w7of10 {
  margin-left: 70%;
}
.u-offset-r-w7of10 {
  margin-right: 70%;
}
.u-pad-l-w7of10 {
  padding-left: 70%;
}
.u-w8of10 {
  width: 80%;
}
.u-marg-b-vh8of10 {
  margin-bottom: 80vh;
}
.u-offset-l-w8of10 {
  margin-left: 80%;
}
.u-offset-r-w8of10 {
  margin-right: 80%;
}
.u-pad-l-w8of10 {
  padding-left: 80%;
}
.u-w9of10 {
  width: 90%;
}
.u-marg-b-vh9of10 {
  margin-bottom: 90vh;
}
.u-offset-l-w9of10 {
  margin-left: 90%;
}
.u-offset-r-w9of10 {
  margin-right: 90%;
}
.u-pad-l-w9of10 {
  padding-left: 90%;
}
.u-w10of10 {
  width: 100%;
}
.u-marg-b-vh10of10 {
  margin-bottom: 100vh;
}
.u-offset-l-w10of10 {
  margin-left: 100%;
}
.u-offset-r-w10of10 {
  margin-right: 100%;
}
.u-pad-l-w10of10 {
  padding-left: 100%;
}
.u-w1of11 {
  width: 9.090909090909092%;
}
.u-marg-b-vh1of11 {
  margin-bottom: 9.090909090909092vh;
}
.u-offset-l-w1of11 {
  margin-left: 9.090909090909092%;
}
.u-offset-r-w1of11 {
  margin-right: 9.090909090909092%;
}
.u-pad-l-w1of11 {
  padding-left: 9.090909090909092%;
}
.u-w2of11 {
  width: 18.181818181818183%;
}
.u-marg-b-vh2of11 {
  margin-bottom: 18.181818181818183vh;
}
.u-offset-l-w2of11 {
  margin-left: 18.181818181818183%;
}
.u-offset-r-w2of11 {
  margin-right: 18.181818181818183%;
}
.u-pad-l-w2of11 {
  padding-left: 18.181818181818183%;
}
.u-w3of11 {
  width: 27.272727272727273%;
}
.u-marg-b-vh3of11 {
  margin-bottom: 27.272727272727273vh;
}
.u-offset-l-w3of11 {
  margin-left: 27.272727272727273%;
}
.u-offset-r-w3of11 {
  margin-right: 27.272727272727273%;
}
.u-pad-l-w3of11 {
  padding-left: 27.272727272727273%;
}
.u-w4of11 {
  width: 36.36363636363637%;
}
.u-marg-b-vh4of11 {
  margin-bottom: 36.36363636363637vh;
}
.u-offset-l-w4of11 {
  margin-left: 36.36363636363637%;
}
.u-offset-r-w4of11 {
  margin-right: 36.36363636363637%;
}
.u-pad-l-w4of11 {
  padding-left: 36.36363636363637%;
}
.u-w5of11 {
  width: 45.45454545454546%;
}
.u-marg-b-vh5of11 {
  margin-bottom: 45.45454545454546vh;
}
.u-offset-l-w5of11 {
  margin-left: 45.45454545454546%;
}
.u-offset-r-w5of11 {
  margin-right: 45.45454545454546%;
}
.u-pad-l-w5of11 {
  padding-left: 45.45454545454546%;
}
.u-w6of11 {
  width: 54.54545454545455%;
}
.u-marg-b-vh6of11 {
  margin-bottom: 54.54545454545455vh;
}
.u-offset-l-w6of11 {
  margin-left: 54.54545454545455%;
}
.u-offset-r-w6of11 {
  margin-right: 54.54545454545455%;
}
.u-pad-l-w6of11 {
  padding-left: 54.54545454545455%;
}
.u-w7of11 {
  width: 63.63636363636364%;
}
.u-marg-b-vh7of11 {
  margin-bottom: 63.63636363636364vh;
}
.u-offset-l-w7of11 {
  margin-left: 63.63636363636364%;
}
.u-offset-r-w7of11 {
  margin-right: 63.63636363636364%;
}
.u-pad-l-w7of11 {
  padding-left: 63.63636363636364%;
}
.u-w8of11 {
  width: 72.72727272727273%;
}
.u-marg-b-vh8of11 {
  margin-bottom: 72.72727272727273vh;
}
.u-offset-l-w8of11 {
  margin-left: 72.72727272727273%;
}
.u-offset-r-w8of11 {
  margin-right: 72.72727272727273%;
}
.u-pad-l-w8of11 {
  padding-left: 72.72727272727273%;
}
.u-w9of11 {
  width: 81.81818181818183%;
}
.u-marg-b-vh9of11 {
  margin-bottom: 81.81818181818183vh;
}
.u-offset-l-w9of11 {
  margin-left: 81.81818181818183%;
}
.u-offset-r-w9of11 {
  margin-right: 81.81818181818183%;
}
.u-pad-l-w9of11 {
  padding-left: 81.81818181818183%;
}
.u-w10of11 {
  width: 90.90909090909092%;
}
.u-marg-b-vh10of11 {
  margin-bottom: 90.90909090909092vh;
}
.u-offset-l-w10of11 {
  margin-left: 90.90909090909092%;
}
.u-offset-r-w10of11 {
  margin-right: 90.90909090909092%;
}
.u-pad-l-w10of11 {
  padding-left: 90.90909090909092%;
}
.u-w11of11 {
  width: 100.00000000000001%;
}
.u-marg-b-vh11of11 {
  margin-bottom: 100.00000000000001vh;
}
.u-offset-l-w11of11 {
  margin-left: 100.00000000000001%;
}
.u-offset-r-w11of11 {
  margin-right: 100.00000000000001%;
}
.u-pad-l-w11of11 {
  padding-left: 100.00000000000001%;
}
.u-w1of12 {
  width: 8.333333333333334%;
}
.u-marg-b-vh1of12 {
  margin-bottom: 8.333333333333334vh;
}
.u-offset-l-w1of12 {
  margin-left: 8.333333333333334%;
}
.u-offset-r-w1of12 {
  margin-right: 8.333333333333334%;
}
.u-pad-l-w1of12 {
  padding-left: 8.333333333333334%;
}
.u-w2of12 {
  width: 16.666666666666668%;
}
.u-marg-b-vh2of12 {
  margin-bottom: 16.666666666666668vh;
}
.u-offset-l-w2of12 {
  margin-left: 16.666666666666668%;
}
.u-offset-r-w2of12 {
  margin-right: 16.666666666666668%;
}
.u-pad-l-w2of12 {
  padding-left: 16.666666666666668%;
}
.u-w3of12 {
  width: 25%;
}
.u-marg-b-vh3of12 {
  margin-bottom: 25vh;
}
.u-offset-l-w3of12 {
  margin-left: 25%;
}
.u-offset-r-w3of12 {
  margin-right: 25%;
}
.u-pad-l-w3of12 {
  padding-left: 25%;
}
.u-w4of12 {
  width: 33.333333333333336%;
}
.u-marg-b-vh4of12 {
  margin-bottom: 33.333333333333336vh;
}
.u-offset-l-w4of12 {
  margin-left: 33.333333333333336%;
}
.u-offset-r-w4of12 {
  margin-right: 33.333333333333336%;
}
.u-pad-l-w4of12 {
  padding-left: 33.333333333333336%;
}
.u-w5of12 {
  width: 41.66666666666667%;
}
.u-marg-b-vh5of12 {
  margin-bottom: 41.66666666666667vh;
}
.u-offset-l-w5of12 {
  margin-left: 41.66666666666667%;
}
.u-offset-r-w5of12 {
  margin-right: 41.66666666666667%;
}
.u-pad-l-w5of12 {
  padding-left: 41.66666666666667%;
}
.u-w6of12 {
  width: 50%;
}
.u-marg-b-vh6of12 {
  margin-bottom: 50vh;
}
.u-offset-l-w6of12 {
  margin-left: 50%;
}
.u-offset-r-w6of12 {
  margin-right: 50%;
}
.u-pad-l-w6of12 {
  padding-left: 50%;
}
.u-w7of12 {
  width: 58.333333333333336%;
}
.u-marg-b-vh7of12 {
  margin-bottom: 58.333333333333336vh;
}
.u-offset-l-w7of12 {
  margin-left: 58.333333333333336%;
}
.u-offset-r-w7of12 {
  margin-right: 58.333333333333336%;
}
.u-pad-l-w7of12 {
  padding-left: 58.333333333333336%;
}
.u-w8of12 {
  width: 66.66666666666667%;
}
.u-marg-b-vh8of12 {
  margin-bottom: 66.66666666666667vh;
}
.u-offset-l-w8of12 {
  margin-left: 66.66666666666667%;
}
.u-offset-r-w8of12 {
  margin-right: 66.66666666666667%;
}
.u-pad-l-w8of12 {
  padding-left: 66.66666666666667%;
}
.u-w9of12 {
  width: 75%;
}
.u-marg-b-vh9of12 {
  margin-bottom: 75vh;
}
.u-offset-l-w9of12 {
  margin-left: 75%;
}
.u-offset-r-w9of12 {
  margin-right: 75%;
}
.u-pad-l-w9of12 {
  padding-left: 75%;
}
.u-w10of12 {
  width: 83.33333333333334%;
}
.u-marg-b-vh10of12 {
  margin-bottom: 83.33333333333334vh;
}
.u-offset-l-w10of12 {
  margin-left: 83.33333333333334%;
}
.u-offset-r-w10of12 {
  margin-right: 83.33333333333334%;
}
.u-pad-l-w10of12 {
  padding-left: 83.33333333333334%;
}
.u-w11of12 {
  width: 91.66666666666667%;
}
.u-marg-b-vh11of12 {
  margin-bottom: 91.66666666666667vh;
}
.u-offset-l-w11of12 {
  margin-left: 91.66666666666667%;
}
.u-offset-r-w11of12 {
  margin-right: 91.66666666666667%;
}
.u-pad-l-w11of12 {
  padding-left: 91.66666666666667%;
}
.u-w12of12 {
  width: 100%;
}
.u-marg-b-vh12of12 {
  margin-bottom: 100vh;
}
.u-offset-l-w12of12 {
  margin-left: 100%;
}
.u-offset-r-w12of12 {
  margin-right: 100%;
}
.u-pad-l-w12of12 {
  padding-left: 100%;
}
.u-w1of13 {
  width: 7.692307692307693%;
}
.u-marg-b-vh1of13 {
  margin-bottom: 7.692307692307693vh;
}
.u-offset-l-w1of13 {
  margin-left: 7.692307692307693%;
}
.u-offset-r-w1of13 {
  margin-right: 7.692307692307693%;
}
.u-pad-l-w1of13 {
  padding-left: 7.692307692307693%;
}
.u-w2of13 {
  width: 15.384615384615385%;
}
.u-marg-b-vh2of13 {
  margin-bottom: 15.384615384615385vh;
}
.u-offset-l-w2of13 {
  margin-left: 15.384615384615385%;
}
.u-offset-r-w2of13 {
  margin-right: 15.384615384615385%;
}
.u-pad-l-w2of13 {
  padding-left: 15.384615384615385%;
}
.u-w3of13 {
  width: 23.076923076923077%;
}
.u-marg-b-vh3of13 {
  margin-bottom: 23.076923076923077vh;
}
.u-offset-l-w3of13 {
  margin-left: 23.076923076923077%;
}
.u-offset-r-w3of13 {
  margin-right: 23.076923076923077%;
}
.u-pad-l-w3of13 {
  padding-left: 23.076923076923077%;
}
.u-w4of13 {
  width: 30.76923076923077%;
}
.u-marg-b-vh4of13 {
  margin-bottom: 30.76923076923077vh;
}
.u-offset-l-w4of13 {
  margin-left: 30.76923076923077%;
}
.u-offset-r-w4of13 {
  margin-right: 30.76923076923077%;
}
.u-pad-l-w4of13 {
  padding-left: 30.76923076923077%;
}
.u-w5of13 {
  width: 38.46153846153846%;
}
.u-marg-b-vh5of13 {
  margin-bottom: 38.46153846153846vh;
}
.u-offset-l-w5of13 {
  margin-left: 38.46153846153846%;
}
.u-offset-r-w5of13 {
  margin-right: 38.46153846153846%;
}
.u-pad-l-w5of13 {
  padding-left: 38.46153846153846%;
}
.u-w6of13 {
  width: 46.15384615384615%;
}
.u-marg-b-vh6of13 {
  margin-bottom: 46.15384615384615vh;
}
.u-offset-l-w6of13 {
  margin-left: 46.15384615384615%;
}
.u-offset-r-w6of13 {
  margin-right: 46.15384615384615%;
}
.u-pad-l-w6of13 {
  padding-left: 46.15384615384615%;
}
.u-w7of13 {
  width: 53.84615384615385%;
}
.u-marg-b-vh7of13 {
  margin-bottom: 53.84615384615385vh;
}
.u-offset-l-w7of13 {
  margin-left: 53.84615384615385%;
}
.u-offset-r-w7of13 {
  margin-right: 53.84615384615385%;
}
.u-pad-l-w7of13 {
  padding-left: 53.84615384615385%;
}
.u-w8of13 {
  width: 61.53846153846154%;
}
.u-marg-b-vh8of13 {
  margin-bottom: 61.53846153846154vh;
}
.u-offset-l-w8of13 {
  margin-left: 61.53846153846154%;
}
.u-offset-r-w8of13 {
  margin-right: 61.53846153846154%;
}
.u-pad-l-w8of13 {
  padding-left: 61.53846153846154%;
}
.u-w9of13 {
  width: 69.23076923076923%;
}
.u-marg-b-vh9of13 {
  margin-bottom: 69.23076923076923vh;
}
.u-offset-l-w9of13 {
  margin-left: 69.23076923076923%;
}
.u-offset-r-w9of13 {
  margin-right: 69.23076923076923%;
}
.u-pad-l-w9of13 {
  padding-left: 69.23076923076923%;
}
.u-w10of13 {
  width: 76.92307692307692%;
}
.u-marg-b-vh10of13 {
  margin-bottom: 76.92307692307692vh;
}
.u-offset-l-w10of13 {
  margin-left: 76.92307692307692%;
}
.u-offset-r-w10of13 {
  margin-right: 76.92307692307692%;
}
.u-pad-l-w10of13 {
  padding-left: 76.92307692307692%;
}
.u-w11of13 {
  width: 84.61538461538461%;
}
.u-marg-b-vh11of13 {
  margin-bottom: 84.61538461538461vh;
}
.u-offset-l-w11of13 {
  margin-left: 84.61538461538461%;
}
.u-offset-r-w11of13 {
  margin-right: 84.61538461538461%;
}
.u-pad-l-w11of13 {
  padding-left: 84.61538461538461%;
}
.u-w12of13 {
  width: 92.3076923076923%;
}
.u-marg-b-vh12of13 {
  margin-bottom: 92.3076923076923vh;
}
.u-offset-l-w12of13 {
  margin-left: 92.3076923076923%;
}
.u-offset-r-w12of13 {
  margin-right: 92.3076923076923%;
}
.u-pad-l-w12of13 {
  padding-left: 92.3076923076923%;
}
.u-w13of13 {
  width: 100%;
}
.u-marg-b-vh13of13 {
  margin-bottom: 100vh;
}
.u-offset-l-w13of13 {
  margin-left: 100%;
}
.u-offset-r-w13of13 {
  margin-right: 100%;
}
.u-pad-l-w13of13 {
  padding-left: 100%;
}
.u-w1of20 {
  width: 5%;
}
.u-marg-b-vh1of20 {
  margin-bottom: 5vh;
}
.u-offset-l-w1of20 {
  margin-left: 5%;
}
.u-offset-r-w1of20 {
  margin-right: 5%;
}
.u-pad-l-w1of20 {
  padding-left: 5%;
}
.u-w2of20 {
  width: 10%;
}
.u-marg-b-vh2of20 {
  margin-bottom: 10vh;
}
.u-offset-l-w2of20 {
  margin-left: 10%;
}
.u-offset-r-w2of20 {
  margin-right: 10%;
}
.u-pad-l-w2of20 {
  padding-left: 10%;
}
.u-w3of20 {
  width: 15%;
}
.u-marg-b-vh3of20 {
  margin-bottom: 15vh;
}
.u-offset-l-w3of20 {
  margin-left: 15%;
}
.u-offset-r-w3of20 {
  margin-right: 15%;
}
.u-pad-l-w3of20 {
  padding-left: 15%;
}
.u-w4of20 {
  width: 20%;
}
.u-marg-b-vh4of20 {
  margin-bottom: 20vh;
}
.u-offset-l-w4of20 {
  margin-left: 20%;
}
.u-offset-r-w4of20 {
  margin-right: 20%;
}
.u-pad-l-w4of20 {
  padding-left: 20%;
}
.u-w5of20 {
  width: 25%;
}
.u-marg-b-vh5of20 {
  margin-bottom: 25vh;
}
.u-offset-l-w5of20 {
  margin-left: 25%;
}
.u-offset-r-w5of20 {
  margin-right: 25%;
}
.u-pad-l-w5of20 {
  padding-left: 25%;
}
.u-w6of20 {
  width: 30%;
}
.u-marg-b-vh6of20 {
  margin-bottom: 30vh;
}
.u-offset-l-w6of20 {
  margin-left: 30%;
}
.u-offset-r-w6of20 {
  margin-right: 30%;
}
.u-pad-l-w6of20 {
  padding-left: 30%;
}
.u-w7of20 {
  width: 35%;
}
.u-marg-b-vh7of20 {
  margin-bottom: 35vh;
}
.u-offset-l-w7of20 {
  margin-left: 35%;
}
.u-offset-r-w7of20 {
  margin-right: 35%;
}
.u-pad-l-w7of20 {
  padding-left: 35%;
}
.u-w8of20 {
  width: 40%;
}
.u-marg-b-vh8of20 {
  margin-bottom: 40vh;
}
.u-offset-l-w8of20 {
  margin-left: 40%;
}
.u-offset-r-w8of20 {
  margin-right: 40%;
}
.u-pad-l-w8of20 {
  padding-left: 40%;
}
.u-w9of20 {
  width: 45%;
}
.u-marg-b-vh9of20 {
  margin-bottom: 45vh;
}
.u-offset-l-w9of20 {
  margin-left: 45%;
}
.u-offset-r-w9of20 {
  margin-right: 45%;
}
.u-pad-l-w9of20 {
  padding-left: 45%;
}
.u-w10of20 {
  width: 50%;
}
.u-marg-b-vh10of20 {
  margin-bottom: 50vh;
}
.u-offset-l-w10of20 {
  margin-left: 50%;
}
.u-offset-r-w10of20 {
  margin-right: 50%;
}
.u-pad-l-w10of20 {
  padding-left: 50%;
}
.u-w11of20 {
  width: 55%;
}
.u-marg-b-vh11of20 {
  margin-bottom: 55vh;
}
.u-offset-l-w11of20 {
  margin-left: 55%;
}
.u-offset-r-w11of20 {
  margin-right: 55%;
}
.u-pad-l-w11of20 {
  padding-left: 55%;
}
.u-w12of20 {
  width: 60%;
}
.u-marg-b-vh12of20 {
  margin-bottom: 60vh;
}
.u-offset-l-w12of20 {
  margin-left: 60%;
}
.u-offset-r-w12of20 {
  margin-right: 60%;
}
.u-pad-l-w12of20 {
  padding-left: 60%;
}
.u-w13of20 {
  width: 65%;
}
.u-marg-b-vh13of20 {
  margin-bottom: 65vh;
}
.u-offset-l-w13of20 {
  margin-left: 65%;
}
.u-offset-r-w13of20 {
  margin-right: 65%;
}
.u-pad-l-w13of20 {
  padding-left: 65%;
}
.u-w14of20 {
  width: 70%;
}
.u-marg-b-vh14of20 {
  margin-bottom: 70vh;
}
.u-offset-l-w14of20 {
  margin-left: 70%;
}
.u-offset-r-w14of20 {
  margin-right: 70%;
}
.u-pad-l-w14of20 {
  padding-left: 70%;
}
.u-w15of20 {
  width: 75%;
}
.u-marg-b-vh15of20 {
  margin-bottom: 75vh;
}
.u-offset-l-w15of20 {
  margin-left: 75%;
}
.u-offset-r-w15of20 {
  margin-right: 75%;
}
.u-pad-l-w15of20 {
  padding-left: 75%;
}
.u-w16of20 {
  width: 80%;
}
.u-marg-b-vh16of20 {
  margin-bottom: 80vh;
}
.u-offset-l-w16of20 {
  margin-left: 80%;
}
.u-offset-r-w16of20 {
  margin-right: 80%;
}
.u-pad-l-w16of20 {
  padding-left: 80%;
}
.u-w17of20 {
  width: 85%;
}
.u-marg-b-vh17of20 {
  margin-bottom: 85vh;
}
.u-offset-l-w17of20 {
  margin-left: 85%;
}
.u-offset-r-w17of20 {
  margin-right: 85%;
}
.u-pad-l-w17of20 {
  padding-left: 85%;
}
.u-w18of20 {
  width: 90%;
}
.u-marg-b-vh18of20 {
  margin-bottom: 90vh;
}
.u-offset-l-w18of20 {
  margin-left: 90%;
}
.u-offset-r-w18of20 {
  margin-right: 90%;
}
.u-pad-l-w18of20 {
  padding-left: 90%;
}
.u-w19of20 {
  width: 95%;
}
.u-marg-b-vh19of20 {
  margin-bottom: 95vh;
}
.u-offset-l-w19of20 {
  margin-left: 95%;
}
.u-offset-r-w19of20 {
  margin-right: 95%;
}
.u-pad-l-w19of20 {
  padding-left: 95%;
}
.u-w20of20 {
  width: 100%;
}
.u-marg-b-vh20of20 {
  margin-bottom: 100vh;
}
.u-offset-l-w20of20 {
  margin-left: 100%;
}
.u-offset-r-w20of20 {
  margin-right: 100%;
}
.u-pad-l-w20of20 {
  padding-left: 100%;
}
@media screen and (min-width: 1440px) {
  .u-w1of2\@xl {
    width: 50%;
  }
  .u-offset-l-w1of2\@xl {
    margin-left: 50%;
  }
  .u-offset-r-w1of2\@xl {
    margin-right: 50%;
  }
  .u-marg-b-vh1of2\@xl {
    margin-bottom: 50vh !important;
  }
  .u-w2of2\@xl {
    width: 100%;
  }
  .u-offset-l-w2of2\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w2of2\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh2of2\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of3\@xl {
    width: 33.333333333333336%;
  }
  .u-offset-l-w1of3\@xl {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w1of3\@xl {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh1of3\@xl {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w2of3\@xl {
    width: 66.66666666666667%;
  }
  .u-offset-l-w2of3\@xl {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w2of3\@xl {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh2of3\@xl {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w3of3\@xl {
    width: 100%;
  }
  .u-offset-l-w3of3\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w3of3\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh3of3\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of4\@xl {
    width: 25%;
  }
  .u-offset-l-w1of4\@xl {
    margin-left: 25%;
  }
  .u-offset-r-w1of4\@xl {
    margin-right: 25%;
  }
  .u-marg-b-vh1of4\@xl {
    margin-bottom: 25vh !important;
  }
  .u-w2of4\@xl {
    width: 50%;
  }
  .u-offset-l-w2of4\@xl {
    margin-left: 50%;
  }
  .u-offset-r-w2of4\@xl {
    margin-right: 50%;
  }
  .u-marg-b-vh2of4\@xl {
    margin-bottom: 50vh !important;
  }
  .u-w3of4\@xl {
    width: 75%;
  }
  .u-offset-l-w3of4\@xl {
    margin-left: 75%;
  }
  .u-offset-r-w3of4\@xl {
    margin-right: 75%;
  }
  .u-marg-b-vh3of4\@xl {
    margin-bottom: 75vh !important;
  }
  .u-w4of4\@xl {
    width: 100%;
  }
  .u-offset-l-w4of4\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w4of4\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh4of4\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of5\@xl {
    width: 20%;
  }
  .u-offset-l-w1of5\@xl {
    margin-left: 20%;
  }
  .u-offset-r-w1of5\@xl {
    margin-right: 20%;
  }
  .u-marg-b-vh1of5\@xl {
    margin-bottom: 20vh !important;
  }
  .u-w2of5\@xl {
    width: 40%;
  }
  .u-offset-l-w2of5\@xl {
    margin-left: 40%;
  }
  .u-offset-r-w2of5\@xl {
    margin-right: 40%;
  }
  .u-marg-b-vh2of5\@xl {
    margin-bottom: 40vh !important;
  }
  .u-w3of5\@xl {
    width: 60%;
  }
  .u-offset-l-w3of5\@xl {
    margin-left: 60%;
  }
  .u-offset-r-w3of5\@xl {
    margin-right: 60%;
  }
  .u-marg-b-vh3of5\@xl {
    margin-bottom: 60vh !important;
  }
  .u-w4of5\@xl {
    width: 80%;
  }
  .u-offset-l-w4of5\@xl {
    margin-left: 80%;
  }
  .u-offset-r-w4of5\@xl {
    margin-right: 80%;
  }
  .u-marg-b-vh4of5\@xl {
    margin-bottom: 80vh !important;
  }
  .u-w5of5\@xl {
    width: 100%;
  }
  .u-offset-l-w5of5\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w5of5\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh5of5\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of6\@xl {
    width: 16.666666666666668%;
  }
  .u-offset-l-w1of6\@xl {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w1of6\@xl {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh1of6\@xl {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w2of6\@xl {
    width: 33.333333333333336%;
  }
  .u-offset-l-w2of6\@xl {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w2of6\@xl {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh2of6\@xl {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w3of6\@xl {
    width: 50%;
  }
  .u-offset-l-w3of6\@xl {
    margin-left: 50%;
  }
  .u-offset-r-w3of6\@xl {
    margin-right: 50%;
  }
  .u-marg-b-vh3of6\@xl {
    margin-bottom: 50vh !important;
  }
  .u-w4of6\@xl {
    width: 66.66666666666667%;
  }
  .u-offset-l-w4of6\@xl {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w4of6\@xl {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh4of6\@xl {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w5of6\@xl {
    width: 83.33333333333334%;
  }
  .u-offset-l-w5of6\@xl {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w5of6\@xl {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh5of6\@xl {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w6of6\@xl {
    width: 100%;
  }
  .u-offset-l-w6of6\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w6of6\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh6of6\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of7\@xl {
    width: 14.285714285714286%;
  }
  .u-offset-l-w1of7\@xl {
    margin-left: 14.285714285714286%;
  }
  .u-offset-r-w1of7\@xl {
    margin-right: 14.285714285714286%;
  }
  .u-marg-b-vh1of7\@xl {
    margin-bottom: 14.285714285714286vh !important;
  }
  .u-w2of7\@xl {
    width: 28.571428571428573%;
  }
  .u-offset-l-w2of7\@xl {
    margin-left: 28.571428571428573%;
  }
  .u-offset-r-w2of7\@xl {
    margin-right: 28.571428571428573%;
  }
  .u-marg-b-vh2of7\@xl {
    margin-bottom: 28.571428571428573vh !important;
  }
  .u-w3of7\@xl {
    width: 42.85714285714286%;
  }
  .u-offset-l-w3of7\@xl {
    margin-left: 42.85714285714286%;
  }
  .u-offset-r-w3of7\@xl {
    margin-right: 42.85714285714286%;
  }
  .u-marg-b-vh3of7\@xl {
    margin-bottom: 42.85714285714286vh !important;
  }
  .u-w4of7\@xl {
    width: 57.142857142857146%;
  }
  .u-offset-l-w4of7\@xl {
    margin-left: 57.142857142857146%;
  }
  .u-offset-r-w4of7\@xl {
    margin-right: 57.142857142857146%;
  }
  .u-marg-b-vh4of7\@xl {
    margin-bottom: 57.142857142857146vh !important;
  }
  .u-w5of7\@xl {
    width: 71.42857142857143%;
  }
  .u-offset-l-w5of7\@xl {
    margin-left: 71.42857142857143%;
  }
  .u-offset-r-w5of7\@xl {
    margin-right: 71.42857142857143%;
  }
  .u-marg-b-vh5of7\@xl {
    margin-bottom: 71.42857142857143vh !important;
  }
  .u-w6of7\@xl {
    width: 85.71428571428572%;
  }
  .u-offset-l-w6of7\@xl {
    margin-left: 85.71428571428572%;
  }
  .u-offset-r-w6of7\@xl {
    margin-right: 85.71428571428572%;
  }
  .u-marg-b-vh6of7\@xl {
    margin-bottom: 85.71428571428572vh !important;
  }
  .u-w7of7\@xl {
    width: 100%;
  }
  .u-offset-l-w7of7\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w7of7\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh7of7\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of8\@xl {
    width: 12.5%;
  }
  .u-offset-l-w1of8\@xl {
    margin-left: 12.5%;
  }
  .u-offset-r-w1of8\@xl {
    margin-right: 12.5%;
  }
  .u-marg-b-vh1of8\@xl {
    margin-bottom: 12.5vh !important;
  }
  .u-w2of8\@xl {
    width: 25%;
  }
  .u-offset-l-w2of8\@xl {
    margin-left: 25%;
  }
  .u-offset-r-w2of8\@xl {
    margin-right: 25%;
  }
  .u-marg-b-vh2of8\@xl {
    margin-bottom: 25vh !important;
  }
  .u-w3of8\@xl {
    width: 37.5%;
  }
  .u-offset-l-w3of8\@xl {
    margin-left: 37.5%;
  }
  .u-offset-r-w3of8\@xl {
    margin-right: 37.5%;
  }
  .u-marg-b-vh3of8\@xl {
    margin-bottom: 37.5vh !important;
  }
  .u-w4of8\@xl {
    width: 50%;
  }
  .u-offset-l-w4of8\@xl {
    margin-left: 50%;
  }
  .u-offset-r-w4of8\@xl {
    margin-right: 50%;
  }
  .u-marg-b-vh4of8\@xl {
    margin-bottom: 50vh !important;
  }
  .u-w5of8\@xl {
    width: 62.5%;
  }
  .u-offset-l-w5of8\@xl {
    margin-left: 62.5%;
  }
  .u-offset-r-w5of8\@xl {
    margin-right: 62.5%;
  }
  .u-marg-b-vh5of8\@xl {
    margin-bottom: 62.5vh !important;
  }
  .u-w6of8\@xl {
    width: 75%;
  }
  .u-offset-l-w6of8\@xl {
    margin-left: 75%;
  }
  .u-offset-r-w6of8\@xl {
    margin-right: 75%;
  }
  .u-marg-b-vh6of8\@xl {
    margin-bottom: 75vh !important;
  }
  .u-w7of8\@xl {
    width: 87.5%;
  }
  .u-offset-l-w7of8\@xl {
    margin-left: 87.5%;
  }
  .u-offset-r-w7of8\@xl {
    margin-right: 87.5%;
  }
  .u-marg-b-vh7of8\@xl {
    margin-bottom: 87.5vh !important;
  }
  .u-w8of8\@xl {
    width: 100%;
  }
  .u-offset-l-w8of8\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w8of8\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh8of8\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of9\@xl {
    width: 11.11111111111111%;
  }
  .u-offset-l-w1of9\@xl {
    margin-left: 11.11111111111111%;
  }
  .u-offset-r-w1of9\@xl {
    margin-right: 11.11111111111111%;
  }
  .u-marg-b-vh1of9\@xl {
    margin-bottom: 11.11111111111111vh !important;
  }
  .u-w2of9\@xl {
    width: 22.22222222222222%;
  }
  .u-offset-l-w2of9\@xl {
    margin-left: 22.22222222222222%;
  }
  .u-offset-r-w2of9\@xl {
    margin-right: 22.22222222222222%;
  }
  .u-marg-b-vh2of9\@xl {
    margin-bottom: 22.22222222222222vh !important;
  }
  .u-w3of9\@xl {
    width: 33.33333333333333%;
  }
  .u-offset-l-w3of9\@xl {
    margin-left: 33.33333333333333%;
  }
  .u-offset-r-w3of9\@xl {
    margin-right: 33.33333333333333%;
  }
  .u-marg-b-vh3of9\@xl {
    margin-bottom: 33.33333333333333vh !important;
  }
  .u-w4of9\@xl {
    width: 44.44444444444444%;
  }
  .u-offset-l-w4of9\@xl {
    margin-left: 44.44444444444444%;
  }
  .u-offset-r-w4of9\@xl {
    margin-right: 44.44444444444444%;
  }
  .u-marg-b-vh4of9\@xl {
    margin-bottom: 44.44444444444444vh !important;
  }
  .u-w5of9\@xl {
    width: 55.55555555555556%;
  }
  .u-offset-l-w5of9\@xl {
    margin-left: 55.55555555555556%;
  }
  .u-offset-r-w5of9\@xl {
    margin-right: 55.55555555555556%;
  }
  .u-marg-b-vh5of9\@xl {
    margin-bottom: 55.55555555555556vh !important;
  }
  .u-w6of9\@xl {
    width: 66.66666666666666%;
  }
  .u-offset-l-w6of9\@xl {
    margin-left: 66.66666666666666%;
  }
  .u-offset-r-w6of9\@xl {
    margin-right: 66.66666666666666%;
  }
  .u-marg-b-vh6of9\@xl {
    margin-bottom: 66.66666666666666vh !important;
  }
  .u-w7of9\@xl {
    width: 77.77777777777777%;
  }
  .u-offset-l-w7of9\@xl {
    margin-left: 77.77777777777777%;
  }
  .u-offset-r-w7of9\@xl {
    margin-right: 77.77777777777777%;
  }
  .u-marg-b-vh7of9\@xl {
    margin-bottom: 77.77777777777777vh !important;
  }
  .u-w8of9\@xl {
    width: 88.88888888888889%;
  }
  .u-offset-l-w8of9\@xl {
    margin-left: 88.88888888888889%;
  }
  .u-offset-r-w8of9\@xl {
    margin-right: 88.88888888888889%;
  }
  .u-marg-b-vh8of9\@xl {
    margin-bottom: 88.88888888888889vh !important;
  }
  .u-w9of9\@xl {
    width: 100%;
  }
  .u-offset-l-w9of9\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w9of9\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh9of9\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of10\@xl {
    width: 10%;
  }
  .u-offset-l-w1of10\@xl {
    margin-left: 10%;
  }
  .u-offset-r-w1of10\@xl {
    margin-right: 10%;
  }
  .u-marg-b-vh1of10\@xl {
    margin-bottom: 10vh !important;
  }
  .u-w2of10\@xl {
    width: 20%;
  }
  .u-offset-l-w2of10\@xl {
    margin-left: 20%;
  }
  .u-offset-r-w2of10\@xl {
    margin-right: 20%;
  }
  .u-marg-b-vh2of10\@xl {
    margin-bottom: 20vh !important;
  }
  .u-w3of10\@xl {
    width: 30%;
  }
  .u-offset-l-w3of10\@xl {
    margin-left: 30%;
  }
  .u-offset-r-w3of10\@xl {
    margin-right: 30%;
  }
  .u-marg-b-vh3of10\@xl {
    margin-bottom: 30vh !important;
  }
  .u-w4of10\@xl {
    width: 40%;
  }
  .u-offset-l-w4of10\@xl {
    margin-left: 40%;
  }
  .u-offset-r-w4of10\@xl {
    margin-right: 40%;
  }
  .u-marg-b-vh4of10\@xl {
    margin-bottom: 40vh !important;
  }
  .u-w5of10\@xl {
    width: 50%;
  }
  .u-offset-l-w5of10\@xl {
    margin-left: 50%;
  }
  .u-offset-r-w5of10\@xl {
    margin-right: 50%;
  }
  .u-marg-b-vh5of10\@xl {
    margin-bottom: 50vh !important;
  }
  .u-w6of10\@xl {
    width: 60%;
  }
  .u-offset-l-w6of10\@xl {
    margin-left: 60%;
  }
  .u-offset-r-w6of10\@xl {
    margin-right: 60%;
  }
  .u-marg-b-vh6of10\@xl {
    margin-bottom: 60vh !important;
  }
  .u-w7of10\@xl {
    width: 70%;
  }
  .u-offset-l-w7of10\@xl {
    margin-left: 70%;
  }
  .u-offset-r-w7of10\@xl {
    margin-right: 70%;
  }
  .u-marg-b-vh7of10\@xl {
    margin-bottom: 70vh !important;
  }
  .u-w8of10\@xl {
    width: 80%;
  }
  .u-offset-l-w8of10\@xl {
    margin-left: 80%;
  }
  .u-offset-r-w8of10\@xl {
    margin-right: 80%;
  }
  .u-marg-b-vh8of10\@xl {
    margin-bottom: 80vh !important;
  }
  .u-w9of10\@xl {
    width: 90%;
  }
  .u-offset-l-w9of10\@xl {
    margin-left: 90%;
  }
  .u-offset-r-w9of10\@xl {
    margin-right: 90%;
  }
  .u-marg-b-vh9of10\@xl {
    margin-bottom: 90vh !important;
  }
  .u-w10of10\@xl {
    width: 100%;
  }
  .u-offset-l-w10of10\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w10of10\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh10of10\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of11\@xl {
    width: 9.090909090909092%;
  }
  .u-offset-l-w1of11\@xl {
    margin-left: 9.090909090909092%;
  }
  .u-offset-r-w1of11\@xl {
    margin-right: 9.090909090909092%;
  }
  .u-marg-b-vh1of11\@xl {
    margin-bottom: 9.090909090909092vh !important;
  }
  .u-w2of11\@xl {
    width: 18.181818181818183%;
  }
  .u-offset-l-w2of11\@xl {
    margin-left: 18.181818181818183%;
  }
  .u-offset-r-w2of11\@xl {
    margin-right: 18.181818181818183%;
  }
  .u-marg-b-vh2of11\@xl {
    margin-bottom: 18.181818181818183vh !important;
  }
  .u-w3of11\@xl {
    width: 27.272727272727273%;
  }
  .u-offset-l-w3of11\@xl {
    margin-left: 27.272727272727273%;
  }
  .u-offset-r-w3of11\@xl {
    margin-right: 27.272727272727273%;
  }
  .u-marg-b-vh3of11\@xl {
    margin-bottom: 27.272727272727273vh !important;
  }
  .u-w4of11\@xl {
    width: 36.36363636363637%;
  }
  .u-offset-l-w4of11\@xl {
    margin-left: 36.36363636363637%;
  }
  .u-offset-r-w4of11\@xl {
    margin-right: 36.36363636363637%;
  }
  .u-marg-b-vh4of11\@xl {
    margin-bottom: 36.36363636363637vh !important;
  }
  .u-w5of11\@xl {
    width: 45.45454545454546%;
  }
  .u-offset-l-w5of11\@xl {
    margin-left: 45.45454545454546%;
  }
  .u-offset-r-w5of11\@xl {
    margin-right: 45.45454545454546%;
  }
  .u-marg-b-vh5of11\@xl {
    margin-bottom: 45.45454545454546vh !important;
  }
  .u-w6of11\@xl {
    width: 54.54545454545455%;
  }
  .u-offset-l-w6of11\@xl {
    margin-left: 54.54545454545455%;
  }
  .u-offset-r-w6of11\@xl {
    margin-right: 54.54545454545455%;
  }
  .u-marg-b-vh6of11\@xl {
    margin-bottom: 54.54545454545455vh !important;
  }
  .u-w7of11\@xl {
    width: 63.63636363636364%;
  }
  .u-offset-l-w7of11\@xl {
    margin-left: 63.63636363636364%;
  }
  .u-offset-r-w7of11\@xl {
    margin-right: 63.63636363636364%;
  }
  .u-marg-b-vh7of11\@xl {
    margin-bottom: 63.63636363636364vh !important;
  }
  .u-w8of11\@xl {
    width: 72.72727272727273%;
  }
  .u-offset-l-w8of11\@xl {
    margin-left: 72.72727272727273%;
  }
  .u-offset-r-w8of11\@xl {
    margin-right: 72.72727272727273%;
  }
  .u-marg-b-vh8of11\@xl {
    margin-bottom: 72.72727272727273vh !important;
  }
  .u-w9of11\@xl {
    width: 81.81818181818183%;
  }
  .u-offset-l-w9of11\@xl {
    margin-left: 81.81818181818183%;
  }
  .u-offset-r-w9of11\@xl {
    margin-right: 81.81818181818183%;
  }
  .u-marg-b-vh9of11\@xl {
    margin-bottom: 81.81818181818183vh !important;
  }
  .u-w10of11\@xl {
    width: 90.90909090909092%;
  }
  .u-offset-l-w10of11\@xl {
    margin-left: 90.90909090909092%;
  }
  .u-offset-r-w10of11\@xl {
    margin-right: 90.90909090909092%;
  }
  .u-marg-b-vh10of11\@xl {
    margin-bottom: 90.90909090909092vh !important;
  }
  .u-w11of11\@xl {
    width: 100.00000000000001%;
  }
  .u-offset-l-w11of11\@xl {
    margin-left: 100.00000000000001%;
  }
  .u-offset-r-w11of11\@xl {
    margin-right: 100.00000000000001%;
  }
  .u-marg-b-vh11of11\@xl {
    margin-bottom: 100.00000000000001vh !important;
  }
  .u-w1of12\@xl {
    width: 8.333333333333334%;
  }
  .u-offset-l-w1of12\@xl {
    margin-left: 8.333333333333334%;
  }
  .u-offset-r-w1of12\@xl {
    margin-right: 8.333333333333334%;
  }
  .u-marg-b-vh1of12\@xl {
    margin-bottom: 8.333333333333334vh !important;
  }
  .u-w2of12\@xl {
    width: 16.666666666666668%;
  }
  .u-offset-l-w2of12\@xl {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w2of12\@xl {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh2of12\@xl {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w3of12\@xl {
    width: 25%;
  }
  .u-offset-l-w3of12\@xl {
    margin-left: 25%;
  }
  .u-offset-r-w3of12\@xl {
    margin-right: 25%;
  }
  .u-marg-b-vh3of12\@xl {
    margin-bottom: 25vh !important;
  }
  .u-w4of12\@xl {
    width: 33.333333333333336%;
  }
  .u-offset-l-w4of12\@xl {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w4of12\@xl {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh4of12\@xl {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w5of12\@xl {
    width: 41.66666666666667%;
  }
  .u-offset-l-w5of12\@xl {
    margin-left: 41.66666666666667%;
  }
  .u-offset-r-w5of12\@xl {
    margin-right: 41.66666666666667%;
  }
  .u-marg-b-vh5of12\@xl {
    margin-bottom: 41.66666666666667vh !important;
  }
  .u-w6of12\@xl {
    width: 50%;
  }
  .u-offset-l-w6of12\@xl {
    margin-left: 50%;
  }
  .u-offset-r-w6of12\@xl {
    margin-right: 50%;
  }
  .u-marg-b-vh6of12\@xl {
    margin-bottom: 50vh !important;
  }
  .u-w7of12\@xl {
    width: 58.333333333333336%;
  }
  .u-offset-l-w7of12\@xl {
    margin-left: 58.333333333333336%;
  }
  .u-offset-r-w7of12\@xl {
    margin-right: 58.333333333333336%;
  }
  .u-marg-b-vh7of12\@xl {
    margin-bottom: 58.333333333333336vh !important;
  }
  .u-w8of12\@xl {
    width: 66.66666666666667%;
  }
  .u-offset-l-w8of12\@xl {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w8of12\@xl {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh8of12\@xl {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w9of12\@xl {
    width: 75%;
  }
  .u-offset-l-w9of12\@xl {
    margin-left: 75%;
  }
  .u-offset-r-w9of12\@xl {
    margin-right: 75%;
  }
  .u-marg-b-vh9of12\@xl {
    margin-bottom: 75vh !important;
  }
  .u-w10of12\@xl {
    width: 83.33333333333334%;
  }
  .u-offset-l-w10of12\@xl {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w10of12\@xl {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh10of12\@xl {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w11of12\@xl {
    width: 91.66666666666667%;
  }
  .u-offset-l-w11of12\@xl {
    margin-left: 91.66666666666667%;
  }
  .u-offset-r-w11of12\@xl {
    margin-right: 91.66666666666667%;
  }
  .u-marg-b-vh11of12\@xl {
    margin-bottom: 91.66666666666667vh !important;
  }
  .u-w12of12\@xl {
    width: 100%;
  }
  .u-offset-l-w12of12\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w12of12\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh12of12\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of13\@xl {
    width: 7.692307692307693%;
  }
  .u-offset-l-w1of13\@xl {
    margin-left: 7.692307692307693%;
  }
  .u-offset-r-w1of13\@xl {
    margin-right: 7.692307692307693%;
  }
  .u-marg-b-vh1of13\@xl {
    margin-bottom: 7.692307692307693vh !important;
  }
  .u-w2of13\@xl {
    width: 15.384615384615385%;
  }
  .u-offset-l-w2of13\@xl {
    margin-left: 15.384615384615385%;
  }
  .u-offset-r-w2of13\@xl {
    margin-right: 15.384615384615385%;
  }
  .u-marg-b-vh2of13\@xl {
    margin-bottom: 15.384615384615385vh !important;
  }
  .u-w3of13\@xl {
    width: 23.076923076923077%;
  }
  .u-offset-l-w3of13\@xl {
    margin-left: 23.076923076923077%;
  }
  .u-offset-r-w3of13\@xl {
    margin-right: 23.076923076923077%;
  }
  .u-marg-b-vh3of13\@xl {
    margin-bottom: 23.076923076923077vh !important;
  }
  .u-w4of13\@xl {
    width: 30.76923076923077%;
  }
  .u-offset-l-w4of13\@xl {
    margin-left: 30.76923076923077%;
  }
  .u-offset-r-w4of13\@xl {
    margin-right: 30.76923076923077%;
  }
  .u-marg-b-vh4of13\@xl {
    margin-bottom: 30.76923076923077vh !important;
  }
  .u-w5of13\@xl {
    width: 38.46153846153846%;
  }
  .u-offset-l-w5of13\@xl {
    margin-left: 38.46153846153846%;
  }
  .u-offset-r-w5of13\@xl {
    margin-right: 38.46153846153846%;
  }
  .u-marg-b-vh5of13\@xl {
    margin-bottom: 38.46153846153846vh !important;
  }
  .u-w6of13\@xl {
    width: 46.15384615384615%;
  }
  .u-offset-l-w6of13\@xl {
    margin-left: 46.15384615384615%;
  }
  .u-offset-r-w6of13\@xl {
    margin-right: 46.15384615384615%;
  }
  .u-marg-b-vh6of13\@xl {
    margin-bottom: 46.15384615384615vh !important;
  }
  .u-w7of13\@xl {
    width: 53.84615384615385%;
  }
  .u-offset-l-w7of13\@xl {
    margin-left: 53.84615384615385%;
  }
  .u-offset-r-w7of13\@xl {
    margin-right: 53.84615384615385%;
  }
  .u-marg-b-vh7of13\@xl {
    margin-bottom: 53.84615384615385vh !important;
  }
  .u-w8of13\@xl {
    width: 61.53846153846154%;
  }
  .u-offset-l-w8of13\@xl {
    margin-left: 61.53846153846154%;
  }
  .u-offset-r-w8of13\@xl {
    margin-right: 61.53846153846154%;
  }
  .u-marg-b-vh8of13\@xl {
    margin-bottom: 61.53846153846154vh !important;
  }
  .u-w9of13\@xl {
    width: 69.23076923076923%;
  }
  .u-offset-l-w9of13\@xl {
    margin-left: 69.23076923076923%;
  }
  .u-offset-r-w9of13\@xl {
    margin-right: 69.23076923076923%;
  }
  .u-marg-b-vh9of13\@xl {
    margin-bottom: 69.23076923076923vh !important;
  }
  .u-w10of13\@xl {
    width: 76.92307692307692%;
  }
  .u-offset-l-w10of13\@xl {
    margin-left: 76.92307692307692%;
  }
  .u-offset-r-w10of13\@xl {
    margin-right: 76.92307692307692%;
  }
  .u-marg-b-vh10of13\@xl {
    margin-bottom: 76.92307692307692vh !important;
  }
  .u-w11of13\@xl {
    width: 84.61538461538461%;
  }
  .u-offset-l-w11of13\@xl {
    margin-left: 84.61538461538461%;
  }
  .u-offset-r-w11of13\@xl {
    margin-right: 84.61538461538461%;
  }
  .u-marg-b-vh11of13\@xl {
    margin-bottom: 84.61538461538461vh !important;
  }
  .u-w12of13\@xl {
    width: 92.3076923076923%;
  }
  .u-offset-l-w12of13\@xl {
    margin-left: 92.3076923076923%;
  }
  .u-offset-r-w12of13\@xl {
    margin-right: 92.3076923076923%;
  }
  .u-marg-b-vh12of13\@xl {
    margin-bottom: 92.3076923076923vh !important;
  }
  .u-w13of13\@xl {
    width: 100%;
  }
  .u-offset-l-w13of13\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w13of13\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh13of13\@xl {
    margin-bottom: 100vh !important;
  }
  .u-w1of20\@xl {
    width: 5%;
  }
  .u-offset-l-w1of20\@xl {
    margin-left: 5%;
  }
  .u-offset-r-w1of20\@xl {
    margin-right: 5%;
  }
  .u-marg-b-vh1of20\@xl {
    margin-bottom: 5vh !important;
  }
  .u-w2of20\@xl {
    width: 10%;
  }
  .u-offset-l-w2of20\@xl {
    margin-left: 10%;
  }
  .u-offset-r-w2of20\@xl {
    margin-right: 10%;
  }
  .u-marg-b-vh2of20\@xl {
    margin-bottom: 10vh !important;
  }
  .u-w3of20\@xl {
    width: 15%;
  }
  .u-offset-l-w3of20\@xl {
    margin-left: 15%;
  }
  .u-offset-r-w3of20\@xl {
    margin-right: 15%;
  }
  .u-marg-b-vh3of20\@xl {
    margin-bottom: 15vh !important;
  }
  .u-w4of20\@xl {
    width: 20%;
  }
  .u-offset-l-w4of20\@xl {
    margin-left: 20%;
  }
  .u-offset-r-w4of20\@xl {
    margin-right: 20%;
  }
  .u-marg-b-vh4of20\@xl {
    margin-bottom: 20vh !important;
  }
  .u-w5of20\@xl {
    width: 25%;
  }
  .u-offset-l-w5of20\@xl {
    margin-left: 25%;
  }
  .u-offset-r-w5of20\@xl {
    margin-right: 25%;
  }
  .u-marg-b-vh5of20\@xl {
    margin-bottom: 25vh !important;
  }
  .u-w6of20\@xl {
    width: 30%;
  }
  .u-offset-l-w6of20\@xl {
    margin-left: 30%;
  }
  .u-offset-r-w6of20\@xl {
    margin-right: 30%;
  }
  .u-marg-b-vh6of20\@xl {
    margin-bottom: 30vh !important;
  }
  .u-w7of20\@xl {
    width: 35%;
  }
  .u-offset-l-w7of20\@xl {
    margin-left: 35%;
  }
  .u-offset-r-w7of20\@xl {
    margin-right: 35%;
  }
  .u-marg-b-vh7of20\@xl {
    margin-bottom: 35vh !important;
  }
  .u-w8of20\@xl {
    width: 40%;
  }
  .u-offset-l-w8of20\@xl {
    margin-left: 40%;
  }
  .u-offset-r-w8of20\@xl {
    margin-right: 40%;
  }
  .u-marg-b-vh8of20\@xl {
    margin-bottom: 40vh !important;
  }
  .u-w9of20\@xl {
    width: 45%;
  }
  .u-offset-l-w9of20\@xl {
    margin-left: 45%;
  }
  .u-offset-r-w9of20\@xl {
    margin-right: 45%;
  }
  .u-marg-b-vh9of20\@xl {
    margin-bottom: 45vh !important;
  }
  .u-w10of20\@xl {
    width: 50%;
  }
  .u-offset-l-w10of20\@xl {
    margin-left: 50%;
  }
  .u-offset-r-w10of20\@xl {
    margin-right: 50%;
  }
  .u-marg-b-vh10of20\@xl {
    margin-bottom: 50vh !important;
  }
  .u-w11of20\@xl {
    width: 55%;
  }
  .u-offset-l-w11of20\@xl {
    margin-left: 55%;
  }
  .u-offset-r-w11of20\@xl {
    margin-right: 55%;
  }
  .u-marg-b-vh11of20\@xl {
    margin-bottom: 55vh !important;
  }
  .u-w12of20\@xl {
    width: 60%;
  }
  .u-offset-l-w12of20\@xl {
    margin-left: 60%;
  }
  .u-offset-r-w12of20\@xl {
    margin-right: 60%;
  }
  .u-marg-b-vh12of20\@xl {
    margin-bottom: 60vh !important;
  }
  .u-w13of20\@xl {
    width: 65%;
  }
  .u-offset-l-w13of20\@xl {
    margin-left: 65%;
  }
  .u-offset-r-w13of20\@xl {
    margin-right: 65%;
  }
  .u-marg-b-vh13of20\@xl {
    margin-bottom: 65vh !important;
  }
  .u-w14of20\@xl {
    width: 70%;
  }
  .u-offset-l-w14of20\@xl {
    margin-left: 70%;
  }
  .u-offset-r-w14of20\@xl {
    margin-right: 70%;
  }
  .u-marg-b-vh14of20\@xl {
    margin-bottom: 70vh !important;
  }
  .u-w15of20\@xl {
    width: 75%;
  }
  .u-offset-l-w15of20\@xl {
    margin-left: 75%;
  }
  .u-offset-r-w15of20\@xl {
    margin-right: 75%;
  }
  .u-marg-b-vh15of20\@xl {
    margin-bottom: 75vh !important;
  }
  .u-w16of20\@xl {
    width: 80%;
  }
  .u-offset-l-w16of20\@xl {
    margin-left: 80%;
  }
  .u-offset-r-w16of20\@xl {
    margin-right: 80%;
  }
  .u-marg-b-vh16of20\@xl {
    margin-bottom: 80vh !important;
  }
  .u-w17of20\@xl {
    width: 85%;
  }
  .u-offset-l-w17of20\@xl {
    margin-left: 85%;
  }
  .u-offset-r-w17of20\@xl {
    margin-right: 85%;
  }
  .u-marg-b-vh17of20\@xl {
    margin-bottom: 85vh !important;
  }
  .u-w18of20\@xl {
    width: 90%;
  }
  .u-offset-l-w18of20\@xl {
    margin-left: 90%;
  }
  .u-offset-r-w18of20\@xl {
    margin-right: 90%;
  }
  .u-marg-b-vh18of20\@xl {
    margin-bottom: 90vh !important;
  }
  .u-w19of20\@xl {
    width: 95%;
  }
  .u-offset-l-w19of20\@xl {
    margin-left: 95%;
  }
  .u-offset-r-w19of20\@xl {
    margin-right: 95%;
  }
  .u-marg-b-vh19of20\@xl {
    margin-bottom: 95vh !important;
  }
  .u-w20of20\@xl {
    width: 100%;
  }
  .u-offset-l-w20of20\@xl {
    margin-left: 100%;
  }
  .u-offset-r-w20of20\@xl {
    margin-right: 100%;
  }
  .u-marg-b-vh20of20\@xl {
    margin-bottom: 100vh !important;
  }
}
@media screen and (max-width: 1280px) {
  .u-w1of2\@lg {
    width: 50%;
  }
  .u-offset-l-w1of2\@lg {
    margin-left: 50%;
  }
  .u-offset-r-w1of2\@lg {
    margin-right: 50%;
  }
  .u-marg-b-vh1of2\@lg {
    margin-bottom: 50vh !important;
  }
  .u-w2of2\@lg {
    width: 100%;
  }
  .u-offset-l-w2of2\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w2of2\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh2of2\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of3\@lg {
    width: 33.333333333333336%;
  }
  .u-offset-l-w1of3\@lg {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w1of3\@lg {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh1of3\@lg {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w2of3\@lg {
    width: 66.66666666666667%;
  }
  .u-offset-l-w2of3\@lg {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w2of3\@lg {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh2of3\@lg {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w3of3\@lg {
    width: 100%;
  }
  .u-offset-l-w3of3\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w3of3\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh3of3\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of4\@lg {
    width: 25%;
  }
  .u-offset-l-w1of4\@lg {
    margin-left: 25%;
  }
  .u-offset-r-w1of4\@lg {
    margin-right: 25%;
  }
  .u-marg-b-vh1of4\@lg {
    margin-bottom: 25vh !important;
  }
  .u-w2of4\@lg {
    width: 50%;
  }
  .u-offset-l-w2of4\@lg {
    margin-left: 50%;
  }
  .u-offset-r-w2of4\@lg {
    margin-right: 50%;
  }
  .u-marg-b-vh2of4\@lg {
    margin-bottom: 50vh !important;
  }
  .u-w3of4\@lg {
    width: 75%;
  }
  .u-offset-l-w3of4\@lg {
    margin-left: 75%;
  }
  .u-offset-r-w3of4\@lg {
    margin-right: 75%;
  }
  .u-marg-b-vh3of4\@lg {
    margin-bottom: 75vh !important;
  }
  .u-w4of4\@lg {
    width: 100%;
  }
  .u-offset-l-w4of4\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w4of4\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh4of4\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of5\@lg {
    width: 20%;
  }
  .u-offset-l-w1of5\@lg {
    margin-left: 20%;
  }
  .u-offset-r-w1of5\@lg {
    margin-right: 20%;
  }
  .u-marg-b-vh1of5\@lg {
    margin-bottom: 20vh !important;
  }
  .u-w2of5\@lg {
    width: 40%;
  }
  .u-offset-l-w2of5\@lg {
    margin-left: 40%;
  }
  .u-offset-r-w2of5\@lg {
    margin-right: 40%;
  }
  .u-marg-b-vh2of5\@lg {
    margin-bottom: 40vh !important;
  }
  .u-w3of5\@lg {
    width: 60%;
  }
  .u-offset-l-w3of5\@lg {
    margin-left: 60%;
  }
  .u-offset-r-w3of5\@lg {
    margin-right: 60%;
  }
  .u-marg-b-vh3of5\@lg {
    margin-bottom: 60vh !important;
  }
  .u-w4of5\@lg {
    width: 80%;
  }
  .u-offset-l-w4of5\@lg {
    margin-left: 80%;
  }
  .u-offset-r-w4of5\@lg {
    margin-right: 80%;
  }
  .u-marg-b-vh4of5\@lg {
    margin-bottom: 80vh !important;
  }
  .u-w5of5\@lg {
    width: 100%;
  }
  .u-offset-l-w5of5\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w5of5\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh5of5\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of6\@lg {
    width: 16.666666666666668%;
  }
  .u-offset-l-w1of6\@lg {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w1of6\@lg {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh1of6\@lg {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w2of6\@lg {
    width: 33.333333333333336%;
  }
  .u-offset-l-w2of6\@lg {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w2of6\@lg {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh2of6\@lg {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w3of6\@lg {
    width: 50%;
  }
  .u-offset-l-w3of6\@lg {
    margin-left: 50%;
  }
  .u-offset-r-w3of6\@lg {
    margin-right: 50%;
  }
  .u-marg-b-vh3of6\@lg {
    margin-bottom: 50vh !important;
  }
  .u-w4of6\@lg {
    width: 66.66666666666667%;
  }
  .u-offset-l-w4of6\@lg {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w4of6\@lg {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh4of6\@lg {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w5of6\@lg {
    width: 83.33333333333334%;
  }
  .u-offset-l-w5of6\@lg {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w5of6\@lg {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh5of6\@lg {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w6of6\@lg {
    width: 100%;
  }
  .u-offset-l-w6of6\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w6of6\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh6of6\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of7\@lg {
    width: 14.285714285714286%;
  }
  .u-offset-l-w1of7\@lg {
    margin-left: 14.285714285714286%;
  }
  .u-offset-r-w1of7\@lg {
    margin-right: 14.285714285714286%;
  }
  .u-marg-b-vh1of7\@lg {
    margin-bottom: 14.285714285714286vh !important;
  }
  .u-w2of7\@lg {
    width: 28.571428571428573%;
  }
  .u-offset-l-w2of7\@lg {
    margin-left: 28.571428571428573%;
  }
  .u-offset-r-w2of7\@lg {
    margin-right: 28.571428571428573%;
  }
  .u-marg-b-vh2of7\@lg {
    margin-bottom: 28.571428571428573vh !important;
  }
  .u-w3of7\@lg {
    width: 42.85714285714286%;
  }
  .u-offset-l-w3of7\@lg {
    margin-left: 42.85714285714286%;
  }
  .u-offset-r-w3of7\@lg {
    margin-right: 42.85714285714286%;
  }
  .u-marg-b-vh3of7\@lg {
    margin-bottom: 42.85714285714286vh !important;
  }
  .u-w4of7\@lg {
    width: 57.142857142857146%;
  }
  .u-offset-l-w4of7\@lg {
    margin-left: 57.142857142857146%;
  }
  .u-offset-r-w4of7\@lg {
    margin-right: 57.142857142857146%;
  }
  .u-marg-b-vh4of7\@lg {
    margin-bottom: 57.142857142857146vh !important;
  }
  .u-w5of7\@lg {
    width: 71.42857142857143%;
  }
  .u-offset-l-w5of7\@lg {
    margin-left: 71.42857142857143%;
  }
  .u-offset-r-w5of7\@lg {
    margin-right: 71.42857142857143%;
  }
  .u-marg-b-vh5of7\@lg {
    margin-bottom: 71.42857142857143vh !important;
  }
  .u-w6of7\@lg {
    width: 85.71428571428572%;
  }
  .u-offset-l-w6of7\@lg {
    margin-left: 85.71428571428572%;
  }
  .u-offset-r-w6of7\@lg {
    margin-right: 85.71428571428572%;
  }
  .u-marg-b-vh6of7\@lg {
    margin-bottom: 85.71428571428572vh !important;
  }
  .u-w7of7\@lg {
    width: 100%;
  }
  .u-offset-l-w7of7\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w7of7\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh7of7\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of8\@lg {
    width: 12.5%;
  }
  .u-offset-l-w1of8\@lg {
    margin-left: 12.5%;
  }
  .u-offset-r-w1of8\@lg {
    margin-right: 12.5%;
  }
  .u-marg-b-vh1of8\@lg {
    margin-bottom: 12.5vh !important;
  }
  .u-w2of8\@lg {
    width: 25%;
  }
  .u-offset-l-w2of8\@lg {
    margin-left: 25%;
  }
  .u-offset-r-w2of8\@lg {
    margin-right: 25%;
  }
  .u-marg-b-vh2of8\@lg {
    margin-bottom: 25vh !important;
  }
  .u-w3of8\@lg {
    width: 37.5%;
  }
  .u-offset-l-w3of8\@lg {
    margin-left: 37.5%;
  }
  .u-offset-r-w3of8\@lg {
    margin-right: 37.5%;
  }
  .u-marg-b-vh3of8\@lg {
    margin-bottom: 37.5vh !important;
  }
  .u-w4of8\@lg {
    width: 50%;
  }
  .u-offset-l-w4of8\@lg {
    margin-left: 50%;
  }
  .u-offset-r-w4of8\@lg {
    margin-right: 50%;
  }
  .u-marg-b-vh4of8\@lg {
    margin-bottom: 50vh !important;
  }
  .u-w5of8\@lg {
    width: 62.5%;
  }
  .u-offset-l-w5of8\@lg {
    margin-left: 62.5%;
  }
  .u-offset-r-w5of8\@lg {
    margin-right: 62.5%;
  }
  .u-marg-b-vh5of8\@lg {
    margin-bottom: 62.5vh !important;
  }
  .u-w6of8\@lg {
    width: 75%;
  }
  .u-offset-l-w6of8\@lg {
    margin-left: 75%;
  }
  .u-offset-r-w6of8\@lg {
    margin-right: 75%;
  }
  .u-marg-b-vh6of8\@lg {
    margin-bottom: 75vh !important;
  }
  .u-w7of8\@lg {
    width: 87.5%;
  }
  .u-offset-l-w7of8\@lg {
    margin-left: 87.5%;
  }
  .u-offset-r-w7of8\@lg {
    margin-right: 87.5%;
  }
  .u-marg-b-vh7of8\@lg {
    margin-bottom: 87.5vh !important;
  }
  .u-w8of8\@lg {
    width: 100%;
  }
  .u-offset-l-w8of8\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w8of8\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh8of8\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of9\@lg {
    width: 11.11111111111111%;
  }
  .u-offset-l-w1of9\@lg {
    margin-left: 11.11111111111111%;
  }
  .u-offset-r-w1of9\@lg {
    margin-right: 11.11111111111111%;
  }
  .u-marg-b-vh1of9\@lg {
    margin-bottom: 11.11111111111111vh !important;
  }
  .u-w2of9\@lg {
    width: 22.22222222222222%;
  }
  .u-offset-l-w2of9\@lg {
    margin-left: 22.22222222222222%;
  }
  .u-offset-r-w2of9\@lg {
    margin-right: 22.22222222222222%;
  }
  .u-marg-b-vh2of9\@lg {
    margin-bottom: 22.22222222222222vh !important;
  }
  .u-w3of9\@lg {
    width: 33.33333333333333%;
  }
  .u-offset-l-w3of9\@lg {
    margin-left: 33.33333333333333%;
  }
  .u-offset-r-w3of9\@lg {
    margin-right: 33.33333333333333%;
  }
  .u-marg-b-vh3of9\@lg {
    margin-bottom: 33.33333333333333vh !important;
  }
  .u-w4of9\@lg {
    width: 44.44444444444444%;
  }
  .u-offset-l-w4of9\@lg {
    margin-left: 44.44444444444444%;
  }
  .u-offset-r-w4of9\@lg {
    margin-right: 44.44444444444444%;
  }
  .u-marg-b-vh4of9\@lg {
    margin-bottom: 44.44444444444444vh !important;
  }
  .u-w5of9\@lg {
    width: 55.55555555555556%;
  }
  .u-offset-l-w5of9\@lg {
    margin-left: 55.55555555555556%;
  }
  .u-offset-r-w5of9\@lg {
    margin-right: 55.55555555555556%;
  }
  .u-marg-b-vh5of9\@lg {
    margin-bottom: 55.55555555555556vh !important;
  }
  .u-w6of9\@lg {
    width: 66.66666666666666%;
  }
  .u-offset-l-w6of9\@lg {
    margin-left: 66.66666666666666%;
  }
  .u-offset-r-w6of9\@lg {
    margin-right: 66.66666666666666%;
  }
  .u-marg-b-vh6of9\@lg {
    margin-bottom: 66.66666666666666vh !important;
  }
  .u-w7of9\@lg {
    width: 77.77777777777777%;
  }
  .u-offset-l-w7of9\@lg {
    margin-left: 77.77777777777777%;
  }
  .u-offset-r-w7of9\@lg {
    margin-right: 77.77777777777777%;
  }
  .u-marg-b-vh7of9\@lg {
    margin-bottom: 77.77777777777777vh !important;
  }
  .u-w8of9\@lg {
    width: 88.88888888888889%;
  }
  .u-offset-l-w8of9\@lg {
    margin-left: 88.88888888888889%;
  }
  .u-offset-r-w8of9\@lg {
    margin-right: 88.88888888888889%;
  }
  .u-marg-b-vh8of9\@lg {
    margin-bottom: 88.88888888888889vh !important;
  }
  .u-w9of9\@lg {
    width: 100%;
  }
  .u-offset-l-w9of9\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w9of9\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh9of9\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of10\@lg {
    width: 10%;
  }
  .u-offset-l-w1of10\@lg {
    margin-left: 10%;
  }
  .u-offset-r-w1of10\@lg {
    margin-right: 10%;
  }
  .u-marg-b-vh1of10\@lg {
    margin-bottom: 10vh !important;
  }
  .u-w2of10\@lg {
    width: 20%;
  }
  .u-offset-l-w2of10\@lg {
    margin-left: 20%;
  }
  .u-offset-r-w2of10\@lg {
    margin-right: 20%;
  }
  .u-marg-b-vh2of10\@lg {
    margin-bottom: 20vh !important;
  }
  .u-w3of10\@lg {
    width: 30%;
  }
  .u-offset-l-w3of10\@lg {
    margin-left: 30%;
  }
  .u-offset-r-w3of10\@lg {
    margin-right: 30%;
  }
  .u-marg-b-vh3of10\@lg {
    margin-bottom: 30vh !important;
  }
  .u-w4of10\@lg {
    width: 40%;
  }
  .u-offset-l-w4of10\@lg {
    margin-left: 40%;
  }
  .u-offset-r-w4of10\@lg {
    margin-right: 40%;
  }
  .u-marg-b-vh4of10\@lg {
    margin-bottom: 40vh !important;
  }
  .u-w5of10\@lg {
    width: 50%;
  }
  .u-offset-l-w5of10\@lg {
    margin-left: 50%;
  }
  .u-offset-r-w5of10\@lg {
    margin-right: 50%;
  }
  .u-marg-b-vh5of10\@lg {
    margin-bottom: 50vh !important;
  }
  .u-w6of10\@lg {
    width: 60%;
  }
  .u-offset-l-w6of10\@lg {
    margin-left: 60%;
  }
  .u-offset-r-w6of10\@lg {
    margin-right: 60%;
  }
  .u-marg-b-vh6of10\@lg {
    margin-bottom: 60vh !important;
  }
  .u-w7of10\@lg {
    width: 70%;
  }
  .u-offset-l-w7of10\@lg {
    margin-left: 70%;
  }
  .u-offset-r-w7of10\@lg {
    margin-right: 70%;
  }
  .u-marg-b-vh7of10\@lg {
    margin-bottom: 70vh !important;
  }
  .u-w8of10\@lg {
    width: 80%;
  }
  .u-offset-l-w8of10\@lg {
    margin-left: 80%;
  }
  .u-offset-r-w8of10\@lg {
    margin-right: 80%;
  }
  .u-marg-b-vh8of10\@lg {
    margin-bottom: 80vh !important;
  }
  .u-w9of10\@lg {
    width: 90%;
  }
  .u-offset-l-w9of10\@lg {
    margin-left: 90%;
  }
  .u-offset-r-w9of10\@lg {
    margin-right: 90%;
  }
  .u-marg-b-vh9of10\@lg {
    margin-bottom: 90vh !important;
  }
  .u-w10of10\@lg {
    width: 100%;
  }
  .u-offset-l-w10of10\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w10of10\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh10of10\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of11\@lg {
    width: 9.090909090909092%;
  }
  .u-offset-l-w1of11\@lg {
    margin-left: 9.090909090909092%;
  }
  .u-offset-r-w1of11\@lg {
    margin-right: 9.090909090909092%;
  }
  .u-marg-b-vh1of11\@lg {
    margin-bottom: 9.090909090909092vh !important;
  }
  .u-w2of11\@lg {
    width: 18.181818181818183%;
  }
  .u-offset-l-w2of11\@lg {
    margin-left: 18.181818181818183%;
  }
  .u-offset-r-w2of11\@lg {
    margin-right: 18.181818181818183%;
  }
  .u-marg-b-vh2of11\@lg {
    margin-bottom: 18.181818181818183vh !important;
  }
  .u-w3of11\@lg {
    width: 27.272727272727273%;
  }
  .u-offset-l-w3of11\@lg {
    margin-left: 27.272727272727273%;
  }
  .u-offset-r-w3of11\@lg {
    margin-right: 27.272727272727273%;
  }
  .u-marg-b-vh3of11\@lg {
    margin-bottom: 27.272727272727273vh !important;
  }
  .u-w4of11\@lg {
    width: 36.36363636363637%;
  }
  .u-offset-l-w4of11\@lg {
    margin-left: 36.36363636363637%;
  }
  .u-offset-r-w4of11\@lg {
    margin-right: 36.36363636363637%;
  }
  .u-marg-b-vh4of11\@lg {
    margin-bottom: 36.36363636363637vh !important;
  }
  .u-w5of11\@lg {
    width: 45.45454545454546%;
  }
  .u-offset-l-w5of11\@lg {
    margin-left: 45.45454545454546%;
  }
  .u-offset-r-w5of11\@lg {
    margin-right: 45.45454545454546%;
  }
  .u-marg-b-vh5of11\@lg {
    margin-bottom: 45.45454545454546vh !important;
  }
  .u-w6of11\@lg {
    width: 54.54545454545455%;
  }
  .u-offset-l-w6of11\@lg {
    margin-left: 54.54545454545455%;
  }
  .u-offset-r-w6of11\@lg {
    margin-right: 54.54545454545455%;
  }
  .u-marg-b-vh6of11\@lg {
    margin-bottom: 54.54545454545455vh !important;
  }
  .u-w7of11\@lg {
    width: 63.63636363636364%;
  }
  .u-offset-l-w7of11\@lg {
    margin-left: 63.63636363636364%;
  }
  .u-offset-r-w7of11\@lg {
    margin-right: 63.63636363636364%;
  }
  .u-marg-b-vh7of11\@lg {
    margin-bottom: 63.63636363636364vh !important;
  }
  .u-w8of11\@lg {
    width: 72.72727272727273%;
  }
  .u-offset-l-w8of11\@lg {
    margin-left: 72.72727272727273%;
  }
  .u-offset-r-w8of11\@lg {
    margin-right: 72.72727272727273%;
  }
  .u-marg-b-vh8of11\@lg {
    margin-bottom: 72.72727272727273vh !important;
  }
  .u-w9of11\@lg {
    width: 81.81818181818183%;
  }
  .u-offset-l-w9of11\@lg {
    margin-left: 81.81818181818183%;
  }
  .u-offset-r-w9of11\@lg {
    margin-right: 81.81818181818183%;
  }
  .u-marg-b-vh9of11\@lg {
    margin-bottom: 81.81818181818183vh !important;
  }
  .u-w10of11\@lg {
    width: 90.90909090909092%;
  }
  .u-offset-l-w10of11\@lg {
    margin-left: 90.90909090909092%;
  }
  .u-offset-r-w10of11\@lg {
    margin-right: 90.90909090909092%;
  }
  .u-marg-b-vh10of11\@lg {
    margin-bottom: 90.90909090909092vh !important;
  }
  .u-w11of11\@lg {
    width: 100.00000000000001%;
  }
  .u-offset-l-w11of11\@lg {
    margin-left: 100.00000000000001%;
  }
  .u-offset-r-w11of11\@lg {
    margin-right: 100.00000000000001%;
  }
  .u-marg-b-vh11of11\@lg {
    margin-bottom: 100.00000000000001vh !important;
  }
  .u-w1of12\@lg {
    width: 8.333333333333334%;
  }
  .u-offset-l-w1of12\@lg {
    margin-left: 8.333333333333334%;
  }
  .u-offset-r-w1of12\@lg {
    margin-right: 8.333333333333334%;
  }
  .u-marg-b-vh1of12\@lg {
    margin-bottom: 8.333333333333334vh !important;
  }
  .u-w2of12\@lg {
    width: 16.666666666666668%;
  }
  .u-offset-l-w2of12\@lg {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w2of12\@lg {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh2of12\@lg {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w3of12\@lg {
    width: 25%;
  }
  .u-offset-l-w3of12\@lg {
    margin-left: 25%;
  }
  .u-offset-r-w3of12\@lg {
    margin-right: 25%;
  }
  .u-marg-b-vh3of12\@lg {
    margin-bottom: 25vh !important;
  }
  .u-w4of12\@lg {
    width: 33.333333333333336%;
  }
  .u-offset-l-w4of12\@lg {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w4of12\@lg {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh4of12\@lg {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w5of12\@lg {
    width: 41.66666666666667%;
  }
  .u-offset-l-w5of12\@lg {
    margin-left: 41.66666666666667%;
  }
  .u-offset-r-w5of12\@lg {
    margin-right: 41.66666666666667%;
  }
  .u-marg-b-vh5of12\@lg {
    margin-bottom: 41.66666666666667vh !important;
  }
  .u-w6of12\@lg {
    width: 50%;
  }
  .u-offset-l-w6of12\@lg {
    margin-left: 50%;
  }
  .u-offset-r-w6of12\@lg {
    margin-right: 50%;
  }
  .u-marg-b-vh6of12\@lg {
    margin-bottom: 50vh !important;
  }
  .u-w7of12\@lg {
    width: 58.333333333333336%;
  }
  .u-offset-l-w7of12\@lg {
    margin-left: 58.333333333333336%;
  }
  .u-offset-r-w7of12\@lg {
    margin-right: 58.333333333333336%;
  }
  .u-marg-b-vh7of12\@lg {
    margin-bottom: 58.333333333333336vh !important;
  }
  .u-w8of12\@lg {
    width: 66.66666666666667%;
  }
  .u-offset-l-w8of12\@lg {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w8of12\@lg {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh8of12\@lg {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w9of12\@lg {
    width: 75%;
  }
  .u-offset-l-w9of12\@lg {
    margin-left: 75%;
  }
  .u-offset-r-w9of12\@lg {
    margin-right: 75%;
  }
  .u-marg-b-vh9of12\@lg {
    margin-bottom: 75vh !important;
  }
  .u-w10of12\@lg {
    width: 83.33333333333334%;
  }
  .u-offset-l-w10of12\@lg {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w10of12\@lg {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh10of12\@lg {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w11of12\@lg {
    width: 91.66666666666667%;
  }
  .u-offset-l-w11of12\@lg {
    margin-left: 91.66666666666667%;
  }
  .u-offset-r-w11of12\@lg {
    margin-right: 91.66666666666667%;
  }
  .u-marg-b-vh11of12\@lg {
    margin-bottom: 91.66666666666667vh !important;
  }
  .u-w12of12\@lg {
    width: 100%;
  }
  .u-offset-l-w12of12\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w12of12\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh12of12\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of13\@lg {
    width: 7.692307692307693%;
  }
  .u-offset-l-w1of13\@lg {
    margin-left: 7.692307692307693%;
  }
  .u-offset-r-w1of13\@lg {
    margin-right: 7.692307692307693%;
  }
  .u-marg-b-vh1of13\@lg {
    margin-bottom: 7.692307692307693vh !important;
  }
  .u-w2of13\@lg {
    width: 15.384615384615385%;
  }
  .u-offset-l-w2of13\@lg {
    margin-left: 15.384615384615385%;
  }
  .u-offset-r-w2of13\@lg {
    margin-right: 15.384615384615385%;
  }
  .u-marg-b-vh2of13\@lg {
    margin-bottom: 15.384615384615385vh !important;
  }
  .u-w3of13\@lg {
    width: 23.076923076923077%;
  }
  .u-offset-l-w3of13\@lg {
    margin-left: 23.076923076923077%;
  }
  .u-offset-r-w3of13\@lg {
    margin-right: 23.076923076923077%;
  }
  .u-marg-b-vh3of13\@lg {
    margin-bottom: 23.076923076923077vh !important;
  }
  .u-w4of13\@lg {
    width: 30.76923076923077%;
  }
  .u-offset-l-w4of13\@lg {
    margin-left: 30.76923076923077%;
  }
  .u-offset-r-w4of13\@lg {
    margin-right: 30.76923076923077%;
  }
  .u-marg-b-vh4of13\@lg {
    margin-bottom: 30.76923076923077vh !important;
  }
  .u-w5of13\@lg {
    width: 38.46153846153846%;
  }
  .u-offset-l-w5of13\@lg {
    margin-left: 38.46153846153846%;
  }
  .u-offset-r-w5of13\@lg {
    margin-right: 38.46153846153846%;
  }
  .u-marg-b-vh5of13\@lg {
    margin-bottom: 38.46153846153846vh !important;
  }
  .u-w6of13\@lg {
    width: 46.15384615384615%;
  }
  .u-offset-l-w6of13\@lg {
    margin-left: 46.15384615384615%;
  }
  .u-offset-r-w6of13\@lg {
    margin-right: 46.15384615384615%;
  }
  .u-marg-b-vh6of13\@lg {
    margin-bottom: 46.15384615384615vh !important;
  }
  .u-w7of13\@lg {
    width: 53.84615384615385%;
  }
  .u-offset-l-w7of13\@lg {
    margin-left: 53.84615384615385%;
  }
  .u-offset-r-w7of13\@lg {
    margin-right: 53.84615384615385%;
  }
  .u-marg-b-vh7of13\@lg {
    margin-bottom: 53.84615384615385vh !important;
  }
  .u-w8of13\@lg {
    width: 61.53846153846154%;
  }
  .u-offset-l-w8of13\@lg {
    margin-left: 61.53846153846154%;
  }
  .u-offset-r-w8of13\@lg {
    margin-right: 61.53846153846154%;
  }
  .u-marg-b-vh8of13\@lg {
    margin-bottom: 61.53846153846154vh !important;
  }
  .u-w9of13\@lg {
    width: 69.23076923076923%;
  }
  .u-offset-l-w9of13\@lg {
    margin-left: 69.23076923076923%;
  }
  .u-offset-r-w9of13\@lg {
    margin-right: 69.23076923076923%;
  }
  .u-marg-b-vh9of13\@lg {
    margin-bottom: 69.23076923076923vh !important;
  }
  .u-w10of13\@lg {
    width: 76.92307692307692%;
  }
  .u-offset-l-w10of13\@lg {
    margin-left: 76.92307692307692%;
  }
  .u-offset-r-w10of13\@lg {
    margin-right: 76.92307692307692%;
  }
  .u-marg-b-vh10of13\@lg {
    margin-bottom: 76.92307692307692vh !important;
  }
  .u-w11of13\@lg {
    width: 84.61538461538461%;
  }
  .u-offset-l-w11of13\@lg {
    margin-left: 84.61538461538461%;
  }
  .u-offset-r-w11of13\@lg {
    margin-right: 84.61538461538461%;
  }
  .u-marg-b-vh11of13\@lg {
    margin-bottom: 84.61538461538461vh !important;
  }
  .u-w12of13\@lg {
    width: 92.3076923076923%;
  }
  .u-offset-l-w12of13\@lg {
    margin-left: 92.3076923076923%;
  }
  .u-offset-r-w12of13\@lg {
    margin-right: 92.3076923076923%;
  }
  .u-marg-b-vh12of13\@lg {
    margin-bottom: 92.3076923076923vh !important;
  }
  .u-w13of13\@lg {
    width: 100%;
  }
  .u-offset-l-w13of13\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w13of13\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh13of13\@lg {
    margin-bottom: 100vh !important;
  }
  .u-w1of20\@lg {
    width: 5%;
  }
  .u-offset-l-w1of20\@lg {
    margin-left: 5%;
  }
  .u-offset-r-w1of20\@lg {
    margin-right: 5%;
  }
  .u-marg-b-vh1of20\@lg {
    margin-bottom: 5vh !important;
  }
  .u-w2of20\@lg {
    width: 10%;
  }
  .u-offset-l-w2of20\@lg {
    margin-left: 10%;
  }
  .u-offset-r-w2of20\@lg {
    margin-right: 10%;
  }
  .u-marg-b-vh2of20\@lg {
    margin-bottom: 10vh !important;
  }
  .u-w3of20\@lg {
    width: 15%;
  }
  .u-offset-l-w3of20\@lg {
    margin-left: 15%;
  }
  .u-offset-r-w3of20\@lg {
    margin-right: 15%;
  }
  .u-marg-b-vh3of20\@lg {
    margin-bottom: 15vh !important;
  }
  .u-w4of20\@lg {
    width: 20%;
  }
  .u-offset-l-w4of20\@lg {
    margin-left: 20%;
  }
  .u-offset-r-w4of20\@lg {
    margin-right: 20%;
  }
  .u-marg-b-vh4of20\@lg {
    margin-bottom: 20vh !important;
  }
  .u-w5of20\@lg {
    width: 25%;
  }
  .u-offset-l-w5of20\@lg {
    margin-left: 25%;
  }
  .u-offset-r-w5of20\@lg {
    margin-right: 25%;
  }
  .u-marg-b-vh5of20\@lg {
    margin-bottom: 25vh !important;
  }
  .u-w6of20\@lg {
    width: 30%;
  }
  .u-offset-l-w6of20\@lg {
    margin-left: 30%;
  }
  .u-offset-r-w6of20\@lg {
    margin-right: 30%;
  }
  .u-marg-b-vh6of20\@lg {
    margin-bottom: 30vh !important;
  }
  .u-w7of20\@lg {
    width: 35%;
  }
  .u-offset-l-w7of20\@lg {
    margin-left: 35%;
  }
  .u-offset-r-w7of20\@lg {
    margin-right: 35%;
  }
  .u-marg-b-vh7of20\@lg {
    margin-bottom: 35vh !important;
  }
  .u-w8of20\@lg {
    width: 40%;
  }
  .u-offset-l-w8of20\@lg {
    margin-left: 40%;
  }
  .u-offset-r-w8of20\@lg {
    margin-right: 40%;
  }
  .u-marg-b-vh8of20\@lg {
    margin-bottom: 40vh !important;
  }
  .u-w9of20\@lg {
    width: 45%;
  }
  .u-offset-l-w9of20\@lg {
    margin-left: 45%;
  }
  .u-offset-r-w9of20\@lg {
    margin-right: 45%;
  }
  .u-marg-b-vh9of20\@lg {
    margin-bottom: 45vh !important;
  }
  .u-w10of20\@lg {
    width: 50%;
  }
  .u-offset-l-w10of20\@lg {
    margin-left: 50%;
  }
  .u-offset-r-w10of20\@lg {
    margin-right: 50%;
  }
  .u-marg-b-vh10of20\@lg {
    margin-bottom: 50vh !important;
  }
  .u-w11of20\@lg {
    width: 55%;
  }
  .u-offset-l-w11of20\@lg {
    margin-left: 55%;
  }
  .u-offset-r-w11of20\@lg {
    margin-right: 55%;
  }
  .u-marg-b-vh11of20\@lg {
    margin-bottom: 55vh !important;
  }
  .u-w12of20\@lg {
    width: 60%;
  }
  .u-offset-l-w12of20\@lg {
    margin-left: 60%;
  }
  .u-offset-r-w12of20\@lg {
    margin-right: 60%;
  }
  .u-marg-b-vh12of20\@lg {
    margin-bottom: 60vh !important;
  }
  .u-w13of20\@lg {
    width: 65%;
  }
  .u-offset-l-w13of20\@lg {
    margin-left: 65%;
  }
  .u-offset-r-w13of20\@lg {
    margin-right: 65%;
  }
  .u-marg-b-vh13of20\@lg {
    margin-bottom: 65vh !important;
  }
  .u-w14of20\@lg {
    width: 70%;
  }
  .u-offset-l-w14of20\@lg {
    margin-left: 70%;
  }
  .u-offset-r-w14of20\@lg {
    margin-right: 70%;
  }
  .u-marg-b-vh14of20\@lg {
    margin-bottom: 70vh !important;
  }
  .u-w15of20\@lg {
    width: 75%;
  }
  .u-offset-l-w15of20\@lg {
    margin-left: 75%;
  }
  .u-offset-r-w15of20\@lg {
    margin-right: 75%;
  }
  .u-marg-b-vh15of20\@lg {
    margin-bottom: 75vh !important;
  }
  .u-w16of20\@lg {
    width: 80%;
  }
  .u-offset-l-w16of20\@lg {
    margin-left: 80%;
  }
  .u-offset-r-w16of20\@lg {
    margin-right: 80%;
  }
  .u-marg-b-vh16of20\@lg {
    margin-bottom: 80vh !important;
  }
  .u-w17of20\@lg {
    width: 85%;
  }
  .u-offset-l-w17of20\@lg {
    margin-left: 85%;
  }
  .u-offset-r-w17of20\@lg {
    margin-right: 85%;
  }
  .u-marg-b-vh17of20\@lg {
    margin-bottom: 85vh !important;
  }
  .u-w18of20\@lg {
    width: 90%;
  }
  .u-offset-l-w18of20\@lg {
    margin-left: 90%;
  }
  .u-offset-r-w18of20\@lg {
    margin-right: 90%;
  }
  .u-marg-b-vh18of20\@lg {
    margin-bottom: 90vh !important;
  }
  .u-w19of20\@lg {
    width: 95%;
  }
  .u-offset-l-w19of20\@lg {
    margin-left: 95%;
  }
  .u-offset-r-w19of20\@lg {
    margin-right: 95%;
  }
  .u-marg-b-vh19of20\@lg {
    margin-bottom: 95vh !important;
  }
  .u-w20of20\@lg {
    width: 100%;
  }
  .u-offset-l-w20of20\@lg {
    margin-left: 100%;
  }
  .u-offset-r-w20of20\@lg {
    margin-right: 100%;
  }
  .u-marg-b-vh20of20\@lg {
    margin-bottom: 100vh !important;
  }
}
@media screen and (max-width: 1024px) {
  .u-w1of2\@md {
    width: 50%;
  }
  .u-offset-l-w1of2\@md {
    margin-left: 50%;
  }
  .u-offset-r-w1of2\@md {
    margin-right: 50%;
  }
  .u-marg-b-vh1of2\@md {
    margin-bottom: 50vh !important;
  }
  .u-w2of2\@md {
    width: 100%;
  }
  .u-offset-l-w2of2\@md {
    margin-left: 100%;
  }
  .u-offset-r-w2of2\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh2of2\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of3\@md {
    width: 33.333333333333336%;
  }
  .u-offset-l-w1of3\@md {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w1of3\@md {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh1of3\@md {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w2of3\@md {
    width: 66.66666666666667%;
  }
  .u-offset-l-w2of3\@md {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w2of3\@md {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh2of3\@md {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w3of3\@md {
    width: 100%;
  }
  .u-offset-l-w3of3\@md {
    margin-left: 100%;
  }
  .u-offset-r-w3of3\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh3of3\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of4\@md {
    width: 25%;
  }
  .u-offset-l-w1of4\@md {
    margin-left: 25%;
  }
  .u-offset-r-w1of4\@md {
    margin-right: 25%;
  }
  .u-marg-b-vh1of4\@md {
    margin-bottom: 25vh !important;
  }
  .u-w2of4\@md {
    width: 50%;
  }
  .u-offset-l-w2of4\@md {
    margin-left: 50%;
  }
  .u-offset-r-w2of4\@md {
    margin-right: 50%;
  }
  .u-marg-b-vh2of4\@md {
    margin-bottom: 50vh !important;
  }
  .u-w3of4\@md {
    width: 75%;
  }
  .u-offset-l-w3of4\@md {
    margin-left: 75%;
  }
  .u-offset-r-w3of4\@md {
    margin-right: 75%;
  }
  .u-marg-b-vh3of4\@md {
    margin-bottom: 75vh !important;
  }
  .u-w4of4\@md {
    width: 100%;
  }
  .u-offset-l-w4of4\@md {
    margin-left: 100%;
  }
  .u-offset-r-w4of4\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh4of4\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of5\@md {
    width: 20%;
  }
  .u-offset-l-w1of5\@md {
    margin-left: 20%;
  }
  .u-offset-r-w1of5\@md {
    margin-right: 20%;
  }
  .u-marg-b-vh1of5\@md {
    margin-bottom: 20vh !important;
  }
  .u-w2of5\@md {
    width: 40%;
  }
  .u-offset-l-w2of5\@md {
    margin-left: 40%;
  }
  .u-offset-r-w2of5\@md {
    margin-right: 40%;
  }
  .u-marg-b-vh2of5\@md {
    margin-bottom: 40vh !important;
  }
  .u-w3of5\@md {
    width: 60%;
  }
  .u-offset-l-w3of5\@md {
    margin-left: 60%;
  }
  .u-offset-r-w3of5\@md {
    margin-right: 60%;
  }
  .u-marg-b-vh3of5\@md {
    margin-bottom: 60vh !important;
  }
  .u-w4of5\@md {
    width: 80%;
  }
  .u-offset-l-w4of5\@md {
    margin-left: 80%;
  }
  .u-offset-r-w4of5\@md {
    margin-right: 80%;
  }
  .u-marg-b-vh4of5\@md {
    margin-bottom: 80vh !important;
  }
  .u-w5of5\@md {
    width: 100%;
  }
  .u-offset-l-w5of5\@md {
    margin-left: 100%;
  }
  .u-offset-r-w5of5\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh5of5\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of6\@md {
    width: 16.666666666666668%;
  }
  .u-offset-l-w1of6\@md {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w1of6\@md {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh1of6\@md {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w2of6\@md {
    width: 33.333333333333336%;
  }
  .u-offset-l-w2of6\@md {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w2of6\@md {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh2of6\@md {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w3of6\@md {
    width: 50%;
  }
  .u-offset-l-w3of6\@md {
    margin-left: 50%;
  }
  .u-offset-r-w3of6\@md {
    margin-right: 50%;
  }
  .u-marg-b-vh3of6\@md {
    margin-bottom: 50vh !important;
  }
  .u-w4of6\@md {
    width: 66.66666666666667%;
  }
  .u-offset-l-w4of6\@md {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w4of6\@md {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh4of6\@md {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w5of6\@md {
    width: 83.33333333333334%;
  }
  .u-offset-l-w5of6\@md {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w5of6\@md {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh5of6\@md {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w6of6\@md {
    width: 100%;
  }
  .u-offset-l-w6of6\@md {
    margin-left: 100%;
  }
  .u-offset-r-w6of6\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh6of6\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of7\@md {
    width: 14.285714285714286%;
  }
  .u-offset-l-w1of7\@md {
    margin-left: 14.285714285714286%;
  }
  .u-offset-r-w1of7\@md {
    margin-right: 14.285714285714286%;
  }
  .u-marg-b-vh1of7\@md {
    margin-bottom: 14.285714285714286vh !important;
  }
  .u-w2of7\@md {
    width: 28.571428571428573%;
  }
  .u-offset-l-w2of7\@md {
    margin-left: 28.571428571428573%;
  }
  .u-offset-r-w2of7\@md {
    margin-right: 28.571428571428573%;
  }
  .u-marg-b-vh2of7\@md {
    margin-bottom: 28.571428571428573vh !important;
  }
  .u-w3of7\@md {
    width: 42.85714285714286%;
  }
  .u-offset-l-w3of7\@md {
    margin-left: 42.85714285714286%;
  }
  .u-offset-r-w3of7\@md {
    margin-right: 42.85714285714286%;
  }
  .u-marg-b-vh3of7\@md {
    margin-bottom: 42.85714285714286vh !important;
  }
  .u-w4of7\@md {
    width: 57.142857142857146%;
  }
  .u-offset-l-w4of7\@md {
    margin-left: 57.142857142857146%;
  }
  .u-offset-r-w4of7\@md {
    margin-right: 57.142857142857146%;
  }
  .u-marg-b-vh4of7\@md {
    margin-bottom: 57.142857142857146vh !important;
  }
  .u-w5of7\@md {
    width: 71.42857142857143%;
  }
  .u-offset-l-w5of7\@md {
    margin-left: 71.42857142857143%;
  }
  .u-offset-r-w5of7\@md {
    margin-right: 71.42857142857143%;
  }
  .u-marg-b-vh5of7\@md {
    margin-bottom: 71.42857142857143vh !important;
  }
  .u-w6of7\@md {
    width: 85.71428571428572%;
  }
  .u-offset-l-w6of7\@md {
    margin-left: 85.71428571428572%;
  }
  .u-offset-r-w6of7\@md {
    margin-right: 85.71428571428572%;
  }
  .u-marg-b-vh6of7\@md {
    margin-bottom: 85.71428571428572vh !important;
  }
  .u-w7of7\@md {
    width: 100%;
  }
  .u-offset-l-w7of7\@md {
    margin-left: 100%;
  }
  .u-offset-r-w7of7\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh7of7\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of8\@md {
    width: 12.5%;
  }
  .u-offset-l-w1of8\@md {
    margin-left: 12.5%;
  }
  .u-offset-r-w1of8\@md {
    margin-right: 12.5%;
  }
  .u-marg-b-vh1of8\@md {
    margin-bottom: 12.5vh !important;
  }
  .u-w2of8\@md {
    width: 25%;
  }
  .u-offset-l-w2of8\@md {
    margin-left: 25%;
  }
  .u-offset-r-w2of8\@md {
    margin-right: 25%;
  }
  .u-marg-b-vh2of8\@md {
    margin-bottom: 25vh !important;
  }
  .u-w3of8\@md {
    width: 37.5%;
  }
  .u-offset-l-w3of8\@md {
    margin-left: 37.5%;
  }
  .u-offset-r-w3of8\@md {
    margin-right: 37.5%;
  }
  .u-marg-b-vh3of8\@md {
    margin-bottom: 37.5vh !important;
  }
  .u-w4of8\@md {
    width: 50%;
  }
  .u-offset-l-w4of8\@md {
    margin-left: 50%;
  }
  .u-offset-r-w4of8\@md {
    margin-right: 50%;
  }
  .u-marg-b-vh4of8\@md {
    margin-bottom: 50vh !important;
  }
  .u-w5of8\@md {
    width: 62.5%;
  }
  .u-offset-l-w5of8\@md {
    margin-left: 62.5%;
  }
  .u-offset-r-w5of8\@md {
    margin-right: 62.5%;
  }
  .u-marg-b-vh5of8\@md {
    margin-bottom: 62.5vh !important;
  }
  .u-w6of8\@md {
    width: 75%;
  }
  .u-offset-l-w6of8\@md {
    margin-left: 75%;
  }
  .u-offset-r-w6of8\@md {
    margin-right: 75%;
  }
  .u-marg-b-vh6of8\@md {
    margin-bottom: 75vh !important;
  }
  .u-w7of8\@md {
    width: 87.5%;
  }
  .u-offset-l-w7of8\@md {
    margin-left: 87.5%;
  }
  .u-offset-r-w7of8\@md {
    margin-right: 87.5%;
  }
  .u-marg-b-vh7of8\@md {
    margin-bottom: 87.5vh !important;
  }
  .u-w8of8\@md {
    width: 100%;
  }
  .u-offset-l-w8of8\@md {
    margin-left: 100%;
  }
  .u-offset-r-w8of8\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh8of8\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of9\@md {
    width: 11.11111111111111%;
  }
  .u-offset-l-w1of9\@md {
    margin-left: 11.11111111111111%;
  }
  .u-offset-r-w1of9\@md {
    margin-right: 11.11111111111111%;
  }
  .u-marg-b-vh1of9\@md {
    margin-bottom: 11.11111111111111vh !important;
  }
  .u-w2of9\@md {
    width: 22.22222222222222%;
  }
  .u-offset-l-w2of9\@md {
    margin-left: 22.22222222222222%;
  }
  .u-offset-r-w2of9\@md {
    margin-right: 22.22222222222222%;
  }
  .u-marg-b-vh2of9\@md {
    margin-bottom: 22.22222222222222vh !important;
  }
  .u-w3of9\@md {
    width: 33.33333333333333%;
  }
  .u-offset-l-w3of9\@md {
    margin-left: 33.33333333333333%;
  }
  .u-offset-r-w3of9\@md {
    margin-right: 33.33333333333333%;
  }
  .u-marg-b-vh3of9\@md {
    margin-bottom: 33.33333333333333vh !important;
  }
  .u-w4of9\@md {
    width: 44.44444444444444%;
  }
  .u-offset-l-w4of9\@md {
    margin-left: 44.44444444444444%;
  }
  .u-offset-r-w4of9\@md {
    margin-right: 44.44444444444444%;
  }
  .u-marg-b-vh4of9\@md {
    margin-bottom: 44.44444444444444vh !important;
  }
  .u-w5of9\@md {
    width: 55.55555555555556%;
  }
  .u-offset-l-w5of9\@md {
    margin-left: 55.55555555555556%;
  }
  .u-offset-r-w5of9\@md {
    margin-right: 55.55555555555556%;
  }
  .u-marg-b-vh5of9\@md {
    margin-bottom: 55.55555555555556vh !important;
  }
  .u-w6of9\@md {
    width: 66.66666666666666%;
  }
  .u-offset-l-w6of9\@md {
    margin-left: 66.66666666666666%;
  }
  .u-offset-r-w6of9\@md {
    margin-right: 66.66666666666666%;
  }
  .u-marg-b-vh6of9\@md {
    margin-bottom: 66.66666666666666vh !important;
  }
  .u-w7of9\@md {
    width: 77.77777777777777%;
  }
  .u-offset-l-w7of9\@md {
    margin-left: 77.77777777777777%;
  }
  .u-offset-r-w7of9\@md {
    margin-right: 77.77777777777777%;
  }
  .u-marg-b-vh7of9\@md {
    margin-bottom: 77.77777777777777vh !important;
  }
  .u-w8of9\@md {
    width: 88.88888888888889%;
  }
  .u-offset-l-w8of9\@md {
    margin-left: 88.88888888888889%;
  }
  .u-offset-r-w8of9\@md {
    margin-right: 88.88888888888889%;
  }
  .u-marg-b-vh8of9\@md {
    margin-bottom: 88.88888888888889vh !important;
  }
  .u-w9of9\@md {
    width: 100%;
  }
  .u-offset-l-w9of9\@md {
    margin-left: 100%;
  }
  .u-offset-r-w9of9\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh9of9\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of10\@md {
    width: 10%;
  }
  .u-offset-l-w1of10\@md {
    margin-left: 10%;
  }
  .u-offset-r-w1of10\@md {
    margin-right: 10%;
  }
  .u-marg-b-vh1of10\@md {
    margin-bottom: 10vh !important;
  }
  .u-w2of10\@md {
    width: 20%;
  }
  .u-offset-l-w2of10\@md {
    margin-left: 20%;
  }
  .u-offset-r-w2of10\@md {
    margin-right: 20%;
  }
  .u-marg-b-vh2of10\@md {
    margin-bottom: 20vh !important;
  }
  .u-w3of10\@md {
    width: 30%;
  }
  .u-offset-l-w3of10\@md {
    margin-left: 30%;
  }
  .u-offset-r-w3of10\@md {
    margin-right: 30%;
  }
  .u-marg-b-vh3of10\@md {
    margin-bottom: 30vh !important;
  }
  .u-w4of10\@md {
    width: 40%;
  }
  .u-offset-l-w4of10\@md {
    margin-left: 40%;
  }
  .u-offset-r-w4of10\@md {
    margin-right: 40%;
  }
  .u-marg-b-vh4of10\@md {
    margin-bottom: 40vh !important;
  }
  .u-w5of10\@md {
    width: 50%;
  }
  .u-offset-l-w5of10\@md {
    margin-left: 50%;
  }
  .u-offset-r-w5of10\@md {
    margin-right: 50%;
  }
  .u-marg-b-vh5of10\@md {
    margin-bottom: 50vh !important;
  }
  .u-w6of10\@md {
    width: 60%;
  }
  .u-offset-l-w6of10\@md {
    margin-left: 60%;
  }
  .u-offset-r-w6of10\@md {
    margin-right: 60%;
  }
  .u-marg-b-vh6of10\@md {
    margin-bottom: 60vh !important;
  }
  .u-w7of10\@md {
    width: 70%;
  }
  .u-offset-l-w7of10\@md {
    margin-left: 70%;
  }
  .u-offset-r-w7of10\@md {
    margin-right: 70%;
  }
  .u-marg-b-vh7of10\@md {
    margin-bottom: 70vh !important;
  }
  .u-w8of10\@md {
    width: 80%;
  }
  .u-offset-l-w8of10\@md {
    margin-left: 80%;
  }
  .u-offset-r-w8of10\@md {
    margin-right: 80%;
  }
  .u-marg-b-vh8of10\@md {
    margin-bottom: 80vh !important;
  }
  .u-w9of10\@md {
    width: 90%;
  }
  .u-offset-l-w9of10\@md {
    margin-left: 90%;
  }
  .u-offset-r-w9of10\@md {
    margin-right: 90%;
  }
  .u-marg-b-vh9of10\@md {
    margin-bottom: 90vh !important;
  }
  .u-w10of10\@md {
    width: 100%;
  }
  .u-offset-l-w10of10\@md {
    margin-left: 100%;
  }
  .u-offset-r-w10of10\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh10of10\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of11\@md {
    width: 9.090909090909092%;
  }
  .u-offset-l-w1of11\@md {
    margin-left: 9.090909090909092%;
  }
  .u-offset-r-w1of11\@md {
    margin-right: 9.090909090909092%;
  }
  .u-marg-b-vh1of11\@md {
    margin-bottom: 9.090909090909092vh !important;
  }
  .u-w2of11\@md {
    width: 18.181818181818183%;
  }
  .u-offset-l-w2of11\@md {
    margin-left: 18.181818181818183%;
  }
  .u-offset-r-w2of11\@md {
    margin-right: 18.181818181818183%;
  }
  .u-marg-b-vh2of11\@md {
    margin-bottom: 18.181818181818183vh !important;
  }
  .u-w3of11\@md {
    width: 27.272727272727273%;
  }
  .u-offset-l-w3of11\@md {
    margin-left: 27.272727272727273%;
  }
  .u-offset-r-w3of11\@md {
    margin-right: 27.272727272727273%;
  }
  .u-marg-b-vh3of11\@md {
    margin-bottom: 27.272727272727273vh !important;
  }
  .u-w4of11\@md {
    width: 36.36363636363637%;
  }
  .u-offset-l-w4of11\@md {
    margin-left: 36.36363636363637%;
  }
  .u-offset-r-w4of11\@md {
    margin-right: 36.36363636363637%;
  }
  .u-marg-b-vh4of11\@md {
    margin-bottom: 36.36363636363637vh !important;
  }
  .u-w5of11\@md {
    width: 45.45454545454546%;
  }
  .u-offset-l-w5of11\@md {
    margin-left: 45.45454545454546%;
  }
  .u-offset-r-w5of11\@md {
    margin-right: 45.45454545454546%;
  }
  .u-marg-b-vh5of11\@md {
    margin-bottom: 45.45454545454546vh !important;
  }
  .u-w6of11\@md {
    width: 54.54545454545455%;
  }
  .u-offset-l-w6of11\@md {
    margin-left: 54.54545454545455%;
  }
  .u-offset-r-w6of11\@md {
    margin-right: 54.54545454545455%;
  }
  .u-marg-b-vh6of11\@md {
    margin-bottom: 54.54545454545455vh !important;
  }
  .u-w7of11\@md {
    width: 63.63636363636364%;
  }
  .u-offset-l-w7of11\@md {
    margin-left: 63.63636363636364%;
  }
  .u-offset-r-w7of11\@md {
    margin-right: 63.63636363636364%;
  }
  .u-marg-b-vh7of11\@md {
    margin-bottom: 63.63636363636364vh !important;
  }
  .u-w8of11\@md {
    width: 72.72727272727273%;
  }
  .u-offset-l-w8of11\@md {
    margin-left: 72.72727272727273%;
  }
  .u-offset-r-w8of11\@md {
    margin-right: 72.72727272727273%;
  }
  .u-marg-b-vh8of11\@md {
    margin-bottom: 72.72727272727273vh !important;
  }
  .u-w9of11\@md {
    width: 81.81818181818183%;
  }
  .u-offset-l-w9of11\@md {
    margin-left: 81.81818181818183%;
  }
  .u-offset-r-w9of11\@md {
    margin-right: 81.81818181818183%;
  }
  .u-marg-b-vh9of11\@md {
    margin-bottom: 81.81818181818183vh !important;
  }
  .u-w10of11\@md {
    width: 90.90909090909092%;
  }
  .u-offset-l-w10of11\@md {
    margin-left: 90.90909090909092%;
  }
  .u-offset-r-w10of11\@md {
    margin-right: 90.90909090909092%;
  }
  .u-marg-b-vh10of11\@md {
    margin-bottom: 90.90909090909092vh !important;
  }
  .u-w11of11\@md {
    width: 100.00000000000001%;
  }
  .u-offset-l-w11of11\@md {
    margin-left: 100.00000000000001%;
  }
  .u-offset-r-w11of11\@md {
    margin-right: 100.00000000000001%;
  }
  .u-marg-b-vh11of11\@md {
    margin-bottom: 100.00000000000001vh !important;
  }
  .u-w1of12\@md {
    width: 8.333333333333334%;
  }
  .u-offset-l-w1of12\@md {
    margin-left: 8.333333333333334%;
  }
  .u-offset-r-w1of12\@md {
    margin-right: 8.333333333333334%;
  }
  .u-marg-b-vh1of12\@md {
    margin-bottom: 8.333333333333334vh !important;
  }
  .u-w2of12\@md {
    width: 16.666666666666668%;
  }
  .u-offset-l-w2of12\@md {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w2of12\@md {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh2of12\@md {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w3of12\@md {
    width: 25%;
  }
  .u-offset-l-w3of12\@md {
    margin-left: 25%;
  }
  .u-offset-r-w3of12\@md {
    margin-right: 25%;
  }
  .u-marg-b-vh3of12\@md {
    margin-bottom: 25vh !important;
  }
  .u-w4of12\@md {
    width: 33.333333333333336%;
  }
  .u-offset-l-w4of12\@md {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w4of12\@md {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh4of12\@md {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w5of12\@md {
    width: 41.66666666666667%;
  }
  .u-offset-l-w5of12\@md {
    margin-left: 41.66666666666667%;
  }
  .u-offset-r-w5of12\@md {
    margin-right: 41.66666666666667%;
  }
  .u-marg-b-vh5of12\@md {
    margin-bottom: 41.66666666666667vh !important;
  }
  .u-w6of12\@md {
    width: 50%;
  }
  .u-offset-l-w6of12\@md {
    margin-left: 50%;
  }
  .u-offset-r-w6of12\@md {
    margin-right: 50%;
  }
  .u-marg-b-vh6of12\@md {
    margin-bottom: 50vh !important;
  }
  .u-w7of12\@md {
    width: 58.333333333333336%;
  }
  .u-offset-l-w7of12\@md {
    margin-left: 58.333333333333336%;
  }
  .u-offset-r-w7of12\@md {
    margin-right: 58.333333333333336%;
  }
  .u-marg-b-vh7of12\@md {
    margin-bottom: 58.333333333333336vh !important;
  }
  .u-w8of12\@md {
    width: 66.66666666666667%;
  }
  .u-offset-l-w8of12\@md {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w8of12\@md {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh8of12\@md {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w9of12\@md {
    width: 75%;
  }
  .u-offset-l-w9of12\@md {
    margin-left: 75%;
  }
  .u-offset-r-w9of12\@md {
    margin-right: 75%;
  }
  .u-marg-b-vh9of12\@md {
    margin-bottom: 75vh !important;
  }
  .u-w10of12\@md {
    width: 83.33333333333334%;
  }
  .u-offset-l-w10of12\@md {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w10of12\@md {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh10of12\@md {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w11of12\@md {
    width: 91.66666666666667%;
  }
  .u-offset-l-w11of12\@md {
    margin-left: 91.66666666666667%;
  }
  .u-offset-r-w11of12\@md {
    margin-right: 91.66666666666667%;
  }
  .u-marg-b-vh11of12\@md {
    margin-bottom: 91.66666666666667vh !important;
  }
  .u-w12of12\@md {
    width: 100%;
  }
  .u-offset-l-w12of12\@md {
    margin-left: 100%;
  }
  .u-offset-r-w12of12\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh12of12\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of13\@md {
    width: 7.692307692307693%;
  }
  .u-offset-l-w1of13\@md {
    margin-left: 7.692307692307693%;
  }
  .u-offset-r-w1of13\@md {
    margin-right: 7.692307692307693%;
  }
  .u-marg-b-vh1of13\@md {
    margin-bottom: 7.692307692307693vh !important;
  }
  .u-w2of13\@md {
    width: 15.384615384615385%;
  }
  .u-offset-l-w2of13\@md {
    margin-left: 15.384615384615385%;
  }
  .u-offset-r-w2of13\@md {
    margin-right: 15.384615384615385%;
  }
  .u-marg-b-vh2of13\@md {
    margin-bottom: 15.384615384615385vh !important;
  }
  .u-w3of13\@md {
    width: 23.076923076923077%;
  }
  .u-offset-l-w3of13\@md {
    margin-left: 23.076923076923077%;
  }
  .u-offset-r-w3of13\@md {
    margin-right: 23.076923076923077%;
  }
  .u-marg-b-vh3of13\@md {
    margin-bottom: 23.076923076923077vh !important;
  }
  .u-w4of13\@md {
    width: 30.76923076923077%;
  }
  .u-offset-l-w4of13\@md {
    margin-left: 30.76923076923077%;
  }
  .u-offset-r-w4of13\@md {
    margin-right: 30.76923076923077%;
  }
  .u-marg-b-vh4of13\@md {
    margin-bottom: 30.76923076923077vh !important;
  }
  .u-w5of13\@md {
    width: 38.46153846153846%;
  }
  .u-offset-l-w5of13\@md {
    margin-left: 38.46153846153846%;
  }
  .u-offset-r-w5of13\@md {
    margin-right: 38.46153846153846%;
  }
  .u-marg-b-vh5of13\@md {
    margin-bottom: 38.46153846153846vh !important;
  }
  .u-w6of13\@md {
    width: 46.15384615384615%;
  }
  .u-offset-l-w6of13\@md {
    margin-left: 46.15384615384615%;
  }
  .u-offset-r-w6of13\@md {
    margin-right: 46.15384615384615%;
  }
  .u-marg-b-vh6of13\@md {
    margin-bottom: 46.15384615384615vh !important;
  }
  .u-w7of13\@md {
    width: 53.84615384615385%;
  }
  .u-offset-l-w7of13\@md {
    margin-left: 53.84615384615385%;
  }
  .u-offset-r-w7of13\@md {
    margin-right: 53.84615384615385%;
  }
  .u-marg-b-vh7of13\@md {
    margin-bottom: 53.84615384615385vh !important;
  }
  .u-w8of13\@md {
    width: 61.53846153846154%;
  }
  .u-offset-l-w8of13\@md {
    margin-left: 61.53846153846154%;
  }
  .u-offset-r-w8of13\@md {
    margin-right: 61.53846153846154%;
  }
  .u-marg-b-vh8of13\@md {
    margin-bottom: 61.53846153846154vh !important;
  }
  .u-w9of13\@md {
    width: 69.23076923076923%;
  }
  .u-offset-l-w9of13\@md {
    margin-left: 69.23076923076923%;
  }
  .u-offset-r-w9of13\@md {
    margin-right: 69.23076923076923%;
  }
  .u-marg-b-vh9of13\@md {
    margin-bottom: 69.23076923076923vh !important;
  }
  .u-w10of13\@md {
    width: 76.92307692307692%;
  }
  .u-offset-l-w10of13\@md {
    margin-left: 76.92307692307692%;
  }
  .u-offset-r-w10of13\@md {
    margin-right: 76.92307692307692%;
  }
  .u-marg-b-vh10of13\@md {
    margin-bottom: 76.92307692307692vh !important;
  }
  .u-w11of13\@md {
    width: 84.61538461538461%;
  }
  .u-offset-l-w11of13\@md {
    margin-left: 84.61538461538461%;
  }
  .u-offset-r-w11of13\@md {
    margin-right: 84.61538461538461%;
  }
  .u-marg-b-vh11of13\@md {
    margin-bottom: 84.61538461538461vh !important;
  }
  .u-w12of13\@md {
    width: 92.3076923076923%;
  }
  .u-offset-l-w12of13\@md {
    margin-left: 92.3076923076923%;
  }
  .u-offset-r-w12of13\@md {
    margin-right: 92.3076923076923%;
  }
  .u-marg-b-vh12of13\@md {
    margin-bottom: 92.3076923076923vh !important;
  }
  .u-w13of13\@md {
    width: 100%;
  }
  .u-offset-l-w13of13\@md {
    margin-left: 100%;
  }
  .u-offset-r-w13of13\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh13of13\@md {
    margin-bottom: 100vh !important;
  }
  .u-w1of20\@md {
    width: 5%;
  }
  .u-offset-l-w1of20\@md {
    margin-left: 5%;
  }
  .u-offset-r-w1of20\@md {
    margin-right: 5%;
  }
  .u-marg-b-vh1of20\@md {
    margin-bottom: 5vh !important;
  }
  .u-w2of20\@md {
    width: 10%;
  }
  .u-offset-l-w2of20\@md {
    margin-left: 10%;
  }
  .u-offset-r-w2of20\@md {
    margin-right: 10%;
  }
  .u-marg-b-vh2of20\@md {
    margin-bottom: 10vh !important;
  }
  .u-w3of20\@md {
    width: 15%;
  }
  .u-offset-l-w3of20\@md {
    margin-left: 15%;
  }
  .u-offset-r-w3of20\@md {
    margin-right: 15%;
  }
  .u-marg-b-vh3of20\@md {
    margin-bottom: 15vh !important;
  }
  .u-w4of20\@md {
    width: 20%;
  }
  .u-offset-l-w4of20\@md {
    margin-left: 20%;
  }
  .u-offset-r-w4of20\@md {
    margin-right: 20%;
  }
  .u-marg-b-vh4of20\@md {
    margin-bottom: 20vh !important;
  }
  .u-w5of20\@md {
    width: 25%;
  }
  .u-offset-l-w5of20\@md {
    margin-left: 25%;
  }
  .u-offset-r-w5of20\@md {
    margin-right: 25%;
  }
  .u-marg-b-vh5of20\@md {
    margin-bottom: 25vh !important;
  }
  .u-w6of20\@md {
    width: 30%;
  }
  .u-offset-l-w6of20\@md {
    margin-left: 30%;
  }
  .u-offset-r-w6of20\@md {
    margin-right: 30%;
  }
  .u-marg-b-vh6of20\@md {
    margin-bottom: 30vh !important;
  }
  .u-w7of20\@md {
    width: 35%;
  }
  .u-offset-l-w7of20\@md {
    margin-left: 35%;
  }
  .u-offset-r-w7of20\@md {
    margin-right: 35%;
  }
  .u-marg-b-vh7of20\@md {
    margin-bottom: 35vh !important;
  }
  .u-w8of20\@md {
    width: 40%;
  }
  .u-offset-l-w8of20\@md {
    margin-left: 40%;
  }
  .u-offset-r-w8of20\@md {
    margin-right: 40%;
  }
  .u-marg-b-vh8of20\@md {
    margin-bottom: 40vh !important;
  }
  .u-w9of20\@md {
    width: 45%;
  }
  .u-offset-l-w9of20\@md {
    margin-left: 45%;
  }
  .u-offset-r-w9of20\@md {
    margin-right: 45%;
  }
  .u-marg-b-vh9of20\@md {
    margin-bottom: 45vh !important;
  }
  .u-w10of20\@md {
    width: 50%;
  }
  .u-offset-l-w10of20\@md {
    margin-left: 50%;
  }
  .u-offset-r-w10of20\@md {
    margin-right: 50%;
  }
  .u-marg-b-vh10of20\@md {
    margin-bottom: 50vh !important;
  }
  .u-w11of20\@md {
    width: 55%;
  }
  .u-offset-l-w11of20\@md {
    margin-left: 55%;
  }
  .u-offset-r-w11of20\@md {
    margin-right: 55%;
  }
  .u-marg-b-vh11of20\@md {
    margin-bottom: 55vh !important;
  }
  .u-w12of20\@md {
    width: 60%;
  }
  .u-offset-l-w12of20\@md {
    margin-left: 60%;
  }
  .u-offset-r-w12of20\@md {
    margin-right: 60%;
  }
  .u-marg-b-vh12of20\@md {
    margin-bottom: 60vh !important;
  }
  .u-w13of20\@md {
    width: 65%;
  }
  .u-offset-l-w13of20\@md {
    margin-left: 65%;
  }
  .u-offset-r-w13of20\@md {
    margin-right: 65%;
  }
  .u-marg-b-vh13of20\@md {
    margin-bottom: 65vh !important;
  }
  .u-w14of20\@md {
    width: 70%;
  }
  .u-offset-l-w14of20\@md {
    margin-left: 70%;
  }
  .u-offset-r-w14of20\@md {
    margin-right: 70%;
  }
  .u-marg-b-vh14of20\@md {
    margin-bottom: 70vh !important;
  }
  .u-w15of20\@md {
    width: 75%;
  }
  .u-offset-l-w15of20\@md {
    margin-left: 75%;
  }
  .u-offset-r-w15of20\@md {
    margin-right: 75%;
  }
  .u-marg-b-vh15of20\@md {
    margin-bottom: 75vh !important;
  }
  .u-w16of20\@md {
    width: 80%;
  }
  .u-offset-l-w16of20\@md {
    margin-left: 80%;
  }
  .u-offset-r-w16of20\@md {
    margin-right: 80%;
  }
  .u-marg-b-vh16of20\@md {
    margin-bottom: 80vh !important;
  }
  .u-w17of20\@md {
    width: 85%;
  }
  .u-offset-l-w17of20\@md {
    margin-left: 85%;
  }
  .u-offset-r-w17of20\@md {
    margin-right: 85%;
  }
  .u-marg-b-vh17of20\@md {
    margin-bottom: 85vh !important;
  }
  .u-w18of20\@md {
    width: 90%;
  }
  .u-offset-l-w18of20\@md {
    margin-left: 90%;
  }
  .u-offset-r-w18of20\@md {
    margin-right: 90%;
  }
  .u-marg-b-vh18of20\@md {
    margin-bottom: 90vh !important;
  }
  .u-w19of20\@md {
    width: 95%;
  }
  .u-offset-l-w19of20\@md {
    margin-left: 95%;
  }
  .u-offset-r-w19of20\@md {
    margin-right: 95%;
  }
  .u-marg-b-vh19of20\@md {
    margin-bottom: 95vh !important;
  }
  .u-w20of20\@md {
    width: 100%;
  }
  .u-offset-l-w20of20\@md {
    margin-left: 100%;
  }
  .u-offset-r-w20of20\@md {
    margin-right: 100%;
  }
  .u-marg-b-vh20of20\@md {
    margin-bottom: 100vh !important;
  }
}
@media screen and (max-width: 767px) {
  .u-w1of2\@sm {
    width: 50%;
  }
  .u-offset-l-w1of2\@sm {
    margin-left: 50%;
  }
  .u-offset-r-w1of2\@sm {
    margin-right: 50%;
  }
  .u-marg-b-vh1of2\@sm {
    margin-bottom: 50vh !important;
  }
  .u-w2of2\@sm {
    width: 100%;
  }
  .u-offset-l-w2of2\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w2of2\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh2of2\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of3\@sm {
    width: 33.333333333333336%;
  }
  .u-offset-l-w1of3\@sm {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w1of3\@sm {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh1of3\@sm {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w2of3\@sm {
    width: 66.66666666666667%;
  }
  .u-offset-l-w2of3\@sm {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w2of3\@sm {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh2of3\@sm {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w3of3\@sm {
    width: 100%;
  }
  .u-offset-l-w3of3\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w3of3\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh3of3\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of4\@sm {
    width: 25%;
  }
  .u-offset-l-w1of4\@sm {
    margin-left: 25%;
  }
  .u-offset-r-w1of4\@sm {
    margin-right: 25%;
  }
  .u-marg-b-vh1of4\@sm {
    margin-bottom: 25vh !important;
  }
  .u-w2of4\@sm {
    width: 50%;
  }
  .u-offset-l-w2of4\@sm {
    margin-left: 50%;
  }
  .u-offset-r-w2of4\@sm {
    margin-right: 50%;
  }
  .u-marg-b-vh2of4\@sm {
    margin-bottom: 50vh !important;
  }
  .u-w3of4\@sm {
    width: 75%;
  }
  .u-offset-l-w3of4\@sm {
    margin-left: 75%;
  }
  .u-offset-r-w3of4\@sm {
    margin-right: 75%;
  }
  .u-marg-b-vh3of4\@sm {
    margin-bottom: 75vh !important;
  }
  .u-w4of4\@sm {
    width: 100%;
  }
  .u-offset-l-w4of4\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w4of4\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh4of4\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of5\@sm {
    width: 20%;
  }
  .u-offset-l-w1of5\@sm {
    margin-left: 20%;
  }
  .u-offset-r-w1of5\@sm {
    margin-right: 20%;
  }
  .u-marg-b-vh1of5\@sm {
    margin-bottom: 20vh !important;
  }
  .u-w2of5\@sm {
    width: 40%;
  }
  .u-offset-l-w2of5\@sm {
    margin-left: 40%;
  }
  .u-offset-r-w2of5\@sm {
    margin-right: 40%;
  }
  .u-marg-b-vh2of5\@sm {
    margin-bottom: 40vh !important;
  }
  .u-w3of5\@sm {
    width: 60%;
  }
  .u-offset-l-w3of5\@sm {
    margin-left: 60%;
  }
  .u-offset-r-w3of5\@sm {
    margin-right: 60%;
  }
  .u-marg-b-vh3of5\@sm {
    margin-bottom: 60vh !important;
  }
  .u-w4of5\@sm {
    width: 80%;
  }
  .u-offset-l-w4of5\@sm {
    margin-left: 80%;
  }
  .u-offset-r-w4of5\@sm {
    margin-right: 80%;
  }
  .u-marg-b-vh4of5\@sm {
    margin-bottom: 80vh !important;
  }
  .u-w5of5\@sm {
    width: 100%;
  }
  .u-offset-l-w5of5\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w5of5\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh5of5\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of6\@sm {
    width: 16.666666666666668%;
  }
  .u-offset-l-w1of6\@sm {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w1of6\@sm {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh1of6\@sm {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w2of6\@sm {
    width: 33.333333333333336%;
  }
  .u-offset-l-w2of6\@sm {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w2of6\@sm {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh2of6\@sm {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w3of6\@sm {
    width: 50%;
  }
  .u-offset-l-w3of6\@sm {
    margin-left: 50%;
  }
  .u-offset-r-w3of6\@sm {
    margin-right: 50%;
  }
  .u-marg-b-vh3of6\@sm {
    margin-bottom: 50vh !important;
  }
  .u-w4of6\@sm {
    width: 66.66666666666667%;
  }
  .u-offset-l-w4of6\@sm {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w4of6\@sm {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh4of6\@sm {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w5of6\@sm {
    width: 83.33333333333334%;
  }
  .u-offset-l-w5of6\@sm {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w5of6\@sm {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh5of6\@sm {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w6of6\@sm {
    width: 100%;
  }
  .u-offset-l-w6of6\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w6of6\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh6of6\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of7\@sm {
    width: 14.285714285714286%;
  }
  .u-offset-l-w1of7\@sm {
    margin-left: 14.285714285714286%;
  }
  .u-offset-r-w1of7\@sm {
    margin-right: 14.285714285714286%;
  }
  .u-marg-b-vh1of7\@sm {
    margin-bottom: 14.285714285714286vh !important;
  }
  .u-w2of7\@sm {
    width: 28.571428571428573%;
  }
  .u-offset-l-w2of7\@sm {
    margin-left: 28.571428571428573%;
  }
  .u-offset-r-w2of7\@sm {
    margin-right: 28.571428571428573%;
  }
  .u-marg-b-vh2of7\@sm {
    margin-bottom: 28.571428571428573vh !important;
  }
  .u-w3of7\@sm {
    width: 42.85714285714286%;
  }
  .u-offset-l-w3of7\@sm {
    margin-left: 42.85714285714286%;
  }
  .u-offset-r-w3of7\@sm {
    margin-right: 42.85714285714286%;
  }
  .u-marg-b-vh3of7\@sm {
    margin-bottom: 42.85714285714286vh !important;
  }
  .u-w4of7\@sm {
    width: 57.142857142857146%;
  }
  .u-offset-l-w4of7\@sm {
    margin-left: 57.142857142857146%;
  }
  .u-offset-r-w4of7\@sm {
    margin-right: 57.142857142857146%;
  }
  .u-marg-b-vh4of7\@sm {
    margin-bottom: 57.142857142857146vh !important;
  }
  .u-w5of7\@sm {
    width: 71.42857142857143%;
  }
  .u-offset-l-w5of7\@sm {
    margin-left: 71.42857142857143%;
  }
  .u-offset-r-w5of7\@sm {
    margin-right: 71.42857142857143%;
  }
  .u-marg-b-vh5of7\@sm {
    margin-bottom: 71.42857142857143vh !important;
  }
  .u-w6of7\@sm {
    width: 85.71428571428572%;
  }
  .u-offset-l-w6of7\@sm {
    margin-left: 85.71428571428572%;
  }
  .u-offset-r-w6of7\@sm {
    margin-right: 85.71428571428572%;
  }
  .u-marg-b-vh6of7\@sm {
    margin-bottom: 85.71428571428572vh !important;
  }
  .u-w7of7\@sm {
    width: 100%;
  }
  .u-offset-l-w7of7\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w7of7\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh7of7\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of8\@sm {
    width: 12.5%;
  }
  .u-offset-l-w1of8\@sm {
    margin-left: 12.5%;
  }
  .u-offset-r-w1of8\@sm {
    margin-right: 12.5%;
  }
  .u-marg-b-vh1of8\@sm {
    margin-bottom: 12.5vh !important;
  }
  .u-w2of8\@sm {
    width: 25%;
  }
  .u-offset-l-w2of8\@sm {
    margin-left: 25%;
  }
  .u-offset-r-w2of8\@sm {
    margin-right: 25%;
  }
  .u-marg-b-vh2of8\@sm {
    margin-bottom: 25vh !important;
  }
  .u-w3of8\@sm {
    width: 37.5%;
  }
  .u-offset-l-w3of8\@sm {
    margin-left: 37.5%;
  }
  .u-offset-r-w3of8\@sm {
    margin-right: 37.5%;
  }
  .u-marg-b-vh3of8\@sm {
    margin-bottom: 37.5vh !important;
  }
  .u-w4of8\@sm {
    width: 50%;
  }
  .u-offset-l-w4of8\@sm {
    margin-left: 50%;
  }
  .u-offset-r-w4of8\@sm {
    margin-right: 50%;
  }
  .u-marg-b-vh4of8\@sm {
    margin-bottom: 50vh !important;
  }
  .u-w5of8\@sm {
    width: 62.5%;
  }
  .u-offset-l-w5of8\@sm {
    margin-left: 62.5%;
  }
  .u-offset-r-w5of8\@sm {
    margin-right: 62.5%;
  }
  .u-marg-b-vh5of8\@sm {
    margin-bottom: 62.5vh !important;
  }
  .u-w6of8\@sm {
    width: 75%;
  }
  .u-offset-l-w6of8\@sm {
    margin-left: 75%;
  }
  .u-offset-r-w6of8\@sm {
    margin-right: 75%;
  }
  .u-marg-b-vh6of8\@sm {
    margin-bottom: 75vh !important;
  }
  .u-w7of8\@sm {
    width: 87.5%;
  }
  .u-offset-l-w7of8\@sm {
    margin-left: 87.5%;
  }
  .u-offset-r-w7of8\@sm {
    margin-right: 87.5%;
  }
  .u-marg-b-vh7of8\@sm {
    margin-bottom: 87.5vh !important;
  }
  .u-w8of8\@sm {
    width: 100%;
  }
  .u-offset-l-w8of8\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w8of8\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh8of8\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of9\@sm {
    width: 11.11111111111111%;
  }
  .u-offset-l-w1of9\@sm {
    margin-left: 11.11111111111111%;
  }
  .u-offset-r-w1of9\@sm {
    margin-right: 11.11111111111111%;
  }
  .u-marg-b-vh1of9\@sm {
    margin-bottom: 11.11111111111111vh !important;
  }
  .u-w2of9\@sm {
    width: 22.22222222222222%;
  }
  .u-offset-l-w2of9\@sm {
    margin-left: 22.22222222222222%;
  }
  .u-offset-r-w2of9\@sm {
    margin-right: 22.22222222222222%;
  }
  .u-marg-b-vh2of9\@sm {
    margin-bottom: 22.22222222222222vh !important;
  }
  .u-w3of9\@sm {
    width: 33.33333333333333%;
  }
  .u-offset-l-w3of9\@sm {
    margin-left: 33.33333333333333%;
  }
  .u-offset-r-w3of9\@sm {
    margin-right: 33.33333333333333%;
  }
  .u-marg-b-vh3of9\@sm {
    margin-bottom: 33.33333333333333vh !important;
  }
  .u-w4of9\@sm {
    width: 44.44444444444444%;
  }
  .u-offset-l-w4of9\@sm {
    margin-left: 44.44444444444444%;
  }
  .u-offset-r-w4of9\@sm {
    margin-right: 44.44444444444444%;
  }
  .u-marg-b-vh4of9\@sm {
    margin-bottom: 44.44444444444444vh !important;
  }
  .u-w5of9\@sm {
    width: 55.55555555555556%;
  }
  .u-offset-l-w5of9\@sm {
    margin-left: 55.55555555555556%;
  }
  .u-offset-r-w5of9\@sm {
    margin-right: 55.55555555555556%;
  }
  .u-marg-b-vh5of9\@sm {
    margin-bottom: 55.55555555555556vh !important;
  }
  .u-w6of9\@sm {
    width: 66.66666666666666%;
  }
  .u-offset-l-w6of9\@sm {
    margin-left: 66.66666666666666%;
  }
  .u-offset-r-w6of9\@sm {
    margin-right: 66.66666666666666%;
  }
  .u-marg-b-vh6of9\@sm {
    margin-bottom: 66.66666666666666vh !important;
  }
  .u-w7of9\@sm {
    width: 77.77777777777777%;
  }
  .u-offset-l-w7of9\@sm {
    margin-left: 77.77777777777777%;
  }
  .u-offset-r-w7of9\@sm {
    margin-right: 77.77777777777777%;
  }
  .u-marg-b-vh7of9\@sm {
    margin-bottom: 77.77777777777777vh !important;
  }
  .u-w8of9\@sm {
    width: 88.88888888888889%;
  }
  .u-offset-l-w8of9\@sm {
    margin-left: 88.88888888888889%;
  }
  .u-offset-r-w8of9\@sm {
    margin-right: 88.88888888888889%;
  }
  .u-marg-b-vh8of9\@sm {
    margin-bottom: 88.88888888888889vh !important;
  }
  .u-w9of9\@sm {
    width: 100%;
  }
  .u-offset-l-w9of9\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w9of9\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh9of9\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of10\@sm {
    width: 10%;
  }
  .u-offset-l-w1of10\@sm {
    margin-left: 10%;
  }
  .u-offset-r-w1of10\@sm {
    margin-right: 10%;
  }
  .u-marg-b-vh1of10\@sm {
    margin-bottom: 10vh !important;
  }
  .u-w2of10\@sm {
    width: 20%;
  }
  .u-offset-l-w2of10\@sm {
    margin-left: 20%;
  }
  .u-offset-r-w2of10\@sm {
    margin-right: 20%;
  }
  .u-marg-b-vh2of10\@sm {
    margin-bottom: 20vh !important;
  }
  .u-w3of10\@sm {
    width: 30%;
  }
  .u-offset-l-w3of10\@sm {
    margin-left: 30%;
  }
  .u-offset-r-w3of10\@sm {
    margin-right: 30%;
  }
  .u-marg-b-vh3of10\@sm {
    margin-bottom: 30vh !important;
  }
  .u-w4of10\@sm {
    width: 40%;
  }
  .u-offset-l-w4of10\@sm {
    margin-left: 40%;
  }
  .u-offset-r-w4of10\@sm {
    margin-right: 40%;
  }
  .u-marg-b-vh4of10\@sm {
    margin-bottom: 40vh !important;
  }
  .u-w5of10\@sm {
    width: 50%;
  }
  .u-offset-l-w5of10\@sm {
    margin-left: 50%;
  }
  .u-offset-r-w5of10\@sm {
    margin-right: 50%;
  }
  .u-marg-b-vh5of10\@sm {
    margin-bottom: 50vh !important;
  }
  .u-w6of10\@sm {
    width: 60%;
  }
  .u-offset-l-w6of10\@sm {
    margin-left: 60%;
  }
  .u-offset-r-w6of10\@sm {
    margin-right: 60%;
  }
  .u-marg-b-vh6of10\@sm {
    margin-bottom: 60vh !important;
  }
  .u-w7of10\@sm {
    width: 70%;
  }
  .u-offset-l-w7of10\@sm {
    margin-left: 70%;
  }
  .u-offset-r-w7of10\@sm {
    margin-right: 70%;
  }
  .u-marg-b-vh7of10\@sm {
    margin-bottom: 70vh !important;
  }
  .u-w8of10\@sm {
    width: 80%;
  }
  .u-offset-l-w8of10\@sm {
    margin-left: 80%;
  }
  .u-offset-r-w8of10\@sm {
    margin-right: 80%;
  }
  .u-marg-b-vh8of10\@sm {
    margin-bottom: 80vh !important;
  }
  .u-w9of10\@sm {
    width: 90%;
  }
  .u-offset-l-w9of10\@sm {
    margin-left: 90%;
  }
  .u-offset-r-w9of10\@sm {
    margin-right: 90%;
  }
  .u-marg-b-vh9of10\@sm {
    margin-bottom: 90vh !important;
  }
  .u-w10of10\@sm {
    width: 100%;
  }
  .u-offset-l-w10of10\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w10of10\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh10of10\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of11\@sm {
    width: 9.090909090909092%;
  }
  .u-offset-l-w1of11\@sm {
    margin-left: 9.090909090909092%;
  }
  .u-offset-r-w1of11\@sm {
    margin-right: 9.090909090909092%;
  }
  .u-marg-b-vh1of11\@sm {
    margin-bottom: 9.090909090909092vh !important;
  }
  .u-w2of11\@sm {
    width: 18.181818181818183%;
  }
  .u-offset-l-w2of11\@sm {
    margin-left: 18.181818181818183%;
  }
  .u-offset-r-w2of11\@sm {
    margin-right: 18.181818181818183%;
  }
  .u-marg-b-vh2of11\@sm {
    margin-bottom: 18.181818181818183vh !important;
  }
  .u-w3of11\@sm {
    width: 27.272727272727273%;
  }
  .u-offset-l-w3of11\@sm {
    margin-left: 27.272727272727273%;
  }
  .u-offset-r-w3of11\@sm {
    margin-right: 27.272727272727273%;
  }
  .u-marg-b-vh3of11\@sm {
    margin-bottom: 27.272727272727273vh !important;
  }
  .u-w4of11\@sm {
    width: 36.36363636363637%;
  }
  .u-offset-l-w4of11\@sm {
    margin-left: 36.36363636363637%;
  }
  .u-offset-r-w4of11\@sm {
    margin-right: 36.36363636363637%;
  }
  .u-marg-b-vh4of11\@sm {
    margin-bottom: 36.36363636363637vh !important;
  }
  .u-w5of11\@sm {
    width: 45.45454545454546%;
  }
  .u-offset-l-w5of11\@sm {
    margin-left: 45.45454545454546%;
  }
  .u-offset-r-w5of11\@sm {
    margin-right: 45.45454545454546%;
  }
  .u-marg-b-vh5of11\@sm {
    margin-bottom: 45.45454545454546vh !important;
  }
  .u-w6of11\@sm {
    width: 54.54545454545455%;
  }
  .u-offset-l-w6of11\@sm {
    margin-left: 54.54545454545455%;
  }
  .u-offset-r-w6of11\@sm {
    margin-right: 54.54545454545455%;
  }
  .u-marg-b-vh6of11\@sm {
    margin-bottom: 54.54545454545455vh !important;
  }
  .u-w7of11\@sm {
    width: 63.63636363636364%;
  }
  .u-offset-l-w7of11\@sm {
    margin-left: 63.63636363636364%;
  }
  .u-offset-r-w7of11\@sm {
    margin-right: 63.63636363636364%;
  }
  .u-marg-b-vh7of11\@sm {
    margin-bottom: 63.63636363636364vh !important;
  }
  .u-w8of11\@sm {
    width: 72.72727272727273%;
  }
  .u-offset-l-w8of11\@sm {
    margin-left: 72.72727272727273%;
  }
  .u-offset-r-w8of11\@sm {
    margin-right: 72.72727272727273%;
  }
  .u-marg-b-vh8of11\@sm {
    margin-bottom: 72.72727272727273vh !important;
  }
  .u-w9of11\@sm {
    width: 81.81818181818183%;
  }
  .u-offset-l-w9of11\@sm {
    margin-left: 81.81818181818183%;
  }
  .u-offset-r-w9of11\@sm {
    margin-right: 81.81818181818183%;
  }
  .u-marg-b-vh9of11\@sm {
    margin-bottom: 81.81818181818183vh !important;
  }
  .u-w10of11\@sm {
    width: 90.90909090909092%;
  }
  .u-offset-l-w10of11\@sm {
    margin-left: 90.90909090909092%;
  }
  .u-offset-r-w10of11\@sm {
    margin-right: 90.90909090909092%;
  }
  .u-marg-b-vh10of11\@sm {
    margin-bottom: 90.90909090909092vh !important;
  }
  .u-w11of11\@sm {
    width: 100.00000000000001%;
  }
  .u-offset-l-w11of11\@sm {
    margin-left: 100.00000000000001%;
  }
  .u-offset-r-w11of11\@sm {
    margin-right: 100.00000000000001%;
  }
  .u-marg-b-vh11of11\@sm {
    margin-bottom: 100.00000000000001vh !important;
  }
  .u-w1of12\@sm {
    width: 8.333333333333334%;
  }
  .u-offset-l-w1of12\@sm {
    margin-left: 8.333333333333334%;
  }
  .u-offset-r-w1of12\@sm {
    margin-right: 8.333333333333334%;
  }
  .u-marg-b-vh1of12\@sm {
    margin-bottom: 8.333333333333334vh !important;
  }
  .u-w2of12\@sm {
    width: 16.666666666666668%;
  }
  .u-offset-l-w2of12\@sm {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w2of12\@sm {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh2of12\@sm {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w3of12\@sm {
    width: 25%;
  }
  .u-offset-l-w3of12\@sm {
    margin-left: 25%;
  }
  .u-offset-r-w3of12\@sm {
    margin-right: 25%;
  }
  .u-marg-b-vh3of12\@sm {
    margin-bottom: 25vh !important;
  }
  .u-w4of12\@sm {
    width: 33.333333333333336%;
  }
  .u-offset-l-w4of12\@sm {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w4of12\@sm {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh4of12\@sm {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w5of12\@sm {
    width: 41.66666666666667%;
  }
  .u-offset-l-w5of12\@sm {
    margin-left: 41.66666666666667%;
  }
  .u-offset-r-w5of12\@sm {
    margin-right: 41.66666666666667%;
  }
  .u-marg-b-vh5of12\@sm {
    margin-bottom: 41.66666666666667vh !important;
  }
  .u-w6of12\@sm {
    width: 50%;
  }
  .u-offset-l-w6of12\@sm {
    margin-left: 50%;
  }
  .u-offset-r-w6of12\@sm {
    margin-right: 50%;
  }
  .u-marg-b-vh6of12\@sm {
    margin-bottom: 50vh !important;
  }
  .u-w7of12\@sm {
    width: 58.333333333333336%;
  }
  .u-offset-l-w7of12\@sm {
    margin-left: 58.333333333333336%;
  }
  .u-offset-r-w7of12\@sm {
    margin-right: 58.333333333333336%;
  }
  .u-marg-b-vh7of12\@sm {
    margin-bottom: 58.333333333333336vh !important;
  }
  .u-w8of12\@sm {
    width: 66.66666666666667%;
  }
  .u-offset-l-w8of12\@sm {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w8of12\@sm {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh8of12\@sm {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w9of12\@sm {
    width: 75%;
  }
  .u-offset-l-w9of12\@sm {
    margin-left: 75%;
  }
  .u-offset-r-w9of12\@sm {
    margin-right: 75%;
  }
  .u-marg-b-vh9of12\@sm {
    margin-bottom: 75vh !important;
  }
  .u-w10of12\@sm {
    width: 83.33333333333334%;
  }
  .u-offset-l-w10of12\@sm {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w10of12\@sm {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh10of12\@sm {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w11of12\@sm {
    width: 91.66666666666667%;
  }
  .u-offset-l-w11of12\@sm {
    margin-left: 91.66666666666667%;
  }
  .u-offset-r-w11of12\@sm {
    margin-right: 91.66666666666667%;
  }
  .u-marg-b-vh11of12\@sm {
    margin-bottom: 91.66666666666667vh !important;
  }
  .u-w12of12\@sm {
    width: 100%;
  }
  .u-offset-l-w12of12\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w12of12\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh12of12\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of13\@sm {
    width: 7.692307692307693%;
  }
  .u-offset-l-w1of13\@sm {
    margin-left: 7.692307692307693%;
  }
  .u-offset-r-w1of13\@sm {
    margin-right: 7.692307692307693%;
  }
  .u-marg-b-vh1of13\@sm {
    margin-bottom: 7.692307692307693vh !important;
  }
  .u-w2of13\@sm {
    width: 15.384615384615385%;
  }
  .u-offset-l-w2of13\@sm {
    margin-left: 15.384615384615385%;
  }
  .u-offset-r-w2of13\@sm {
    margin-right: 15.384615384615385%;
  }
  .u-marg-b-vh2of13\@sm {
    margin-bottom: 15.384615384615385vh !important;
  }
  .u-w3of13\@sm {
    width: 23.076923076923077%;
  }
  .u-offset-l-w3of13\@sm {
    margin-left: 23.076923076923077%;
  }
  .u-offset-r-w3of13\@sm {
    margin-right: 23.076923076923077%;
  }
  .u-marg-b-vh3of13\@sm {
    margin-bottom: 23.076923076923077vh !important;
  }
  .u-w4of13\@sm {
    width: 30.76923076923077%;
  }
  .u-offset-l-w4of13\@sm {
    margin-left: 30.76923076923077%;
  }
  .u-offset-r-w4of13\@sm {
    margin-right: 30.76923076923077%;
  }
  .u-marg-b-vh4of13\@sm {
    margin-bottom: 30.76923076923077vh !important;
  }
  .u-w5of13\@sm {
    width: 38.46153846153846%;
  }
  .u-offset-l-w5of13\@sm {
    margin-left: 38.46153846153846%;
  }
  .u-offset-r-w5of13\@sm {
    margin-right: 38.46153846153846%;
  }
  .u-marg-b-vh5of13\@sm {
    margin-bottom: 38.46153846153846vh !important;
  }
  .u-w6of13\@sm {
    width: 46.15384615384615%;
  }
  .u-offset-l-w6of13\@sm {
    margin-left: 46.15384615384615%;
  }
  .u-offset-r-w6of13\@sm {
    margin-right: 46.15384615384615%;
  }
  .u-marg-b-vh6of13\@sm {
    margin-bottom: 46.15384615384615vh !important;
  }
  .u-w7of13\@sm {
    width: 53.84615384615385%;
  }
  .u-offset-l-w7of13\@sm {
    margin-left: 53.84615384615385%;
  }
  .u-offset-r-w7of13\@sm {
    margin-right: 53.84615384615385%;
  }
  .u-marg-b-vh7of13\@sm {
    margin-bottom: 53.84615384615385vh !important;
  }
  .u-w8of13\@sm {
    width: 61.53846153846154%;
  }
  .u-offset-l-w8of13\@sm {
    margin-left: 61.53846153846154%;
  }
  .u-offset-r-w8of13\@sm {
    margin-right: 61.53846153846154%;
  }
  .u-marg-b-vh8of13\@sm {
    margin-bottom: 61.53846153846154vh !important;
  }
  .u-w9of13\@sm {
    width: 69.23076923076923%;
  }
  .u-offset-l-w9of13\@sm {
    margin-left: 69.23076923076923%;
  }
  .u-offset-r-w9of13\@sm {
    margin-right: 69.23076923076923%;
  }
  .u-marg-b-vh9of13\@sm {
    margin-bottom: 69.23076923076923vh !important;
  }
  .u-w10of13\@sm {
    width: 76.92307692307692%;
  }
  .u-offset-l-w10of13\@sm {
    margin-left: 76.92307692307692%;
  }
  .u-offset-r-w10of13\@sm {
    margin-right: 76.92307692307692%;
  }
  .u-marg-b-vh10of13\@sm {
    margin-bottom: 76.92307692307692vh !important;
  }
  .u-w11of13\@sm {
    width: 84.61538461538461%;
  }
  .u-offset-l-w11of13\@sm {
    margin-left: 84.61538461538461%;
  }
  .u-offset-r-w11of13\@sm {
    margin-right: 84.61538461538461%;
  }
  .u-marg-b-vh11of13\@sm {
    margin-bottom: 84.61538461538461vh !important;
  }
  .u-w12of13\@sm {
    width: 92.3076923076923%;
  }
  .u-offset-l-w12of13\@sm {
    margin-left: 92.3076923076923%;
  }
  .u-offset-r-w12of13\@sm {
    margin-right: 92.3076923076923%;
  }
  .u-marg-b-vh12of13\@sm {
    margin-bottom: 92.3076923076923vh !important;
  }
  .u-w13of13\@sm {
    width: 100%;
  }
  .u-offset-l-w13of13\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w13of13\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh13of13\@sm {
    margin-bottom: 100vh !important;
  }
  .u-w1of20\@sm {
    width: 5%;
  }
  .u-offset-l-w1of20\@sm {
    margin-left: 5%;
  }
  .u-offset-r-w1of20\@sm {
    margin-right: 5%;
  }
  .u-marg-b-vh1of20\@sm {
    margin-bottom: 5vh !important;
  }
  .u-w2of20\@sm {
    width: 10%;
  }
  .u-offset-l-w2of20\@sm {
    margin-left: 10%;
  }
  .u-offset-r-w2of20\@sm {
    margin-right: 10%;
  }
  .u-marg-b-vh2of20\@sm {
    margin-bottom: 10vh !important;
  }
  .u-w3of20\@sm {
    width: 15%;
  }
  .u-offset-l-w3of20\@sm {
    margin-left: 15%;
  }
  .u-offset-r-w3of20\@sm {
    margin-right: 15%;
  }
  .u-marg-b-vh3of20\@sm {
    margin-bottom: 15vh !important;
  }
  .u-w4of20\@sm {
    width: 20%;
  }
  .u-offset-l-w4of20\@sm {
    margin-left: 20%;
  }
  .u-offset-r-w4of20\@sm {
    margin-right: 20%;
  }
  .u-marg-b-vh4of20\@sm {
    margin-bottom: 20vh !important;
  }
  .u-w5of20\@sm {
    width: 25%;
  }
  .u-offset-l-w5of20\@sm {
    margin-left: 25%;
  }
  .u-offset-r-w5of20\@sm {
    margin-right: 25%;
  }
  .u-marg-b-vh5of20\@sm {
    margin-bottom: 25vh !important;
  }
  .u-w6of20\@sm {
    width: 30%;
  }
  .u-offset-l-w6of20\@sm {
    margin-left: 30%;
  }
  .u-offset-r-w6of20\@sm {
    margin-right: 30%;
  }
  .u-marg-b-vh6of20\@sm {
    margin-bottom: 30vh !important;
  }
  .u-w7of20\@sm {
    width: 35%;
  }
  .u-offset-l-w7of20\@sm {
    margin-left: 35%;
  }
  .u-offset-r-w7of20\@sm {
    margin-right: 35%;
  }
  .u-marg-b-vh7of20\@sm {
    margin-bottom: 35vh !important;
  }
  .u-w8of20\@sm {
    width: 40%;
  }
  .u-offset-l-w8of20\@sm {
    margin-left: 40%;
  }
  .u-offset-r-w8of20\@sm {
    margin-right: 40%;
  }
  .u-marg-b-vh8of20\@sm {
    margin-bottom: 40vh !important;
  }
  .u-w9of20\@sm {
    width: 45%;
  }
  .u-offset-l-w9of20\@sm {
    margin-left: 45%;
  }
  .u-offset-r-w9of20\@sm {
    margin-right: 45%;
  }
  .u-marg-b-vh9of20\@sm {
    margin-bottom: 45vh !important;
  }
  .u-w10of20\@sm {
    width: 50%;
  }
  .u-offset-l-w10of20\@sm {
    margin-left: 50%;
  }
  .u-offset-r-w10of20\@sm {
    margin-right: 50%;
  }
  .u-marg-b-vh10of20\@sm {
    margin-bottom: 50vh !important;
  }
  .u-w11of20\@sm {
    width: 55%;
  }
  .u-offset-l-w11of20\@sm {
    margin-left: 55%;
  }
  .u-offset-r-w11of20\@sm {
    margin-right: 55%;
  }
  .u-marg-b-vh11of20\@sm {
    margin-bottom: 55vh !important;
  }
  .u-w12of20\@sm {
    width: 60%;
  }
  .u-offset-l-w12of20\@sm {
    margin-left: 60%;
  }
  .u-offset-r-w12of20\@sm {
    margin-right: 60%;
  }
  .u-marg-b-vh12of20\@sm {
    margin-bottom: 60vh !important;
  }
  .u-w13of20\@sm {
    width: 65%;
  }
  .u-offset-l-w13of20\@sm {
    margin-left: 65%;
  }
  .u-offset-r-w13of20\@sm {
    margin-right: 65%;
  }
  .u-marg-b-vh13of20\@sm {
    margin-bottom: 65vh !important;
  }
  .u-w14of20\@sm {
    width: 70%;
  }
  .u-offset-l-w14of20\@sm {
    margin-left: 70%;
  }
  .u-offset-r-w14of20\@sm {
    margin-right: 70%;
  }
  .u-marg-b-vh14of20\@sm {
    margin-bottom: 70vh !important;
  }
  .u-w15of20\@sm {
    width: 75%;
  }
  .u-offset-l-w15of20\@sm {
    margin-left: 75%;
  }
  .u-offset-r-w15of20\@sm {
    margin-right: 75%;
  }
  .u-marg-b-vh15of20\@sm {
    margin-bottom: 75vh !important;
  }
  .u-w16of20\@sm {
    width: 80%;
  }
  .u-offset-l-w16of20\@sm {
    margin-left: 80%;
  }
  .u-offset-r-w16of20\@sm {
    margin-right: 80%;
  }
  .u-marg-b-vh16of20\@sm {
    margin-bottom: 80vh !important;
  }
  .u-w17of20\@sm {
    width: 85%;
  }
  .u-offset-l-w17of20\@sm {
    margin-left: 85%;
  }
  .u-offset-r-w17of20\@sm {
    margin-right: 85%;
  }
  .u-marg-b-vh17of20\@sm {
    margin-bottom: 85vh !important;
  }
  .u-w18of20\@sm {
    width: 90%;
  }
  .u-offset-l-w18of20\@sm {
    margin-left: 90%;
  }
  .u-offset-r-w18of20\@sm {
    margin-right: 90%;
  }
  .u-marg-b-vh18of20\@sm {
    margin-bottom: 90vh !important;
  }
  .u-w19of20\@sm {
    width: 95%;
  }
  .u-offset-l-w19of20\@sm {
    margin-left: 95%;
  }
  .u-offset-r-w19of20\@sm {
    margin-right: 95%;
  }
  .u-marg-b-vh19of20\@sm {
    margin-bottom: 95vh !important;
  }
  .u-w20of20\@sm {
    width: 100%;
  }
  .u-offset-l-w20of20\@sm {
    margin-left: 100%;
  }
  .u-offset-r-w20of20\@sm {
    margin-right: 100%;
  }
  .u-marg-b-vh20of20\@sm {
    margin-bottom: 100vh !important;
  }
}
@media screen and (max-width: 360px) {
  .u-w1of2\@xs {
    width: 50%;
  }
  .u-offset-l-w1of2\@xs {
    margin-left: 50%;
  }
  .u-offset-r-w1of2\@xs {
    margin-right: 50%;
  }
  .u-marg-b-vh1of2\@xs {
    margin-bottom: 50vh !important;
  }
  .u-w2of2\@xs {
    width: 100%;
  }
  .u-offset-l-w2of2\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w2of2\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh2of2\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of3\@xs {
    width: 33.333333333333336%;
  }
  .u-offset-l-w1of3\@xs {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w1of3\@xs {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh1of3\@xs {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w2of3\@xs {
    width: 66.66666666666667%;
  }
  .u-offset-l-w2of3\@xs {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w2of3\@xs {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh2of3\@xs {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w3of3\@xs {
    width: 100%;
  }
  .u-offset-l-w3of3\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w3of3\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh3of3\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of4\@xs {
    width: 25%;
  }
  .u-offset-l-w1of4\@xs {
    margin-left: 25%;
  }
  .u-offset-r-w1of4\@xs {
    margin-right: 25%;
  }
  .u-marg-b-vh1of4\@xs {
    margin-bottom: 25vh !important;
  }
  .u-w2of4\@xs {
    width: 50%;
  }
  .u-offset-l-w2of4\@xs {
    margin-left: 50%;
  }
  .u-offset-r-w2of4\@xs {
    margin-right: 50%;
  }
  .u-marg-b-vh2of4\@xs {
    margin-bottom: 50vh !important;
  }
  .u-w3of4\@xs {
    width: 75%;
  }
  .u-offset-l-w3of4\@xs {
    margin-left: 75%;
  }
  .u-offset-r-w3of4\@xs {
    margin-right: 75%;
  }
  .u-marg-b-vh3of4\@xs {
    margin-bottom: 75vh !important;
  }
  .u-w4of4\@xs {
    width: 100%;
  }
  .u-offset-l-w4of4\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w4of4\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh4of4\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of5\@xs {
    width: 20%;
  }
  .u-offset-l-w1of5\@xs {
    margin-left: 20%;
  }
  .u-offset-r-w1of5\@xs {
    margin-right: 20%;
  }
  .u-marg-b-vh1of5\@xs {
    margin-bottom: 20vh !important;
  }
  .u-w2of5\@xs {
    width: 40%;
  }
  .u-offset-l-w2of5\@xs {
    margin-left: 40%;
  }
  .u-offset-r-w2of5\@xs {
    margin-right: 40%;
  }
  .u-marg-b-vh2of5\@xs {
    margin-bottom: 40vh !important;
  }
  .u-w3of5\@xs {
    width: 60%;
  }
  .u-offset-l-w3of5\@xs {
    margin-left: 60%;
  }
  .u-offset-r-w3of5\@xs {
    margin-right: 60%;
  }
  .u-marg-b-vh3of5\@xs {
    margin-bottom: 60vh !important;
  }
  .u-w4of5\@xs {
    width: 80%;
  }
  .u-offset-l-w4of5\@xs {
    margin-left: 80%;
  }
  .u-offset-r-w4of5\@xs {
    margin-right: 80%;
  }
  .u-marg-b-vh4of5\@xs {
    margin-bottom: 80vh !important;
  }
  .u-w5of5\@xs {
    width: 100%;
  }
  .u-offset-l-w5of5\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w5of5\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh5of5\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of6\@xs {
    width: 16.666666666666668%;
  }
  .u-offset-l-w1of6\@xs {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w1of6\@xs {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh1of6\@xs {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w2of6\@xs {
    width: 33.333333333333336%;
  }
  .u-offset-l-w2of6\@xs {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w2of6\@xs {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh2of6\@xs {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w3of6\@xs {
    width: 50%;
  }
  .u-offset-l-w3of6\@xs {
    margin-left: 50%;
  }
  .u-offset-r-w3of6\@xs {
    margin-right: 50%;
  }
  .u-marg-b-vh3of6\@xs {
    margin-bottom: 50vh !important;
  }
  .u-w4of6\@xs {
    width: 66.66666666666667%;
  }
  .u-offset-l-w4of6\@xs {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w4of6\@xs {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh4of6\@xs {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w5of6\@xs {
    width: 83.33333333333334%;
  }
  .u-offset-l-w5of6\@xs {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w5of6\@xs {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh5of6\@xs {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w6of6\@xs {
    width: 100%;
  }
  .u-offset-l-w6of6\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w6of6\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh6of6\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of7\@xs {
    width: 14.285714285714286%;
  }
  .u-offset-l-w1of7\@xs {
    margin-left: 14.285714285714286%;
  }
  .u-offset-r-w1of7\@xs {
    margin-right: 14.285714285714286%;
  }
  .u-marg-b-vh1of7\@xs {
    margin-bottom: 14.285714285714286vh !important;
  }
  .u-w2of7\@xs {
    width: 28.571428571428573%;
  }
  .u-offset-l-w2of7\@xs {
    margin-left: 28.571428571428573%;
  }
  .u-offset-r-w2of7\@xs {
    margin-right: 28.571428571428573%;
  }
  .u-marg-b-vh2of7\@xs {
    margin-bottom: 28.571428571428573vh !important;
  }
  .u-w3of7\@xs {
    width: 42.85714285714286%;
  }
  .u-offset-l-w3of7\@xs {
    margin-left: 42.85714285714286%;
  }
  .u-offset-r-w3of7\@xs {
    margin-right: 42.85714285714286%;
  }
  .u-marg-b-vh3of7\@xs {
    margin-bottom: 42.85714285714286vh !important;
  }
  .u-w4of7\@xs {
    width: 57.142857142857146%;
  }
  .u-offset-l-w4of7\@xs {
    margin-left: 57.142857142857146%;
  }
  .u-offset-r-w4of7\@xs {
    margin-right: 57.142857142857146%;
  }
  .u-marg-b-vh4of7\@xs {
    margin-bottom: 57.142857142857146vh !important;
  }
  .u-w5of7\@xs {
    width: 71.42857142857143%;
  }
  .u-offset-l-w5of7\@xs {
    margin-left: 71.42857142857143%;
  }
  .u-offset-r-w5of7\@xs {
    margin-right: 71.42857142857143%;
  }
  .u-marg-b-vh5of7\@xs {
    margin-bottom: 71.42857142857143vh !important;
  }
  .u-w6of7\@xs {
    width: 85.71428571428572%;
  }
  .u-offset-l-w6of7\@xs {
    margin-left: 85.71428571428572%;
  }
  .u-offset-r-w6of7\@xs {
    margin-right: 85.71428571428572%;
  }
  .u-marg-b-vh6of7\@xs {
    margin-bottom: 85.71428571428572vh !important;
  }
  .u-w7of7\@xs {
    width: 100%;
  }
  .u-offset-l-w7of7\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w7of7\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh7of7\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of8\@xs {
    width: 12.5%;
  }
  .u-offset-l-w1of8\@xs {
    margin-left: 12.5%;
  }
  .u-offset-r-w1of8\@xs {
    margin-right: 12.5%;
  }
  .u-marg-b-vh1of8\@xs {
    margin-bottom: 12.5vh !important;
  }
  .u-w2of8\@xs {
    width: 25%;
  }
  .u-offset-l-w2of8\@xs {
    margin-left: 25%;
  }
  .u-offset-r-w2of8\@xs {
    margin-right: 25%;
  }
  .u-marg-b-vh2of8\@xs {
    margin-bottom: 25vh !important;
  }
  .u-w3of8\@xs {
    width: 37.5%;
  }
  .u-offset-l-w3of8\@xs {
    margin-left: 37.5%;
  }
  .u-offset-r-w3of8\@xs {
    margin-right: 37.5%;
  }
  .u-marg-b-vh3of8\@xs {
    margin-bottom: 37.5vh !important;
  }
  .u-w4of8\@xs {
    width: 50%;
  }
  .u-offset-l-w4of8\@xs {
    margin-left: 50%;
  }
  .u-offset-r-w4of8\@xs {
    margin-right: 50%;
  }
  .u-marg-b-vh4of8\@xs {
    margin-bottom: 50vh !important;
  }
  .u-w5of8\@xs {
    width: 62.5%;
  }
  .u-offset-l-w5of8\@xs {
    margin-left: 62.5%;
  }
  .u-offset-r-w5of8\@xs {
    margin-right: 62.5%;
  }
  .u-marg-b-vh5of8\@xs {
    margin-bottom: 62.5vh !important;
  }
  .u-w6of8\@xs {
    width: 75%;
  }
  .u-offset-l-w6of8\@xs {
    margin-left: 75%;
  }
  .u-offset-r-w6of8\@xs {
    margin-right: 75%;
  }
  .u-marg-b-vh6of8\@xs {
    margin-bottom: 75vh !important;
  }
  .u-w7of8\@xs {
    width: 87.5%;
  }
  .u-offset-l-w7of8\@xs {
    margin-left: 87.5%;
  }
  .u-offset-r-w7of8\@xs {
    margin-right: 87.5%;
  }
  .u-marg-b-vh7of8\@xs {
    margin-bottom: 87.5vh !important;
  }
  .u-w8of8\@xs {
    width: 100%;
  }
  .u-offset-l-w8of8\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w8of8\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh8of8\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of9\@xs {
    width: 11.11111111111111%;
  }
  .u-offset-l-w1of9\@xs {
    margin-left: 11.11111111111111%;
  }
  .u-offset-r-w1of9\@xs {
    margin-right: 11.11111111111111%;
  }
  .u-marg-b-vh1of9\@xs {
    margin-bottom: 11.11111111111111vh !important;
  }
  .u-w2of9\@xs {
    width: 22.22222222222222%;
  }
  .u-offset-l-w2of9\@xs {
    margin-left: 22.22222222222222%;
  }
  .u-offset-r-w2of9\@xs {
    margin-right: 22.22222222222222%;
  }
  .u-marg-b-vh2of9\@xs {
    margin-bottom: 22.22222222222222vh !important;
  }
  .u-w3of9\@xs {
    width: 33.33333333333333%;
  }
  .u-offset-l-w3of9\@xs {
    margin-left: 33.33333333333333%;
  }
  .u-offset-r-w3of9\@xs {
    margin-right: 33.33333333333333%;
  }
  .u-marg-b-vh3of9\@xs {
    margin-bottom: 33.33333333333333vh !important;
  }
  .u-w4of9\@xs {
    width: 44.44444444444444%;
  }
  .u-offset-l-w4of9\@xs {
    margin-left: 44.44444444444444%;
  }
  .u-offset-r-w4of9\@xs {
    margin-right: 44.44444444444444%;
  }
  .u-marg-b-vh4of9\@xs {
    margin-bottom: 44.44444444444444vh !important;
  }
  .u-w5of9\@xs {
    width: 55.55555555555556%;
  }
  .u-offset-l-w5of9\@xs {
    margin-left: 55.55555555555556%;
  }
  .u-offset-r-w5of9\@xs {
    margin-right: 55.55555555555556%;
  }
  .u-marg-b-vh5of9\@xs {
    margin-bottom: 55.55555555555556vh !important;
  }
  .u-w6of9\@xs {
    width: 66.66666666666666%;
  }
  .u-offset-l-w6of9\@xs {
    margin-left: 66.66666666666666%;
  }
  .u-offset-r-w6of9\@xs {
    margin-right: 66.66666666666666%;
  }
  .u-marg-b-vh6of9\@xs {
    margin-bottom: 66.66666666666666vh !important;
  }
  .u-w7of9\@xs {
    width: 77.77777777777777%;
  }
  .u-offset-l-w7of9\@xs {
    margin-left: 77.77777777777777%;
  }
  .u-offset-r-w7of9\@xs {
    margin-right: 77.77777777777777%;
  }
  .u-marg-b-vh7of9\@xs {
    margin-bottom: 77.77777777777777vh !important;
  }
  .u-w8of9\@xs {
    width: 88.88888888888889%;
  }
  .u-offset-l-w8of9\@xs {
    margin-left: 88.88888888888889%;
  }
  .u-offset-r-w8of9\@xs {
    margin-right: 88.88888888888889%;
  }
  .u-marg-b-vh8of9\@xs {
    margin-bottom: 88.88888888888889vh !important;
  }
  .u-w9of9\@xs {
    width: 100%;
  }
  .u-offset-l-w9of9\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w9of9\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh9of9\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of10\@xs {
    width: 10%;
  }
  .u-offset-l-w1of10\@xs {
    margin-left: 10%;
  }
  .u-offset-r-w1of10\@xs {
    margin-right: 10%;
  }
  .u-marg-b-vh1of10\@xs {
    margin-bottom: 10vh !important;
  }
  .u-w2of10\@xs {
    width: 20%;
  }
  .u-offset-l-w2of10\@xs {
    margin-left: 20%;
  }
  .u-offset-r-w2of10\@xs {
    margin-right: 20%;
  }
  .u-marg-b-vh2of10\@xs {
    margin-bottom: 20vh !important;
  }
  .u-w3of10\@xs {
    width: 30%;
  }
  .u-offset-l-w3of10\@xs {
    margin-left: 30%;
  }
  .u-offset-r-w3of10\@xs {
    margin-right: 30%;
  }
  .u-marg-b-vh3of10\@xs {
    margin-bottom: 30vh !important;
  }
  .u-w4of10\@xs {
    width: 40%;
  }
  .u-offset-l-w4of10\@xs {
    margin-left: 40%;
  }
  .u-offset-r-w4of10\@xs {
    margin-right: 40%;
  }
  .u-marg-b-vh4of10\@xs {
    margin-bottom: 40vh !important;
  }
  .u-w5of10\@xs {
    width: 50%;
  }
  .u-offset-l-w5of10\@xs {
    margin-left: 50%;
  }
  .u-offset-r-w5of10\@xs {
    margin-right: 50%;
  }
  .u-marg-b-vh5of10\@xs {
    margin-bottom: 50vh !important;
  }
  .u-w6of10\@xs {
    width: 60%;
  }
  .u-offset-l-w6of10\@xs {
    margin-left: 60%;
  }
  .u-offset-r-w6of10\@xs {
    margin-right: 60%;
  }
  .u-marg-b-vh6of10\@xs {
    margin-bottom: 60vh !important;
  }
  .u-w7of10\@xs {
    width: 70%;
  }
  .u-offset-l-w7of10\@xs {
    margin-left: 70%;
  }
  .u-offset-r-w7of10\@xs {
    margin-right: 70%;
  }
  .u-marg-b-vh7of10\@xs {
    margin-bottom: 70vh !important;
  }
  .u-w8of10\@xs {
    width: 80%;
  }
  .u-offset-l-w8of10\@xs {
    margin-left: 80%;
  }
  .u-offset-r-w8of10\@xs {
    margin-right: 80%;
  }
  .u-marg-b-vh8of10\@xs {
    margin-bottom: 80vh !important;
  }
  .u-w9of10\@xs {
    width: 90%;
  }
  .u-offset-l-w9of10\@xs {
    margin-left: 90%;
  }
  .u-offset-r-w9of10\@xs {
    margin-right: 90%;
  }
  .u-marg-b-vh9of10\@xs {
    margin-bottom: 90vh !important;
  }
  .u-w10of10\@xs {
    width: 100%;
  }
  .u-offset-l-w10of10\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w10of10\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh10of10\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of11\@xs {
    width: 9.090909090909092%;
  }
  .u-offset-l-w1of11\@xs {
    margin-left: 9.090909090909092%;
  }
  .u-offset-r-w1of11\@xs {
    margin-right: 9.090909090909092%;
  }
  .u-marg-b-vh1of11\@xs {
    margin-bottom: 9.090909090909092vh !important;
  }
  .u-w2of11\@xs {
    width: 18.181818181818183%;
  }
  .u-offset-l-w2of11\@xs {
    margin-left: 18.181818181818183%;
  }
  .u-offset-r-w2of11\@xs {
    margin-right: 18.181818181818183%;
  }
  .u-marg-b-vh2of11\@xs {
    margin-bottom: 18.181818181818183vh !important;
  }
  .u-w3of11\@xs {
    width: 27.272727272727273%;
  }
  .u-offset-l-w3of11\@xs {
    margin-left: 27.272727272727273%;
  }
  .u-offset-r-w3of11\@xs {
    margin-right: 27.272727272727273%;
  }
  .u-marg-b-vh3of11\@xs {
    margin-bottom: 27.272727272727273vh !important;
  }
  .u-w4of11\@xs {
    width: 36.36363636363637%;
  }
  .u-offset-l-w4of11\@xs {
    margin-left: 36.36363636363637%;
  }
  .u-offset-r-w4of11\@xs {
    margin-right: 36.36363636363637%;
  }
  .u-marg-b-vh4of11\@xs {
    margin-bottom: 36.36363636363637vh !important;
  }
  .u-w5of11\@xs {
    width: 45.45454545454546%;
  }
  .u-offset-l-w5of11\@xs {
    margin-left: 45.45454545454546%;
  }
  .u-offset-r-w5of11\@xs {
    margin-right: 45.45454545454546%;
  }
  .u-marg-b-vh5of11\@xs {
    margin-bottom: 45.45454545454546vh !important;
  }
  .u-w6of11\@xs {
    width: 54.54545454545455%;
  }
  .u-offset-l-w6of11\@xs {
    margin-left: 54.54545454545455%;
  }
  .u-offset-r-w6of11\@xs {
    margin-right: 54.54545454545455%;
  }
  .u-marg-b-vh6of11\@xs {
    margin-bottom: 54.54545454545455vh !important;
  }
  .u-w7of11\@xs {
    width: 63.63636363636364%;
  }
  .u-offset-l-w7of11\@xs {
    margin-left: 63.63636363636364%;
  }
  .u-offset-r-w7of11\@xs {
    margin-right: 63.63636363636364%;
  }
  .u-marg-b-vh7of11\@xs {
    margin-bottom: 63.63636363636364vh !important;
  }
  .u-w8of11\@xs {
    width: 72.72727272727273%;
  }
  .u-offset-l-w8of11\@xs {
    margin-left: 72.72727272727273%;
  }
  .u-offset-r-w8of11\@xs {
    margin-right: 72.72727272727273%;
  }
  .u-marg-b-vh8of11\@xs {
    margin-bottom: 72.72727272727273vh !important;
  }
  .u-w9of11\@xs {
    width: 81.81818181818183%;
  }
  .u-offset-l-w9of11\@xs {
    margin-left: 81.81818181818183%;
  }
  .u-offset-r-w9of11\@xs {
    margin-right: 81.81818181818183%;
  }
  .u-marg-b-vh9of11\@xs {
    margin-bottom: 81.81818181818183vh !important;
  }
  .u-w10of11\@xs {
    width: 90.90909090909092%;
  }
  .u-offset-l-w10of11\@xs {
    margin-left: 90.90909090909092%;
  }
  .u-offset-r-w10of11\@xs {
    margin-right: 90.90909090909092%;
  }
  .u-marg-b-vh10of11\@xs {
    margin-bottom: 90.90909090909092vh !important;
  }
  .u-w11of11\@xs {
    width: 100.00000000000001%;
  }
  .u-offset-l-w11of11\@xs {
    margin-left: 100.00000000000001%;
  }
  .u-offset-r-w11of11\@xs {
    margin-right: 100.00000000000001%;
  }
  .u-marg-b-vh11of11\@xs {
    margin-bottom: 100.00000000000001vh !important;
  }
  .u-w1of12\@xs {
    width: 8.333333333333334%;
  }
  .u-offset-l-w1of12\@xs {
    margin-left: 8.333333333333334%;
  }
  .u-offset-r-w1of12\@xs {
    margin-right: 8.333333333333334%;
  }
  .u-marg-b-vh1of12\@xs {
    margin-bottom: 8.333333333333334vh !important;
  }
  .u-w2of12\@xs {
    width: 16.666666666666668%;
  }
  .u-offset-l-w2of12\@xs {
    margin-left: 16.666666666666668%;
  }
  .u-offset-r-w2of12\@xs {
    margin-right: 16.666666666666668%;
  }
  .u-marg-b-vh2of12\@xs {
    margin-bottom: 16.666666666666668vh !important;
  }
  .u-w3of12\@xs {
    width: 25%;
  }
  .u-offset-l-w3of12\@xs {
    margin-left: 25%;
  }
  .u-offset-r-w3of12\@xs {
    margin-right: 25%;
  }
  .u-marg-b-vh3of12\@xs {
    margin-bottom: 25vh !important;
  }
  .u-w4of12\@xs {
    width: 33.333333333333336%;
  }
  .u-offset-l-w4of12\@xs {
    margin-left: 33.333333333333336%;
  }
  .u-offset-r-w4of12\@xs {
    margin-right: 33.333333333333336%;
  }
  .u-marg-b-vh4of12\@xs {
    margin-bottom: 33.333333333333336vh !important;
  }
  .u-w5of12\@xs {
    width: 41.66666666666667%;
  }
  .u-offset-l-w5of12\@xs {
    margin-left: 41.66666666666667%;
  }
  .u-offset-r-w5of12\@xs {
    margin-right: 41.66666666666667%;
  }
  .u-marg-b-vh5of12\@xs {
    margin-bottom: 41.66666666666667vh !important;
  }
  .u-w6of12\@xs {
    width: 50%;
  }
  .u-offset-l-w6of12\@xs {
    margin-left: 50%;
  }
  .u-offset-r-w6of12\@xs {
    margin-right: 50%;
  }
  .u-marg-b-vh6of12\@xs {
    margin-bottom: 50vh !important;
  }
  .u-w7of12\@xs {
    width: 58.333333333333336%;
  }
  .u-offset-l-w7of12\@xs {
    margin-left: 58.333333333333336%;
  }
  .u-offset-r-w7of12\@xs {
    margin-right: 58.333333333333336%;
  }
  .u-marg-b-vh7of12\@xs {
    margin-bottom: 58.333333333333336vh !important;
  }
  .u-w8of12\@xs {
    width: 66.66666666666667%;
  }
  .u-offset-l-w8of12\@xs {
    margin-left: 66.66666666666667%;
  }
  .u-offset-r-w8of12\@xs {
    margin-right: 66.66666666666667%;
  }
  .u-marg-b-vh8of12\@xs {
    margin-bottom: 66.66666666666667vh !important;
  }
  .u-w9of12\@xs {
    width: 75%;
  }
  .u-offset-l-w9of12\@xs {
    margin-left: 75%;
  }
  .u-offset-r-w9of12\@xs {
    margin-right: 75%;
  }
  .u-marg-b-vh9of12\@xs {
    margin-bottom: 75vh !important;
  }
  .u-w10of12\@xs {
    width: 83.33333333333334%;
  }
  .u-offset-l-w10of12\@xs {
    margin-left: 83.33333333333334%;
  }
  .u-offset-r-w10of12\@xs {
    margin-right: 83.33333333333334%;
  }
  .u-marg-b-vh10of12\@xs {
    margin-bottom: 83.33333333333334vh !important;
  }
  .u-w11of12\@xs {
    width: 91.66666666666667%;
  }
  .u-offset-l-w11of12\@xs {
    margin-left: 91.66666666666667%;
  }
  .u-offset-r-w11of12\@xs {
    margin-right: 91.66666666666667%;
  }
  .u-marg-b-vh11of12\@xs {
    margin-bottom: 91.66666666666667vh !important;
  }
  .u-w12of12\@xs {
    width: 100%;
  }
  .u-offset-l-w12of12\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w12of12\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh12of12\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of13\@xs {
    width: 7.692307692307693%;
  }
  .u-offset-l-w1of13\@xs {
    margin-left: 7.692307692307693%;
  }
  .u-offset-r-w1of13\@xs {
    margin-right: 7.692307692307693%;
  }
  .u-marg-b-vh1of13\@xs {
    margin-bottom: 7.692307692307693vh !important;
  }
  .u-w2of13\@xs {
    width: 15.384615384615385%;
  }
  .u-offset-l-w2of13\@xs {
    margin-left: 15.384615384615385%;
  }
  .u-offset-r-w2of13\@xs {
    margin-right: 15.384615384615385%;
  }
  .u-marg-b-vh2of13\@xs {
    margin-bottom: 15.384615384615385vh !important;
  }
  .u-w3of13\@xs {
    width: 23.076923076923077%;
  }
  .u-offset-l-w3of13\@xs {
    margin-left: 23.076923076923077%;
  }
  .u-offset-r-w3of13\@xs {
    margin-right: 23.076923076923077%;
  }
  .u-marg-b-vh3of13\@xs {
    margin-bottom: 23.076923076923077vh !important;
  }
  .u-w4of13\@xs {
    width: 30.76923076923077%;
  }
  .u-offset-l-w4of13\@xs {
    margin-left: 30.76923076923077%;
  }
  .u-offset-r-w4of13\@xs {
    margin-right: 30.76923076923077%;
  }
  .u-marg-b-vh4of13\@xs {
    margin-bottom: 30.76923076923077vh !important;
  }
  .u-w5of13\@xs {
    width: 38.46153846153846%;
  }
  .u-offset-l-w5of13\@xs {
    margin-left: 38.46153846153846%;
  }
  .u-offset-r-w5of13\@xs {
    margin-right: 38.46153846153846%;
  }
  .u-marg-b-vh5of13\@xs {
    margin-bottom: 38.46153846153846vh !important;
  }
  .u-w6of13\@xs {
    width: 46.15384615384615%;
  }
  .u-offset-l-w6of13\@xs {
    margin-left: 46.15384615384615%;
  }
  .u-offset-r-w6of13\@xs {
    margin-right: 46.15384615384615%;
  }
  .u-marg-b-vh6of13\@xs {
    margin-bottom: 46.15384615384615vh !important;
  }
  .u-w7of13\@xs {
    width: 53.84615384615385%;
  }
  .u-offset-l-w7of13\@xs {
    margin-left: 53.84615384615385%;
  }
  .u-offset-r-w7of13\@xs {
    margin-right: 53.84615384615385%;
  }
  .u-marg-b-vh7of13\@xs {
    margin-bottom: 53.84615384615385vh !important;
  }
  .u-w8of13\@xs {
    width: 61.53846153846154%;
  }
  .u-offset-l-w8of13\@xs {
    margin-left: 61.53846153846154%;
  }
  .u-offset-r-w8of13\@xs {
    margin-right: 61.53846153846154%;
  }
  .u-marg-b-vh8of13\@xs {
    margin-bottom: 61.53846153846154vh !important;
  }
  .u-w9of13\@xs {
    width: 69.23076923076923%;
  }
  .u-offset-l-w9of13\@xs {
    margin-left: 69.23076923076923%;
  }
  .u-offset-r-w9of13\@xs {
    margin-right: 69.23076923076923%;
  }
  .u-marg-b-vh9of13\@xs {
    margin-bottom: 69.23076923076923vh !important;
  }
  .u-w10of13\@xs {
    width: 76.92307692307692%;
  }
  .u-offset-l-w10of13\@xs {
    margin-left: 76.92307692307692%;
  }
  .u-offset-r-w10of13\@xs {
    margin-right: 76.92307692307692%;
  }
  .u-marg-b-vh10of13\@xs {
    margin-bottom: 76.92307692307692vh !important;
  }
  .u-w11of13\@xs {
    width: 84.61538461538461%;
  }
  .u-offset-l-w11of13\@xs {
    margin-left: 84.61538461538461%;
  }
  .u-offset-r-w11of13\@xs {
    margin-right: 84.61538461538461%;
  }
  .u-marg-b-vh11of13\@xs {
    margin-bottom: 84.61538461538461vh !important;
  }
  .u-w12of13\@xs {
    width: 92.3076923076923%;
  }
  .u-offset-l-w12of13\@xs {
    margin-left: 92.3076923076923%;
  }
  .u-offset-r-w12of13\@xs {
    margin-right: 92.3076923076923%;
  }
  .u-marg-b-vh12of13\@xs {
    margin-bottom: 92.3076923076923vh !important;
  }
  .u-w13of13\@xs {
    width: 100%;
  }
  .u-offset-l-w13of13\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w13of13\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh13of13\@xs {
    margin-bottom: 100vh !important;
  }
  .u-w1of20\@xs {
    width: 5%;
  }
  .u-offset-l-w1of20\@xs {
    margin-left: 5%;
  }
  .u-offset-r-w1of20\@xs {
    margin-right: 5%;
  }
  .u-marg-b-vh1of20\@xs {
    margin-bottom: 5vh !important;
  }
  .u-w2of20\@xs {
    width: 10%;
  }
  .u-offset-l-w2of20\@xs {
    margin-left: 10%;
  }
  .u-offset-r-w2of20\@xs {
    margin-right: 10%;
  }
  .u-marg-b-vh2of20\@xs {
    margin-bottom: 10vh !important;
  }
  .u-w3of20\@xs {
    width: 15%;
  }
  .u-offset-l-w3of20\@xs {
    margin-left: 15%;
  }
  .u-offset-r-w3of20\@xs {
    margin-right: 15%;
  }
  .u-marg-b-vh3of20\@xs {
    margin-bottom: 15vh !important;
  }
  .u-w4of20\@xs {
    width: 20%;
  }
  .u-offset-l-w4of20\@xs {
    margin-left: 20%;
  }
  .u-offset-r-w4of20\@xs {
    margin-right: 20%;
  }
  .u-marg-b-vh4of20\@xs {
    margin-bottom: 20vh !important;
  }
  .u-w5of20\@xs {
    width: 25%;
  }
  .u-offset-l-w5of20\@xs {
    margin-left: 25%;
  }
  .u-offset-r-w5of20\@xs {
    margin-right: 25%;
  }
  .u-marg-b-vh5of20\@xs {
    margin-bottom: 25vh !important;
  }
  .u-w6of20\@xs {
    width: 30%;
  }
  .u-offset-l-w6of20\@xs {
    margin-left: 30%;
  }
  .u-offset-r-w6of20\@xs {
    margin-right: 30%;
  }
  .u-marg-b-vh6of20\@xs {
    margin-bottom: 30vh !important;
  }
  .u-w7of20\@xs {
    width: 35%;
  }
  .u-offset-l-w7of20\@xs {
    margin-left: 35%;
  }
  .u-offset-r-w7of20\@xs {
    margin-right: 35%;
  }
  .u-marg-b-vh7of20\@xs {
    margin-bottom: 35vh !important;
  }
  .u-w8of20\@xs {
    width: 40%;
  }
  .u-offset-l-w8of20\@xs {
    margin-left: 40%;
  }
  .u-offset-r-w8of20\@xs {
    margin-right: 40%;
  }
  .u-marg-b-vh8of20\@xs {
    margin-bottom: 40vh !important;
  }
  .u-w9of20\@xs {
    width: 45%;
  }
  .u-offset-l-w9of20\@xs {
    margin-left: 45%;
  }
  .u-offset-r-w9of20\@xs {
    margin-right: 45%;
  }
  .u-marg-b-vh9of20\@xs {
    margin-bottom: 45vh !important;
  }
  .u-w10of20\@xs {
    width: 50%;
  }
  .u-offset-l-w10of20\@xs {
    margin-left: 50%;
  }
  .u-offset-r-w10of20\@xs {
    margin-right: 50%;
  }
  .u-marg-b-vh10of20\@xs {
    margin-bottom: 50vh !important;
  }
  .u-w11of20\@xs {
    width: 55%;
  }
  .u-offset-l-w11of20\@xs {
    margin-left: 55%;
  }
  .u-offset-r-w11of20\@xs {
    margin-right: 55%;
  }
  .u-marg-b-vh11of20\@xs {
    margin-bottom: 55vh !important;
  }
  .u-w12of20\@xs {
    width: 60%;
  }
  .u-offset-l-w12of20\@xs {
    margin-left: 60%;
  }
  .u-offset-r-w12of20\@xs {
    margin-right: 60%;
  }
  .u-marg-b-vh12of20\@xs {
    margin-bottom: 60vh !important;
  }
  .u-w13of20\@xs {
    width: 65%;
  }
  .u-offset-l-w13of20\@xs {
    margin-left: 65%;
  }
  .u-offset-r-w13of20\@xs {
    margin-right: 65%;
  }
  .u-marg-b-vh13of20\@xs {
    margin-bottom: 65vh !important;
  }
  .u-w14of20\@xs {
    width: 70%;
  }
  .u-offset-l-w14of20\@xs {
    margin-left: 70%;
  }
  .u-offset-r-w14of20\@xs {
    margin-right: 70%;
  }
  .u-marg-b-vh14of20\@xs {
    margin-bottom: 70vh !important;
  }
  .u-w15of20\@xs {
    width: 75%;
  }
  .u-offset-l-w15of20\@xs {
    margin-left: 75%;
  }
  .u-offset-r-w15of20\@xs {
    margin-right: 75%;
  }
  .u-marg-b-vh15of20\@xs {
    margin-bottom: 75vh !important;
  }
  .u-w16of20\@xs {
    width: 80%;
  }
  .u-offset-l-w16of20\@xs {
    margin-left: 80%;
  }
  .u-offset-r-w16of20\@xs {
    margin-right: 80%;
  }
  .u-marg-b-vh16of20\@xs {
    margin-bottom: 80vh !important;
  }
  .u-w17of20\@xs {
    width: 85%;
  }
  .u-offset-l-w17of20\@xs {
    margin-left: 85%;
  }
  .u-offset-r-w17of20\@xs {
    margin-right: 85%;
  }
  .u-marg-b-vh17of20\@xs {
    margin-bottom: 85vh !important;
  }
  .u-w18of20\@xs {
    width: 90%;
  }
  .u-offset-l-w18of20\@xs {
    margin-left: 90%;
  }
  .u-offset-r-w18of20\@xs {
    margin-right: 90%;
  }
  .u-marg-b-vh18of20\@xs {
    margin-bottom: 90vh !important;
  }
  .u-w19of20\@xs {
    width: 95%;
  }
  .u-offset-l-w19of20\@xs {
    margin-left: 95%;
  }
  .u-offset-r-w19of20\@xs {
    margin-right: 95%;
  }
  .u-marg-b-vh19of20\@xs {
    margin-bottom: 95vh !important;
  }
  .u-w20of20\@xs {
    width: 100%;
  }
  .u-offset-l-w20of20\@xs {
    margin-left: 100%;
  }
  .u-offset-r-w20of20\@xs {
    margin-right: 100%;
  }
  .u-marg-b-vh20of20\@xs {
    margin-bottom: 100vh !important;
  }
}
.u-align-center {
  text-align: center;
}
@media screen and (min-width: 1440px) {
  .u-align-center\@xl {
    text-align: center;
  }
}
@media screen and (max-width: 1280px) {
  .u-align-center\@lg {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  .u-align-center\@md {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .u-align-center\@sm {
    text-align: center;
  }
}
@media screen and (max-width: 360px) {
  .u-align-center\@xs {
    text-align: center;
  }
}
.u-align-right {
  text-align: right;
}
@media screen and (min-width: 1440px) {
  .u-align-right\@xl {
    text-align: right;
  }
}
@media screen and (max-width: 1280px) {
  .u-align-right\@lg {
    text-align: right;
  }
}
@media screen and (max-width: 1024px) {
  .u-align-right\@md {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .u-align-right\@sm {
    text-align: right;
  }
}
@media screen and (max-width: 360px) {
  .u-align-right\@xs {
    text-align: right;
  }
}
.u-align-left {
  text-align: left;
}
@media screen and (min-width: 1440px) {
  .u-align-left\@xl {
    text-align: left;
  }
}
@media screen and (max-width: 1280px) {
  .u-align-left\@lg {
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  .u-align-left\@md {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .u-align-left\@sm {
    text-align: left;
  }
}
@media screen and (max-width: 360px) {
  .u-align-left\@xs {
    text-align: left;
  }
}
.u-text-justify {
  text-align: justify;
}
@media screen and (min-width: 1440px) {
  .u-text-justify\@xl {
    text-align: justify;
  }
}
@media screen and (max-width: 1280px) {
  .u-text-justify\@lg {
    text-align: justify;
  }
}
@media screen and (max-width: 1024px) {
  .u-text-justify\@md {
    text-align: justify;
  }
}
@media screen and (max-width: 767px) {
  .u-text-justify\@sm {
    text-align: justify;
  }
}
@media screen and (max-width: 360px) {
  .u-text-justify\@xs {
    text-align: justify;
  }
}
.u-pos-b {
  bottom: 0;
}
.u-float-l {
  float: left;
}
@media screen and (min-width: 1440px) {
  .u-float-l\@xl {
    float: left;
  }
}
@media screen and (max-width: 1280px) {
  .u-float-l\@lg {
    float: left;
  }
}
@media screen and (max-width: 1024px) {
  .u-float-l\@md {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .u-float-l\@sm {
    float: left;
  }
}
@media screen and (max-width: 360px) {
  .u-float-l\@xs {
    float: left;
  }
}
.u-float-r {
  float: right;
}
@media screen and (min-width: 1440px) {
  .u-float-r\@xl {
    float: right;
  }
}
@media screen and (max-width: 1280px) {
  .u-float-r\@lg {
    float: right;
  }
}
@media screen and (max-width: 1024px) {
  .u-float-r\@md {
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .u-float-r\@sm {
    float: right;
  }
}
@media screen and (max-width: 360px) {
  .u-float-r\@xs {
    float: right;
  }
}
.u-valign-top {
  vertical-align: top;
}
@media screen and (min-width: 1440px) {
  .u-valign-top\@xl {
    vertical-align: top;
  }
}
@media screen and (max-width: 1280px) {
  .u-valign-top\@lg {
    vertical-align: top;
  }
}
@media screen and (max-width: 1024px) {
  .u-valign-top\@md {
    vertical-align: top;
  }
}
@media screen and (max-width: 767px) {
  .u-valign-top\@sm {
    vertical-align: top;
  }
}
@media screen and (max-width: 360px) {
  .u-valign-top\@xs {
    vertical-align: top;
  }
}
.u-valign-bottom {
  vertical-align: bottom;
}
@media screen and (min-width: 1440px) {
  .u-valign-bottom\@xl {
    vertical-align: bottom;
  }
}
@media screen and (max-width: 1280px) {
  .u-valign-bottom\@lg {
    vertical-align: bottom;
  }
}
@media screen and (max-width: 1024px) {
  .u-valign-bottom\@md {
    vertical-align: bottom;
  }
}
@media screen and (max-width: 767px) {
  .u-valign-bottom\@sm {
    vertical-align: bottom;
  }
}
@media screen and (max-width: 360px) {
  .u-valign-bottom\@xs {
    vertical-align: bottom;
  }
}
.u-valign-middle {
  vertical-align: middle;
}
@media screen and (min-width: 1440px) {
  .u-valign-middle\@xl {
    vertical-align: middle;
  }
}
@media screen and (max-width: 1280px) {
  .u-valign-middle\@lg {
    vertical-align: middle;
  }
}
@media screen and (max-width: 1024px) {
  .u-valign-middle\@md {
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .u-valign-middle\@sm {
    vertical-align: middle;
  }
}
@media screen and (max-width: 360px) {
  .u-valign-middle\@xs {
    vertical-align: middle;
  }
}
.u-marg-x-auto {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1440px) {
  .u-marg-x-auto\@xl {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1280px) {
  .u-marg-x-auto\@lg {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .u-marg-x-auto\@md {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .u-marg-x-auto\@sm {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 360px) {
  .u-marg-x-auto\@xs {
    margin-left: auto;
    margin-right: auto;
  }
}
.u-underline {
  text-decoration: underline;
}
@media screen and (min-width: 1440px) {
  .u-underline\@xl {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1280px) {
  .u-underline\@lg {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1024px) {
  .u-underline\@md {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .u-underline\@sm {
    text-decoration: underline;
  }
}
@media screen and (max-width: 360px) {
  .u-underline\@xs {
    text-decoration: underline;
  }
}
.u-uppercase {
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .u-uppercase\@xl {
    text-transform: uppercase;
  }
}
@media screen and (max-width: 1280px) {
  .u-uppercase\@lg {
    text-transform: uppercase;
  }
}
@media screen and (max-width: 1024px) {
  .u-uppercase\@md {
    text-transform: uppercase;
  }
}
@media screen and (max-width: 767px) {
  .u-uppercase\@sm {
    text-transform: uppercase;
  }
}
@media screen and (max-width: 360px) {
  .u-uppercase\@xs {
    text-transform: uppercase;
  }
}
.u-capitalize {
  text-transform: capitalize;
}
@media screen and (min-width: 1440px) {
  .u-capitalize\@xl {
    text-transform: capitalize;
  }
}
@media screen and (max-width: 1280px) {
  .u-capitalize\@lg {
    text-transform: capitalize;
  }
}
@media screen and (max-width: 1024px) {
  .u-capitalize\@md {
    text-transform: capitalize;
  }
}
@media screen and (max-width: 767px) {
  .u-capitalize\@sm {
    text-transform: capitalize;
  }
}
@media screen and (max-width: 360px) {
  .u-capitalize\@xs {
    text-transform: capitalize;
  }
}
.u-lowercase {
  text-transform: lowercase;
}
@media screen and (min-width: 1440px) {
  .u-lowercase\@xl {
    text-transform: lowercase;
  }
}
@media screen and (max-width: 1280px) {
  .u-lowercase\@lg {
    text-transform: lowercase;
  }
}
@media screen and (max-width: 1024px) {
  .u-lowercase\@md {
    text-transform: lowercase;
  }
}
@media screen and (max-width: 767px) {
  .u-lowercase\@sm {
    text-transform: lowercase;
  }
}
@media screen and (max-width: 360px) {
  .u-lowercase\@xs {
    text-transform: lowercase;
  }
}
.u-bold {
  font-family: $font-bold;
}
@media screen and (min-width: 1440px) {
  .u-bold\@xl {
    font-family: $font-bold;
  }
}
@media screen and (max-width: 1280px) {
  .u-bold\@lg {
    font-family: $font-bold;
  }
}
@media screen and (max-width: 1024px) {
  .u-bold\@md {
    font-family: $font-bold;
  }
}
@media screen and (max-width: 767px) {
  .u-bold\@sm {
    font-family: $font-bold;
  }
}
@media screen and (max-width: 360px) {
  .u-bold\@xs {
    font-family: $font-bold;
  }
}
.u-regular {
  font-family: $font-regular;
}
@media screen and (min-width: 1440px) {
  .u-regular\@xl {
    font-family: $font-regular;
  }
}
@media screen and (max-width: 1280px) {
  .u-regular\@lg {
    font-family: $font-regular;
  }
}
@media screen and (max-width: 1024px) {
  .u-regular\@md {
    font-family: $font-regular;
  }
}
@media screen and (max-width: 767px) {
  .u-regular\@sm {
    font-family: $font-regular;
  }
}
@media screen and (max-width: 360px) {
  .u-regular\@xs {
    font-family: $font-regular;
  }
}
.u-inline-block {
  display: inline-block;
}
@media screen and (min-width: 1440px) {
  .u-inline-block\@xl {
    display: inline-block;
  }
}
@media screen and (max-width: 1280px) {
  .u-inline-block\@lg {
    display: inline-block;
  }
}
@media screen and (max-width: 1024px) {
  .u-inline-block\@md {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .u-inline-block\@sm {
    display: inline-block;
  }
}
@media screen and (max-width: 360px) {
  .u-inline-block\@xs {
    display: inline-block;
  }
}
.u-block {
  display: block;
}
@media screen and (min-width: 1440px) {
  .u-block\@xl {
    display: block;
  }
}
@media screen and (max-width: 1280px) {
  .u-block\@lg {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .u-block\@md {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .u-block\@sm {
    display: block;
  }
}
@media screen and (max-width: 360px) {
  .u-block\@xs {
    display: block;
  }
}
.u-invisible {
  visibility: hidden;
}
@media screen and (min-width: 1440px) {
  .u-invisible\@xl {
    visibility: hidden;
  }
}
@media screen and (max-width: 1280px) {
  .u-invisible\@lg {
    visibility: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .u-invisible\@md {
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .u-invisible\@sm {
    visibility: hidden;
  }
}
@media screen and (max-width: 360px) {
  .u-invisible\@xs {
    visibility: hidden;
  }
}
.u-overflow-h {
  overflow: hidden;
}
@media screen and (min-width: 1440px) {
  .u-overflow-h\@xl {
    overflow: hidden;
  }
}
@media screen and (max-width: 1280px) {
  .u-overflow-h\@lg {
    overflow: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .u-overflow-h\@md {
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .u-overflow-h\@sm {
    overflow: hidden;
  }
}
@media screen and (max-width: 360px) {
  .u-overflow-h\@xs {
    overflow: hidden;
  }
}
.u-overflow-s {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1440px) {
  .u-overflow-s\@xl {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 1280px) {
  .u-overflow-s\@lg {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 1024px) {
  .u-overflow-s\@md {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) {
  .u-overflow-s\@sm {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 360px) {
  .u-overflow-s\@xs {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.u-hide {
  display: none;
}
@media screen and (min-width: 1440px) {
  .u-hide\@xl {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .u-hide\@lg {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .u-hide\@md {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .u-hide\@sm {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  .u-hide\@xs {
    display: none;
  }
}
.u-fit {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1440px) {
  .u-fit\@xl {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .u-fit\@lg {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .u-fit\@md {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .u-fit\@sm {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 360px) {
  .u-fit\@xs {
    width: 100%;
    height: 100%;
  }
}
.u-fit-w {
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .u-fit-w\@xl {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .u-fit-w\@lg {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .u-fit-w\@md {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .u-fit-w\@sm {
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .u-fit-w\@xs {
    width: 100%;
  }
}
.u-auto-h {
  height: auto;
}
@media screen and (min-width: 1440px) {
  .u-auto-h\@xl {
    height: auto;
  }
}
@media screen and (max-width: 1280px) {
  .u-auto-h\@lg {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .u-auto-h\@md {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .u-auto-h\@sm {
    height: auto;
  }
}
@media screen and (max-width: 360px) {
  .u-auto-h\@xs {
    height: auto;
  }
}
.u-fit-h {
  height: 100%;
}
@media screen and (min-width: 1440px) {
  .u-fit-h\@xl {
    height: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .u-fit-h\@lg {
    height: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .u-fit-h\@md {
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .u-fit-h\@sm {
    height: 100%;
  }
}
@media screen and (max-width: 360px) {
  .u-fit-h\@xs {
    height: 100%;
  }
}
.u-viewport-fit {
  width: 100vw;
  height: 100vh;
}
@media screen and (min-width: 1440px) {
  .u-viewport-fit\@xl {
    width: 100vw;
    height: 100vh;
  }
}
@media screen and (max-width: 1280px) {
  .u-viewport-fit\@lg {
    width: 100vw;
    height: 100vh;
  }
}
@media screen and (max-width: 1024px) {
  .u-viewport-fit\@md {
    width: 100vw;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .u-viewport-fit\@sm {
    width: 100vw;
    height: 100vh;
  }
}
@media screen and (max-width: 360px) {
  .u-viewport-fit\@xs {
    width: 100vw;
    height: 100vh;
  }
}
.u-viewport-fit-w {
  width: 100vw;
}
@media screen and (min-width: 1440px) {
  .u-viewport-fit-w\@xl {
    width: 100vw;
  }
}
@media screen and (max-width: 1280px) {
  .u-viewport-fit-w\@lg {
    width: 100vw;
  }
}
@media screen and (max-width: 1024px) {
  .u-viewport-fit-w\@md {
    width: 100vw;
  }
}
@media screen and (max-width: 767px) {
  .u-viewport-fit-w\@sm {
    width: 100vw;
  }
}
@media screen and (max-width: 360px) {
  .u-viewport-fit-w\@xs {
    width: 100vw;
  }
}
.u-viewport-fit-h {
  height: 100vh;
}
@media screen and (min-width: 1440px) {
  .u-viewport-fit-h\@xl {
    height: 100vh;
  }
}
@media screen and (max-width: 1280px) {
  .u-viewport-fit-h\@lg {
    height: 100vh;
  }
}
@media screen and (max-width: 1024px) {
  .u-viewport-fit-h\@md {
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .u-viewport-fit-h\@sm {
    height: 100vh;
  }
}
@media screen and (max-width: 360px) {
  .u-viewport-fit-h\@xs {
    height: 100vh;
  }
}
.u-height-a {
  height: auto;
}
@media screen and (min-width: 1440px) {
  .u-height-a\@xl {
    height: auto;
  }
}
@media screen and (max-width: 1280px) {
  .u-height-a\@lg {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  .u-height-a\@md {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .u-height-a\@sm {
    height: auto;
  }
}
@media screen and (max-width: 360px) {
  .u-height-a\@xs {
    height: auto;
  }
}
.u-pos-x-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.u-absolute {
  position: absolute;
}
@media screen and (min-width: 1440px) {
  .u-absolute\@xl {
    position: absolute;
  }
}
@media screen and (max-width: 1280px) {
  .u-absolute\@lg {
    position: absolute;
  }
}
@media screen and (max-width: 1024px) {
  .u-absolute\@md {
    position: absolute;
  }
}
@media screen and (max-width: 767px) {
  .u-absolute\@sm {
    position: absolute;
  }
}
@media screen and (max-width: 360px) {
  .u-absolute\@xs {
    position: absolute;
  }
}
.u-relative {
  position: relative;
}
@media screen and (min-width: 1440px) {
  .u-relative\@xl {
    position: relative;
  }
}
@media screen and (max-width: 1280px) {
  .u-relative\@lg {
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .u-relative\@md {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .u-relative\@sm {
    position: relative;
  }
}
@media screen and (max-width: 360px) {
  .u-relative\@xs {
    position: relative;
  }
}
.u-fixed {
  position: fixed;
  will-change: transform;
}
@media screen and (min-width: 1440px) {
  .u-fixed\@xl {
    position: fixed;
    will-change: transform;
  }
}
@media screen and (max-width: 1280px) {
  .u-fixed\@lg {
    position: fixed;
    will-change: transform;
  }
}
@media screen and (max-width: 1024px) {
  .u-fixed\@md {
    position: fixed;
    will-change: transform;
  }
}
@media screen and (max-width: 767px) {
  .u-fixed\@sm {
    position: fixed;
    will-change: transform;
  }
}
@media screen and (max-width: 360px) {
  .u-fixed\@xs {
    position: fixed;
    will-change: transform;
  }
}
.u-rtl {
  direction: rtl;
}
@media screen and (min-width: 1440px) {
  .u-rtl\@xl {
    direction: rtl;
  }
}
@media screen and (max-width: 1280px) {
  .u-rtl\@lg {
    direction: rtl;
  }
}
@media screen and (max-width: 1024px) {
  .u-rtl\@md {
    direction: rtl;
  }
}
@media screen and (max-width: 767px) {
  .u-rtl\@sm {
    direction: rtl;
  }
}
@media screen and (max-width: 360px) {
  .u-rtl\@xs {
    direction: rtl;
  }
}
.u-ltr {
  direction: ltr;
}
@media screen and (min-width: 1440px) {
  .u-ltr\@xl {
    direction: ltr;
  }
}
@media screen and (max-width: 1280px) {
  .u-ltr\@lg {
    direction: ltr;
  }
}
@media screen and (max-width: 1024px) {
  .u-ltr\@md {
    direction: ltr;
  }
}
@media screen and (max-width: 767px) {
  .u-ltr\@sm {
    direction: ltr;
  }
}
@media screen and (max-width: 360px) {
  .u-ltr\@xs {
    direction: ltr;
  }
}
.u-pos-tl {
  top: 0;
  left: 0;
}
@media screen and (min-width: 1440px) {
  .u-pos-tl\@xl {
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 1280px) {
  .u-pos-tl\@lg {
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .u-pos-tl\@md {
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .u-pos-tl\@sm {
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 360px) {
  .u-pos-tl\@xs {
    top: 0;
    left: 0;
  }
}
.u-pos-t {
  top: 0;
}
@media screen and (min-width: 1440px) {
  .u-pos-t\@xl {
    top: 0;
  }
}
@media screen and (max-width: 1280px) {
  .u-pos-t\@lg {
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .u-pos-t\@md {
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .u-pos-t\@sm {
    top: 0;
  }
}
@media screen and (max-width: 360px) {
  .u-pos-t\@xs {
    top: 0;
  }
}
.u-pos-tr {
  top: 0;
  right: 0;
}
@media screen and (min-width: 1440px) {
  .u-pos-tr\@xl {
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 1280px) {
  .u-pos-tr\@lg {
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .u-pos-tr\@md {
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .u-pos-tr\@sm {
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 360px) {
  .u-pos-tr\@xs {
    top: 0;
    right: 0;
  }
}
.u-pos-bl {
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 1440px) {
  .u-pos-bl\@xl {
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 1280px) {
  .u-pos-bl\@lg {
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .u-pos-bl\@md {
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .u-pos-bl\@sm {
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 360px) {
  .u-pos-bl\@xs {
    bottom: 0;
    left: 0;
  }
}
.u-pos-br {
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 1440px) {
  .u-pos-br\@xl {
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 1280px) {
  .u-pos-br\@lg {
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .u-pos-br\@md {
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .u-pos-br\@sm {
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 360px) {
  .u-pos-br\@xs {
    bottom: 0;
    right: 0;
  }
}
.u-pos-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 1440px) {
  .u-pos-center\@xl {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1280px) {
  .u-pos-center\@lg {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1024px) {
  .u-pos-center\@md {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .u-pos-center\@sm {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 360px) {
  .u-pos-center\@xs {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.u-cursor-grab {
  cursor: -webkit-grab;
  cursor: grab;
}
.u-cursor-grab.is-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.is-grabbing .u-cursor-grab {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
@media screen and (min-width: 1440px) {
  .u-cursor-grab\@xl {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .u-cursor-grab\@xl.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .is-grabbing .u-cursor-grab\@xl {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 1280px) {
  .u-cursor-grab\@lg {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .u-cursor-grab\@lg.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .is-grabbing .u-cursor-grab\@lg {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 1024px) {
  .u-cursor-grab\@md {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .u-cursor-grab\@md.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .is-grabbing .u-cursor-grab\@md {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 767px) {
  .u-cursor-grab\@sm {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .u-cursor-grab\@sm.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .is-grabbing .u-cursor-grab\@sm {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 360px) {
  .u-cursor-grab\@xs {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .u-cursor-grab\@xs.is-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
  .is-grabbing .u-cursor-grab\@xs {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
.u-cursor-grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
@media screen and (min-width: 1440px) {
  .u-cursor-grabbing\@xl {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 1280px) {
  .u-cursor-grabbing\@lg {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 1024px) {
  .u-cursor-grabbing\@md {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 767px) {
  .u-cursor-grabbing\@sm {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
@media screen and (max-width: 360px) {
  .u-cursor-grabbing\@xs {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
}
.u-cursor-pointer {
  cursor: pointer;
}
@media screen and (min-width: 1440px) {
  .u-cursor-pointer\@xl {
    cursor: pointer;
  }
}
@media screen and (max-width: 1280px) {
  .u-cursor-pointer\@lg {
    cursor: pointer;
  }
}
@media screen and (max-width: 1024px) {
  .u-cursor-pointer\@md {
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .u-cursor-pointer\@sm {
    cursor: pointer;
  }
}
@media screen and (max-width: 360px) {
  .u-cursor-pointer\@xs {
    cursor: pointer;
  }
}
.u-shape-circle {
  border-radius: 50%;
}
.u-cover {
  background-size: cover;
}
@media screen and (min-width: 1440px) {
  .u-cover\@xl {
    background-size: cover;
  }
}
@media screen and (max-width: 1280px) {
  .u-cover\@lg {
    background-size: cover;
  }
}
@media screen and (max-width: 1024px) {
  .u-cover\@md {
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .u-cover\@sm {
    background-size: cover;
  }
}
@media screen and (max-width: 360px) {
  .u-cover\@xs {
    background-size: cover;
  }
}
.u-pointer-none {
  pointer-events: none;
}
@media screen and (min-width: 1440px) {
  .u-pointer-none\@xl {
    pointer-events: none;
  }
}
@media screen and (max-width: 1280px) {
  .u-pointer-none\@lg {
    pointer-events: none;
  }
}
@media screen and (max-width: 1024px) {
  .u-pointer-none\@md {
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .u-pointer-none\@sm {
    pointer-events: none;
  }
}
@media screen and (max-width: 360px) {
  .u-pointer-none\@xs {
    pointer-events: none;
  }
}
.u-object-fit-cover {
  object-fit: cover;
}
@media screen and (min-width: 1440px) {
  .u-object-fit-cover\@xl {
    object-fit: cover;
  }
}
@media screen and (max-width: 1280px) {
  .u-object-fit-cover\@lg {
    object-fit: cover;
  }
}
@media screen and (max-width: 1024px) {
  .u-object-fit-cover\@md {
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .u-object-fit-cover\@sm {
    object-fit: cover;
  }
}
@media screen and (max-width: 360px) {
  .u-object-fit-cover\@xs {
    object-fit: cover;
  }
}
.u-object-fit-contain {
  object-fit: contain;
}
@media screen and (min-width: 1440px) {
  .u-object-fit-contain\@xl {
    object-fit: contain;
  }
}
@media screen and (max-width: 1280px) {
  .u-object-fit-contain\@lg {
    object-fit: contain;
  }
}
@media screen and (max-width: 1024px) {
  .u-object-fit-contain\@md {
    object-fit: contain;
  }
}
@media screen and (max-width: 767px) {
  .u-object-fit-contain\@sm {
    object-fit: contain;
  }
}
@media screen and (max-width: 360px) {
  .u-object-fit-contain\@xs {
    object-fit: contain;
  }
}
.u-force-inline {
  white-space: nowrap;
}
@media screen and (min-width: 1440px) {
  .u-force-inline\@xl {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1280px) {
  .u-force-inline\@lg {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .u-force-inline\@md {
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .u-force-inline\@sm {
    white-space: nowrap;
  }
}
@media screen and (max-width: 360px) {
  .u-force-inline\@xs {
    white-space: nowrap;
  }
}
.u-backface-hidden {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media screen and (min-width: 1440px) {
  .u-backface-hidden\@xl {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media screen and (max-width: 1280px) {
  .u-backface-hidden\@lg {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media screen and (max-width: 1024px) {
  .u-backface-hidden\@md {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .u-backface-hidden\@sm {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media screen and (max-width: 360px) {
  .u-backface-hidden\@xs {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
.u-disable-selection {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none;
}
@media screen and (min-width: 1440px) {
  .u-disable-selection\@xl {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
  }
}
@media screen and (max-width: 1280px) {
  .u-disable-selection\@lg {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
  }
}
@media screen and (max-width: 1024px) {
  .u-disable-selection\@md {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
  }
}
@media screen and (max-width: 767px) {
  .u-disable-selection\@sm {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
  }
}
@media screen and (max-width: 360px) {
  .u-disable-selection\@xs {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
  }
}
.u-force-3d {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.u-bg-no-repeat {
  background-repeat: no-repeat;
}
.u-color--black {
  color: #000;
}
.u-color--white {
  color: #fff;
}
.u-color--transparent {
  color: transparent;
}
.u-color--brand-yellow {
  color: #fab841;
}
.u-color--brand-dark {
  color: #291e27;
}
.u-color--brand-brown {
  color: #715c5c;
}
.u-color--brand-purple {
  color: #50435c;
}
.u-color--brand-purple-dark {
  color: #3c3346;
}
.u-color--brand-purple-darker {
  color: #2c2634;
}
.u-color--brand-blue {
  color: #4aa8a0;
}
.u-color--brand-orange {
  color: #ff8001;
}
.u-color--brand-red {
  color: #cd2319;
}
.u-color--brand-green {
  color: #33e9b2;
}
.u-color--brand-dark-brown {
  color: #2c1818;
}
.u-color--brand-cardinal-red {
  color: #b03540;
}
.u-color--gray-light {
  color: #576566;
}
.u-color--gray {
  color: #9a989a;
}
.u-color--gray-dark {
  color: #e6e6e6;
}
.u-color--gray-darkness {
  color: #262626;
}
.u-color--instragram {
  color: #3f729b;
}
.u-color--twitter {
  color: #2196f3;
}
.u-color--facebook {
  color: #3b5998;
}
.u-bg--black {
  background-color: #000;
}
.u-bg--white {
  background-color: #fff;
}
.u-bg--transparent {
  background-color: transparent;
}
.u-bg--brand-yellow {
  background-color: #fab841;
}
.u-bg--brand-dark {
  background-color: #291e27;
}
.u-bg--brand-brown {
  background-color: #715c5c;
}
.u-bg--brand-purple {
  background-color: #50435c;
}
.u-bg--brand-purple-dark {
  background-color: #3c3346;
}
.u-bg--brand-purple-darker {
  background-color: #2c2634;
}
.u-bg--brand-blue {
  background-color: #4aa8a0;
}
.u-bg--brand-orange {
  background-color: #ff8001;
}
.u-bg--brand-red {
  background-color: #cd2319;
}
.u-bg--brand-green {
  background-color: #33e9b2;
}
.u-bg--brand-dark-brown {
  background-color: #2c1818;
}
.u-bg--brand-cardinal-red {
  background-color: #b03540;
}
.u-bg--gray-light {
  background-color: #576566;
}
.u-bg--gray {
  background-color: #9a989a;
}
.u-bg--gray-dark {
  background-color: #e6e6e6;
}
.u-bg--gray-darkness {
  background-color: #262626;
}
.u-bg--instragram {
  background-color: #3f729b;
}
.u-bg--twitter {
  background-color: #2196f3;
}
.u-bg--facebook {
  background-color: #3b5998;
}
.u-fill--black svg {
  fill: #000;
}
.u-fill--white svg {
  fill: #fff;
}
.u-fill--transparent svg {
  fill: transparent;
}
.u-fill--brand-yellow svg {
  fill: #fab841;
}
.u-fill--brand-dark svg {
  fill: #291e27;
}
.u-fill--brand-brown svg {
  fill: #715c5c;
}
.u-fill--brand-purple svg {
  fill: #50435c;
}
.u-fill--brand-purple-dark svg {
  fill: #3c3346;
}
.u-fill--brand-purple-darker svg {
  fill: #2c2634;
}
.u-fill--brand-blue svg {
  fill: #4aa8a0;
}
.u-fill--brand-orange svg {
  fill: #ff8001;
}
.u-fill--brand-red svg {
  fill: #cd2319;
}
.u-fill--brand-green svg {
  fill: #33e9b2;
}
.u-fill--brand-dark-brown svg {
  fill: #2c1818;
}
.u-fill--brand-cardinal-red svg {
  fill: #b03540;
}
.u-fill--gray-light svg {
  fill: #576566;
}
.u-fill--gray svg {
  fill: #9a989a;
}
.u-fill--gray-dark svg {
  fill: #e6e6e6;
}
.u-fill--gray-darkness svg {
  fill: #262626;
}
.u-fill--instragram svg {
  fill: #3f729b;
}
.u-fill--twitter svg {
  fill: #2196f3;
}
.u-fill--facebook svg {
  fill: #3b5998;
}
.u-stroke--black svg {
  stroke: #000;
}
.u-stroke--white svg {
  stroke: #fff;
}
.u-stroke--transparent svg {
  stroke: transparent;
}
.u-stroke--brand-yellow svg {
  stroke: #fab841;
}
.u-stroke--brand-dark svg {
  stroke: #291e27;
}
.u-stroke--brand-brown svg {
  stroke: #715c5c;
}
.u-stroke--brand-purple svg {
  stroke: #50435c;
}
.u-stroke--brand-purple-dark svg {
  stroke: #3c3346;
}
.u-stroke--brand-purple-darker svg {
  stroke: #2c2634;
}
.u-stroke--brand-blue svg {
  stroke: #4aa8a0;
}
.u-stroke--brand-orange svg {
  stroke: #ff8001;
}
.u-stroke--brand-red svg {
  stroke: #cd2319;
}
.u-stroke--brand-green svg {
  stroke: #33e9b2;
}
.u-stroke--brand-dark-brown svg {
  stroke: #2c1818;
}
.u-stroke--brand-cardinal-red svg {
  stroke: #b03540;
}
.u-stroke--gray-light svg {
  stroke: #576566;
}
.u-stroke--gray svg {
  stroke: #9a989a;
}
.u-stroke--gray-dark svg {
  stroke: #e6e6e6;
}
.u-stroke--gray-darkness svg {
  stroke: #262626;
}
.u-stroke--instragram svg {
  stroke: #3f729b;
}
.u-stroke--twitter svg {
  stroke: #2196f3;
}
.u-stroke--facebook svg {
  stroke: #3b5998;
}
.u-marg-a-0 {
  margin: 0;
}
.u-marg-t-0 {
  margin-top: 0;
}
.u-marg-r-0 {
  margin-right: 0;
}
.u-marg-b-0 {
  margin-bottom: 0;
}
.u-marg-l-0 {
  margin-left: 0;
}
.u-marg-x-0 {
  margin-right: 0;
  margin-left: 0;
}
.u-marg-y-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.u-marg-x-auto {
  margin-right: auto;
  margin-left: auto;
}
.u-marg-a-xxs {
  margin: 5px;
}
.u-marg-t-xxs {
  margin-top: 5px;
}
.u-marg-r-xxs {
  margin-right: 5px;
}
.u-marg-b-xxs {
  margin-bottom: 5px;
}
.u-marg-l-xxs {
  margin-left: 5px;
}
.u-marg-x-xxs {
  margin-right: 5px;
  margin-left: 5px;
}
.u-marg-y-xxs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.u-marg-a-xs {
  margin: 10px;
}
.u-marg-t-xs {
  margin-top: 10px;
}
.u-marg-r-xs {
  margin-right: 10px;
}
.u-marg-b-xs {
  margin-bottom: 10px;
}
.u-marg-l-xs {
  margin-left: 10px;
}
.u-marg-x-xs {
  margin-right: 10px;
  margin-left: 10px;
}
.u-marg-y-xs {
  margin-top: 10px;
  margin-bottom: 10px;
}
.u-marg-a-sm {
  margin: 15px;
}
.u-marg-t-sm {
  margin-top: 15px;
}
.u-marg-r-sm {
  margin-right: 15px;
}
.u-marg-b-sm {
  margin-bottom: 15px;
}
.u-marg-l-sm {
  margin-left: 15px;
}
.u-marg-x-sm {
  margin-right: 15px;
  margin-left: 15px;
}
.u-marg-y-sm {
  margin-top: 15px;
  margin-bottom: 15px;
}
.u-marg-a-md {
  margin: 30px;
}
.u-marg-t-md {
  margin-top: 30px;
}
.u-marg-r-md {
  margin-right: 30px;
}
.u-marg-b-md {
  margin-bottom: 30px;
}
.u-marg-l-md {
  margin-left: 30px;
}
.u-marg-x-md {
  margin-right: 30px;
  margin-left: 30px;
}
.u-marg-y-md {
  margin-top: 30px;
  margin-bottom: 30px;
}
.u-marg-a-lg {
  margin: 50px;
}
.u-marg-t-lg {
  margin-top: 50px;
}
.u-marg-r-lg {
  margin-right: 50px;
}
.u-marg-b-lg {
  margin-bottom: 50px;
}
.u-marg-l-lg {
  margin-left: 50px;
}
.u-marg-x-lg {
  margin-right: 50px;
  margin-left: 50px;
}
.u-marg-y-lg {
  margin-top: 50px;
  margin-bottom: 50px;
}
.u-marg-a-xl {
  margin: 60px;
}
.u-marg-t-xl {
  margin-top: 60px;
}
.u-marg-r-xl {
  margin-right: 60px;
}
.u-marg-b-xl {
  margin-bottom: 60px;
}
.u-marg-l-xl {
  margin-left: 60px;
}
.u-marg-x-xl {
  margin-right: 60px;
  margin-left: 60px;
}
.u-marg-y-xl {
  margin-top: 60px;
  margin-bottom: 60px;
}
.u-marg-a-xxl {
  margin: 80px;
}
.u-marg-t-xxl {
  margin-top: 80px;
}
.u-marg-r-xxl {
  margin-right: 80px;
}
.u-marg-b-xxl {
  margin-bottom: 80px;
}
.u-marg-l-xxl {
  margin-left: 80px;
}
.u-marg-x-xxl {
  margin-right: 80px;
  margin-left: 80px;
}
.u-marg-y-xxl {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media screen and (min-width: 1440px) {
  .u-marg-a-0\@xl {
    margin: 0;
  }
  .u-marg-t-0\@xl {
    margin-top: 0;
  }
  .u-marg-r-0\@xl {
    margin-right: 0;
  }
  .u-marg-b-0\@xl {
    margin-bottom: 0;
  }
  .u-marg-l-0\@xl {
    margin-left: 0;
  }
  .u-marg-x-0\@xl {
    margin-right: 0;
    margin-left: 0;
  }
  .u-marg-y-0\@xl {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-marg-x-auto\@xl {
    margin-right: auto;
    margin-left: auto;
  }
  .u-marg-a-xxs\@xl {
    margin: 5px;
  }
  .u-marg-t-xxs\@xl {
    margin-top: 5px;
  }
  .u-marg-r-xxs\@xl {
    margin-right: 5px;
  }
  .u-marg-b-xxs\@xl {
    margin-bottom: 5px;
  }
  .u-marg-l-xxs\@xl {
    margin-left: 5px;
  }
  .u-marg-x-xxs\@xl {
    margin-right: 5px;
    margin-left: 5px;
  }
  .u-marg-y-xxs\@xl {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .u-marg-a-xs\@xl {
    margin: 10px;
  }
  .u-marg-t-xs\@xl {
    margin-top: 10px;
  }
  .u-marg-r-xs\@xl {
    margin-right: 10px;
  }
  .u-marg-b-xs\@xl {
    margin-bottom: 10px;
  }
  .u-marg-l-xs\@xl {
    margin-left: 10px;
  }
  .u-marg-x-xs\@xl {
    margin-right: 10px;
    margin-left: 10px;
  }
  .u-marg-y-xs\@xl {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .u-marg-a-sm\@xl {
    margin: 15px;
  }
  .u-marg-t-sm\@xl {
    margin-top: 15px;
  }
  .u-marg-r-sm\@xl {
    margin-right: 15px;
  }
  .u-marg-b-sm\@xl {
    margin-bottom: 15px;
  }
  .u-marg-l-sm\@xl {
    margin-left: 15px;
  }
  .u-marg-x-sm\@xl {
    margin-right: 15px;
    margin-left: 15px;
  }
  .u-marg-y-sm\@xl {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .u-marg-a-md\@xl {
    margin: 30px;
  }
  .u-marg-t-md\@xl {
    margin-top: 30px;
  }
  .u-marg-r-md\@xl {
    margin-right: 30px;
  }
  .u-marg-b-md\@xl {
    margin-bottom: 30px;
  }
  .u-marg-l-md\@xl {
    margin-left: 30px;
  }
  .u-marg-x-md\@xl {
    margin-right: 30px;
    margin-left: 30px;
  }
  .u-marg-y-md\@xl {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .u-marg-a-lg\@xl {
    margin: 50px;
  }
  .u-marg-t-lg\@xl {
    margin-top: 50px;
  }
  .u-marg-r-lg\@xl {
    margin-right: 50px;
  }
  .u-marg-b-lg\@xl {
    margin-bottom: 50px;
  }
  .u-marg-l-lg\@xl {
    margin-left: 50px;
  }
  .u-marg-x-lg\@xl {
    margin-right: 50px;
    margin-left: 50px;
  }
  .u-marg-y-lg\@xl {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .u-marg-a-xl\@xl {
    margin: 60px;
  }
  .u-marg-t-xl\@xl {
    margin-top: 60px;
  }
  .u-marg-r-xl\@xl {
    margin-right: 60px;
  }
  .u-marg-b-xl\@xl {
    margin-bottom: 60px;
  }
  .u-marg-l-xl\@xl {
    margin-left: 60px;
  }
  .u-marg-x-xl\@xl {
    margin-right: 60px;
    margin-left: 60px;
  }
  .u-marg-y-xl\@xl {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .u-marg-a-xxl\@xl {
    margin: 80px;
  }
  .u-marg-t-xxl\@xl {
    margin-top: 80px;
  }
  .u-marg-r-xxl\@xl {
    margin-right: 80px;
  }
  .u-marg-b-xxl\@xl {
    margin-bottom: 80px;
  }
  .u-marg-l-xxl\@xl {
    margin-left: 80px;
  }
  .u-marg-x-xxl\@xl {
    margin-right: 80px;
    margin-left: 80px;
  }
  .u-marg-y-xxl\@xl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1280px) {
  .u-marg-a-0\@lg {
    margin: 0;
  }
  .u-marg-t-0\@lg {
    margin-top: 0;
  }
  .u-marg-r-0\@lg {
    margin-right: 0;
  }
  .u-marg-b-0\@lg {
    margin-bottom: 0;
  }
  .u-marg-l-0\@lg {
    margin-left: 0;
  }
  .u-marg-x-0\@lg {
    margin-right: 0;
    margin-left: 0;
  }
  .u-marg-y-0\@lg {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-marg-x-auto\@lg {
    margin-right: auto;
    margin-left: auto;
  }
  .u-marg-a-xxs\@lg {
    margin: 5px;
  }
  .u-marg-t-xxs\@lg {
    margin-top: 5px;
  }
  .u-marg-r-xxs\@lg {
    margin-right: 5px;
  }
  .u-marg-b-xxs\@lg {
    margin-bottom: 5px;
  }
  .u-marg-l-xxs\@lg {
    margin-left: 5px;
  }
  .u-marg-x-xxs\@lg {
    margin-right: 5px;
    margin-left: 5px;
  }
  .u-marg-y-xxs\@lg {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .u-marg-a-xs\@lg {
    margin: 10px;
  }
  .u-marg-t-xs\@lg {
    margin-top: 10px;
  }
  .u-marg-r-xs\@lg {
    margin-right: 10px;
  }
  .u-marg-b-xs\@lg {
    margin-bottom: 10px;
  }
  .u-marg-l-xs\@lg {
    margin-left: 10px;
  }
  .u-marg-x-xs\@lg {
    margin-right: 10px;
    margin-left: 10px;
  }
  .u-marg-y-xs\@lg {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .u-marg-a-sm\@lg {
    margin: 15px;
  }
  .u-marg-t-sm\@lg {
    margin-top: 15px;
  }
  .u-marg-r-sm\@lg {
    margin-right: 15px;
  }
  .u-marg-b-sm\@lg {
    margin-bottom: 15px;
  }
  .u-marg-l-sm\@lg {
    margin-left: 15px;
  }
  .u-marg-x-sm\@lg {
    margin-right: 15px;
    margin-left: 15px;
  }
  .u-marg-y-sm\@lg {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .u-marg-a-md\@lg {
    margin: 30px;
  }
  .u-marg-t-md\@lg {
    margin-top: 30px;
  }
  .u-marg-r-md\@lg {
    margin-right: 30px;
  }
  .u-marg-b-md\@lg {
    margin-bottom: 30px;
  }
  .u-marg-l-md\@lg {
    margin-left: 30px;
  }
  .u-marg-x-md\@lg {
    margin-right: 30px;
    margin-left: 30px;
  }
  .u-marg-y-md\@lg {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .u-marg-a-lg\@lg {
    margin: 50px;
  }
  .u-marg-t-lg\@lg {
    margin-top: 50px;
  }
  .u-marg-r-lg\@lg {
    margin-right: 50px;
  }
  .u-marg-b-lg\@lg {
    margin-bottom: 50px;
  }
  .u-marg-l-lg\@lg {
    margin-left: 50px;
  }
  .u-marg-x-lg\@lg {
    margin-right: 50px;
    margin-left: 50px;
  }
  .u-marg-y-lg\@lg {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .u-marg-a-xl\@lg {
    margin: 60px;
  }
  .u-marg-t-xl\@lg {
    margin-top: 60px;
  }
  .u-marg-r-xl\@lg {
    margin-right: 60px;
  }
  .u-marg-b-xl\@lg {
    margin-bottom: 60px;
  }
  .u-marg-l-xl\@lg {
    margin-left: 60px;
  }
  .u-marg-x-xl\@lg {
    margin-right: 60px;
    margin-left: 60px;
  }
  .u-marg-y-xl\@lg {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .u-marg-a-xxl\@lg {
    margin: 80px;
  }
  .u-marg-t-xxl\@lg {
    margin-top: 80px;
  }
  .u-marg-r-xxl\@lg {
    margin-right: 80px;
  }
  .u-marg-b-xxl\@lg {
    margin-bottom: 80px;
  }
  .u-marg-l-xxl\@lg {
    margin-left: 80px;
  }
  .u-marg-x-xxl\@lg {
    margin-right: 80px;
    margin-left: 80px;
  }
  .u-marg-y-xxl\@lg {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .u-marg-a-0\@md {
    margin: 0;
  }
  .u-marg-t-0\@md {
    margin-top: 0;
  }
  .u-marg-r-0\@md {
    margin-right: 0;
  }
  .u-marg-b-0\@md {
    margin-bottom: 0;
  }
  .u-marg-l-0\@md {
    margin-left: 0;
  }
  .u-marg-x-0\@md {
    margin-right: 0;
    margin-left: 0;
  }
  .u-marg-y-0\@md {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-marg-x-auto\@md {
    margin-right: auto;
    margin-left: auto;
  }
  .u-marg-a-xxs\@md {
    margin: 5px;
  }
  .u-marg-t-xxs\@md {
    margin-top: 5px;
  }
  .u-marg-r-xxs\@md {
    margin-right: 5px;
  }
  .u-marg-b-xxs\@md {
    margin-bottom: 5px;
  }
  .u-marg-l-xxs\@md {
    margin-left: 5px;
  }
  .u-marg-x-xxs\@md {
    margin-right: 5px;
    margin-left: 5px;
  }
  .u-marg-y-xxs\@md {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .u-marg-a-xs\@md {
    margin: 10px;
  }
  .u-marg-t-xs\@md {
    margin-top: 10px;
  }
  .u-marg-r-xs\@md {
    margin-right: 10px;
  }
  .u-marg-b-xs\@md {
    margin-bottom: 10px;
  }
  .u-marg-l-xs\@md {
    margin-left: 10px;
  }
  .u-marg-x-xs\@md {
    margin-right: 10px;
    margin-left: 10px;
  }
  .u-marg-y-xs\@md {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .u-marg-a-sm\@md {
    margin: 15px;
  }
  .u-marg-t-sm\@md {
    margin-top: 15px;
  }
  .u-marg-r-sm\@md {
    margin-right: 15px;
  }
  .u-marg-b-sm\@md {
    margin-bottom: 15px;
  }
  .u-marg-l-sm\@md {
    margin-left: 15px;
  }
  .u-marg-x-sm\@md {
    margin-right: 15px;
    margin-left: 15px;
  }
  .u-marg-y-sm\@md {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .u-marg-a-md\@md {
    margin: 30px;
  }
  .u-marg-t-md\@md {
    margin-top: 30px;
  }
  .u-marg-r-md\@md {
    margin-right: 30px;
  }
  .u-marg-b-md\@md {
    margin-bottom: 30px;
  }
  .u-marg-l-md\@md {
    margin-left: 30px;
  }
  .u-marg-x-md\@md {
    margin-right: 30px;
    margin-left: 30px;
  }
  .u-marg-y-md\@md {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .u-marg-a-lg\@md {
    margin: 50px;
  }
  .u-marg-t-lg\@md {
    margin-top: 50px;
  }
  .u-marg-r-lg\@md {
    margin-right: 50px;
  }
  .u-marg-b-lg\@md {
    margin-bottom: 50px;
  }
  .u-marg-l-lg\@md {
    margin-left: 50px;
  }
  .u-marg-x-lg\@md {
    margin-right: 50px;
    margin-left: 50px;
  }
  .u-marg-y-lg\@md {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .u-marg-a-xl\@md {
    margin: 60px;
  }
  .u-marg-t-xl\@md {
    margin-top: 60px;
  }
  .u-marg-r-xl\@md {
    margin-right: 60px;
  }
  .u-marg-b-xl\@md {
    margin-bottom: 60px;
  }
  .u-marg-l-xl\@md {
    margin-left: 60px;
  }
  .u-marg-x-xl\@md {
    margin-right: 60px;
    margin-left: 60px;
  }
  .u-marg-y-xl\@md {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .u-marg-a-xxl\@md {
    margin: 80px;
  }
  .u-marg-t-xxl\@md {
    margin-top: 80px;
  }
  .u-marg-r-xxl\@md {
    margin-right: 80px;
  }
  .u-marg-b-xxl\@md {
    margin-bottom: 80px;
  }
  .u-marg-l-xxl\@md {
    margin-left: 80px;
  }
  .u-marg-x-xxl\@md {
    margin-right: 80px;
    margin-left: 80px;
  }
  .u-marg-y-xxl\@md {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .u-marg-a-0\@sm {
    margin: 0;
  }
  .u-marg-t-0\@sm {
    margin-top: 0;
  }
  .u-marg-r-0\@sm {
    margin-right: 0;
  }
  .u-marg-b-0\@sm {
    margin-bottom: 0;
  }
  .u-marg-l-0\@sm {
    margin-left: 0;
  }
  .u-marg-x-0\@sm {
    margin-right: 0;
    margin-left: 0;
  }
  .u-marg-y-0\@sm {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-marg-x-auto\@sm {
    margin-right: auto;
    margin-left: auto;
  }
  .u-marg-a-xxs\@sm {
    margin: 5px;
  }
  .u-marg-t-xxs\@sm {
    margin-top: 5px;
  }
  .u-marg-r-xxs\@sm {
    margin-right: 5px;
  }
  .u-marg-b-xxs\@sm {
    margin-bottom: 5px;
  }
  .u-marg-l-xxs\@sm {
    margin-left: 5px;
  }
  .u-marg-x-xxs\@sm {
    margin-right: 5px;
    margin-left: 5px;
  }
  .u-marg-y-xxs\@sm {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .u-marg-a-xs\@sm {
    margin: 10px;
  }
  .u-marg-t-xs\@sm {
    margin-top: 10px;
  }
  .u-marg-r-xs\@sm {
    margin-right: 10px;
  }
  .u-marg-b-xs\@sm {
    margin-bottom: 10px;
  }
  .u-marg-l-xs\@sm {
    margin-left: 10px;
  }
  .u-marg-x-xs\@sm {
    margin-right: 10px;
    margin-left: 10px;
  }
  .u-marg-y-xs\@sm {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .u-marg-a-sm\@sm {
    margin: 15px;
  }
  .u-marg-t-sm\@sm {
    margin-top: 15px;
  }
  .u-marg-r-sm\@sm {
    margin-right: 15px;
  }
  .u-marg-b-sm\@sm {
    margin-bottom: 15px;
  }
  .u-marg-l-sm\@sm {
    margin-left: 15px;
  }
  .u-marg-x-sm\@sm {
    margin-right: 15px;
    margin-left: 15px;
  }
  .u-marg-y-sm\@sm {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .u-marg-a-md\@sm {
    margin: 30px;
  }
  .u-marg-t-md\@sm {
    margin-top: 30px;
  }
  .u-marg-r-md\@sm {
    margin-right: 30px;
  }
  .u-marg-b-md\@sm {
    margin-bottom: 30px;
  }
  .u-marg-l-md\@sm {
    margin-left: 30px;
  }
  .u-marg-x-md\@sm {
    margin-right: 30px;
    margin-left: 30px;
  }
  .u-marg-y-md\@sm {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .u-marg-a-lg\@sm {
    margin: 50px;
  }
  .u-marg-t-lg\@sm {
    margin-top: 50px;
  }
  .u-marg-r-lg\@sm {
    margin-right: 50px;
  }
  .u-marg-b-lg\@sm {
    margin-bottom: 50px;
  }
  .u-marg-l-lg\@sm {
    margin-left: 50px;
  }
  .u-marg-x-lg\@sm {
    margin-right: 50px;
    margin-left: 50px;
  }
  .u-marg-y-lg\@sm {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .u-marg-a-xl\@sm {
    margin: 60px;
  }
  .u-marg-t-xl\@sm {
    margin-top: 60px;
  }
  .u-marg-r-xl\@sm {
    margin-right: 60px;
  }
  .u-marg-b-xl\@sm {
    margin-bottom: 60px;
  }
  .u-marg-l-xl\@sm {
    margin-left: 60px;
  }
  .u-marg-x-xl\@sm {
    margin-right: 60px;
    margin-left: 60px;
  }
  .u-marg-y-xl\@sm {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .u-marg-a-xxl\@sm {
    margin: 80px;
  }
  .u-marg-t-xxl\@sm {
    margin-top: 80px;
  }
  .u-marg-r-xxl\@sm {
    margin-right: 80px;
  }
  .u-marg-b-xxl\@sm {
    margin-bottom: 80px;
  }
  .u-marg-l-xxl\@sm {
    margin-left: 80px;
  }
  .u-marg-x-xxl\@sm {
    margin-right: 80px;
    margin-left: 80px;
  }
  .u-marg-y-xxl\@sm {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 360px) {
  .u-marg-a-0\@xs {
    margin: 0;
  }
  .u-marg-t-0\@xs {
    margin-top: 0;
  }
  .u-marg-r-0\@xs {
    margin-right: 0;
  }
  .u-marg-b-0\@xs {
    margin-bottom: 0;
  }
  .u-marg-l-0\@xs {
    margin-left: 0;
  }
  .u-marg-x-0\@xs {
    margin-right: 0;
    margin-left: 0;
  }
  .u-marg-y-0\@xs {
    margin-top: 0;
    margin-bottom: 0;
  }
  .u-marg-x-auto\@xs {
    margin-right: auto;
    margin-left: auto;
  }
  .u-marg-a-xxs\@xs {
    margin: 5px;
  }
  .u-marg-t-xxs\@xs {
    margin-top: 5px;
  }
  .u-marg-r-xxs\@xs {
    margin-right: 5px;
  }
  .u-marg-b-xxs\@xs {
    margin-bottom: 5px;
  }
  .u-marg-l-xxs\@xs {
    margin-left: 5px;
  }
  .u-marg-x-xxs\@xs {
    margin-right: 5px;
    margin-left: 5px;
  }
  .u-marg-y-xxs\@xs {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .u-marg-a-xs\@xs {
    margin: 10px;
  }
  .u-marg-t-xs\@xs {
    margin-top: 10px;
  }
  .u-marg-r-xs\@xs {
    margin-right: 10px;
  }
  .u-marg-b-xs\@xs {
    margin-bottom: 10px;
  }
  .u-marg-l-xs\@xs {
    margin-left: 10px;
  }
  .u-marg-x-xs\@xs {
    margin-right: 10px;
    margin-left: 10px;
  }
  .u-marg-y-xs\@xs {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .u-marg-a-sm\@xs {
    margin: 15px;
  }
  .u-marg-t-sm\@xs {
    margin-top: 15px;
  }
  .u-marg-r-sm\@xs {
    margin-right: 15px;
  }
  .u-marg-b-sm\@xs {
    margin-bottom: 15px;
  }
  .u-marg-l-sm\@xs {
    margin-left: 15px;
  }
  .u-marg-x-sm\@xs {
    margin-right: 15px;
    margin-left: 15px;
  }
  .u-marg-y-sm\@xs {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .u-marg-a-md\@xs {
    margin: 30px;
  }
  .u-marg-t-md\@xs {
    margin-top: 30px;
  }
  .u-marg-r-md\@xs {
    margin-right: 30px;
  }
  .u-marg-b-md\@xs {
    margin-bottom: 30px;
  }
  .u-marg-l-md\@xs {
    margin-left: 30px;
  }
  .u-marg-x-md\@xs {
    margin-right: 30px;
    margin-left: 30px;
  }
  .u-marg-y-md\@xs {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .u-marg-a-lg\@xs {
    margin: 50px;
  }
  .u-marg-t-lg\@xs {
    margin-top: 50px;
  }
  .u-marg-r-lg\@xs {
    margin-right: 50px;
  }
  .u-marg-b-lg\@xs {
    margin-bottom: 50px;
  }
  .u-marg-l-lg\@xs {
    margin-left: 50px;
  }
  .u-marg-x-lg\@xs {
    margin-right: 50px;
    margin-left: 50px;
  }
  .u-marg-y-lg\@xs {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .u-marg-a-xl\@xs {
    margin: 60px;
  }
  .u-marg-t-xl\@xs {
    margin-top: 60px;
  }
  .u-marg-r-xl\@xs {
    margin-right: 60px;
  }
  .u-marg-b-xl\@xs {
    margin-bottom: 60px;
  }
  .u-marg-l-xl\@xs {
    margin-left: 60px;
  }
  .u-marg-x-xl\@xs {
    margin-right: 60px;
    margin-left: 60px;
  }
  .u-marg-y-xl\@xs {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .u-marg-a-xxl\@xs {
    margin: 80px;
  }
  .u-marg-t-xxl\@xs {
    margin-top: 80px;
  }
  .u-marg-r-xxl\@xs {
    margin-right: 80px;
  }
  .u-marg-b-xxl\@xs {
    margin-bottom: 80px;
  }
  .u-marg-l-xxl\@xs {
    margin-left: 80px;
  }
  .u-marg-x-xxl\@xs {
    margin-right: 80px;
    margin-left: 80px;
  }
  .u-marg-y-xxl\@xs {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
.u-pad-a-0 {
  padding: 0;
}
.u-pad-t-0 {
  padding-top: 0;
}
.u-pad-r-0 {
  padding-right: 0;
}
.u-pad-b-0 {
  padding-bottom: 0;
}
.u-pad-l-0 {
  padding-left: 0;
}
.u-pad-x-0 {
  padding-left: 0;
  padding-right: 0;
}
.u-pad-y-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.u-pad-a-xs {
  padding: 10px;
}
.u-pad-t-xs {
  padding-top: 10px;
}
.u-pad-r-xs {
  padding-right: 10px;
}
.u-pad-b-xs {
  padding-bottom: 10px;
}
.u-pad-l-xs {
  padding-left: 10px;
}
.u-pad-x-xs {
  padding-right: 10px;
  padding-left: 10px;
}
.u-pad-y-xs {
  padding-top: 10px;
  padding-bottom: 10px;
}
.u-pad-a-sm {
  padding: 15px;
}
.u-pad-t-sm {
  padding-top: 15px;
}
.u-pad-r-sm {
  padding-right: 15px;
}
.u-pad-b-sm {
  padding-bottom: 15px;
}
.u-pad-l-sm {
  padding-left: 15px;
}
.u-pad-x-sm {
  padding-right: 15px;
  padding-left: 15px;
}
.u-pad-y-sm {
  padding-top: 15px;
  padding-bottom: 15px;
}
.u-pad-a-md {
  padding: 30px;
}
.u-pad-t-md {
  padding-top: 30px;
}
.u-pad-r-md {
  padding-right: 30px;
}
.u-pad-b-md {
  padding-bottom: 30px;
}
.u-pad-l-md {
  padding-left: 30px;
}
.u-pad-x-md {
  padding-right: 30px;
  padding-left: 30px;
}
.u-pad-y-md {
  padding-top: 30px;
  padding-bottom: 30px;
}
.u-pad-a-lg {
  padding: 50px;
}
.u-pad-t-lg {
  padding-top: 50px;
}
.u-pad-r-lg {
  padding-right: 50px;
}
.u-pad-b-lg {
  padding-bottom: 50px;
}
.u-pad-l-lg {
  padding-left: 50px;
}
.u-pad-x-lg {
  padding-right: 50px;
  padding-left: 50px;
}
.u-pad-y-lg {
  padding-top: 50px;
  padding-bottom: 50px;
}
.u-pad-a-xl {
  padding: 60px;
}
.u-pad-t-xl {
  padding-top: 60px;
}
.u-pad-r-xl {
  padding-right: 60px;
}
.u-pad-b-xl {
  padding-bottom: 60px;
}
.u-pad-l-xl {
  padding-left: 60px;
}
.u-pad-x-xl {
  padding-right: 60px;
  padding-left: 60px;
}
.u-pad-y-xl {
  padding-top: 60px;
  padding-bottom: 60px;
}
.u-pad-a-xxl {
  padding: 80px;
}
.u-pad-t-xxl {
  padding-top: 80px;
}
.u-pad-r-xxl {
  padding-right: 80px;
}
.u-pad-b-xxl {
  padding-bottom: 80px;
}
.u-pad-l-xxl {
  padding-left: 80px;
}
.u-pad-x-xxl {
  padding-right: 80px;
  padding-left: 80px;
}
.u-pad-y-xxl {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (min-width: 1440px) {
  .u-pad-a-0\@xl {
    padding: 0;
  }
  .u-pad-t-0\@xl {
    padding-top: 0;
  }
  .u-pad-r-0\@xl {
    padding-right: 0;
  }
  .u-pad-b-0\@xl {
    padding-bottom: 0;
  }
  .u-pad-l-0\@xl {
    padding-left: 0;
  }
  .u-pad-x-0\@xl {
    padding-left: 0;
    padding-right: 0;
  }
  .u-pad-y-0\@xl {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-pad-a-xs\@xl {
    padding: 10px;
  }
  .u-pad-t-xs\@xl {
    padding-top: 10px;
  }
  .u-pad-r-xs\@xl {
    padding-right: 10px;
  }
  .u-pad-b-xs\@xl {
    padding-bottom: 10px;
  }
  .u-pad-l-xs\@xl {
    padding-left: 10px;
  }
  .u-pad-x-xs\@xl {
    padding-right: 10px;
    padding-left: 10px;
  }
  .u-pad-y-xs\@xl {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .u-pad-a-sm\@xl {
    padding: 15px;
  }
  .u-pad-t-sm\@xl {
    padding-top: 15px;
  }
  .u-pad-r-sm\@xl {
    padding-right: 15px;
  }
  .u-pad-b-sm\@xl {
    padding-bottom: 15px;
  }
  .u-pad-l-sm\@xl {
    padding-left: 15px;
  }
  .u-pad-x-sm\@xl {
    padding-right: 15px;
    padding-left: 15px;
  }
  .u-pad-y-sm\@xl {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .u-pad-a-md\@xl {
    padding: 30px;
  }
  .u-pad-t-md\@xl {
    padding-top: 30px;
  }
  .u-pad-r-md\@xl {
    padding-right: 30px;
  }
  .u-pad-b-md\@xl {
    padding-bottom: 30px;
  }
  .u-pad-l-md\@xl {
    padding-left: 30px;
  }
  .u-pad-x-md\@xl {
    padding-right: 30px;
    padding-left: 30px;
  }
  .u-pad-y-md\@xl {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .u-pad-a-lg\@xl {
    padding: 50px;
  }
  .u-pad-t-lg\@xl {
    padding-top: 50px;
  }
  .u-pad-r-lg\@xl {
    padding-right: 50px;
  }
  .u-pad-b-lg\@xl {
    padding-bottom: 50px;
  }
  .u-pad-l-lg\@xl {
    padding-left: 50px;
  }
  .u-pad-x-lg\@xl {
    padding-right: 50px;
    padding-left: 50px;
  }
  .u-pad-y-lg\@xl {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .u-pad-a-xl\@xl {
    padding: 60px;
  }
  .u-pad-t-xl\@xl {
    padding-top: 60px;
  }
  .u-pad-r-xl\@xl {
    padding-right: 60px;
  }
  .u-pad-b-xl\@xl {
    padding-bottom: 60px;
  }
  .u-pad-l-xl\@xl {
    padding-left: 60px;
  }
  .u-pad-x-xl\@xl {
    padding-right: 60px;
    padding-left: 60px;
  }
  .u-pad-y-xl\@xl {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-pad-a-xxl\@xl {
    padding: 80px;
  }
  .u-pad-t-xxl\@xl {
    padding-top: 80px;
  }
  .u-pad-r-xxl\@xl {
    padding-right: 80px;
  }
  .u-pad-b-xxl\@xl {
    padding-bottom: 80px;
  }
  .u-pad-l-xxl\@xl {
    padding-left: 80px;
  }
  .u-pad-x-xxl\@xl {
    padding-right: 80px;
    padding-left: 80px;
  }
  .u-pad-y-xxl\@xl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1280px) {
  .u-pad-a-0\@lg {
    padding: 0;
  }
  .u-pad-t-0\@lg {
    padding-top: 0;
  }
  .u-pad-r-0\@lg {
    padding-right: 0;
  }
  .u-pad-b-0\@lg {
    padding-bottom: 0;
  }
  .u-pad-l-0\@lg {
    padding-left: 0;
  }
  .u-pad-x-0\@lg {
    padding-left: 0;
    padding-right: 0;
  }
  .u-pad-y-0\@lg {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-pad-a-xs\@lg {
    padding: 10px;
  }
  .u-pad-t-xs\@lg {
    padding-top: 10px;
  }
  .u-pad-r-xs\@lg {
    padding-right: 10px;
  }
  .u-pad-b-xs\@lg {
    padding-bottom: 10px;
  }
  .u-pad-l-xs\@lg {
    padding-left: 10px;
  }
  .u-pad-x-xs\@lg {
    padding-right: 10px;
    padding-left: 10px;
  }
  .u-pad-y-xs\@lg {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .u-pad-a-sm\@lg {
    padding: 15px;
  }
  .u-pad-t-sm\@lg {
    padding-top: 15px;
  }
  .u-pad-r-sm\@lg {
    padding-right: 15px;
  }
  .u-pad-b-sm\@lg {
    padding-bottom: 15px;
  }
  .u-pad-l-sm\@lg {
    padding-left: 15px;
  }
  .u-pad-x-sm\@lg {
    padding-right: 15px;
    padding-left: 15px;
  }
  .u-pad-y-sm\@lg {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .u-pad-a-md\@lg {
    padding: 30px;
  }
  .u-pad-t-md\@lg {
    padding-top: 30px;
  }
  .u-pad-r-md\@lg {
    padding-right: 30px;
  }
  .u-pad-b-md\@lg {
    padding-bottom: 30px;
  }
  .u-pad-l-md\@lg {
    padding-left: 30px;
  }
  .u-pad-x-md\@lg {
    padding-right: 30px;
    padding-left: 30px;
  }
  .u-pad-y-md\@lg {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .u-pad-a-lg\@lg {
    padding: 50px;
  }
  .u-pad-t-lg\@lg {
    padding-top: 50px;
  }
  .u-pad-r-lg\@lg {
    padding-right: 50px;
  }
  .u-pad-b-lg\@lg {
    padding-bottom: 50px;
  }
  .u-pad-l-lg\@lg {
    padding-left: 50px;
  }
  .u-pad-x-lg\@lg {
    padding-right: 50px;
    padding-left: 50px;
  }
  .u-pad-y-lg\@lg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .u-pad-a-xl\@lg {
    padding: 60px;
  }
  .u-pad-t-xl\@lg {
    padding-top: 60px;
  }
  .u-pad-r-xl\@lg {
    padding-right: 60px;
  }
  .u-pad-b-xl\@lg {
    padding-bottom: 60px;
  }
  .u-pad-l-xl\@lg {
    padding-left: 60px;
  }
  .u-pad-x-xl\@lg {
    padding-right: 60px;
    padding-left: 60px;
  }
  .u-pad-y-xl\@lg {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-pad-a-xxl\@lg {
    padding: 80px;
  }
  .u-pad-t-xxl\@lg {
    padding-top: 80px;
  }
  .u-pad-r-xxl\@lg {
    padding-right: 80px;
  }
  .u-pad-b-xxl\@lg {
    padding-bottom: 80px;
  }
  .u-pad-l-xxl\@lg {
    padding-left: 80px;
  }
  .u-pad-x-xxl\@lg {
    padding-right: 80px;
    padding-left: 80px;
  }
  .u-pad-y-xxl\@lg {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .u-pad-a-0\@md {
    padding: 0;
  }
  .u-pad-t-0\@md {
    padding-top: 0;
  }
  .u-pad-r-0\@md {
    padding-right: 0;
  }
  .u-pad-b-0\@md {
    padding-bottom: 0;
  }
  .u-pad-l-0\@md {
    padding-left: 0;
  }
  .u-pad-x-0\@md {
    padding-left: 0;
    padding-right: 0;
  }
  .u-pad-y-0\@md {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-pad-a-xs\@md {
    padding: 10px;
  }
  .u-pad-t-xs\@md {
    padding-top: 10px;
  }
  .u-pad-r-xs\@md {
    padding-right: 10px;
  }
  .u-pad-b-xs\@md {
    padding-bottom: 10px;
  }
  .u-pad-l-xs\@md {
    padding-left: 10px;
  }
  .u-pad-x-xs\@md {
    padding-right: 10px;
    padding-left: 10px;
  }
  .u-pad-y-xs\@md {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .u-pad-a-sm\@md {
    padding: 15px;
  }
  .u-pad-t-sm\@md {
    padding-top: 15px;
  }
  .u-pad-r-sm\@md {
    padding-right: 15px;
  }
  .u-pad-b-sm\@md {
    padding-bottom: 15px;
  }
  .u-pad-l-sm\@md {
    padding-left: 15px;
  }
  .u-pad-x-sm\@md {
    padding-right: 15px;
    padding-left: 15px;
  }
  .u-pad-y-sm\@md {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .u-pad-a-md\@md {
    padding: 30px;
  }
  .u-pad-t-md\@md {
    padding-top: 30px;
  }
  .u-pad-r-md\@md {
    padding-right: 30px;
  }
  .u-pad-b-md\@md {
    padding-bottom: 30px;
  }
  .u-pad-l-md\@md {
    padding-left: 30px;
  }
  .u-pad-x-md\@md {
    padding-right: 30px;
    padding-left: 30px;
  }
  .u-pad-y-md\@md {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .u-pad-a-lg\@md {
    padding: 50px;
  }
  .u-pad-t-lg\@md {
    padding-top: 50px;
  }
  .u-pad-r-lg\@md {
    padding-right: 50px;
  }
  .u-pad-b-lg\@md {
    padding-bottom: 50px;
  }
  .u-pad-l-lg\@md {
    padding-left: 50px;
  }
  .u-pad-x-lg\@md {
    padding-right: 50px;
    padding-left: 50px;
  }
  .u-pad-y-lg\@md {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .u-pad-a-xl\@md {
    padding: 60px;
  }
  .u-pad-t-xl\@md {
    padding-top: 60px;
  }
  .u-pad-r-xl\@md {
    padding-right: 60px;
  }
  .u-pad-b-xl\@md {
    padding-bottom: 60px;
  }
  .u-pad-l-xl\@md {
    padding-left: 60px;
  }
  .u-pad-x-xl\@md {
    padding-right: 60px;
    padding-left: 60px;
  }
  .u-pad-y-xl\@md {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-pad-a-xxl\@md {
    padding: 80px;
  }
  .u-pad-t-xxl\@md {
    padding-top: 80px;
  }
  .u-pad-r-xxl\@md {
    padding-right: 80px;
  }
  .u-pad-b-xxl\@md {
    padding-bottom: 80px;
  }
  .u-pad-l-xxl\@md {
    padding-left: 80px;
  }
  .u-pad-x-xxl\@md {
    padding-right: 80px;
    padding-left: 80px;
  }
  .u-pad-y-xxl\@md {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .u-pad-a-0\@sm {
    padding: 0;
  }
  .u-pad-t-0\@sm {
    padding-top: 0;
  }
  .u-pad-r-0\@sm {
    padding-right: 0;
  }
  .u-pad-b-0\@sm {
    padding-bottom: 0;
  }
  .u-pad-l-0\@sm {
    padding-left: 0;
  }
  .u-pad-x-0\@sm {
    padding-left: 0;
    padding-right: 0;
  }
  .u-pad-y-0\@sm {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-pad-a-xs\@sm {
    padding: 10px;
  }
  .u-pad-t-xs\@sm {
    padding-top: 10px;
  }
  .u-pad-r-xs\@sm {
    padding-right: 10px;
  }
  .u-pad-b-xs\@sm {
    padding-bottom: 10px;
  }
  .u-pad-l-xs\@sm {
    padding-left: 10px;
  }
  .u-pad-x-xs\@sm {
    padding-right: 10px;
    padding-left: 10px;
  }
  .u-pad-y-xs\@sm {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .u-pad-a-sm\@sm {
    padding: 15px;
  }
  .u-pad-t-sm\@sm {
    padding-top: 15px;
  }
  .u-pad-r-sm\@sm {
    padding-right: 15px;
  }
  .u-pad-b-sm\@sm {
    padding-bottom: 15px;
  }
  .u-pad-l-sm\@sm {
    padding-left: 15px;
  }
  .u-pad-x-sm\@sm {
    padding-right: 15px;
    padding-left: 15px;
  }
  .u-pad-y-sm\@sm {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .u-pad-a-md\@sm {
    padding: 30px;
  }
  .u-pad-t-md\@sm {
    padding-top: 30px;
  }
  .u-pad-r-md\@sm {
    padding-right: 30px;
  }
  .u-pad-b-md\@sm {
    padding-bottom: 30px;
  }
  .u-pad-l-md\@sm {
    padding-left: 30px;
  }
  .u-pad-x-md\@sm {
    padding-right: 30px;
    padding-left: 30px;
  }
  .u-pad-y-md\@sm {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .u-pad-a-lg\@sm {
    padding: 50px;
  }
  .u-pad-t-lg\@sm {
    padding-top: 50px;
  }
  .u-pad-r-lg\@sm {
    padding-right: 50px;
  }
  .u-pad-b-lg\@sm {
    padding-bottom: 50px;
  }
  .u-pad-l-lg\@sm {
    padding-left: 50px;
  }
  .u-pad-x-lg\@sm {
    padding-right: 50px;
    padding-left: 50px;
  }
  .u-pad-y-lg\@sm {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .u-pad-a-xl\@sm {
    padding: 60px;
  }
  .u-pad-t-xl\@sm {
    padding-top: 60px;
  }
  .u-pad-r-xl\@sm {
    padding-right: 60px;
  }
  .u-pad-b-xl\@sm {
    padding-bottom: 60px;
  }
  .u-pad-l-xl\@sm {
    padding-left: 60px;
  }
  .u-pad-x-xl\@sm {
    padding-right: 60px;
    padding-left: 60px;
  }
  .u-pad-y-xl\@sm {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-pad-a-xxl\@sm {
    padding: 80px;
  }
  .u-pad-t-xxl\@sm {
    padding-top: 80px;
  }
  .u-pad-r-xxl\@sm {
    padding-right: 80px;
  }
  .u-pad-b-xxl\@sm {
    padding-bottom: 80px;
  }
  .u-pad-l-xxl\@sm {
    padding-left: 80px;
  }
  .u-pad-x-xxl\@sm {
    padding-right: 80px;
    padding-left: 80px;
  }
  .u-pad-y-xxl\@sm {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 360px) {
  .u-pad-a-0\@xs {
    padding: 0;
  }
  .u-pad-t-0\@xs {
    padding-top: 0;
  }
  .u-pad-r-0\@xs {
    padding-right: 0;
  }
  .u-pad-b-0\@xs {
    padding-bottom: 0;
  }
  .u-pad-l-0\@xs {
    padding-left: 0;
  }
  .u-pad-x-0\@xs {
    padding-left: 0;
    padding-right: 0;
  }
  .u-pad-y-0\@xs {
    padding-top: 0;
    padding-bottom: 0;
  }
  .u-pad-a-xs\@xs {
    padding: 10px;
  }
  .u-pad-t-xs\@xs {
    padding-top: 10px;
  }
  .u-pad-r-xs\@xs {
    padding-right: 10px;
  }
  .u-pad-b-xs\@xs {
    padding-bottom: 10px;
  }
  .u-pad-l-xs\@xs {
    padding-left: 10px;
  }
  .u-pad-x-xs\@xs {
    padding-right: 10px;
    padding-left: 10px;
  }
  .u-pad-y-xs\@xs {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .u-pad-a-sm\@xs {
    padding: 15px;
  }
  .u-pad-t-sm\@xs {
    padding-top: 15px;
  }
  .u-pad-r-sm\@xs {
    padding-right: 15px;
  }
  .u-pad-b-sm\@xs {
    padding-bottom: 15px;
  }
  .u-pad-l-sm\@xs {
    padding-left: 15px;
  }
  .u-pad-x-sm\@xs {
    padding-right: 15px;
    padding-left: 15px;
  }
  .u-pad-y-sm\@xs {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .u-pad-a-md\@xs {
    padding: 30px;
  }
  .u-pad-t-md\@xs {
    padding-top: 30px;
  }
  .u-pad-r-md\@xs {
    padding-right: 30px;
  }
  .u-pad-b-md\@xs {
    padding-bottom: 30px;
  }
  .u-pad-l-md\@xs {
    padding-left: 30px;
  }
  .u-pad-x-md\@xs {
    padding-right: 30px;
    padding-left: 30px;
  }
  .u-pad-y-md\@xs {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .u-pad-a-lg\@xs {
    padding: 50px;
  }
  .u-pad-t-lg\@xs {
    padding-top: 50px;
  }
  .u-pad-r-lg\@xs {
    padding-right: 50px;
  }
  .u-pad-b-lg\@xs {
    padding-bottom: 50px;
  }
  .u-pad-l-lg\@xs {
    padding-left: 50px;
  }
  .u-pad-x-lg\@xs {
    padding-right: 50px;
    padding-left: 50px;
  }
  .u-pad-y-lg\@xs {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .u-pad-a-xl\@xs {
    padding: 60px;
  }
  .u-pad-t-xl\@xs {
    padding-top: 60px;
  }
  .u-pad-r-xl\@xs {
    padding-right: 60px;
  }
  .u-pad-b-xl\@xs {
    padding-bottom: 60px;
  }
  .u-pad-l-xl\@xs {
    padding-left: 60px;
  }
  .u-pad-x-xl\@xs {
    padding-right: 60px;
    padding-left: 60px;
  }
  .u-pad-y-xl\@xs {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-pad-a-xxl\@xs {
    padding: 80px;
  }
  .u-pad-t-xxl\@xs {
    padding-top: 80px;
  }
  .u-pad-r-xxl\@xs {
    padding-right: 80px;
  }
  .u-pad-b-xxl\@xs {
    padding-bottom: 80px;
  }
  .u-pad-l-xxl\@xs {
    padding-left: 80px;
  }
  .u-pad-x-xxl\@xs {
    padding-right: 80px;
    padding-left: 80px;
  }
  .u-pad-y-xxl\@xs {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/*# sourceMappingURL=styles.css.map */