.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@-webkit-keyframes spin_reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes spin_reverse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@font-face {
  font-family: 'Filth';
  src: url('../fonts/FilthofIcarus2.woff2') format('woff2'), url('../fonts/FilthofIcarus2.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
html {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 960px) and (max-width: 1850px) {
  html {
    font-size: calc(12px + (20 - 12) * ((100vw - 650px) / (1850 - 650)));
  }
}
@media (min-width: 1800px) {
  html {
    font-size: 20px;
  }
}
@media only screen and (max-width : 960px) {
  html {
    font-size: 2vw;
  }
}
@media (max-width : 650px) {
  html {
    font-size: 4vw;
  }
}
body {
  font-weight: 400;
  font-family: Barlow, -apple-system, Helvetica, Arial, Ubuntu, sans-serif;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  background: #000;
}
body.is-menu::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade-in 0.3s;
          animation: fade-in 0.3s;
  z-index: 9;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
a {
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
strong {
  font-weight: 700;
}
img {
  max-width: 100%;
  height: auto;
  border-radius: 0;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
h1,
h2,
h3,
h4 {
  margin: 1em 0 0.5em;
  font-family: 'Archivo Narrow', Barlow, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: inherit;
}
h1 {
  font-size: 3rem;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
}
h2 {
  font-size: 2.3rem;
  margin-top: 1.9em;
  text-transform: uppercase;
}
h2:first-child {
  margin-top: 0;
}
h3 {
  font-size: 1.5rem;
}
.p-color {
  color: #26ed83;
}
.text-style .btn,
.btn {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none !important;
  outline: 0;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0.25em 2rem;
  min-height: 2.91666667em;
  min-width: 8.33333333em;
  border-radius: 1em;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  color: #000;
  background: #26ed83;
  -webkit-box-shadow: 0 0 0.75em 0 rgba(84, 253, 32, 0.5);
          box-shadow: 0 0 0.75em 0 rgba(84, 253, 32, 0.5);
  background: #05fd3e;
  background: -webkit-gradient(linear, left bottom, left top, from(#05fd3e), to(#26ed83));
  background: -o-linear-gradient(bottom, #05fd3e 0%, #26ed83 100%);
  background: linear-gradient(0deg, #05fd3e 0%, #26ed83 100%);
}
.text-style .btn span,
.btn span {
  position: relative;
  z-index: 1;
}
.text-style .btn--small,
.btn--small {
  font-size: 1rem;
}
.text-style .btn--x-small,
.btn--x-small {
  font-size: 0.8rem;
}
@media (max-width : 650px) {
  .text-style .btn,
  .btn {
    font-size: 1.125rem;
  }
}
.text-style .btn::before,
.btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11.66666667em;
  height: 9.5em;
  background: url(../img/hover-button.png) 50% 50% / contain;
  -webkit-transform: translate(-50%, -55%);
      -ms-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.text-style .btn::after,
.btn::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #04e839;
  background: -webkit-gradient(linear, left bottom, left top, from(#04e839), to(#2efd90));
  background: -o-linear-gradient(bottom, #04e839 0%, #2efd90 100%);
  background: linear-gradient(0deg, #04e839 0%, #2efd90 100%);
  border-radius: 1em;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.text-style .btn:hover,
.btn:hover {
  color: #000000;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.text-style .btn:hover::before,
.btn:hover::before {
  opacity: 1;
}
.text-style .btn:hover::after,
.btn:hover::after {
  opacity: 1;
}
.text-style .btn--mw,
.btn--mw {
  min-width: 9.5em;
}
.text-style .btn--secondary,
.btn--secondary {
  background: transparent;
}
.show-more-wrapper {
  text-align: right;
}
@media (max-width : 650px) {
}
.show-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  margin-top: 1em;
}
.show-more::after {
  content: "\e81b";
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  border-radius: 50%;
  background: #26ed83;
  font-size: 0.7em;
  width: 1.71428571em;
  height: 1.71428571em;
  text-align: center;
  line-height: 1.71428571;
  margin-left: 1em;
  display: block;
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.75);
          box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.75);
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.show-more:hover::after {
  -webkit-box-shadow: 0 0 1.25em 0 rgba(138, 253, 32, 0.75);
          box-shadow: 0 0 1.25em 0 rgba(138, 253, 32, 0.75);
  -webkit-transform: translate(10%, 0);
      -ms-transform: translate(10%, 0);
          transform: translate(10%, 0);
}
.xsolla-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.buy-availability--coming_soon {
  display: none;
}
.btn-wrapper {
  text-align: center;
  margin-top: 2.625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.btn-wrapper .btn,
.btn-wrapper .xsolla-wrapper {
  margin: 0.25em;
}
.is-popup:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1020;
}
.responsive-video__inner {
  padding-bottom: 56.25%;
  position: relative;
}
.responsive-video video,
.responsive-video embed,
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup {
  visibility: hidden;
  opacity: 0;
  z-index: 1021;
  position: fixed;
  top: 50%;
  left: 50%;
  max-width: 950px;
  padding: 25px;
  background: #fff;
  color: #06fd40;
  display: none;
  width: 90%;
  -webkit-transform: translate(-50%, -500%);
      -ms-transform: translate(-50%, -500%);
          transform: translate(-50%, -500%);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  pointer-events: none;
}
#video-popup.popup {
  background: #000;
  max-width: 900px;
  padding: 0;
}
#video-popup.popup iframe,
#video-popup.popup embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup__inner {
  position: relative;
  z-index: 1;
}
.popup--media {
  background: #000;
  color: #fff;
  max-width: 25rem;
  padding: 2.5rem;
}
.popup--media .close-popup {
  right: 2.2rem;
}
@media (max-width : 650px) {
  .popup--media .close-popup {
    right: 18px;
    top: 4px;
  }
  .popup--media .close-popup::before {
    margin: 0;
  }
}
@media (max-width : 650px) {
  .popup {
    top: 80px;
    left: 10px;
    right: 10px;
    max-height: 80%;
    padding: 25px;
    width: auto;
    overflow: auto;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.popup.is-active {
  display: block;
}
.popup.show {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
@media (max-width : 650px) {
  .popup.show {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  font-size: 1.125em;
  padding: 0;
  margin: 0 -0.5rem;
}
.social-share li {
  margin: 0 0.5rem;
}
.social-share a {
  color: #fff;
  text-decoration: none;
}
.list-platforms {
  list-style: none;
  margin: 1em -1rem;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.5em;
}
.list-platforms li {
  margin: 0 1rem;
}
.list-platforms a {
  color: #a8a8a8;
  text-decoration: none;
}
.show-on-mobile {
  display: none !important;
}
@media (max-width : 650px) {
  .show-on-mobile {
    display: block !important;
  }
}
@media (max-width : 650px) {
  .hide-on-mobile {
    display: none !important;
  }
}
.close-popup {
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  width: 1.5em;
  height: 1.5em;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1;
  z-index: 3;
  color: #fff;
  text-decoration: none;
  background: transparent;
  padding: 0.25em;
  text-shadow: 0 0 0.4em rgba(138, 253, 32, 0.75);
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.close-popup:hover {
  text-shadow: 0 0 0.45em #26ed83;
}
.close-popup::before {
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
.close-popup svg {
  display: block;
  margin: 0 auto;
  height: 50px;
  width: 22px;
  position: relative;
}
.close-popup svg path {
  stroke: #261533;
}
.popup--roadmap .close-popup svg path {
  stroke: #fff;
}
.close-popup:hover svg path {
  stroke: #26ed83;
}
.close-popup span::before {
  margin: 0;
}
@media (max-width: 860px) {
  .close-popup {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    padding: 0;
  }
  .close-popup svg {
    height: 30px;
  }
}
.xpaystation-widget-lightbox {
  z-index: 1025 !important;
}
.xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button {
  font-size: 12px;
  line-height: 1.09090909;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none !important;
  letter-spacing: 0.09090909em;
  outline: 0;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0.25em 2.5rem;
  min-height: 4.1rem;
  cursor: pointer;
  background: #fc3d55;
  color: #fff;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button {
    font-size: 14px;
  }
}
@media (max-width : 650px) {
  .xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button {
    min-height: 3.75rem;
  }
}
.xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: -5%;
  width: 100%;
  height: 112%;
  background-color: #fff;
  -webkit-transform: translate(-150%, 0) translateZ(0);
          transform: translate(-150%, 0) translateZ(0);
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount {
  position: relative;
}
.xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount::after {
  content: 'BUY GAME';
}
.xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount span {
  display: none;
}
.can-hover .xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button:hover {
  color: #fc3d55;
}
.can-hover .xsolla-buy-button-widget .x-buy-button-widget-simple-payment-button:hover::before {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.xsolla-buy-button-widget-steam-full .x-buy-button-widget-simple-payment-button {
  font-size: inherit;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none !important;
  outline: 0;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer;
  color: #371b4d;
  overflow: hidden;
}
.xsolla-buy-button-widget-steam-full .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.xsolla-buy-button-widget-steam-full .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount::before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e819';
  font-size: inherit;
  width: 3.4em;
  text-align: left;
  margin: 0;
}
.xsolla-buy-button-widget-steam-full .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount span {
  display: none;
}
.xsolla-buy-button-widget-steam-full .x-buy-button-widget-simple-payment-button:hover {
  color: #26ed83;
}
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none !important;
  outline: 0;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0.25em 2rem;
  min-height: 2.46153846em;
  border-radius: 2rem;
  color: #fff;
  background: transparent;
  overflow: hidden;
  -webkit-box-shadow: inset 0 0 0 0.15384615em #26ed83;
          box-shadow: inset 0 0 0 0.15384615em #26ed83;
}
@media (max-width: 1360px) {
  .xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width : 960px) {
  .xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button {
    font-size: 1.375rem;
  }
}
@media (max-width : 650px) {
  .xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button {
    font-size: 1.125rem;
  }
}
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transform: translate(0%, -105%) translateZ(0) scale(0.95);
          transform: translate(0%, -105%) translateZ(0) scale(0.95);
  border-radius: 2em;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button:hover {
  color: inherit;
}
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button:hover::before {
  -webkit-transform: translate(0, -10%) translateZ(0) scale(0.95);
          transform: translate(0, -10%) translateZ(0) scale(0.95);
}
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount {
  font-size: 2.5em;
  padding: 0.2em 0;
  position: relative;
}
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount::before,
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount::after {
  content: '\e81b';
  margin: 0;
  display: block;
  text-align: left;
  width: 1.92em;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount::after {
  position: absolute;
  top: 0;
  left: -1px;
  visibility: hidden;
}
.xsolla-buy-button-widget-allin .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount span {
  display: none;
}
.xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none !important;
  outline: 0;
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0.25em 2rem;
  min-height: 2.46153846em;
  min-width: 9.5em;
  border-radius: 2rem;
  color: #fff;
  background: transparent;
  overflow: hidden;
  -webkit-box-shadow: inset 0 0 0 0.15384615em #26ed83;
          box-shadow: inset 0 0 0 0.15384615em #26ed83;
}
@media (max-width: 1360px) {
  .xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width : 960px) {
  .xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button {
    font-size: 1.375rem;
  }
}
@media (max-width : 650px) {
  .xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button {
    font-size: 1.125rem;
  }
}
.xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-transform: translate(0%, -105%) translateZ(0) scale(0.95);
          transform: translate(0%, -105%) translateZ(0) scale(0.95);
  border-radius: 2em;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button:hover {
  color: inherit;
}
.xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button:hover::before {
  -webkit-transform: translate(0, -10%) translateZ(0) scale(0.95);
          transform: translate(0, -10%) translateZ(0) scale(0.95);
}
.xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount {
  font-size: 1.625rem;
  font-family: Barlow, -apple-system, Helvetica, Arial, Ubuntu, sans-serif;
  position: relative;
}
@media (max-width: 1360px) {
  .xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width : 960px) {
  .xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount {
    font-size: 1.375rem;
  }
}
@media (max-width : 650px) {
  .xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount {
    font-size: 1.125rem;
  }
}
.xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount::after {
  content: 'BUY GAME';
}
.xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button .x-buy-button-widget-simple-payment-button-amount span {
  display: none;
}
.can-hover .xsolla-buy-button-widget-custom .x-buy-button-widget-simple-payment-button:hover::before {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
@-webkit-keyframes hover-glitch-text {
  0% {
    clip: rect(99px, 9999px, 11px, 0);
  }
  5% {
    clip: rect(28px, 9999px, 23px, 0);
  }
  10% {
    clip: rect(86px, 9999px, 93px, 0);
  }
  15% {
    clip: rect(74px, 9999px, 38px, 0);
  }
  20% {
    clip: rect(1px, 9999px, 26px, 0);
  }
  25% {
    clip: rect(45px, 9999px, 5px, 0);
  }
  30% {
    clip: rect(38px, 9999px, 44px, 0);
  }
  35% {
    clip: rect(57px, 9999px, 50px, 0);
  }
  40% {
    clip: rect(46px, 9999px, 46px, 0);
  }
  45% {
    clip: rect(79px, 9999px, 58px, 0);
  }
  50% {
    clip: rect(64px, 9999px, 12px, 0);
  }
  55% {
    clip: rect(97px, 9999px, 16px, 0);
  }
  60% {
    clip: rect(1px, 9999px, 7px, 0);
  }
  65% {
    clip: rect(57px, 9999px, 92px, 0);
  }
  70% {
    clip: rect(48px, 9999px, 96px, 0);
  }
  75% {
    clip: rect(5px, 9999px, 28px, 0);
  }
  80% {
    clip: rect(89px, 9999px, 6px, 0);
  }
  85% {
    clip: rect(22px, 9999px, 100px, 0);
  }
  90% {
    clip: rect(10px, 9999px, 62px, 0);
  }
  95% {
    clip: rect(16px, 9999px, 26px, 0);
  }
  100% {
    clip: rect(19px, 9999px, 98px, 0);
  }
}
@keyframes hover-glitch-text {
  0% {
    clip: rect(99px, 9999px, 11px, 0);
  }
  5% {
    clip: rect(28px, 9999px, 23px, 0);
  }
  10% {
    clip: rect(86px, 9999px, 93px, 0);
  }
  15% {
    clip: rect(74px, 9999px, 38px, 0);
  }
  20% {
    clip: rect(1px, 9999px, 26px, 0);
  }
  25% {
    clip: rect(45px, 9999px, 5px, 0);
  }
  30% {
    clip: rect(38px, 9999px, 44px, 0);
  }
  35% {
    clip: rect(57px, 9999px, 50px, 0);
  }
  40% {
    clip: rect(46px, 9999px, 46px, 0);
  }
  45% {
    clip: rect(79px, 9999px, 58px, 0);
  }
  50% {
    clip: rect(64px, 9999px, 12px, 0);
  }
  55% {
    clip: rect(97px, 9999px, 16px, 0);
  }
  60% {
    clip: rect(1px, 9999px, 7px, 0);
  }
  65% {
    clip: rect(57px, 9999px, 92px, 0);
  }
  70% {
    clip: rect(48px, 9999px, 96px, 0);
  }
  75% {
    clip: rect(5px, 9999px, 28px, 0);
  }
  80% {
    clip: rect(89px, 9999px, 6px, 0);
  }
  85% {
    clip: rect(22px, 9999px, 100px, 0);
  }
  90% {
    clip: rect(10px, 9999px, 62px, 0);
  }
  95% {
    clip: rect(16px, 9999px, 26px, 0);
  }
  100% {
    clip: rect(19px, 9999px, 98px, 0);
  }
}
@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  direction: ltr;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.plyr audio,
.plyr video {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.plyr__badge {
  background: #4a5764;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  -webkit-animation: plyr-fade-in 0.3s ease;
          animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
  display: inline;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
}
.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}
.plyr__control:hover svg {
  fill: #26ed83;
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  -webkit-box-shadow: 0 0 0 5px rgba(38, 237, 131, 0.5);
          box-shadow: 0 0 0 5px rgba(38, 237, 131, 0.5);
  outline: 0;
}
a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
  display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  color: #fff;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  color: #fff;
}
.plyr__control--overlaid {
  border: 0;
  border-radius: 100%;
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.4);
      -ms-transform: translate(-50%, -50%) scale(1.4);
          transform: translate(-50%, -50%) scale(1.4);
  z-index: 2;
}
.plyr__control--overlaid:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.6);
      -ms-transform: translate(-50%, -50%) scale(1.6);
          transform: translate(-50%, -50%) scale(1.6);
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr__controls .plyr__controls__item.plyr__volume {
  padding-right: 5px;
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
  padding-right: 0;
}
.plyr__controls:empty {
  display: none;
}
.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4a5764;
  padding: 10px;
}
.plyr--video .plyr__controls {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
  display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}
.plyr__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  -webkit-animation: plyr-popup 0.2s ease;
          animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4a5764;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  content: '';
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: 7px;
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4a5764;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: rgba(74, 87, 100, 0.8);
  right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: rgba(74, 87, 100, 0.8);
  left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
  background: #c1c9d1;
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
  content: '';
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after,
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
      -ms-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #26ed83;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  color: #26ed83;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  -webkit-appearance: none;
  margin-top: -4px;
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  height: 5px;
}
.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  -webkit-box-shadow: 0 0 0 5px rgba(38, 237, 131, 0.5);
          box-shadow: 0 0 0 5px rgba(38, 237, 131, 0.5);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(38, 237, 131, 0.5);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(38, 237, 131, 0.5);
  outline: 0;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr__time {
  font-size: 14px;
}
.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px;
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4a5764;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
      -ms-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  -o-transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.plyr--video {
  background: #000;
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
      -ms-transform: translateY(-38.28125%);
          transform: translateY(-38.28125%);
}
.plyr__progress {
  left: 6.5px;
  margin-right: 13px;
  position: relative;
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(100% + 13px);
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25);
}
.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 201, 209, 0.66);
}
.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
          animation: plyr-progress 1s linear infinite;
  background-image: -o-linear-gradient(135deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(35, 41, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, 0.6) 50%, rgba(35, 41, 47, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr__volume {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.plyr__volume input[type=range] {
  margin-left: 5px;
  position: relative;
  z-index: 2;
}
@media (min-width: 480px) {
  .plyr__volume {
    max-width: 90px;
  }
}
@media (min-width: 768px) {
  .plyr__volume {
    max-width: 110px;
  }
}
.plyr--is-ios .plyr__volume {
  display: none !important;
}
.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
  display: none !important;
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: rgba(35, 41, 47, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}
.plyr__ads::after:empty {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(0, 10px) scale(0.8);
      -ms-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  -o-transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
      -ms-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c9d1;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
}
.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}
.letter-popup {
  visibility: hidden;
  opacity: 0;
  z-index: 1022;
  position: fixed;
  top: 50%;
  left: 50%;
  color: #251532;
  border-radius: 45px;
  background: #121316 url(../img/letter-bg.html);
  -webkit-box-shadow: 0 0.5em 1em 0em rgba(0, 0, 0, 0.3);
          box-shadow: 0 0.5em 1em 0em rgba(0, 0, 0, 0.3);
  width: 750px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  pointer-events: none;
}
.letter-popup::before {
  content: "";
  position: absolute;
  background: url(../img/cosby.html) no-repeat 50% 100%;
  width: 378px;
  height: 397px;
  bottom: 0;
  left: -22px;
}
.letter-popup .close-popup svg {
  width: 15px;
}
.letter-popup__inner {
  position: relative;
  padding: 30px 46px 30px;
  min-height: 412px;
  max-width: 458px;
  margin-left: auto;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.letter-popup__header {
  text-align: center;
}
.letter-popup__header h3 {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0;
  font-style: normal;
  color: #251532;
  position: relative;
  font-weight: 300;
  text-transform: uppercase;
}
.letter-popup__header h3 strong {
  font-size: 25px;
  display: block;
  color: #26ed83;
}
.letter-popup__header p {
  margin: 0;
  color: #251532;
  font-weight: 300;
}
.letter-popup .wpw-letter-form__message {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.letter-popup .wpw-letter-form__input {
  margin: 20px 0;
}
.letter-popup .wpw-letter-form__submit {
  text-align: center;
  margin-top: 15px;
}
.letter-popup .wpw-letter-form input[type=email] {
  margin: 0 auto;
  width: 100%;
  display: block;
  max-width: 400px;
  padding: 15px 20px;
  font-size: 16px;
  outline: 0;
  text-align: left;
  border: 1px solid #d6c7b3;
  color: #251532;
  background: #d6c7b3;
  border-radius: 16px;
}
.letter-popup .wpw-letter-form input[type=email].error {
  border-color: red;
}
.letter-popup .wpw-letter-form .input {
  position: relative;
}
.letter-popup .wpw-letter-form .input--checkbox {
  margin: 15px 0;
  position: relative;
  text-align: left;
  padding: 0;
}
.letter-popup .wpw-letter-form .input--checkbox a {
  color: inherit;
  text-decoration: underline;
}
.letter-popup .wpw-letter-form .input--checkbox a:hover {
  text-decoration: none;
}
.letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label {
  padding: 0rem 0 0.25rem 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 11px;
  color: #251532;
}
.letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label p {
  margin: 0;
}
.letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label::before,
.letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
}
.letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label::before {
  width: 20px;
  height: 20px;
  -webkit-box-shadow: inset 0 0 0 1px #251532;
          box-shadow: inset 0 0 0 1px #251532;
  background: transparent;
}
.letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label::after {
  content: "";
  left: 10px;
  top: 10px;
  width: 12px;
  height: 12px;
  text-align: center;
  background: #251532;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.34, 2);
  transition: -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.34, 2);
  -o-transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.34, 2);
  transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.34, 2);
  transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.34, 2), -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.34, 2);
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.letter-popup .wpw-letter-form .input--checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
}
.letter-popup .wpw-letter-form .input--checkbox input:checked ~ .input--checkbox__label::after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.letter-popup .wpw-letter-form .input--checkbox input.error ~ .input--checkbox__label::before {
  -webkit-box-shadow: inset 0 0 1px 1px red;
          box-shadow: inset 0 0 1px 1px red;
}
.letter-popup .wpw-letter-form .input--checkbox label {
  display: block;
}
.letter-popup .wpw-letter-form__btn {
  border: 0;
  font-size: 22px;
  padding: 10px 1.5em;
  cursor: pointer;
  outline: 0;
  background: #633784;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.letter-popup .wpw-letter-form__btn:hover {
  background: #261533;
}
@media (max-width: 860px) {
  .letter-popup {
    width: 310px;
    height: auto;
    max-height: 80vh;
    min-height: 0;
    border-radius: 20px;
    background-position: 50% 50%;
  }
  .letter-popup::before {
    display: none;
  }
  .letter-popup__image {
    display: none;
  }
  .letter-popup__inner {
    width: 100%;
    max-height: 80%;
    height: auto;
    overflow: auto;
    min-height: 300px;
    padding: 10px 0 1px;
  }
  .letter-popup__header h3 {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
  }
  .letter-popup__form {
    padding: 10px 15px 20px;
  }
  .letter-popup .wpw-letter-form {
    margin-top: 20px;
  }
  .letter-popup .wpw-letter-form__message {
    text-align: center;
    font-size: 15px;
  }
  .letter-popup .wpw-letter-form__input {
    padding: 0;
    margin: 15px 0 0;
  }
  .letter-popup .wpw-letter-form__btn {
    margin: 0;
  }
  .letter-popup .wpw-letter-form__submit {
    padding: 0;
    margin: 15px 0 0;
  }
  .letter-popup .wpw-letter-form__agree .input {
    margin: 15px 0;
  }
  .letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label {
    padding-left: 34px;
    font-size: 13px;
  }
  .letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label::before {
    width: 24px;
    height: 24px;
  }
  .letter-popup .wpw-letter-form .input--checkbox label > .input--checkbox__label::after {
    left: 12px;
    top: 12px;
    width: 14px;
    height: 14px;
  }
}
.letter-popup.show {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.foot-join-letter {
  max-width: 26.66666667rem;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 3;
}
.foot-join-letter .wpw-letter-form__submit {
  margin-top: 15px;
}
.foot-join-letter .wpw-letter-form input[type=email] {
  display: block;
  border: 1px solid #6e6e6e;
  margin: 0 auto;
  width: 100%;
  max-width: 26.66666667rem;
  padding: 0.65em;
  line-height: 1;
  font-size: 1.11111111rem;
  outline: 0;
  background: rgba(255, 255, 255, 0);
  color: #fff;
  text-align: center;
  border-radius: 2px;
}
.foot-join-letter .wpw-letter-form input[type=email].error {
  -webkit-box-shadow: inset 0 0 1rem rgba(255, 0, 0, 0.5);
          box-shadow: inset 0 0 1rem rgba(255, 0, 0, 0.5);
}
.foot-join-letter .wpw-letter-form__agree {
  max-width: 46.875rem;
  margin-left: auto;
  margin-right: auto;
}
.foot-join-letter .wpw-letter-form .input {
  position: relative;
}
.foot-join-letter .wpw-letter-form .input--checkbox {
  margin: 15px auto;
  position: relative;
  text-align: left;
  max-width: 610px;
  color: #6e6e6e;
}
@media (max-width: 1200px) {
  .foot-join-letter .wpw-letter-form .input--checkbox {
    padding-right: 10%;
  }
}
.foot-join-letter .wpw-letter-form .input--checkbox a {
  color: inherit;
}
.foot-join-letter .wpw-letter-form .input--checkbox a:hover {
  text-decoration: none;
}
.foot-join-letter .wpw-letter-form .input--checkbox label > .input--checkbox__label {
  padding: 0rem 0 0.25rem 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  color: inherit;
}
.foot-join-letter .wpw-letter-form .input--checkbox label > .input--checkbox__label p {
  margin: 0;
}
.foot-join-letter .wpw-letter-form .input--checkbox label > .input--checkbox__label::before,
.foot-join-letter .wpw-letter-form .input--checkbox label > .input--checkbox__label::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
}
.foot-join-letter .wpw-letter-form .input--checkbox label > .input--checkbox__label::before {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 1px 1px #6e6e6e;
          box-shadow: inset 0 0 1px 1px #6e6e6e;
  background: transparent;
}
.foot-join-letter .wpw-letter-form .input--checkbox label > .input--checkbox__label::after {
  content: "";
  left: 8px;
  top: 8px;
  width: 10px;
  height: 10px;
  text-align: center;
  background: #26ed83;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.34, 2) 0s;
  -o-transition: all 0.2s cubic-bezier(0.18, 0.89, 0.34, 2) 0s;
  transition: all 0.2s cubic-bezier(0.18, 0.89, 0.34, 2) 0s;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.foot-join-letter .wpw-letter-form .input--checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  display: none;
  visibility: hidden;
  opacity: 0;
}
.foot-join-letter .wpw-letter-form .input--checkbox input:checked ~ .input--checkbox__label::after {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}
.foot-join-letter .wpw-letter-form .input--checkbox input.error ~ .input--checkbox__label::before {
  -webkit-box-shadow: inset 0 0 1px 1px red;
          box-shadow: inset 0 0 1px 1px red;
}
.foot-join-letter .wpw-letter-form .input--checkbox label {
  display: block;
}
@media (max-width : 650px) {
  .foot-join-letter .wpw-letter-form__message {
    text-align: center;
    font-size: 15px;
  }
  .foot-join-letter .wpw-letter-form__input {
    margin: 0 0 15px;
  }
  .foot-join-letter .wpw-letter-form input[type=email] {
    padding: 15px;
    font-size: 15px;
  }
  .foot-join-letter .wpw-letter-form .input--checkbox {
    padding-right: 0;
  }
  .foot-join-letter .wpw-letter-form__submit {
    margin-top: 15px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */
.slick-loading .slick-list {
  background: #fff;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before {
  opacity: 1;
  color: #14f65d;
  text-shadow: 0 0 0.5em #8afd20;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  font-family: "icons";
  font-size: 1.25rem;
  line-height: 1;
  color: #c1ccd9;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.3s ease, text-shadow 0.3s ease;
  -o-transition: color 0.3s ease, text-shadow 0.3s ease;
  transition: color 0.3s ease, text-shadow 0.3s ease;
  text-shadow: 0 0 0 #8afd20;
}
.slick-prev {
  left: -1rem;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -1rem;
}
.slick-prev:before {
  content: "\e800";
}
[dir="rtl"] .slick-prev:before {
  content: "\e801";
}
.slick-next {
  right: -1rem;
}
[dir="rtl"] .slick-next {
  left: -1rem;
  right: auto;
}
.slick-next:before {
  content: "\e801";
}
[dir="rtl"] .slick-next:before {
  content: "\e800";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "icons";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 1;
}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}
html.swipebox-html {
  overflow: hidden;
}
#swipebox-overlay img {
  border: none !important;
}
#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}
#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url(../img/loader-new.html) no-repeat center center;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}
#swipebox-bottom-bar {
  bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
}
#swipebox-top-bar {
  top: -50px;
}
#swipebox-top-bar.visible-bars {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
}
#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-image: url(../img/icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  width: 50px;
  height: 50px;
  top: 0;
}
#swipebox-arrows {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}
#swipebox-prev {
  background-position: -32px 13px;
  float: left;
}
#swipebox-next {
  background-position: -78px 13px;
  float: right;
}
#swipebox-close {
  top: 0;
  right: 0;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
  display: none;
}
#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before,
.swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}
@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightSpring {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    right: 10px;
  }
  #swipebox-arrows {
    width: 92%;
    max-width: 800px;
  }
}
/* Skin
--------------------------*/
#swipebox-overlay {
  background: rgba(16, 9, 10, 0.95);
}
#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #10090a;
  opacity: 0.95;
}
#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}
.content-style {
  font-size: 1.1rem;
  line-height: 1.5;
}
.content-style h1 {
  font-size: 2.81818182em;
}
.content-style h2 {
  font-size: 2.09090909em;
  text-transform: none;
}
.content-style h3 {
  font-size: 1.63636364em;
}
.content-style h4 {
  font-size: 1.36363636em;
}
.content-style h5 {
  font-size: 1.09090909em;
}
.content-style h1,
.content-style h2,
.content-style h3,
.content-style h4,
.content-style h5 {
  font-family: Barlow, -apple-system, Helvetica, Arial, Ubuntu, sans-serif;
  margin-bottom: 1em;
}
.content-style h1,
.content-style h2,
.content-style h3 {
  color: #fff;
  line-height: 1.1;
  position: relative;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.content-style h1:first-child,
.content-style h2:first-child,
.content-style h3:first-child {
  margin-top: 0;
}
.content-style h1::before,
.content-style h2::before,
.content-style h3::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.2em;
  top: 0.1em;
  bottom: 0.1em;
  left: 0;
  background: #fff;
  vertical-align: baseline;
  -webkit-transform: translate(0, 3%);
      -ms-transform: translate(0, 3%);
          transform: translate(0, 3%);
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
}
@media (max-width : 650px) {
  .content-style h1::before,
  .content-style h2::before,
  .content-style h3::before {
    width: 0.15em;
    left: -0.5em;
  }
}
.content-style p {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin: 1em 0 1.5em;
}
.content-style p:first-child {
  margin-top: 0;
}
.content-style a {
  color: inherit;
  text-decoration: underline;
}
.content-style a:hover {
  text-decoration: none;
}
.content-style h4 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.content-style .wp-caption {
  width: 100% !important;
  margin: 1em auto;
  font-size: 0.7em;
}
.content-style .wp-caption-text {
  margin-top: 0.5em;
}
.content-style .alignleft {
  float: left;
  margin: 0 1.4em 1em 0;
  max-width: 50%;
}
@media (max-width : 650px) {
  .content-style .alignleft {
    float: none;
    margin: 1em auto;
    max-width: 100%;
  }
}
.content-style .alignright {
  float: right;
  margin: 0 0 1em 1.4em;
  max-width: 50%;
}
@media (max-width : 650px) {
  .content-style .alignright {
    float: none;
    margin: 1em auto;
    max-width: 100%;
  }
}
.content-style .aligncenter {
  display: block;
  float: none;
  text-align: center;
  margin: 2em auto;
}
.content-style blockquote {
  margin: 0em 0 2em 0;
  position: relative;
  font-size: 1.125em;
  padding: 1px 0;
  border: 0;
}
.content-style blockquote cite {
  padding-left: 1.25rem;
}
.content-style blockquote::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.2em;
  top: 0.18em;
  bottom: 0.2em;
  left: 0;
  background: #fff;
  vertical-align: baseline;
  -webkit-transform: translate(0, 3%);
      -ms-transform: translate(0, 3%);
          transform: translate(0, 3%);
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
}
.content-style ol {
  list-style-position: inside;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.content-style ol > li {
  margin: 0.8em 0;
  position: relative;
}
.content-style ol ol {
  list-style: lower-latin;
  padding-left: 1.25em;
}
.content-style ol ul {
  list-style: circle;
  padding-left: 1.25em;
}
.content-style ol ul li {
  margin: 0.5em 0;
}
.content-style ul {
  list-style: none;
  margin-bottom: 1em;
  padding-left: 0;
  padding-right: 1.25rem;
}
.content-style ul > li {
  position: relative;
  padding-left: 1.25rem;
  margin: 0.25em 0;
}
.content-style ul > li:before {
  content: '●';
  text-shadow: 0 0 0.25em rgba(138, 253, 32, 0.6);
  position: absolute;
  color: #26ed83;
  left: 0;
  top: 0;
  text-align: center;
}
.content-style ul.wp-block-gallery {
  list-style: none;
}
.content-style ul.wp-block-gallery > li {
  padding: 0;
}
.content-style ul.wp-block-gallery > li::before {
  display: none;
}
.content-style img {
  max-width: 100%;
  height: auto;
}
.unordered-list {
  list-style: none;
  margin-bottom: 1em;
  padding: 0;
}
.unordered-list > li {
  position: relative;
  padding: 0 0 0 2em;
  margin: 1em 0;
}
.unordered-list > li:before {
  content: '+';
  font-weight: 700;
  position: absolute;
  color: #26ed83;
  font-size: 1.2em;
  left: 0;
  top: 0;
  text-align: center;
  width: 1em;
  height: 1em;
  line-height: 0.8;
  border-radius: 30px;
  border: 2px solid #26ed83;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.list-icon-block {
  list-style: none;
  margin-bottom: 1em;
}
.list-icon-block > li {
  padding-left: 100px;
  margin-bottom: 3em;
  position: relative;
}
.list-icon-block > li:last-child {
  margin-bottom: 2em;
}
.list-icon-block__icon {
  position: absolute;
  left: 0;
  width: 75px;
  font-size: 57px;
}
.list-icon-block__icon span {
  display: block;
  line-height: 1;
  color: #26ed83;
}
.list-icon-block__icon span::before {
  margin: 0;
}
.wp-block-embed.is-type-video {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  max-width: 48rem;
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
  max-width: 360px;
  width: 100%;
}
.wp-block-embed.wp-block-embed-vimeo {
  max-width: 46em;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-embed figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
  opacity: 0.9;
  text-align: center;
  font-size: 0.912em;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper {
  position: relative;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before,
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before,
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before,
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before,
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before,
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before,
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
  content: "";
  display: block;
  padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
  padding-top: 42.85%;
}
.wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
  padding-top: 50%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
  padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
  padding-top: 75%;
}
.wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
  padding-top: 100%;
}
.wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper::before {
  padding-top: 66.66%;
}
.wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
  padding-top: 200%;
}
.section-inner {
  padding: 4rem 1rem;
  max-width: 70.4rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width : 650px) {
  .section-inner {
    padding: 2.5rem 1rem;
  }
}
.section-header {
  text-align: center;
  margin-bottom: 3rem;
}
@media (max-width : 650px) {
  .section-header {
    margin-bottom: 1.75rem;
  }
}
.section-header h1,
.section-header h2,
.section-header h3 {
  color: #fff;
  font-size: 2.3rem;
}
.section-header h1::before,
.section-header h2::before,
.section-header h3::before {
  content: "";
  display: inline-block;
  width: 0.2em;
  background: #fff;
  margin-right: 0.4em;
  vertical-align: baseline;
  -webkit-transform: translate(0, 3%);
      -ms-transform: translate(0, 3%);
          transform: translate(0, 3%);
  height: 0.75em;
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
}
.slide-title h1,
.slide-title h2,
.slide-title h3 {
  color: #fff;
  font-size: 2.3rem;
  line-height: 1.1;
  position: relative;
}
.slide-title h1 span,
.slide-title h2 span,
.slide-title h3 span {
  display: block;
}
.slide-title h1::before,
.slide-title h2::before,
.slide-title h3::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.2em;
  top: 0.18em;
  bottom: 0.2em;
  left: -0.75em;
  background: #fff;
  vertical-align: baseline;
  -webkit-transform: translate(0, 3%);
      -ms-transform: translate(0, 3%);
          transform: translate(0, 3%);
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
}
@media (max-width : 650px) {
  .slide-title h1,
  .slide-title h2,
  .slide-title h3 {
    font-size: 1.8rem;
  }
  .slide-title h1::before,
  .slide-title h2::before,
  .slide-title h3::before {
    width: 0.15em;
    left: -0.5em;
  }
}
.main-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2% 3.5% 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 3;
}
.main-header__space,
.main-header__buy {
  width: 25%;
}
@media (max-width : 650px) {
  .main-header__space,
  .main-header__buy {
    display: none;
  }
}
.main-header__buy {
  text-align: right;
}
.logo {
  width: 50%;
  max-width: 484px;
  display: block;
  margin: 0 auto;
  -webkit-transform: translate(0, -10%) scale(1);
      -ms-transform: translate(0, -10%) scale(1);
          transform: translate(0, -10%) scale(1);
}
.logo:hover {
  -webkit-transform: translate(0, -10%) scale(1.05);
      -ms-transform: translate(0, -10%) scale(1.05);
          transform: translate(0, -10%) scale(1.05);
}
.logo img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}
@media (max-width : 650px) {
  .logo {
    width: 65%;
  }
}
.hero-platform {
  background: #000;
  -webkit-mask: url(../img/mask-hero.png) 50% 100% no-repeat;
          mask: url(../img/mask-hero.png) 50% 100% no-repeat;
  -webkit-mask-size: 1920px auto;
          mask-size: 1920px auto;
  margin-bottom: -70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  min-height: 90vh;
}
@media (min-width: 1920px) {
  .hero-platform {
    -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
  }
}
.hero-platform__image {
  width: 56.5%;
  background: no-repeat 50% 50% / cover;
}
.hero-platform__content {
  width: 43.5%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 4vw 6vw 5rem;
}
.hero-platform__list {
  list-style: none;
  margin: 3rem -0.5em 2rem;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.75em;
}
.hero-platform__list li {
  margin: 0 0.5em;
}
.hero-platform__list span {
  color: rgba(255, 255, 255, 0.6);
}
.hero-platform__list span::before {
  margin: 0;
}
.hero-platform__list a {
  color: #fff;
  text-decoration: none;
}
.hero-platform__list a:hover {
  text-shadow: 0 0 0.3em #26ed83;
  color: #0cfa4c;
}
.hero-platform__list i {
  display: block;
}
.hero-platform__list i::before {
  margin: 0;
}
.hero-platform .logo {
  width: 100%;
}
.hero-platform + .wrapper {
  padding-top: 100px;
}
@media only screen and (max-width : 960px) {
  .hero-platform__image {
    width: 50%;
  }
  .hero-platform__content {
    width: 50%;
  }
}
@media (max-width : 650px) {
  .hero-platform {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .hero-platform__image {
    width: 100%;
    height: 70vw;
    background-position: 50% 100%;
  }
  .hero-platform__content {
    width: 100%;
  }
  .hero-platform .section-header h1 {
    font-size: 1.75rem;
  }
  .hero-platform + .wrapper {
    padding-top: 70px;
  }
}
.hero-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  max-height: 800px;
  height: 75vh;
  margin-bottom: -70px;
}
@media (max-width : 650px) {
  .hero-image {
    height: 50vh;
  }
}
.hero-image--blog {
  height: 30vh;
  max-height: 300px;
}
@media (max-width : 650px) {
  .hero-image--blog {
    display: none;
  }
  .hero-image--blog + .wrapper {
    padding-top: 130px;
  }
}
.hero-image__bg {
  background: #000 no-repeat 50% 50% / cover;
  -webkit-mask: url(../img/mask-hero.png) 50% 100% no-repeat;
          mask: url(../img/mask-hero.png) 50% 100% no-repeat;
  -webkit-mask-size: 1920px auto;
          mask-size: 1920px auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 1920px) {
  .hero-image__bg {
    -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
  }
}
.hero-image__title {
  text-align: center;
  position: relative;
  z-index: 2;
}
.hero-image__title h1 {
  font-size: 3.6rem;
  margin: 0;
  font-family: 'Filth', 'Archivo Narrow', Barlow, sans-serif;
  font-weight: 400;
  text-transform: none;
  line-height: 1;
  text-shadow: 0px 0px 0.375em rgba(0, 0, 0, 0.004), 0px 0px rgba(0, 0, 0, 0.004), 0px 0px rgba(0, 0, 0, 0.004), 0 0 0.13888889em #21f078, 0 0 0.25em #21f078, 0 0 0.16666667em rgba(33, 240, 120, 0.8);
}
.hero-image + .wrapper {
  padding-top: 100px;
}
@media (max-width : 650px) {
  .hero-image__title h1 {
    font-size: 3rem;
  }
  .hero-image + .wrapper {
    padding-top: 70px;
  }
}
.video-bg {
  position: absolute;
}
.hero-section {
  padding: 2% 3.5% 4.5rem;
  background: #000 url(../img/hero-bg.jpg) no-repeat 50% 50% / cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.hero-section__video-bg {
  display: none;
}
@media (min-width: 651px) {
  .hero-section__video-bg {
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
  }
}
@media only screen and (min-width : 961px) {
  .hero-section {
    min-height: 100vh;
    min-height: calc(100vh + 4rem);
  }
}
.hero-section__image img {
  display: block;
  max-width: 100%;
}
@media (min-width: 651px) {
  .hero-section__image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    pointer-events: none;
  }
  .hero-section__image img {
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width : 961px) {
  .hero-section__image img {
    display: block;
    height: 102vh;
    max-height: 1040px;
    width: auto;
    max-width: none;
  }
}
.hero-section__video {
  border-radius: 3px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 3;
  margin-left: 4%;
  margin-right: 4%;
}
.hero-section__video::before {
  content: "";
  background: url(../img/fractal.png) no-repeat 50% 50% / contain;
  width: 55.65rem;
  height: 37.85rem;
  position: absolute;
  top: 48%;
  left: 52%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.hero-section__video img {
  display: block;
}
.hero-section__video .btn {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  z-index: 3;
}
.hero-section__video .btn:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
      -ms-transform: translate(-50%, -50%) scale(1.05);
          transform: translate(-50%, -50%) scale(1.05);
}
.hero-section__platforms {
  margin: 2rem 0;
  text-align: center;
  z-index: 2;
  position: relative;
}
.hero-section__platforms__list {
  list-style: none;
  margin: 3rem 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.25em;
}
.hero-section__platforms__list li {
  margin: 0 0.3em;
  color: #a8a8a8;
}
.hero-section__platforms__list a {
  color: #a8a8a8;
  text-decoration: none;
}
.hero-section__platforms__list a:hover {
  text-shadow: 0 0 0.3em #26ed83;
  color: #0cfa4c;
}
.hero-section__platforms p {
  font-size: 0.75em;
}
.hero-section__inner {
  width: 65%;
}
@media only screen and (min-width : 961px) {
  .hero-section__inner {
    margin-top: auto;
    margin-bottom: auto;
    width: 50%;
  }
}
.hero-section__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
.hero-section__press,
.hero-section__socials {
  width: 40%;
}
.hero-section__press {
  text-align: right;
}
.hero-section__press a {
  margin-top: 0;
}
.hero-section__socials ul {
  color: #fff;
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5em;
}
.hero-section__socials ul li {
  margin: 0 0.5em;
}
.hero-section__socials ul li:first-child {
  margin-left: 0;
}
.hero-section__socials ul li:last-child {
  margin-right: 0;
}
.hero-section__socials ul a {
  color: #fff;
  text-decoration: none;
}
.hero-section__socials ul a:hover {
  text-shadow: 0 0 0.3em #26ed83;
  color: #0cfa4c;
}
@media (max-width : 650px) {
  .hero-section {
    padding-bottom: 0;
    overflow: hidden;
  }
  .hero-section__inner {
    width: 100%;
  }
  .hero-section__video {
    margin-bottom: 4.5rem;
  }
  .hero-section__video .btn {
    bottom: auto;
    top: 100%;
    -webkit-transform: translate(-50%, 10px);
        -ms-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
  }
  .hero-section__platforms {
    margin: 2rem 0;
  }
  .hero-section__platforms__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .hero-section__image {
    margin: -1rem -1rem 0;
  }
  .hero-section__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 3rem;
  }
  .hero-section__scroll {
    display: none;
  }
  .hero-section__press,
  .hero-section__socials {
    width: 100%;
    text-align: center;
  }
  .hero-section__press ul,
  .hero-section__socials ul {
    margin-bottom: 0.5rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hero-section__press {
    text-align: right;
  }
}
.contact-info {
  margin-top: 2.5em;
  margin-bottom: 0;
  font-size: 0.8rem;
}
.contact-info a {
  color: inherit;
}
.contact-info a:hover {
  text-decoration: none;
}
.main-footer {
  text-align: center;
}
@media (min-width: 651px) {
  .main-footer__col-2 {
    width: 50%;
  }
}
.main-footer__platforms {
  list-style: none;
  margin: 2rem 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5em;
}
.main-footer__platforms li {
  margin: 0.25em 0.25em;
  color: #a8a8a8;
}
.main-footer__platforms li:first-child {
  margin-left: 0;
}
.main-footer__platforms li:last-child {
  margin-right: 0;
}
.main-footer__platforms a {
  color: #a8a8a8;
  text-decoration: none;
}
.main-footer__platforms a:hover {
  text-shadow: 0 0 0.3em #26ed83;
  color: #0cfa4c;
}
.main-footer__platforms__desc {
  font-size: 0.75em;
}
.main-footer__partners {
  list-style: none;
  margin: 2rem 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.main-footer__partners li {
  margin: 0.25em 1em;
  color: #a8a8a8;
}
.main-footer__partners li:first-child {
  margin-left: 0;
}
.main-footer__partners li:last-child {
  margin-right: 0;
}
.main-footer__partners li img {
  max-height: 2rem;
  width: auto;
}
.main-footer__socials {
  color: #fff;
  list-style: none;
  margin: 2rem 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5em;
}
@media (max-width : 650px) {
  .main-footer__socials {
    margin-top: 3rem;
  }
}
.main-footer__socials li {
  margin: 0 0.5em;
}
.main-footer__socials li:first-child {
  margin-left: 0;
}
.main-footer__socials li:last-child {
  margin-right: 0;
}
.main-footer__socials a {
  color: #fff;
  text-decoration: none;
}
.main-footer__socials a:hover {
  text-shadow: 0 0 0.3em #26ed83;
  color: #0cfa4c;
}
.main-footer__logos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (max-width : 650px) {
  .main-footer__logos {
    margin-top: 3rem;
  }
}
.main-footer__logos a {
  display: block;
  margin: 0 2rem;
  opacity: 0.7;
}
.main-footer__logos a:hover {
  opacity: 1;
}
.main-footer__logos .the-farm {
  height: 3.5rem;
}
.main-footer__logos .aig {
  height: 2.25rem;
}
.main-footer__60 {
  margin-bottom: 1em;
}
@media only screen and (min-width : 961px) {
  .main-footer__20 {
    width: 20%;
  }
  .main-footer__60 {
    width: 60%;
  }
}
.main-footer__copyrights {
  margin-top: 1em;
  font-size: 0.8rem;
  width: 100%;
}
@media only screen and (min-width : 961px) {
  .main-footer__copyrights {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.main-footer__copyrights a {
  color: inherit;
}
.main-footer__copyrights a:hover {
  text-decoration: none;
}
@media (max-width : 650px) {
  .main-footer br {
    display: none;
  }
}
.main-footer__letter {
  margin-top: 3rem;
}
@media (min-width: 651px) {
  .main-footer__platforms__desc {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
  }
  .main-footer__copyright {
    margin-top: 2rem;
  }
}
@media (min-width: 651px) {
  .main-footer__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .main-footer__columns--align {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1rem;
  }
  .main-footer__buy {
    width: 50%;
  }
  .main-footer__letter {
    width: 50%;
    margin-top: 0;
  }
}
.main-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background: #000;
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  z-index: 12;
  padding: 5vh 3.5vw;
  min-width: 18vw;
}
@media (max-width : 650px) {
  .main-menu {
    min-width: 65vw;
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 1.5rem;
  }
}
.main-menu ul {
  list-style: none;
  font-weight: 700;
  margin: 0;
  padding: 0;
  margin-top: 4.2rem;
}
.main-menu ul li {
  padding: 0.5em 0;
}
.main-menu ul a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.main-menu ul a:hover {
  color: #13f75b;
  text-shadow: 0 0 1em #26ed83;
}
.is-menu .main-menu {
  -webkit-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
          transform: translate(0%, 0);
}
.main-menu__open {
  position: fixed;
  top: 2vw;
  left: 3.5vw;
  z-index: 13;
}
.main-menu__open::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  border-radius: 5em;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0);
          box-shadow: 0 0 2rem rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  pointer-events: none;
}
.main-menu__open.is-sticky::before {
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0);
          box-shadow: 0 0 2rem rgba(0, 0, 0);
}
.main-menu__open .open-menu {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  display: block;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-size: 2.5rem;
  text-shadow: 0 0 0.4em rgba(138, 253, 32, 0.75);
  position: relative;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.main-menu__open .open-menu::before,
.main-menu__open .open-menu::after,
.main-menu__open .open-menu span::before,
.main-menu__open .open-menu span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-menu__open .open-menu::after,
.main-menu__open .open-menu span::before,
.main-menu__open .open-menu span::after {
  -webkit-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}
.main-menu__open .open-menu::before {
  content: '\e81e';
}
.main-menu__open .open-menu::after {
  content: '\e823';
  left: 0.4em;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.main-menu__open .open-menu span::before {
  content: '\e824';
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1;
}
.is-menu .main-menu__open .open-menu span::before {
  opacity: 0;
  -webkit-transform: rotate(-540deg) !important;
      -ms-transform: rotate(-540deg) !important;
          transform: rotate(-540deg) !important;
}
.main-menu__open .open-menu span::after {
  content: '\e81f';
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  opacity: 0;
}
.is-menu .main-menu__open .open-menu span::after {
  opacity: 1;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.main-menu__open .open-menu:hover {
  text-shadow: 0 0 0.45em #26ed83;
}
.main-menu__open .open-menu:hover::after {
  -webkit-transform: translate(10%, 0);
      -ms-transform: translate(10%, 0);
          transform: translate(10%, 0);
}
.main-menu__open .open-menu:hover span::before {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.scroll-down {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 2em;
  line-height: 1;
  display: inline-block;
  color: #fff;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  text-decoration: none;
  text-shadow: 0 0 0.5em #26ed83;
}
.scroll-down::before,
.scroll-down::after {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.scroll-down::before {
  content: '\e876';
}
.scroll-down::after {
  content: '\e875';
  -webkit-animation: scroll-down 1.3s infinite forwards;
          animation: scroll-down 1.3s infinite forwards;
}
@-webkit-keyframes scroll-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.15em);
            transform: translateY(0.15em);
  }
  100% {
    -webkit-transform: translateY(0em);
            transform: translateY(0em);
  }
}
@keyframes scroll-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.15em);
            transform: translateY(0.15em);
  }
  100% {
    -webkit-transform: translateY(0em);
            transform: translateY(0em);
  }
}
.-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -1rem;
}
.-list--archive {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width : 650px) {
  .-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.-item {
  padding: 1rem;
  width: 33.33%;
}
.-item__inner {
  display: block;
  padding: 8px;
  height: 100%;
  border: 1px solid #70756e;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
}
.-item__inner:hover {
  background: rgba(255, 255, 255, 0.01);
}
.-item__inner:hover .-item__thb::after {
  opacity: 0.5;
  -webkit-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
  -webkit-transition-duration: 2s;
       -o-transition-duration: 2s;
          transition-duration: 2s;
}
.-item__inner:hover .-item__thb img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.-item__thb {
  position: relative;
  margin-bottom: 0.25em;
}
.-item__thb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/thb-hover.jpg) no-repeat 50% 50% / cover;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  will-change: opacity;
}
.-item__thb img {
  display: block;
  -webkit-transition: -webkit-filter 0.35s ease;
  transition: -webkit-filter 0.35s ease;
  -o-transition: filter 0.35s ease;
  transition: filter 0.35s ease;
  transition: filter 0.35s ease, -webkit-filter 0.35s ease;
  will-change: filter;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.-item__date {
  padding: 0 0.7rem;
  font-family: 'Archivo Narrow', Barlow, sans-serif;
  font-weight: 600;
}
.-item__date::before {
  content: "";
  display: inline-block;
  width: 0.2em;
  background: #fff;
  margin-right: 0.5em;
  margin-top: -0.2em;
  vertical-align: middle;
  height: 1em;
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.4em 0 rgba(138, 253, 32, 0.75);
          box-shadow: 0 0 0.4em 0 rgba(138, 253, 32, 0.75);
}
.-item h2,
.-item h3 {
  font-size: 1.2rem;
  padding: 0 0.7rem;
  margin: 0.25em 0 0.5em;
  text-transform: none;
  font-weight: 600;
  font-family: 'Archivo Narrow', Barlow, sans-serif;
  line-height: 1.7;
}
.-item p {
  font-size: 0.9em;
  margin: 0 0 0.5em;
  padding: 0 0.7rem;
}
@media (min-width: 651px) {
  .-item--big {
    width: 66.66%;
  }
  .-item--big h1,
  .-item--big h2 {
    margin-bottom: 0;
  }
  .-item--big .-item__thb {
    margin: 0;
    height: 100%;
  }
  .-item--big .-item__thb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .-item--big .-item__text {
    position: absolute;
    bottom: 8px;
    left: 8px;
    width: 75%;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem;
    background: rgba(0, 0, 0, 0.75);
    background: -o-linear-gradient(315deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 80%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 80%);
  }
}
@media only screen and (min-width : 961px) {
  .-item--big .-item__text {
    width: 55%;
  }
}
@media (max-width : 650px) {
  .-item {
    width: 100%;
    max-width: 458px;
  }
}
.section2 {
  background: url(../img/section2.jpg) no-repeat 50% 50% / cover;
  min-height: 34.8rem;
  margin-top: -3.6rem;
  -webkit-mask: url(../img/mask-top.png) 50% 0% no-repeat;
          mask: url(../img/mask-top.png) 50% 0% no-repeat;
  -webkit-mask-size: 1920px auto;
          mask-size: 1920px auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .section2 {
    -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
  }
}
.section2__video-bg {
  display: none;
}
@media (min-width: 651px) {
  .section2__video-bg {
    position: absolute;
    overflow: hidden;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
  }
}
.section2 .section-inner {
  position: relative;
}
.section2::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 5rem;
  background: url(../img/pattern.png) 50% 100%, url(../img/section2-bottom.jpg) no-repeat 50% 100% / cover;
  -webkit-mask: url(../img/mask-bottom.png) 50% 0% no-repeat;
          mask: url(../img/mask-bottom.png) 50% 0% no-repeat;
  -webkit-mask-size: 1920px auto;
          mask-size: 1920px auto;
}
@media (min-width: 1920px) {
  .section2::after {
    -webkit-mask-size: 100% auto;
            mask-size: 100% auto;
  }
}
.section2__text {
  padding: 2em 0 2em 30%;
  font-size: 1.2em;
}
@media only screen and (max-width : 960px) {
  .section2__text {
    font-size: 1em;
  }
}
@media (max-width : 650px) {
  .section2 {
    min-height: 23.8rem;
    background-position: 68% 50%;
  }
  .section2__text {
    padding: 3em 2.5em;
  }
}
.wrapper {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg.jpg) 50% 0 / cover;
}
.wrapper--anniversary {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg-anniversary.html) 50% 0 / cover;
}
.about-p .wrapper {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg-about.jpg) 50% 0 / cover;
}
.blog-p .wrapper {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg-blog.jpg) 50% 0 / cover;
}
.blog-single-p .wrapper {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg-blog-single.jpg) 50% 0 / cover;
}
.media-p .wrapper {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg-media.jpg) 50% 0 / cover;
}
.team-p .wrapper {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg-team.jpg) 50% 0 / cover;
}
.platform-p .wrapper {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg-platform.jpg) 50% 0 / cover;
}
.dlc-p .wrapper {
  background: url(../img/pattern.png) 50% 0%, #090909 no-repeat url(../img/bg-dlc.jpg) 50% 0 / cover;
}
.wrapper-image {
  margin-top: 6rem;
}
.wrapper-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about__images {
  width: 36%;
}
.about__images__slider {
  max-width: 21.45rem;
  padding: 8px;
  border: 1px solid #70756e;
  border-radius: 4px;
}
.about__images__slider:not(.slick-slider) .about__images__item + .about__images__item {
  display: none;
}
.about__images__item {
  position: relative;
}
.about__images__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/thb-hover.jpg) no-repeat 50% 50%;
  background-size: 100% 100%;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  will-change: opacity;
}
.about__images__item img {
  display: block;
  -webkit-transition: -webkit-filter 0.35s ease;
  transition: -webkit-filter 0.35s ease;
  -o-transition: filter 0.35s ease;
  transition: filter 0.35s ease;
  transition: filter 0.35s ease, -webkit-filter 0.35s ease;
  will-change: filter;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
.about__images__item:hover::after {
  opacity: 0.5;
  -webkit-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
  -webkit-transition-duration: 2s;
       -o-transition-duration: 2s;
          transition-duration: 2s;
}
.about__images__item:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.about__text {
  width: 64%;
  padding-top: 7%;
}
.about__slider:not(.slick-slider) .about__item + .about__item {
  display: none;
}
.about .slick-arrow {
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
@media (max-width : 650px) {
  .about .slick-arrow {
    top: 8rem;
  }
}
.about .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.about .slick-arrow.slick-disabled:before {
  color: #c1ccd9;
}
.about .slick-arrow:not(.slick-disabled) {
  text-shadow: 0 0 0.5rem rgba(138, 253, 32, 0);
}
.about .slick-arrow:not(.slick-disabled)::before {
  color: #aaaaaa;
}
.about .slick-arrow:not(.slick-disabled):hover {
  text-shadow: 0 0 0.5rem rgba(138, 253, 32, 0.75);
}
.about .slick-arrow:not(.slick-disabled):hover::before {
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.about .slick-arrow:not(.slick-disabled).slick-prev:hover {
  -webkit-transform: translate(-10%, -50%);
      -ms-transform: translate(-10%, -50%);
          transform: translate(-10%, -50%);
}
.about .slick-arrow:not(.slick-disabled).slick-next:hover {
  -webkit-transform: translate(10%, -50%);
      -ms-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}
.about__item {
  padding: 1em;
}
.about__item h3 {
  font-size: 2.3rem;
  line-height: 1.08695652;
  padding-left: 0.65217391em;
  margin: 0 0 1em;
  position: relative;
  text-transform: uppercase;
}
.about__item h3::before {
  content: "";
  position: absolute;
  background: #fff;
  width: 0.2173913em;
  top: 0.15em;
  bottom: 0.05em;
  left: 0;
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.4em 0 rgba(138, 253, 32, 0.51);
          box-shadow: 0 0 0.4em 0 rgba(138, 253, 32, 0.51);
}
.about__item__txt {
  padding-left: 7%;
  padding-right: 7%;
}
.about__item__txt p:last-child {
  margin-bottom: 0;
}
@media (max-width : 650px) {
  .about {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .about__images,
  .about__text {
    width: 100%;
  }
  .about__images__slider {
    margin: 0 auto;
  }
  .about__item h3 {
    font-size: 1.8rem;
  }
}
.features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.5rem;
}
.features__item {
  padding: 0.5rem;
  width: 25%;
  text-align: center;
}
.features__item__inner {
  border: 1px solid #717372;
  border-radius: 3px;
  overflow: hidden;
  height: 100%;
  position: relative;
  padding-bottom: 4em;
}
.features__item__inner:hover .features__item__thb img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.features__item__inner:hover .features__item__thb::after {
  opacity: 0.5;
  -webkit-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
  -webkit-transition-duration: 2s;
       -o-transition-duration: 2s;
          transition-duration: 2s;
}
.features__item__inner::after {
  content: "";
  position: absolute;
  background: #fff;
  width: 4rem;
  height: 5px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: 1.5rem;
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.51);
          box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.51);
}
.features__item__thb {
  -webkit-mask: url(../img/features-mask.png) 50% 50% repeat-x;
          mask: url(../img/features-mask.png) 50% 50% repeat-x;
  -webkit-mask-size: auto 100%;
          mask-size: auto 100%;
}
.features__item__thb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/thb-hover.jpg) no-repeat 50% 50% / cover;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  will-change: opacity;
}
.features__item__thb img {
  display: block;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  -webkit-transition: -webkit-filter 0.35s ease;
  transition: -webkit-filter 0.35s ease;
  -o-transition: filter 0.35s ease;
  transition: filter 0.35s ease;
  transition: filter 0.35s ease, -webkit-filter 0.35s ease;
  will-change: filter;
}
.features__item p {
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0 0.75em;
  margin: -4em 0 0;
  position: relative;
}
@media (max-width : 650px) {
  .features {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .features__item {
    width: 50%;
  }
  .features__item p {
    font-size: 1em;
  }
}
.about-page {
  max-width: 70.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 90%;
  margin: 4rem auto;
}
@media only screen and (max-width : 960px) {
  .about-page {
    margin-bottom: 0;
  }
}
@media (max-width : 650px) {
  .about-page {
    width: 100%;
    margin: 2rem 0;
  }
}
.a-sliders {
  position: relative;
  padding-top: 32.52923977%;
  padding-left: 35.81871345%;
}
.a-sliders__nav {
  position: absolute;
  top: 2.5%;
  left: 0;
}
@media (min-width: 651px) {
  .a-sliders__nav {
    right: 0;
    bottom: 0;
  }
}
.a-sliders__nav .slick-arrow {
  z-index: 5;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
@media only screen and (min-width : 961px) {
  .a-sliders__nav .slick-arrow::before {
    font-size: 1.75rem;
  }
}
.a-sliders__nav .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.a-sliders__nav .slick-arrow.slick-disabled:before {
  color: #c1ccd9;
}
.a-sliders__nav .slick-arrow:not(.slick-disabled) {
  text-shadow: 0 0 0.5rem rgba(138, 253, 32, 0);
}
.a-sliders__nav .slick-arrow:not(.slick-disabled)::before {
  color: #aaaaaa;
}
.a-sliders__nav .slick-arrow:not(.slick-disabled):hover {
  text-shadow: 0 0 0.5rem rgba(138, 253, 32, 0.75);
}
.a-sliders__nav .slick-arrow:not(.slick-disabled):hover::before {
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.a-sliders__nav .slick-arrow:not(.slick-disabled).slick-prev:hover {
  -webkit-transform: translate(-10%, -50%);
      -ms-transform: translate(-10%, -50%);
          transform: translate(-10%, -50%);
}
.a-sliders__nav .slick-arrow:not(.slick-disabled).slick-next:hover {
  -webkit-transform: translate(10%, -50%);
      -ms-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}
.a-sliders__nav .slick-prev {
  left: -1rem;
}
.a-sliders__nav .slick-next {
  right: -1rem;
}
@media only screen and (min-width : 961px) {
  .a-sliders__nav .slick-prev {
    left: -2rem;
  }
  .a-sliders__nav .slick-next {
    right: -2rem;
  }
}
@media (max-width : 650px) {
  .a-sliders__nav .slick-prev {
    left: 0;
    top: 3rem;
  }
  .a-sliders__nav .slick-next {
    right: 0;
    top: 3rem;
  }
}
.a-sliders__nav__dots {
  list-style: none;
  padding: 0;
  margin: 0 -0.5rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.a-sliders__nav__dots button {
  font-size: 0;
  width: 1.8rem;
  height: 1.5rem;
  background: transparent;
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  display: block;
}
.a-sliders__nav__dots button::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  height: 6px;
  background: #aaaaaa;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.a-sliders__nav__dots button:hover {
  color: #fff;
}
.a-sliders__nav__dots li {
  padding: 0 0.5rem;
  line-height: 1;
}
.a-sliders__nav__dots li.slick-active button::before {
  background: #06fd40;
  -webkit-box-shadow: 0 0 0.7rem 0 rgba(138, 253, 32, 0.8);
          box-shadow: 0 0 0.7rem 0 rgba(138, 253, 32, 0.8);
}
.a-sliders img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.a-sliders .a-slider-images-narrow {
  position: absolute;
  top: 7.09064327%;
  left: 0;
  width: 35.81871345%;
}
.a-sliders .a-slider-images-narrow:not(.slick-slider) div + div {
  display: none;
}
.a-sliders .a-slider-images-wide {
  position: absolute;
  right: 0;
  top: 0;
  width: 61.25730994%;
}
.a-sliders .a-slider-images-wide::after {
  content: "";
  position: absolute;
  background: #fff;
  width: 9.7rem;
  height: 0.5rem;
  right: 5%;
  -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
          transform: translate(0, 50%);
  bottom: 0;
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.5);
          box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.5);
}
.a-sliders .a-slider-images-wide:not(.slick-slider) div + div {
  display: none;
}
@media (max-width : 650px) {
  .a-sliders {
    padding: 60% 0 0;
  }
  .a-sliders__nav {
    top: 33vw;
  }
  .a-sliders__nav__dots {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .a-sliders__nav__dots li {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .a-sliders__nav__dots button {
    width: 1.5rem;
  }
  .a-sliders .a-slider-images-wide {
    left: 0;
    right: auto;
    top: 0;
  }
  .a-sliders .a-slider-images-wide::after {
    display: none;
  }
  .a-sliders .a-slider-images-narrow {
    right: 0;
    top: 0;
    left: auto;
  }
}
.a-slider-text:not(.slick-slider) .a-slider-text__item + .a-slider-text__item {
  display: none;
}
.a-slider-text__item {
  padding: 1rem 1rem 1rem 3.5rem;
}
.a-slider-text__item h3,
.a-slider-text__item h2 {
  margin: 0;
}
.a-slider-text__item p {
  font-size: 1.2rem;
  line-height: 1.83333333;
}
@media only screen and (max-width : 960px) {
  .a-slider-text__item p {
    font-size: 1rem;
  }
}
@media (max-width : 650px) {
  .a-slider-text {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .a-slider-text__item {
    padding: 1rem 1rem 1rem 2rem;
  }
}
.team-page {
  overflow: hidden;
}
@media (max-width : 650px) {
  .team-page {
    padding-top: 0;
  }
}
.team-grid__col {
  margin: 1.5em 0;
}
@media (min-width: 651px) {
  .team-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.5em -1.5rem;
  }
  .team-grid__col {
    width: 50%;
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .team-grid__col img {
    display: block;
  }
  .team-grid--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.team-grid h1:first-child,
.team-grid h2:first-child,
.team-grid h3:first-child {
  margin-top: 0.25em;
}
.team-grid h1::before,
.team-grid h2::before,
.team-grid h3::before {
  content: "";
  display: inline-block;
  width: 0.2em;
  background: #fff;
  margin-right: 0.4em;
  vertical-align: baseline;
  -webkit-transform: translate(0, 3%);
      -ms-transform: translate(0, 3%);
          transform: translate(0, 3%);
  height: 0.75em;
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
}
.team-grid p {
  font-size: 1.2rem;
  line-height: 1.83333333;
  padding-left: 1.35em;
}
@media only screen and (max-width : 960px) {
  .team-grid p {
    font-size: 1rem;
  }
}
.team-video-slider {
  margin: 4rem auto;
  max-width: 42rem;
  padding: 0 2rem;
}
.team-video-slider:not(.slick-slider) .team-video + .team-video {
  display: none;
}
.team-video-slider .slick-prev {
  left: 0;
}
.team-video-slider .slick-next {
  right: 0;
}
.team-video-slider .slick-arrow {
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.team-video-slider .slick-arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.team-video-slider .slick-arrow.slick-disabled:before {
  color: #c1ccd9;
}
.team-video-slider .slick-arrow:not(.slick-disabled) {
  text-shadow: 0 0 0.5rem rgba(138, 253, 32, 0);
}
.team-video-slider .slick-arrow:not(.slick-disabled)::before {
  color: #aaaaaa;
}
.team-video-slider .slick-arrow:not(.slick-disabled):hover {
  text-shadow: 0 0 0.5rem rgba(138, 253, 32, 0.75);
}
.team-video-slider .slick-arrow:not(.slick-disabled):hover::before {
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team-video-slider .slick-arrow:not(.slick-disabled).slick-prev:hover {
  -webkit-transform: translate(-10%, -50%);
      -ms-transform: translate(-10%, -50%);
          transform: translate(-10%, -50%);
}
.team-video-slider .slick-arrow:not(.slick-disabled).slick-next:hover {
  -webkit-transform: translate(10%, -50%);
      -ms-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}
.team-video {
  border-radius: 3px;
  padding: 9px;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
}
.team-full {
  text-align: justify;
  -moz-text-align-last: center;
       text-align-last: center;
  margin: 2rem 0;
}
.team-image {
  margin: 2rem 0;
}
.team-image img {
  display: block;
  margin: 0 auto;
}
.categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -0.5rem 3rem;
  padding: 0;
}
.categories li {
  padding: 0 0.5rem;
}
.categories a {
  display: block;
  color: #fff;
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 0.57142857em;
  position: relative;
  text-decoration: none;
}
.categories a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.07142857em;
  height: 5px;
  background: #aaa;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.categories a:hover::before {
  background: #06fd40;
}
.categories a.is-active::before {
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
}
@media (max-width : 650px) {
  .categories {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 1.5rem;
  }
  .categories li {
    padding: 0 0.5rem 0.5rem;
  }
  .categories a::before {
    height: 3px;
  }
}
.media-content {
  display: none;
}
.media-content.is-active {
  display: block;
}
.media-slider {
  margin: 3rem 0 1rem;
  padding: 0 2.25rem;
}
.media-slider .slick-arrow {
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.media-slider .slick-arrow.slick-disabled {
  pointer-events: none;
}
.media-slider .slick-arrow.slick-disabled:before {
  color: #c1ccd9;
}
.media-slider .slick-arrow:not(.slick-disabled) {
  text-shadow: 0 0 0.5rem rgba(138, 253, 32, 0);
}
.media-slider .slick-arrow:not(.slick-disabled)::before {
  color: #aaaaaa;
}
.media-slider .slick-arrow:not(.slick-disabled):hover {
  text-shadow: 0 0 0.5rem rgba(138, 253, 32, 0.75);
}
.media-slider .slick-arrow:not(.slick-disabled):hover::before {
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.media-slider .slick-arrow:not(.slick-disabled).slick-prev:hover {
  -webkit-transform: translate(-10%, -50%);
      -ms-transform: translate(-10%, -50%);
          transform: translate(-10%, -50%);
}
.media-slider .slick-arrow:not(.slick-disabled).slick-next:hover {
  -webkit-transform: translate(10%, -50%);
      -ms-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}
.media-slider .slick-prev {
  left: 0;
}
.media-slider .slick-next {
  right: 0;
}
.media-slider__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.3rem;
}
.media-slider__page img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.media-slider__page a {
  position: relative;
}
.media-slider__page a::before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.media-slider__page a[href*="youtube"]::before,
.media-slider__page a[href*="vimeo"]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '\e804';
  color: #fff;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1em;
  height: 1em;
  font-size: 2.25rem;
  line-height: 1;
  margin: -0.5em 0 0 -0.5em;
  z-index: 2;
}
.media-slider__page a:hover::before {
  color: #06fd40;
  text-shadow: 0 0 0.25em rgba(138, 253, 32, 0.6);
}
.media-slider__page__big {
  padding: 0.3rem;
  width: 50%;
}
.media-slider__page__big a {
  display: block;
  height: 100%;
}
.media-slider__page__small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50%;
}
.media-slider__page__small a {
  width: 50%;
  padding: 0.3rem;
}
@media (max-width : 650px) {
  .media-slider__page {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .media-slider__page__big {
    width: 100%;
  }
  .media-slider__page__small {
    width: 100%;
  }
}
.media-more {
  text-align: right;
}
.media-more a {
  margin-top: auto;
}
.media-download {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}
.media-download li {
  display: block;
  margin: 0.75em 0;
}
.media-download a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.media-download a i {
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  text-shadow: 0 0 0.4em rgba(138, 253, 32, 0.75);
  margin-left: 0.4em;
}
.media-download a i::before {
  background: -webkit-repeating-linear-gradient(top, #26ed83 0%, #06fd40 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
.media-download a:hover {
  color: #06fd40;
}
.media-download a:hover i {
  text-shadow: 0 0 0.45em #26ed83;
}
.media-download .media-download__ext {
  color: rgba(255, 255, 255, 0.7);
}
.media-download .media-download__ext:hover {
  color: #06fd40;
}
.single {
  padding-top: 0;
}
.single__title {
  margin: 1rem;
}
.single__title h1 {
  text-align: center;
  font-size: 3.1rem;
}
@media (max-width : 650px) {
  .single__title h1 {
    font-size: 2rem;
  }
}
.single__category {
  text-align: center;
  margin-bottom: 2rem;
}
.single__category a {
  display: inline-block;
  color: #9a9a9a;
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 0.57142857em;
  position: relative;
  text-decoration: none;
}
.single__category a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.07142857em;
  height: 5px;
  background: #aaa;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
}
.single__category a:hover {
  color: #fff;
}
.single__date {
  text-align: left;
  color: #9a9a9a;
  font-size: 1.2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.single__content {
  margin: 2rem 0 4rem;
}
.single__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single__footer h4 {
  font-size: 1.2rem;
  color: #9a9a9a;
  margin: 0 0 0.5em;
  text-transform: uppercase;
  font-weight: 600;
}
.single__footer__share {
  text-align: center;
}
.single__footer__share .social-share {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.single__author-wrapper {
  min-width: 50%;
}
.single__author {
  position: relative;
  max-width: 33rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
}
.single__author::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/author-frame.jpg) no-repeat 50% 50% / cover;
  opacity: 0.4;
}
.single__author__img {
  margin-right: 2.75rem;
  position: relative;
}
.single__author__img img {
  display: block;
}
.single__author__bio {
  font-size: 1.2rem;
  color: #9a9a9a;
  position: relative;
}
.single__author__bio strong {
  display: block;
  color: #fff;
  position: relative;
  font-family: 'Archivo Narrow', Barlow, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}
.single__author__bio strong::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.1em;
  top: 0.4em;
  bottom: 0.4em;
  left: -0.5em;
  background: #fff;
  vertical-align: baseline;
  -webkit-transform: translate(0, 3%);
      -ms-transform: translate(0, 3%);
          transform: translate(0, 3%);
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 0.38em 0 rgba(138, 253, 32, 0.6);
}
.related- {
  position: relative;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.related-::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/related-bg.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.5;
}
.early {
  position: relative;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3rem;
}
.early::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/related-bg.png) no-repeat 50% 50%;
  background-size: auto 100%;
  opacity: 0.5;
}
.early__inner {
  max-width: 70.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 90%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.early .show-more {
  margin-top: 0;
}
.early__content {
  margin-top: 2rem;
}
.early__grid {
  padding: 4rem 0;
}
@media (min-width: 651px) {
  .early {
    margin-top: -2rem;
  }
  .early::before {
    background-size: 100% 100%;
  }
  .early__header {
    padding-left: 1.75rem;
  }
  .early__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5rem 0;
  }
  .early__header {
    width: 35.81871345%;
  }
  .early__content {
    width: 64.18128655%;
    padding-left: 3.5rem;
    padding-right: 1rem;
    font-size: 1.2rem;
    margin-top: 0;
  }
  .early__content p:first-child {
    margin-top: 0;
  }
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2rem 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
}
@media (min-width: 651px) {
  .pagination {
    margin-top: 4rem;
  }
}
.pagination li {
  margin: 0 0.25em;
}
.pagination a {
  display: block;
  line-height: 2;
  padding: 0 0.25em;
  text-align: center;
  text-decoration: none;
  color: #eee;
  font-family: 'Archivo Narrow', Barlow, sans-serif;
  font-weight: 600;
}
.pagination a:hover {
  text-shadow: 0 0 0.3em #26ed83;
  color: #0cfa4c;
}
.pagination a.dots {
  min-width: 0  !important;
  border: 0 !important;
  background: transparent !important;
  pointer-events: none;
}
.pagination a.pagination__prev span::before,
.pagination a.pagination__next span::before {
  margin: 0;
}
.pagination a.pagination__prev:hover,
.pagination a.pagination__next:hover {
  text-shadow: 0 0 0.3em #26ed83;
  color: #0cfa4c;
}
.pagination a.current {
  text-shadow: 0 0 0.3em #26ed83;
  color: #0cfa4c;
}
.dlc-free::before {
  content: '\e826';
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2rem;
  color: #7cff7e;
  text-shadow: 0 0 0.3em #26ed83;
}
.dlc-paid::before {
  content: "$";
  font-size: 1.2rem;
  color: #aaa;
  font-weight: 700;
  line-height: 0.95rem;
  text-align: center;
}
.dlc-features {
  margin: 0 -0.5rem;
}
.dlc-features:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dlc-features:not(.slick-slider) .dlc-features__item {
  width: 25%;
}
.dlc-features:not(.slick-slider) .dlc-features__item:nth-of-type(4n) ~ .dlc-features__item {
  display: none;
}
.dlc-features .slick-arrow {
  z-index: 10;
}
.dlc-features .slick-arrow.slick-prev {
  left: -2rem;
}
.dlc-features .slick-arrow.slick-next {
  right: -2rem;
}
.dlc-features__item {
  padding: 0.5rem;
  text-align: center;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.dlc-features__item:not(.slick-current) {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}
.dlc-features__item__inner {
  border: 1px solid #717372;
  border-radius: 3px;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.dlc-features__item__inner:hover .features__item__thb img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.dlc-features__item__inner:hover .features__item__thb::after {
  opacity: 0.5;
  -webkit-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
  -webkit-transition-duration: 2s;
       -o-transition-duration: 2s;
          transition-duration: 2s;
}
.dlc-features__item__thb {
  -webkit-mask: url(../img/features-mask.png) 50% 0% repeat-x;
          mask: url(../img/features-mask.png) 50% 0% repeat-x;
  -webkit-mask-size: auto 27rem;
          mask-size: auto 27rem;
  -webkit-transition: -webkit-mask-size 0.2s ease;
  transition: -webkit-mask-size 0.2s ease;
  -o-transition: mask-size 0.2s ease;
  transition: mask-size 0.2s ease;
  transition: mask-size 0.2s ease, -webkit-mask-size 0.2s ease;
  will-change: mask-size;
}
.dlc-features__item__thb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../img/thb-hover.jpg) no-repeat 50% 50% / cover;
  opacity: 0.25;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
  will-change: opacity;
}
.dlc-features__item__thb img {
  display: block;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.35s ease;
  transition: -webkit-filter 0.35s ease;
  -o-transition: filter 0.35s ease;
  transition: filter 0.35s ease;
  transition: filter 0.35s ease, -webkit-filter 0.35s ease;
  will-change: filter;
}
.dlc-features__item__more {
  overflow: hidden;
  max-height: 0;
  padding-bottom: 0.5em;
  -webkit-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  transition: max-height 0.2s ease 0s;
  will-change: max-height;
}
.dlc-features__item .show-more::after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.dlc-features__item__desc {
  padding: 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.dlc-features__item__desc ul {
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 1em 0 0;
  font-size: 0.95rem;
}
.dlc-features__item__desc ul li {
  line-height: 1.15789474;
  position: relative;
  padding: 0.25em 0 0.25em 2em;
  margin: 0.25em 0;
}
.dlc-features__item__desc h3 {
  position: relative;
  text-transform: uppercase;
  font-size: 1rem;
  padding-bottom: 1em;
  margin-bottom: 0;
  text-shadow: 0 0 0.6em #000;
}
.dlc-features__item__desc h3 span {
  display: block;
  font-size: 1.2em;
}
.dlc-features__item__desc h3::after {
  content: "";
  position: absolute;
  background: #fff;
  width: 4rem;
  height: 5px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: 0;
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.51);
          box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.51);
}
.dlc-features__item__desc .dlc-paid::before {
  width: 1.2rem;
  position: absolute;
  top: 0.25rem;
  left: 0;
}
.dlc-features__item__desc .dlc-free::before {
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 1.2rem;
}
.dlc-features__item.slick-current .dlc-features__item__thb,
.dlc-features__item--hover .dlc-features__item__thb {
  -webkit-mask-size: auto 18rem;
          mask-size: auto 18rem;
}
.dlc-features__item.slick-current .dlc-features__item__thb::after,
.dlc-features__item--hover .dlc-features__item__thb::after {
  opacity: 0;
}
.dlc-features__item.slick-current .dlc-features__item__thb img,
.dlc-features__item--hover .dlc-features__item__thb img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
@media (max-width : 650px) {
  .dlc-features {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .dlc-features__item {
    width: 100%;
  }
}
.dlc-legend {
  text-align: right;
}
.dlc-legend h4 {
  text-transform: uppercase;
  margin-top: 0;
}
.dlc-legend ul {
  list-style: none;
  padding: 0;
  margin: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dlc-legend li {
  position: relative;
  margin-left: 1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dlc-legend li::before {
  margin-right: 0.5rem;
}
@media (max-width: 1100px) {
  .dlc-wrapper__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width : 960px) {
  .dlc-wrapper__inner {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width : 650px) {
  .dlc-wrapper {
    overflow: hidden;
  }
  .dlc-wrapper__inner {
    max-width: 400px;
    padding-left: 12%;
    padding-right: 12%;
  }
  .dlc-wrapper__inner .slick-list,
  .dlc-wrapper__inner .slick-track {
    overflow: visible !important;
  }
  .dlc-wrapper__inner .dlc-features__item {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .dlc-wrapper__inner .dlc-features__item:not(.slick-active) {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
  }
  .dlc-wrapper__inner .dlc-timeline__wrapper {
    overflow: visible;
  }
}
.dlc-timeline-info {
  margin-top: 1em;
}
@media (min-width: 651px) {
  .dlc-timeline-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.dlc-timeline-info__console {
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width : 650px) {
  .dlc-timeline-info__console {
    margin-top: 1.5em;
    text-align: center;
  }
  .dlc-timeline-info__console br {
    display: none;
  }
}
.dlc-timeline:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dlc-timeline:not(.slick-slider) .dlc-timeline__item {
  width: 25%;
}
.dlc-timeline:not(.slick-slider) .dlc-timeline__item:nth-of-type(4n) ~ .dlc-timeline__item {
  display: none;
}
.dlc-timeline__wrapper {
  margin: 1.5rem 0;
  position: relative;
}
.dlc-timeline__wrapper::before,
.dlc-timeline__wrapper::after {
  position: absolute;
  top: -0.35em;
  font-size: 1.15rem;
}
.dlc-timeline__wrapper::before {
  left: 0;
  content: "2021";
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.dlc-timeline__wrapper::after {
  right: 0;
  content: "2022";
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
}
.dlc-timeline__wrapper .dlc-timeline__nav {
  z-index: 10;
  width: 0.5rem;
  height: 0.5rem;
  top: 2.25rem;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
      -ms-transform: rotate(45deg) translate(-50%, -50%);
          transform: rotate(45deg) translate(-50%, -50%);
  position: absolute;
  padding: 0;
  -webkit-box-shadow: 0 0 0.5rem 0 rgba(138, 253, 32, 0);
          box-shadow: 0 0 0.5rem 0 rgba(138, 253, 32, 0);
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  cursor: pointer;
  background: #aaa;
  border: 0;
}
.dlc-timeline__wrapper .dlc-timeline__nav:hover {
  background: #05fd3e;
  background: -o-linear-gradient(135deg, #05fd3e 0%, #26ed84 100%);
  background: linear-gradient(-45deg, #05fd3e 0%, #26ed84 100%);
  -webkit-box-shadow: 0 0 0.5rem 0 rgba(138, 253, 32, 0.51);
          box-shadow: 0 0 0.5rem 0 rgba(138, 253, 32, 0.51);
}
.dlc-timeline__wrapper .dlc-timeline__nav--first {
  left: -0.1rem;
}
.dlc-timeline__wrapper .dlc-timeline__nav--last {
  right: -0.1rem;
}
.dlc-timeline__inner {
  padding: 1rem 0 0.5rem;
  overflow: hidden;
}
.dlc-timeline .slick-list,
.dlc-timeline .slick-track {
  overflow: visible !important;
}
.dlc-timeline__item {
  padding-top: 2.6rem;
  position: relative;
  text-align: center;
  font-size: 1.2rem;
  color: #9a9a9a;
}
.dlc-timeline__item.slick-current {
  color: #fff;
}
.dlc-timeline__item.slick-current .dlc-timeline__item__name {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.dlc-timeline__item__name {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  -webkit-transform: scale(0.84);
      -ms-transform: scale(0.84);
          transform: scale(0.84);
}
.dlc-timeline__item::before {
  content: "";
  position: absolute;
  top: 1.15rem;
  height: 2px;
  left: 0;
  right: 0;
  margin-top: -1px;
  background: #aaa;
}
.dlc-timeline__item__dot {
  content: "";
  position: absolute;
  top: 1.15rem;
  left: 50%;
  width: 1.33333333em;
  height: 1.33333333em;
  background: #aaa;
  -webkit-transform: translate(-50%, -50%) scale(0.5) rotate(45deg);
      -ms-transform: translate(-50%, -50%) scale(0.5) rotate(45deg);
          transform: translate(-50%, -50%) scale(0.5) rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s ease 0s;
  transition: -webkit-transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s;
  transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
  cursor: pointer;
}
.dlc-timeline__item.slick-current .dlc-timeline__item__dot {
  background: #05fd3e;
  background: -o-linear-gradient(135deg, #05fd3e 0%, #26ed84 100%);
  background: linear-gradient(-45deg, #05fd3e 0%, #26ed84 100%);
  -webkit-box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.51);
          box-shadow: 0 0 1em 0 rgba(138, 253, 32, 0.51);
  -webkit-transform: translate(-50%, -50%) scale(1) rotate(45deg);
      -ms-transform: translate(-50%, -50%) scale(1) rotate(45deg);
          transform: translate(-50%, -50%) scale(1) rotate(45deg);
}
.dlc-content__single {
  padding: 3.5rem 0;
}
.dlc-content__single:not(.dlc-content__single--active) {
  display: none;
}
@media (max-width : 650px) {
  .dlc-content__single {
    overflow: hidden;
  }
}
.dlc-content .section-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.dlc-content__inner {
  background: rgba(70, 70, 77, 0.35);
  position: relative;
}
@media only screen and (min-width : 961px) {
  .dlc-content__inner {
    font-size: 1.1rem;
  }
}
.dlc-content__inner::before,
.dlc-content__inner::after {
  content: "";
  position: absolute;
  height: 3.5rem;
  width: 100%;
  left: 0;
  opacity: 0.35;
}
.dlc-content__inner::before {
  bottom: 100%;
  background: no-repeat url(../img/bg-dlc-top.png) 50% 100%;
}
@media (min-width: 1920px) {
  .dlc-content__inner::before {
    background-size: 100% 100%;
  }
}
.dlc-content__inner::after {
  top: 100%;
  background: no-repeat url(../img/bg-dlc-bottom.png) 50% 0%;
}
@media (min-width: 1920px) {
  .dlc-content__inner::after {
    background-size: 100% 100%;
  }
}
.dlc-content__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dlc-content__image {
  width: 40%;
  position: relative;
}
.dlc-content__image__inner {
  position: absolute;
  right: 0;
  bottom: -4rem;
  width: 40vw;
  min-width: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 2;
}
.dlc-content__image__sizer {
  display: inline-block;
  position: relative;
}
.dlc-content__image img {
  display: block;
}
.dlc-content__image .cut {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) top, url(../img/bg-dlc-bottom.png) bottom;
  -webkit-mask: linear-gradient(#fff, #fff) top, url(../img/bg-dlc-bottom.png) bottom;
          mask: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) top, url(../img/bg-dlc-bottom.png) bottom;
          mask: linear-gradient(#fff, #fff) top, url(../img/bg-dlc-bottom.png) bottom;
  -webkit-mask-size: 100% calc(100% - 4.5rem), 91rem 4.5rem;
          mask-size: 100% calc(100% - 4.5rem), 91rem 4.5rem;
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
}
.dlc-content__text {
  width: 60%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding-left: 2rem;
}
@media (max-width : 650px) {
  .dlc-content__image {
    position: absolute;
    bottom: 0;
    right: -5rem;
    width: 50%;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    z-index: 2;
    opacity: 0.25;
  }
  .dlc-content__image__inner {
    min-width: 350px;
  }
  .dlc-content__text {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    z-index: 2;
  }
}
.anniversary {
  font-size: 1.2rem;
}
@media only screen and (max-width: 1400px) {
  .anniversary {
    font-size: 1rem;
  }
}
.anniversary .section-inner {
  padding-top: 0;
  padding-bottom: 0;
}
.anniversary__header {
  margin-top: 2em;
}
.anniversary__header__image {
  position: relative;
  z-index: 1;
}
.anniversary__header__columns {
  position: relative;
  margin-top: -8rem;
  padding-top: 9rem;
  padding-bottom: 4rem;
}
.anniversary__header__columns::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../img/related-bg.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.5;
}
.anniversary__header__columns .section-inner {
  position: relative;
}
@media (min-width: 651px) {
  .anniversary__header__columns .section-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .anniversary__header__col {
    width: 50%;
    line-height: 1.83333333;
  }
  .anniversary__header__col:nth-child(odd) {
    padding-right: 1em;
  }
  .anniversary__header__col:nth-child(even) {
    padding-left: 1em;
  }
}
.anniversary__header blockquote {
  margin: 0;
  position: relative;
  padding-left: 1.5em;
  font-size: 1.25em;
  max-width: 18em;
}
.anniversary__header blockquote p {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.anniversary__header blockquote::before {
  content: "";
  top: 0.25em;
  bottom: 0.1em;
  left: 0;
  width: 0.3em;
  background: #fff;
  position: absolute;
  vertical-align: baseline;
  -webkit-transform: translate(0, 3%);
      -ms-transform: translate(0, 3%);
          transform: translate(0, 3%);
  background: #06fd40;
  background: -webkit-gradient(linear, left bottom, left top, from(#06fd40), to(#26ed83));
  background: -o-linear-gradient(bottom, #06fd40 0%, #26ed83 100%);
  background: linear-gradient(0deg, #06fd40 0%, #26ed83 100%);
  -webkit-box-shadow: 0 0 2em 0 rgba(138, 253, 32, 0.6);
          box-shadow: 0 0 2em 0 rgba(138, 253, 32, 0.6);
}
.anniversary__header blockquote h5 {
  margin-top: 0;
  margin-bottom: 0.25em;
  font-family: 'Archivo Narrow', Barlow, sans-serif;
  font-weight: 600;
  font-size: 2em;
  text-transform: uppercase;
}
.anniversary__list {
  list-style: none;
  padding: 0;
}
.anniversary__list li {
  margin: 1em 0;
  position: relative;
}
.anniversary__list li:not([class]) {
  padding-left: 1.66666667em;
}
.anniversary__list li:not([class]):before {
  content: '●';
  text-shadow: 0 0 0.5em #8afd20;
  position: absolute;
  color: #26ed83;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 1.5em;
  line-height: 0.8;
}
@media (min-width: 651px) {
  .anniversary__achievements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 2em 0 !important;
  }
  .anniversary__achievements__item {
    width: 48%;
  }
}
.anniversary__achievements__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 27.08333333em;
}
.anniversary__achievements__item__ico {
  max-width: 7.91666667em;
  margin-right: 1em;
}
.anniversary__achievements__item__ico img {
  display: block;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.anniversary__achievements__item:hover .anniversary__achievements__item__ico img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.anniversary__achievements__item h4 {
  text-transform: uppercase;
  font-size: 1.58333333em;
  font-family: 'Archivo Narrow', Barlow, sans-serif;
  margin-top: 0;
}
.anniversary__achievements__item p {
  margin-bottom: 0;
}
.anniversary h3 {
  font-size: 1.9rem;
  font-family: 'Archivo Narrow', Barlow, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
}
.anniversary h3 + p {
  margin-top: 0.5em;
}
.anniversary h3:first-child {
  margin-top: 0;
}
.anniversary__content {
  margin: 1.5em 0;
}
.anniversary__content:last-child {
  margin-bottom: 0;
}
.anniversary__flex {
  margin: 2.5em 0;
}
.anniversary__flex__text {
  padding-top: 5%;
}
@media (min-width: 651px) {
  .anniversary__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .anniversary__flex--revert {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .anniversary__flex--revert .anniversary__flex__text {
    padding-left: 4%;
    padding-right: 0;
  }
  .anniversary__flex__img {
    width: 48%;
  }
  .anniversary__flex__text {
    width: 52%;
    padding-right: 4%;
    padding-top: 0;
  }
}
.anniversary__flex__img img {
  display: block;
}
.anniversary__float {
  margin: 2.5em 0;
}
.anniversary__float img {
  float: left;
  max-width: 48%;
  margin-right: 4%;
}
.anniversary__full-img {
  margin: 2.5em 0;
}
.anniversary__monsters {
  position: relative;
  margin: 2em 0;
}
.anniversary__monsters::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../img/related-bg.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.5;
}
.anniversary__monsters .section-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width : 650px) {
  .anniversary__monsters .section-inner {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
.anniversary__monsters__item {
  width: 32%;
  border: 1px solid #656565;
  background: #121212;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em;
}
@media (max-width : 650px) {
  .anniversary__monsters__item {
    width: 45%;
    margin: 0.5em 0;
  }
}
.anniversary__monsters__item img {
  max-width: 85%;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.anniversary__monsters__item:hover img {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}
.anniversary__weapons {
  position: relative;
  margin: 2em 0;
}
.anniversary__weapons::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../img/related-bg.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.8;
}
.anniversary__weapons p {
  margin-bottom: 2em;
}
.anniversary__weapons .section-inner {
  position: relative;
  padding-top: 3em;
  padding-bottom: 4.5em;
}
.anniversary__map__inner {
  padding-bottom: 54.43959243%;
  background: url(../images/map/map.png) no-repeat 50% 50%;
  background-size: 100%;
  position: relative;
}
@-webkit-keyframes logo-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  20% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0);
  }
}
@keyframes logo-pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  20% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0);
  }
}
.anniversary__map__point {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  width: 1em;
  height: 1em;
  margin: -0.5em 0 0 -0.5em;
  border-radius: 50%;
  pointer-events: auto;
  z-index: 2;
  cursor: pointer;
  -webkit-animation: logo-pulse 1s infinite;
          animation: logo-pulse 1s infinite;
}
.anniversary__map__point:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.anniversary__map__point:hover + .anniversary__map__country__hover {
  opacity: 1;
}
.anniversary__map__point:hover + .anniversary__map__country__hover + .anniversary__map__label {
  opacity: 1;
}
.anniversary__map__point::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
}
.anniversary__map__label {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1rem;
  -webkit-transform: translate(-50%, 1.5em);
      -ms-transform: translate(-50%, 1.5em);
          transform: translate(-50%, 1.5em);
  color: #fff;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  line-height: 1.1;
}
.anniversary__map__country {
  position: absolute;
  background: no-repeat 50% 50%;
  background-size: 100%;
  pointer-events: none;
}
.anniversary__map__country__hover {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  background: no-repeat 50% 50%;
  background-size: 100%;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.anniversary__map__country--1 {
  left: 41.12081514%;
  top: 48.93048128%;
  width: 5.24017467%;
  height: 8.82352941%;
  background-image: url(../images/map/1.png);
}
.anniversary__map__country--1 .anniversary__map__country__hover {
  width: 141.66666667%;
  height: 145.45454545%;
  background-image: url(../images/map/1-h.png);
}
.anniversary__map__country--2 {
  left: 42.13973799%;
  top: 66.17647059%;
  width: 6.18631732%;
  height: 10.96256684%;
  background-image: url(../images/map/2.png);
}
.anniversary__map__country--2 .anniversary__map__country__hover {
  width: 132.94117647%;
  height: 137.80487805%;
  background-image: url(../images/map/2-h.png);
}
.anniversary__map__country--2 .anniversary__map__label {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(2em, -50%);
      -ms-transform: translate(2em, -50%);
          transform: translate(2em, -50%);
  width: 10em;
}
.anniversary__map__country--3 {
  left: 41.92139738%;
  top: 71.65775401%;
  width: 4.07569141%;
  height: 8.15508021%;
  background-image: url(../images/map/3.png);
}
.anniversary__map__country--3 .anniversary__map__country__hover {
  width: 153.57142857%;
  height: 150.81967213%;
  background-image: url(../images/map/3-h.png);
}
.anniversary__map__country--3 .anniversary__map__label {
  -webkit-transform: translate(-50%, 1.5em);
      -ms-transform: translate(-50%, 1.5em);
          transform: translate(-50%, 1.5em);
}
.anniversary__map__country--4 {
  left: 66.44832606%;
  top: 34.89304813%;
  width: 10.48034934%;
  height: 8.42245989%;
  background-image: url(../images/map/4.png);
}
.anniversary__map__country--4 .anniversary__map__country__hover {
  width: 120.13888889%;
  height: 146.03174603%;
  background-image: url(../images/map/4-h.png);
}
.anniversary__map__country--4 .anniversary__map__label {
  -webkit-transform: translate(-50%, 1.75em);
      -ms-transform: translate(-50%, 1.75em);
          transform: translate(-50%, 1.75em);
}
.anniversary__map__country--5 {
  left: 83.62445415%;
  top: 70.45454545%;
  width: 4.94905386%;
  height: 4.94652406%;
  background-image: url(../images/map/5.png);
}
.anniversary__map__country--5 .anniversary__map__country__hover {
  width: 144.11764706%;
  height: 178.37837838%;
  background-image: url(../images/map/5-h.png);
}
.anniversary__map__country--5 .anniversary__map__label {
  width: 5.5em;
  text-align: center;
}
.anniversary__map__country--6 {
  left: 91.12081514%;
  top: 81.14973262%;
  width: 1.45560408%;
  height: 1.60427807%;
  background-image: url(../images/map/6.png);
}
.anniversary__map__country--6 .anniversary__map__country__hover {
  width: 235%;
  height: 341.66666667%;
  background-image: url(../images/map/6-h.png);
}
.anniversary__map__country--6 .anniversary__map__label {
  width: 5.5em;
  text-align: center;
}

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