/**
 * Core
 */
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/poppinsregular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("../fonts/poppinsmedium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("../fonts/poppinssemibold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("../fonts/poppinsbold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-Bold-Italic";
  src: url("../fonts/poppinsbolditalic.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("../fonts/poppinsextrabold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 480px) {
  html:before {
    position: absolute;
    display: none;
    content: "adaptive:extra-narrow";
  }
  .not-extra-narrow {
    display: none;
  }
}
@media (min-width: 481px) and (max-width: 768px) {
  html:before {
    position: absolute;
    display: none;
    content: "adaptive:narrow";
  }
  .not-narrow {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1440px) {
  html:before {
    position: absolute;
    display: none;
    content: "adaptive:regular";
  }
  .not-regular {
    display: none;
  }
}
@media (min-width: 1441px) {
  html:before {
    position: absolute;
    display: none;
    content: "adaptive:wide";
  }
  .not-wide {
    display: none;
  }
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

iframe {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

.flex-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
.flex-container iframe,
.flex-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  overflow: hidden;
  overflow-y: scroll;
}

body {
  display: block !important;
  color: #FFFFFF;
  background-color: #2c2c2c;
}

.page {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  visibility: hidden;
  opacity: 0;
}

.is-scroll-disabled {
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: hidden;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.ir {
  display: block;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.heading-page {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-family: "Poppins-ExtraBold", sans-serif;
  font-size: 4.5833333333rem;
  line-height: 3.75rem;
  letter-spacing: -0.001em;
}

.heading-header {
  margin: 0;
  color: #FFFFFF;
  font-family: "Poppins-ExtraBold", sans-serif;
  text-transform: uppercase;
  font-size: 6.25rem;
  line-height: 6.6666666667rem;
  letter-spacing: -0.01em;
}

.subheading-header {
  margin: 0;
  font-family: "Poppins-Bold", sans-serif;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 1.6666666667rem;
  line-height: 1.6666666667rem;
  letter-spacing: -0.01em;
}

.heading-section {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-family: "Poppins-ExtraBold", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.subheading-section {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 1.1666666667rem;
  letter-spacing: 0.032em;
}

.paragraph {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  font-family: "Poppins-Regular", sans-serif;
  color: #a9a9a8;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  letter-spacing: 0.01em;
}
.paragraph--light {
  color: #FFFFFF;
}

.paragraph-page {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  color: #cccccc;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 1.5833333333rem;
}

@media (min-width: 769px) {
  .heading-page {
    font-size: 9.1666666667rem;
    line-height: 7.5rem;
    letter-spacing: -0.01em;
  }
  .paragraph-page {
    font-size: 1.0833333333rem;
    line-height: 1.5rem;
  }
  .paragraph {
    font-size: 1.25rem;
    line-height: 1.6666666667rem;
    color: #cccccc;
  }
  .paragraph--light {
    color: #FFFFFF;
  }
  .heading-header {
    font-size: 10rem;
    line-height: 10rem;
  }
  .subheading-header {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .heading-section {
    font-size: 4.1666666667rem;
    line-height: 4.1666666667rem;
  }
  .subheading-section {
    font-size: 1.0833333333rem;
    line-height: 1.0833333333rem;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 480px) {
  .heading-header {
    font-family: "Poppins-Bold", sans-serif;
    font-size: 3.75rem;
    line-height: 4.1666666667rem;
  }
  .subheading-header {
    font-family: "Poppins-Bold", sans-serif;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}
.section {
  position: relative;
  margin-bottom: -5.5rem;
}

.section__content {
  position: relative;
  padding: 0 3.3333333333rem;
}

.section__title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.47em;
  text-transform: uppercase;
  color: #FFFFFF;
}

.section__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
}

@media (min-width: 769px) {
  .section__content {
    max-width: 86.6666666667rem;
    margin: 0 auto;
  }
  .section__title {
    font-size: 1rem;
  }
}
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 450ms;
}

@media (min-width: 1441px) {
  .page-work-detail .content .lazyloaded {
    opacity: 0;
    transition: opacity 0;
  }
}
img,
object,
video,
audio {
  max-width: 100%;
}

img {
  height: auto;
  display: block;
}

.flex-container {
  padding-bottom: 56.25%;
}

/**
 * Buttons
 */
.button {
  overflow: visible;
  margin: 0;
  padding: 0;
  text-decoration: none;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
}
.has-hover .button:hover {
  text-decoration: none;
}
.button:focus {
  outline: none;
}

.button-secondary {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
  color: #FFFFFF;
}
.button-secondary--light .button-secondary__line {
  background-color: #FFFFFF;
}

.button-secondary__line {
  display: inline-block;
  vertical-align: middle;
  width: 0.8333333333rem;
  height: 1px;
  margin-left: 0.25rem;
  background-color: #FBDD62;
  transition: width 0.2s ease-out;
}
.has-hover .button-secondary:hover .button-secondary__line {
  width: 2.5rem;
}

@media (min-width: 769px) {
  .button-secondary {
    font-size: 1rem;
  }
  .button-secondary__line {
    width: 1.6666666667rem;
    height: 2px;
    margin-left: 0.75rem;
  }
  .has-hover .button-secondary:hover .button-secondary__line {
    width: 4.1666666667rem;
  }
}
.button-outline {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  padding: 1.25rem 2.9166666667rem;
  border: 2px solid #FFFFFF;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 0.9166666667rem;
  color: #FFFFFF;
  white-space: nowrap;
  border-radius: 2.5rem;
}

@media (min-width: 769px) {
  .button-outline {
    padding: 1.25rem 3.75rem;
    font-size: 1rem;
  }
}
.button-menu {
  display: block;
  position: relative;
  width: 4.1666666667rem;
  height: 4.1666666667rem;
}
.button-menu--is-open .button-menu__line--top {
  transform: translate3d(-25px, -16px, 0) rotate(45deg);
}
.button-menu--is-open .button-menu__line--middle {
  opacity: 0;
}
.button-menu--is-open .button-menu__line--bottom {
  transform: translate3d(24px, -24px, 0) rotate(-45deg);
}
.has-hover .button-menu:hover .button-menu__circle {
  transform: scale(1.07);
}

.button-menu__circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  margin: auto;
  border-radius: 50%;
  background: linear-gradient(to top, rgb(254, 119, 0) 0%, rgb(255, 0, 85) 150%);
  transition: transform 0.13s ease-out;
}

.button-menu__lines {
  position: relative;
  left: calc(50% - 8px);
  top: 0px;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 16px;
  height: 50px;
  overflow: hidden;
}

.button-menu__line {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 0.0833333333rem;
  background: #FFFFFF;
  transition: 300ms transform ease-in-out;
}
.button-menu__line--top {
  width: 30%;
  right: 0;
  top: calc(50% - 4px);
}
.button-menu__line--top:after {
  content: "";
  position: absolute;
  right: calc(-16px * 2);
  top: 0;
  width: 16px;
  height: 100%;
  background: #FFFFFF;
}
.button-menu__line--middle {
  transition: 300ms opacity ease-in-out;
}
.button-menu__line--bottom {
  top: calc(50% + 4px);
  left: 0;
  width: 30%;
}
.button-menu__line--bottom:after {
  content: "";
  position: absolute;
  left: calc(-16px * 2);
  top: 0;
  width: 16px;
  height: 100%;
  background: #FFFFFF;
}
.has-hover .button-menu__line:not(.button-menu--is-open):hover .button-menu__line--top {
  transform: translate3d(calc(-16px * 2), 0, 0);
}
.has-hover .button-menu__line:not(.button-menu--is-open):hover .button-menu__line--bottom {
  transform: translate3d(calc(16px * 2), 0, 0);
}

.button-menu__jobs-count {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  bottom: 68%;
  left: 68%;
  font-family: "Poppins-Medium";
  font-size: 0.8333333333rem;
  background-color: #736FA6;
  border-radius: 100%;
  width: 1.6666666667rem;
  height: 1.6666666667rem;
  line-height: 1.6666666667rem;
  pointer-events: none;
}

.button-footer {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0.9166666667rem;
  color: #FFFFFF;
  transition: color 0.2s ease-out;
}
.has-hover .button-footer:hover {
  color: #bebebe;
}

@media (min-width: 769px) {
  .button-footer {
    font-size: 1.25rem;
  }
}
.button-rollover {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  display: inline-block;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  padding: 1.25rem 2.9166666667rem;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 0.9166666667rem;
  color: #FFFFFF;
  white-space: nowrap;
  border-radius: 2.5rem;
}
.button-rollover:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: 2px solid #FFFFFF;
  border-radius: 8.3333333333rem;
  width: 100%;
  height: 100%;
  content: "";
}

.button-rollover-icon {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 0.4166666667rem;
  transition: fill 250ms cubic-bezier(0.42, 0, 0.58, 1);
  fill: #FFFFFF;
}
.has-hover .button-rollover:hover .button-rollover-icon {
  fill: #FE9803;
}

.button-rollover-copy {
  position: relative;
  display: inline-block;
  transition: color 250ms cubic-bezier(0.42, 0, 0.58, 1);
}
.has-hover .button-rollover:hover .button-rollover-copy {
  color: #FE9803;
}

.rollover-div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  margin: auto;
  width: calc(100% + 30px);
  height: 100%;
  transform: skew(-30deg);
  will-change: transform;
}
.rollover-div:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #FFFFFF;
  transform: translate(110%, 0%);
  transition: transform 400ms cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  height: 100%;
  content: "";
}
.rollover-div:after {
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #FFFFFF;
  transform: translate(-110%, 0%);
  transition: none;
  width: 100%;
  height: 100%;
  content: "";
}
.has-hover .button-rollover:hover .rollover-div:before {
  visibility: hidden;
  transform: translate(0%, 0%);
  transition: none;
}
.has-hover .button-rollover:hover .rollover-div:after {
  visibility: visible;
  transform: translate(0%, 0%);
  transition: transform 400ms cubic-bezier(0.42, 0, 0.58, 1);
}

@media (min-width: 769px) {
  .button-rollover {
    padding: 1.5833333333rem 4.0833333333rem;
    font-size: 1rem;
  }
}
.button-scroll {
  position: relative;
  width: 20.8333333333rem;
  text-align: right;
}

.button-scroll__line {
  display: inline-block;
  position: relative;
  top: -0.3333333333rem;
  height: 1px;
  width: 8.3333333333rem;
  background-color: #666;
}

.button-scroll__label {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-left: 0.8333333333rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 12px;
  letter-spacing: 0em;
  color: #a9a9a8;
}

@media (min-height: 770px) {
  .button-scroll__line {
    width: 16.6666666667rem;
  }
}
.button-play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 5rem;
  height: 5rem;
}
.has-hover .button-play:hover:before {
  transform: scale(1.1);
}

.button-play:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fc4029, #fc7600);
  border-radius: 50%;
  transition: transform 0.2s ease-out;
}

.button-play__icon {
  position: absolute;
  top: 0;
  left: 0;
  right: -0.1666666667rem;
  bottom: 0;
  margin: auto;
  width: 0.8333333333rem;
}

@media (min-width: 769px) {
  .button-play {
    width: 6.6666666667rem;
    height: 6.6666666667rem;
  }
}
.button-bullet {
  position: relative;
  width: 0.8333333333rem;
  height: 0.8333333333rem;
  background: #666;
  transition: background 1s ease-out;
  border-radius: 50%;
}
.button-bullet:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 50%;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.2s ease-out;
  content: "";
}

.button-bullet.is-active:after {
  opacity: 1;
}

@media (min-width: 769px) {
  .button-bullet {
    width: 0.6666666667rem;
    height: 0.6666666667rem;
  }
}
.button-previous {
  position: relative;
  width: 3.3333333333rem;
  height: 3.3333333333rem;
}

.button-previous__icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0.3333333333rem;
  bottom: 0;
  margin: auto;
  width: 0.8333333333rem;
}

@media (min-width: 769px) {
  .button-previous {
    width: 4.5rem;
    height: 4.5rem;
  }
  .has-hover .button-previous:hover .button-previous__icon {
    transform: scale(1.2);
  }
  .button-previous__icon {
    right: 0.4166666667rem;
    width: 1.1666666667rem;
    height: 2rem;
    transform-origin: center center;
    transition: transform 0.2s ease-out;
  }
}
.button-next {
  position: relative;
  width: 3.3333333333rem;
  height: 3.3333333333rem;
}

.button-next__icon {
  position: absolute;
  top: 0;
  left: 0.3333333333rem;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0.8333333333rem;
}

@media (min-width: 769px) {
  .button-next {
    width: 4.5rem;
    height: 4.5rem;
  }
  .has-hover .button-next:hover .button-next__icon {
    transform: scale(1.2);
  }
  .button-next__icon {
    left: 0.25rem;
    width: 1.1666666667rem;
    height: 2rem;
    transform-origin: center center;
    transition: transform 0.2s ease-out;
  }
}
.button-navigation {
  z-index: 2;
}

.button-navigation__label {
  position: relative;
  transition: transform 0.13s ease-out;
}
.button-navigation__label:last-of-type {
  margin-bottom: 0;
}
.has-hover .button-navigation:hover .button-navigation__label {
  transform: translateX(-20px);
}

.button-navigation__index {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -2.5rem;
  bottom: 0;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0.8333333333rem;
  color: #a9a9a8;
}
.button-navigation__index--extra-jobs {
  left: -5rem;
}

.button-navigation__amount-jobs {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.3333333333rem;
  left: -2.5rem;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.0833333333rem;
  color: #FFFFFF;
}

.button-navigation__characters-holder {
  z-index: 1;
  background-color: #2c2c2c;
  font-size: 0;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: #FFFFFF;
  transition: color 0.2s ease-out, transform 0.13s ease-out;
}
.button-navigation__characters-holder--pink.is-active, .has-hover .button-navigation:hover .button-navigation__characters-holder--pink, .is-visible-sub-menu .button-navigation__characters-holder--color-pink {
  color: #E14FB1;
}
.button-navigation__characters-holder--green.is-active, .has-hover .button-navigation:hover .button-navigation__characters-holder--green, .is-visible-sub-menu .button-navigation__characters-holder--color-green {
  color: #AEC45E;
}
.button-navigation__characters-holder--orange.is-active, .has-hover .button-navigation:hover .button-navigation__characters-holder--orange, .is-visible-sub-menu .button-navigation__characters-holder--orange {
  color: #FBDD62;
}
.button-navigation__characters-holder--purple.is-active, .has-hover .button-navigation:hover .button-navigation__characters-holder--purple, .is-visible-sub-menu .button-navigation__characters-holder--color-purple {
  color: #736FA6;
}
.button-navigation__characters-holder--blue.is-active, .has-hover .button-navigation:hover .button-navigation__characters-holder--blue, .is-visible-sub-menu .button-navigation__characters-holder--color-blue {
  color: #5BCCD5;
}

.button-navigation__character {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  z-index: 1;
  margin: 0.0833333333rem;
  font-size: 3.3333333333rem;
  line-height: 2.9166666667rem;
  text-transform: uppercase;
  font-family: "Poppins-Bold", sans-serif;
  transform-origin: top right;
}

.button-navigation__line {
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  z-index: -1;
  opacity: 0;
  height: 2px;
  background: #a9a9a8;
  width: 100%;
}

@media (min-width: 769px) {
  .button-navigation__line {
    transform: translateX(1.6666666667rem);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.22s ease-out, opacity 0.25s, visibility 0.25s;
  }
  .has-hover .button-navigation:hover .button-navigation__line, .is-visible-sub-menu .button-navigation__line {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
  }
  .button-navigation__index {
    top: 1.25rem;
    left: 0;
  }
  .button-navigation__index--extra-jobs {
    left: -3.3333333333rem;
    top: 1.0833333333rem;
  }
  .is-visible-sub-menu .button-navigation__label {
    transform: translateX(-20px);
  }
  .button-navigation__amount-jobs {
    font-size: 1.6666666667rem;
    top: 1.25rem;
    left: -0.4166666667rem;
  }
  .button-navigation__characters-holder {
    padding-left: 3.3333333333rem;
    padding-right: 0.4166666667rem;
  }
  .button-navigation__character {
    font-size: 5.4166666667rem;
    line-height: 5rem;
  }
}
@media (min-width: 980px) {
  .button-navigation__index {
    top: 2.0833333333rem;
  }
  .button-navigation__index--extra-jobs {
    left: -2.9166666667rem;
  }
  .button-navigation__character {
    font-size: 7.5rem;
    line-height: 7.0833333333rem;
  }
}
@media (min-width: 1190px) {
  .button-navigation__index {
    top: 2.9166666667rem;
    left: -0.4166666667rem;
  }
  .button-navigation__index--extra-jobs {
    left: -3.3333333333rem;
  }
  .button-navigation__character {
    font-size: 9.1666666667rem;
    line-height: 8.75rem;
  }
}
.button-load-more {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}

.button-load-more:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0 0 -1px;
  width: 100%;
  height: 1px;
  background: #666666;
  z-index: -1;
}

.button-load-more:hover .button-load-more__label {
  background: #FBDD62;
}

.button-load-more__label {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: inline-block;
  border: 2px solid #FBDD62;
  padding: 0 3.3333333333rem;
  height: 4.5rem;
  border-radius: 2.1666666667rem;
  line-height: 4.3333333333rem;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 1rem;
  transition: 0.4s background;
}

.button-load-more__label:before {
  content: "";
  position: absolute;
  top: 0;
  left: -3.3333333333rem;
  width: calc(100% + 6.6666666667rem);
  height: 100%;
  background: #2c2c2c;
  z-index: -1;
}

.button-store {
  display: inline-block;
  padding: 0.6666666667rem 1.25rem 0.4166666667rem;
  background: #000000;
  border-radius: 0.4166666667rem;
  transition: opacity 0.2s ease-out;
}
.has-hover .button-store:hover {
  opacity: 0.75;
}

.button-store__icon {
  width: 6.9166666667rem;
}

@media (min-width: 769px) {
  .button-store {
    padding: 0.75rem 1.6666666667rem;
    border-radius: 0.6666666667rem;
  }
  .button-store__icon {
    width: 12.0833333333rem;
  }
}
.button-social__icon {
  opacity: 0.85;
  width: 1.3333333333rem;
  height: 1.3333333333rem;
  transition: opacity 0.2s ease-out;
}
.has-hover .button-social:hover .button-social__icon {
  opacity: 1;
}

@media (min-width: 769px) {
  .button-social__icon {
    width: 1.6666666667rem;
    height: 1.6666666667rem;
  }
}
.inline-buttons {
  display: flex;
}
.inline-buttons .button {
  margin-right: 1rem;
}

/**
 * List items
 */
.list, .list--horizontal {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.list--horizontal .list__item {
  display: inline-block;
  vertical-align: top;
}

.header-home {
  position: relative;
  width: 100%;
  height: 65rem;
}

.header-home__video-wrapper {
  display: block;
  z-index: -2;
  position: absolute;
  top: -10%;
  left: 50%;
  width: 32rem;
  padding-top: 48rem;
  transform: translateX(-50%);
}

.header-home__video-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 24px 20px #2c2c2c inset, 0px 0px 2px 1px #2c2c2c inset;
}

.header-home__video {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header-home__slides {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 33.3333333333rem;
}

.header-home__bullets {
  position: absolute;
  top: 29.1666666667rem;
  right: 0;
  left: 0;
  max-width: 41.6666666667rem;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.header-home__bullets-list {
  display: inline-block;
  margin: 0 auto;
}

.header-home__bullets-item {
  margin-right: 0.5rem;
}
.header-home__bullets-item:last-of-type {
  margin-right: 0;
}

.header-home__bullet {
  width: 0.6666666667rem;
  height: 0.6666666667rem;
  border-radius: 50%;
  background-color: #666666;
}
.header-home__bullet.is-active {
  background-color: #FFFFFF;
}

@media (min-width: 800px) {
  .header-home {
    height: 33.3333333333rem;
  }
  .header-home__video-wrapper {
    width: 80rem;
    padding-top: 45rem;
  }
  .header-home__bullets {
    top: auto;
    bottom: 0;
  }
  .header-home__slides {
    max-width: 1000px;
    height: 100%;
    padding-top: 0;
  }
}
@media (min-width: 1260px) {
  .header-home {
    height: 70.8333333333rem;
    max-height: 95vh;
  }
  .header-home__video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160rem;
    padding-top: 90rem;
    transform: translate(-50%, -50%);
  }
  .header-home__slides {
    max-width: 1200px;
  }
}
@media (min-width: 1920px) {
  .header-home {
    height: 95vh;
    max-height: 95vh;
  }
  .header-home__slides {
    max-width: 1500px;
  }
}
.game-list-item {
  margin-top: 10rem;
}
.game-list-item:first-child {
  margin-top: 0;
}

.game-list-item__visual {
  position: relative;
  width: 100%;
  padding-top: 56.875%;
}
.game-list-item__visual img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.game-list-item__content-title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
}

.game-list-item__content-text {
  margin-bottom: 1.1666666667rem;
  color: #a9a9a8;
}

.game-list-item__content-list {
  margin-bottom: 4.1666666667rem;
  color: #a9a9a8;
  font-size: 1rem;
}
.game-list-item__content-list .game-list-item__content-list-item {
  position: relative;
  display: inline-flex;
  padding: 0 1.1666666667rem;
  align-items: center;
}
.game-list-item__content-list .game-list-item__content-list-item:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.5rem;
  background-color: #FFFFFF;
}
.game-list-item__content-list .game-list-item__content-list-item:first-child {
  padding-left: 0;
}
.game-list-item__content-list .game-list-item__content-list-item:last-child:after {
  display: none;
}
.game-list-item__content-list .game-list-item__icon {
  width: 1.25rem;
  margin-left: 1.1666666667rem;
  opacity: 0.5;
}

@media (min-width: 768px) {
  .game-list-item {
    display: flex;
    align-items: flex-start;
  }
  .game-list-item__visual {
    width: 30rem;
    padding-top: 17.0833333333rem;
  }
  .game-list-item__content {
    flex: 50%;
    margin-left: 8.3333333333rem;
  }
  .game-list-item__content-title {
    margin-top: 0;
  }
}
.list-item-offices {
  margin-bottom: 5rem;
}

.list-item-offices__column-left,
.list-item-offices__column-right {
  position: relative;
}

.list-item-offices__column-left {
  width: 100%;
  height: 29.1666666667rem;
}

.list-item-offices__illustration {
  position: absolute;
  top: 6.6666666667rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 23.3333333333rem;
  height: 22.1666666667rem;
  pointer-events: none;
}

.list-item-offices__background {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 20.8333333333rem;
  height: 20.8333333333rem;
  margin: 0 auto;
  background: #3d3d3d;
  border-radius: 50%;
}

.list-item-offices__content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 20.8333333333rem;
  height: 20.8333333333rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.list-item-offices__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  margin: 0 0 1.25rem;
  padding: 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.8333333333rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.list-item-offices__address {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  max-width: 16.6666666667rem;
  margin: 0 auto 0.6666666667rem;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.5rem;
  color: #FFFFFF;
  transition: opacity 0.2s ease-out;
}
.has-hover .list-item-offices__address:hover {
  opacity: 0.7;
}

.list-item-offices__email {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  max-width: 16.6666666667rem;
  margin: 0 auto;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
  transition: opacity 0.2s ease-out;
}
.has-hover .list-item-offices__email:hover {
  opacity: 0.7;
}

.list-item-offices__description {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  color: #FFFFFF;
}

.list-item-offices__description-item {
  position: relative;
  margin-bottom: 1.6666666667rem;
  padding-left: 2.5rem;
}
.list-item-offices__description-item ol {
  padding: 0;
  list-style: none;
  counter-reset: item;
}
.list-item-offices__description-item ol li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
  counter-increment: item;
}
.list-item-offices__description-item ol li:before {
  position: absolute;
  top: 0;
  left: 0.8333333333rem;
  content: counter(item) ". ";
  color: currentColor;
}
.list-item-offices__description-item ul {
  padding: 0;
  list-style-type: none;
}
.list-item-offices__description-item ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
}
.list-item-offices__description-item ul li:before {
  position: absolute;
  top: 0.6em;
  left: 0.8333333333rem;
  width: 0.3333333333rem;
  height: 0.3333333333rem;
  border-radius: 50%;
  background: currentColor;
  content: "";
}
.list-item-offices__description-item a {
  color: #FE9803;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
.has-hover .list-item-offices__description-item a:hover {
  opacity: 0.5;
}

@media (min-width: 769px) {
  .list-item-offices {
    display: flex;
    align-items: center;
    margin-bottom: 10.8333333333rem;
  }
  .list-item-offices:last-child {
    padding-bottom: 0;
  }
  .list-item-offices--reverse {
    flex-direction: row-reverse;
  }
  .list-item-offices__column-left {
    flex: 60%;
    width: 36.1666666667rem;
    height: 36.1666666667rem;
  }
  .list-item-offices__column-right {
    flex: 40%;
  }
  .list-item-offices__content {
    width: 100%;
    height: 100%;
  }
  .list-item-offices__heading {
    font-size: 5.8333333333rem;
    letter-spacing: -0.02em;
  }
  .list-item-offices__background {
    width: 36.1666666667rem;
    height: 36.1666666667rem;
  }
  .list-item-offices__adress {
    margin: 1.25rem auto 1.25rem auto;
    font-size: 1.25rem;
  }
  .list-item-offices__email {
    max-width: 29.1666666667rem;
    font-size: 1.25rem;
  }
  .list-item-offices__illustration {
    top: 9.1666666667rem;
    width: 42.0833333333rem;
    height: 43.3333333333rem;
  }
  .list-item-offices__address {
    max-width: 29.1666666667rem;
  }
}
.contact-list-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 3.3333333333rem;
}

.contact-list-item__image-container {
  position: relative;
  overflow: hidden;
  min-width: 11.6666666667rem;
  min-height: 11.6666666667rem;
}
.contact-list-item__image-container .contact-list-item__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: auto;
  border-radius: 50%;
}

.contact-list-item__infos {
  text-align: center;
}

.contact-list-item__name {
  font-family: "Poppins-Regular", sans-serif;
  text-transform: uppercase;
  font-size: 1.4166666667rem;
}

.contact-list-item__position {
  margin: 0 auto 0.8333333333rem 0;
  white-space: wrap;
}

.contact-list-item__email {
  display: inline-block;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
  text-decoration: none;
  color: #FE9803;
  word-break: break-all;
  transition: opacity 0.2s ease-out;
}
.has-hover .contact-list-item__email:hover {
  opacity: 0.7;
}

.contact-list-item__email--extra-narrow {
  display: none;
}

@media (min-width: 769px) {
  .contact-list-item {
    flex-direction: row;
  }
  .contact-list-item {
    width: 50%;
  }
  .contact-list-item__name {
    margin: 0 auto 0.8333333333rem 0;
    text-align: left;
  }
  .contact-list-item__position {
    text-align: left;
  }
  .contact-list-item__email {
    padding-right: 2.0833333333rem;
    text-align: left;
  }
  .contact-list-item__infos {
    text-align: left;
    margin-left: 4.1666666667rem;
  }
}
@media (max-width: 480px) {
  .contact-list-item {
    width: 100%;
    text-align: center;
  }
  .contact-list-item__infos {
    margin: 0;
  }
  .contact-list-item__image-container {
    min-width: 10rem;
    min-height: 10rem;
  }
  .contact-list-item__image {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 420px) {
  .contact-list-item {
    position: relative;
    margin-top: 5rem;
  }
  .contact-list-item .contact-list-item__email {
    display: none;
  }
  .contact-list-item .contact-list-item__email--extra-narrow {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 1.1666666667rem);
    width: 100%;
  }
}
.job-openings__list-item {
  padding-right: 5%;
  margin-bottom: 3.3333333333rem;
  overflow: hidden;
}

.job-opening__title {
  margin: 0;
  color: #FFFFFF;
  font-size: 1.25rem;
  line-height: 1.3em;
  text-transform: uppercase;
  font-family: "Poppins-Bold", sans-serif;
}

.job-opening__subtitle {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  margin-top: 0;
  margin-bottom: 0.4166666667rem;
  font-size: 1.25rem;
  line-height: 2em;
  font-family: "Poppins-Regular", sans-serif;
  color: #FFFFFF;
}
.job-opening__subtitle:after {
  position: absolute;
  left: -50%;
  bottom: 0;
  height: 2px;
  width: 50%;
  background: #FFFFFF;
  transition: transform 0.2s;
  content: "";
}
.has-hover .job-openings__list-item:hover .job-opening__subtitle:after {
  transform: translateX(100%);
}

@media (min-width: 769px) {
  .job-openings__list-item {
    width: 33%;
    margin-bottom: 2.5833333333rem;
  }
  .job-opening__subtitle {
    margin-bottom: 1em;
  }
}
.job-caracteristics__list-item {
  margin-bottom: 6.6666666667rem;
  padding-bottom: 8.3333333333rem;
  border-bottom: solid 1px #a9a9a8;
}
.job-caracteristics__list-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.job-caracteristics-item__heading {
  margin-bottom: 1.6666666667rem;
}

.job-caracteristics-item__text {
  max-width: 100%;
  margin-bottom: 1.6666666667rem;
  font-family: "Poppins-Medium", sans-serif;
  color: #FFFFFF;
}
.job-caracteristics-item__text ol {
  padding: 0;
  list-style: none;
  counter-reset: item;
}
.job-caracteristics-item__text ol li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
  counter-increment: item;
}
.job-caracteristics-item__text ol li:before {
  position: absolute;
  top: 0;
  left: 0.8333333333rem;
  content: counter(item) ". ";
  color: #FFFFFF;
}
.job-caracteristics-item__text ul {
  padding: 0;
  list-style-type: none;
}
.job-caracteristics-item__text ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
}
.job-caracteristics-item__text ul li:before {
  position: absolute;
  top: 0.6em;
  left: 0.8333333333rem;
  width: 0.3333333333rem;
  height: 0.3333333333rem;
  border-radius: 50%;
  background: #FFFFFF;
  content: "";
}

.job-caracteristics__description-list {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  color: #a9a9a8;
}
.job-caracteristics__description-list .job-caracteristics__description-list-item {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
}
.job-caracteristics__description-list .job-caracteristics__description-list-item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.3333333333rem;
  height: 0.3333333333rem;
  border-radius: 50%;
  background: #FFFFFF;
  content: "";
}

@media (min-width: 769px) {
  .job-caracteristics__list-item {
    display: flex;
  }
  .job-caracteristics-item__column-left {
    display: inline-block;
    width: 50%;
  }
  .job-caracteristics-item__column-right {
    display: inline-block;
    width: 50%;
    padding-left: 4.5833333333rem;
  }
  .job-caracteristics-item__text {
    max-width: 80%;
  }
  .job-caracteristics-item__heading {
    margin-bottom: 3.3333333333rem;
    font-size: 3.3333333333rem;
  }
}
@media (min-width: 1441px) {
  .job-caracteristics-item__heading {
    font-size: 4.1666666667rem;
  }
}
/**
* Headers
*/
.header-job-detail {
  padding-bottom: 5rem;
}

.header-job-detail .section__background {
  top: -5.8333333333rem;
}

.header-job-detail-arrow {
  width: 250px;
  height: 250px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #FBDD62;
}

.header-job-detail__title {
  margin-top: 25rem;
}

.header-job-detail__heading--small {
  margin-top: 1.1666666667rem;
  margin-bottom: 2.5rem;
}

.header-job-detail__col-wrapper {
  margin-top: 4.1666666667rem;
}
.header-job-detail__col-wrapper a {
  color: #FE9803;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
.has-hover .header-job-detail__col-wrapper a:hover {
  opacity: 0.5;
}

.header-job-detail__job-caracteristics-item {
  display: inline-block;
}

.job-caracteristics__text {
  margin-right: 1.1666666667rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  font-style: oblique;
  color: #cccccc;
}

.job-caracteristics__icon {
  margin-right: 1.1666666667rem;
}

.job-caracteristics__icon {
  width: 20px;
  height: 20px;
  transform: translateY(5px);
}

.header-job-detail_content {
  z-index: 1;
  position: relative;
  font-family: "Poppins-Regular", sans-serif;
}

@media (min-width: 481px) {
  .header-job-detail__text {
    columns: 2;
    column-gap: 4.1666666667rem;
  }
}
@media (max-width: 480px) {
  .header-job-detail-arrow {
    width: 150px;
    height: 150px;
  }
  .header-job-detail__title {
    margin-top: 12.5rem;
  }
}
@media (min-width: 769px) {
  .header-job-detail {
    margin-bottom: 4.1666666667rem;
    font-family: "Poppins-Regular", sans-serif;
  }
  .header-job-detail_content {
    font-family: "Poppins-Regular", sans-serif;
  }
  .header-job-detail_content p {
    font-size: 1.25rem;
    color: #919191;
  }
  .header-job-detail__col-wrapper {
    column-count: 2;
    column-gap: 5.8333333333rem;
  }
  .header-job-detail__col-wrapper p {
    margin-top: auto;
  }
}
.header-career {
  position: relative;
}

.header-arrow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 12.5rem;
  height: 12.5rem;
}
.header-arrow--purple {
  background-color: #736FA6;
}
.header-arrow--green {
  background-color: #AEC45E;
}
.header-arrow--pink {
  background-color: #E14FB1;
}

.header-career__heading {
  padding-top: 33.3333333333rem;
}

.header-career__content {
  width: 100%;
  min-height: 37.5rem;
}

.header-career__visual {
  position: absolute;
  top: 25rem;
  left: 60%;
  width: 100rem;
}

.header-career__text {
  margin-top: 1.1666666667rem;
  margin-right: 35%;
  margin-bottom: 5.8333333333rem;
}

@media (min-width: 769px) {
  .header-career {
    padding-bottom: 8.3333333333rem;
  }
  .header-arrow {
    width: 20.8333333333rem;
    height: 20.8333333333rem;
  }
  .header-career__content {
    width: 70%;
  }
  .header-career__text {
    margin-right: 40%;
  }
}
@media (max-width: 480px) {
  .header-career__heading {
    padding-top: 12.5rem;
  }
  .header-career__content {
    width: 100%;
    min-height: auto;
  }
  .header-career__text {
    margin-right: 0;
  }
  .header-career__visual {
    display: none;
  }
}
.header-contact {
  padding-bottom: 5rem;
}

.header-contact__visual {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 25rem;
}

.header-contact__visual-img {
  position: absolute;
  bottom: 0;
  left: -100%;
  right: -100%;
  width: 100%;
  margin: 0 auto;
}

.header-contact__content {
  padding-top: 26.6666666667rem;
}

.header-contact__heading {
  width: 100%;
  max-width: 33.3333333333rem;
  margin-bottom: 1.1666666667rem;
}

.header-contact__text {
  margin-bottom: 4.1666666667rem;
}

@media (min-width: 769px) {
  .header-contact__heading {
    width: 70%;
    max-width: 58.3333333333rem;
  }
  .header-contact__visual {
    height: 37rem;
  }
  .header-contact__content {
    padding-top: 36.6666666667rem;
  }
  .header-contact__visual-img {
    width: auto;
  }
  .header-contact__right {
    margin-left: 45%;
  }
}
.header-game {
  position: relative;
  padding-bottom: 5rem;
  overflow: hidden;
}
.header-game .section__background {
  top: 123.4375vw;
  z-index: -1;
}

.header-game-banner {
  position: relative;
  z-index: -1;
  width: 100%;
  padding-top: 144.53125%;
}
.header-game--video .header-game-banner {
  padding-top: 0;
}

.header-game-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.header-game__content {
  margin-top: 3.75rem;
  padding: 1.6666666667rem 0 3.3333333333rem;
}

.header-game__heading {
  display: none;
}

.header-game__text {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 3.3333333333rem;
  margin-bottom: 3.3333333333rem;
}
.header-game__text .content-ritchtext p {
  margin: 0 0 1.25rem;
  color: #FFFFFF;
}
.header-game__text p:last-of-type {
  margin-bottom: 1.5em;
}

.header-game__column-right ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: item;
}
.header-game__column-right > ol, .header-game__column-right > ul {
  margin-bottom: 2.5rem;
}
.header-game__column-right li {
  color: #FFFFFF;
}
.header-game__column-right ol > li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
  counter-increment: item;
}
.header-game__column-right ol > li:before {
  position: absolute;
  left: 0.8333333333rem;
  padding-right: 1.6666666667rem;
  color: #FFFFFF;
  content: counters(item, ".") ". ";
}
.header-game__column-right li ol > li:before {
  color: #FFFFFF;
  content: counters(item, ".") " ";
}
.header-game__column-right ul {
  list-style-type: none;
  margin-bottom: 1.25rem;
  padding: 0;
}
.header-game__column-right ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
}
.header-game__column-right ul li:before {
  position: absolute;
  top: 0.6em;
  left: 0.8333333333rem;
  width: 0.3333333333rem;
  height: 0.3333333333rem;
  border-radius: 50%;
  background: #FFFFFF;
  content: "";
}
.header-game__column-right .button-rollover__wrapper {
  display: inline-block;
  margin: 0 1.6666666667rem 1.6666666667rem 0;
}
.header-game__column-right .button-rollover__wrapper:last-of-type {
  margin: 0;
}

.header-game__list-item {
  position: relative;
  display: inline-flex;
  margin-left: 0;
  padding: 0 1.1666666667rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
}
.header-game__list-item:after {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.5rem;
  background-color: #FFFFFF;
  content: "";
}
.header-game__list-item:last-child:after {
  display: none;
}

.header-game__icon {
  width: 1.6666666667rem;
  margin-left: 0.8333333333rem;
}

.header-game__row {
  font-size: 0;
}

.header-game__column-left {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.header-game__column-right {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

@media (min-width: 768px) {
  .header-game .section__background {
    top: 65vw;
  }
  .header-game-banner {
    padding-top: 75%;
  }
}
@media (min-width: 769px) {
  .header-game {
    padding-bottom: 8.3333333333rem;
  }
  .header-game .section__background {
    top: 35.7638888889vw;
  }
  .header-game-banner {
    padding-top: 42.1428571429%;
  }
  .header-game--video .header-game-banner {
    padding-top: 0;
  }
  .header-game__content {
    margin-top: 5rem;
    padding: 1.6666666667rem 0;
  }
  .header-game--video .header-game__content {
    margin-top: 0;
    padding-top: 0;
  }
  .header-game__column-left {
    width: 50%;
  }
  .header-game__column-right {
    width: 50%;
  }
  .header-game__text {
    transform: translateY(0);
    margin-top: 0;
    margin-bottom: 3.3333333333rem;
  }
  .header-game__list {
    position: relative;
    padding-right: 3.3333333333rem;
  }
  .header-game__button {
    top: -6.6666666667rem;
  }
}
.header-static-page {
  position: relative;
  overflow: hidden;
  padding-bottom: 4.1666666667rem;
}
.header-static-page .section__background {
  top: 123.4375vw;
  z-index: -1;
}

.header-static-page-banner {
  position: relative;
  z-index: -1;
  width: 100%;
  padding-top: 144.53125%;
}
.header-static-page-banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
}

.header-static-page-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.header-static-page-banner__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.header-static-page__content {
  margin-top: 4.1666666667rem;
  padding: 1.6666666667rem 0;
}

.header__heading {
  position: relative;
  margin-top: -6.6666666667rem;
}

.header_content__right p:last-of-type {
  margin-bottom: 1.5em;
}
.header_content__right .button-rollover__wrapper {
  display: inline-block;
  margin: 0 1.6666666667rem 1.6666666667rem 0;
}
.header_content__right .button-rollover__wrapper:last-of-type {
  margin: 0;
}

@media (min-width: 768px) {
  .header-static-page .section__background {
    top: 65vw;
  }
  .header-static-page-banner {
    padding-top: 75%;
  }
}
@media (min-width: 769px) {
  .header-static-page {
    padding-bottom: 8.3333333333rem;
  }
  .header-static-page .section__background {
    top: 35.7638888889vw;
  }
  .header-static-page-banner {
    padding-top: 42.1428571429%;
  }
  .header-static-page__content {
    margin: 0;
    padding: 0;
  }
  .header__heading {
    width: 70%;
    margin-top: -8.3333333333rem;
  }
  .header_content__right {
    margin-left: 45%;
  }
}
.header-company {
  position: relative;
}
.header-company .section__background {
  top: 123.4375vw;
  z-index: -2;
}

.header-company__banner {
  position: relative;
  z-index: -3;
  width: 100%;
  padding-top: 144.53125%;
}
.header-company__banner:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  content: "";
}

.header-company__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.header-company__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.header-company__content {
  margin-top: 2.0833333333rem;
  padding: 1.6666666667rem 0;
}

.header-company__heading {
  margin-top: -6.6666666667rem;
}

.header-company__right {
  margin-bottom: 8.3333333333rem;
}

.header-company__text {
  margin-bottom: 3.3333333333rem;
}

@media (min-width: 768px) {
  .header-company .section__background {
    top: 65vw;
  }
  .header-company__banner {
    padding-top: 75%;
  }
}
@media (min-width: 769px) {
  .header-company {
    margin-bottom: 0;
    padding-bottom: 8.3333333333rem;
  }
  .header-company .section__background {
    top: 35.7638888889vw;
  }
  .header-company__banner {
    padding-top: 42.1428571429%;
  }
  .header-company__content {
    margin-top: 8.3333333333rem;
    padding: 1.6666666667rem 0;
  }
  .header-company__heading {
    width: 70%;
    margin-top: -16.6666666667rem;
  }
  .header-company__right {
    padding-left: 2.5rem;
    margin: -4.1666666667rem 0 0 45%;
  }
  .header-company__text {
    margin-bottom: 3.3333333333rem;
    margin-top: 5rem;
  }
}
.header-blog-details {
  position: relative;
  padding-bottom: 5rem;
}
.header-blog-details .section__background {
  top: 123.4375vw;
  z-index: 0;
}
.header-blog-details .header-blog-details-banner {
  width: 100%;
  padding-top: 144.53125%;
  position: relative;
  background-position: center top;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.header-blog-details .header-blog-details-banner:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  content: "";
}
.header-blog-details .header-blog-details-content {
  position: relative;
}
.header-blog-details .header-blog-details-content__content {
  display: none;
  max-height: 16.6666666667rem;
  font-size: 1.1666666667rem;
  font-family: "Poppins-Regular", sans-serif;
}
.header-blog-details .header-blog-details-content__heading {
  position: relative;
  top: -8.3333333333rem;
}
.header-blog-details .header-blog-details-content__profile {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding-bottom: 1.25rem;
}
.header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-name {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  color: #a9a9a8;
  order: 3;
}
.header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-dash {
  padding: 0 0.4166666667rem;
  font-size: 1.1666666667rem;
  color: #a9a9a8;
  order: 2;
}
.header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-date {
  font-size: 1.1666666667rem;
  text-transform: uppercase;
  color: #a9a9a8;
  order: 1;
}
.header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-image-circle {
  display: none;
}
.header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-image {
  transform: translateX(-0.8333333333rem);
  max-width: 3.3333333333rem;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .header-blog-details .section__background {
    top: 65vw;
  }
  .header-blog-details .header-blog-details-banner {
    padding-top: 75%;
  }
}
@media (min-width: 769px) {
  .header-blog-details {
    padding-bottom: 0.8333333333rem;
  }
  .header-blog-details .section__background {
    top: 35.7638888889vw;
  }
  .header-blog-details .header-blog-details-banner {
    padding-top: 42.1428571429%;
  }
  .header-blog-details .header-blog-details-content__content {
    font-size: 1.25rem;
  }
  .header-blog-details .header-blog-details-content__heading {
    font-size: 7rem;
    line-height: 7rem;
  }
  .header-blog-details .header-blog-details-content__profile {
    padding-bottom: 3.3333333333rem;
  }
  .header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-image-circle {
    display: inline-block;
  }
  .header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-name {
    font-size: 1.25rem;
    color: #FFFFFF;
    order: 1;
  }
  .header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-dash {
    padding: 0 0.8333333333rem;
    font-size: 1.25rem;
  }
  .header-blog-details .header-blog-details-content__profile .header-blog-details-content__profile-date {
    font-size: 1.25rem;
    order: 3;
  }
}
.header-blog {
  margin-bottom: -8.3333333333rem;
}

.header-blog-banner {
  position: relative;
  z-index: -3;
  width: 100%;
  padding-top: 144.53125%;
}
.header-blog-banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, black 100%);
}

.header-blog-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.header-blog-banner__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.header-blog__content {
  padding: 0 3.3333333333rem;
}

@media (min-width: 768px) {
  .header-blog-banner {
    padding-top: 80%;
  }
}
@media (min-width: 769px) {
  .header-blog {
    margin-bottom: -20.8333333333rem;
  }
  .header-blog-banner {
    padding-top: 42.1428571429%;
  }
}
/**
* Partials
*/
.video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-overlay__content {
  position: relative;
  width: 75%;
  height: 100%;
  margin: auto;
}

.video-overlay__center {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  margin: auto;
}

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

.smooth-scroll__content.is-active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  will-change: transform;
}

@media (min-width: 769px) {
  .smooth-scroll {
    width: 100%;
  }
}
.menu-subselection {
  position: relative;
  width: 100%;
  opacity: 0;
  height: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
}
.menu-subselection.is-open {
  opacity: 1;
  visibility: visible;
}

.menu-subselection__list {
  padding: 0.8333333333rem 0 0.8333333333rem 0;
  width: 100%;
  text-align: right;
  columns: 2;
}

.menu-subselection__item {
  position: relative;
}
.menu-subselection__item.is-active .menu-subselection__label {
  color: #FBDD62;
}

.menu-subselection__line {
  position: absolute;
  display: block;
  top: calc(50% - 1px);
  right: 0;
  transform: translateX(0.1666666667rem);
  width: 0;
  height: 0.1666666667rem;
  background: #FFFFFF;
  transition: width 0.2s ease-in-out;
}
.has-hover .menu-subselection__label:hover ~ .menu-subselection__line {
  width: 0.6666666667rem;
}

.menu-subselection__label {
  display: inline-block;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0.9166666667rem;
  color: #FFFFFF;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.has-hover .menu-subselection__label:hover {
  transform: translateX(-1rem);
  color: #FBDD62;
}

@media (min-width: 481px) {
  .menu-subselection__list {
    text-align: right;
  }
}
@media (min-width: 769px) {
  .menu-subselection {
    position: absolute;
    left: 0;
    top: 50%;
    padding-top: 1.25rem;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
  }
  .menu-subselection__list {
    max-width: 25rem;
    text-align: left;
  }
  .menu-subselection__line {
    right: auto;
    left: 0;
  }
  .has-hover .menu-subselection__label:hover .menu-subselection__line {
    left: 1.75rem;
  }
  .has-hover .menu-subselection__label:hover {
    transform: translateX(1.6666666667rem);
  }
}
@media (min-width: 980px) {
  .menu-subselection {
    padding-top: 2.0833333333rem;
  }
  .menu-subselection__list {
    width: 40%;
    max-width: 66.6666666667rem;
  }
  .menu-subselection__label {
    padding: 0;
  }
  .menu-subselection__label {
    font-size: 1rem;
    line-height: 2rem;
  }
}
@media (min-width: 1300px) {
  .menu-subselectio {
    padding-top: 4.1666666667rem;
  }
  .menu-subselection__label {
    font-size: 1.5rem;
    line-height: 3rem;
  }
}
.list-bullets {
  font-size: 0;
}

.list-bullets__item {
  margin: 0.25rem 0.5833333333rem;
}

@media (min-width: 769px) {
  .list-bullets__item {
    margin-right: 0.8333333333rem;
  }
}
.header-home-slide {
  position: absolute;
  width: 100%;
  height: 100%;
}

.header-home-slide__title-character {
  display: inline-block;
  transform-origin: top right;
  margin: 0;
  padding: 0;
  font-size: 5rem;
  font-family: "Poppins-ExtraBold", sans-serif;
  line-height: 5rem;
  opacity: 0;
  transform-origin: top right;
}

.header-home-slide__details-header {
  margin: 0 0 0.8333333333rem;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 1.5rem;
}

.header-home-slide__image {
  opacity: 0;
  position: absolute;
  top: -23.3333333333rem;
  left: 50%;
  width: 20.8333333333rem;
  height: 16.5833333333rem;
  transform: translateX(-50%);
}

.header-home-slide__title-line {
  font-size: 0;
}
.header-home-slide__title-line:last-of-type {
  margin-bottom: 0.8333333333rem;
}

.header-home-slide__title {
  position: relative;
}

.header-home-slide__details {
  font-family: "Poppins-Regular", sans-serif;
  opacity: 0;
}

.header-home-slide__detail-body {
  margin: 0;
  font-size: 1.1666666667rem;
  font-family: "Poppins-Regular", sans-serif;
  color: #a9a9a8;
}

.header-home-slide__text {
  padding: 0 3.3333333333rem;
}

.header-home-slide__subtitle {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  margin: 0 0 2.5rem;
  font-size: 1.6666666667rem;
  letter-spacing: 0.3em;
  font-family: "Poppins-Bold", sans-serif;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

@media (min-width: 800px) {
  .header-home-slide__text {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0 3.3333333333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-home-slide__image {
    top: 10.8333333333rem;
    width: 22.9166666667rem;
    height: 18.25rem;
  }
  .header-home-slide__details {
    max-width: 20.8333333333rem;
  }
}
@media (min-width: 1260px) {
  .header-home-slide__image {
    top: calc(50% - 16.6666666667rem);
    width: 45.8333333333rem;
    height: 36.5rem;
  }
  .header-home-slide__text {
    padding: 0;
  }
  .header-home-slide__title-character {
    font-size: 8.3333333333rem;
    line-height: 8.3333333333rem;
  }
}
@media (min-height: 1080px) {
  .header-home-slide__image {
    top: 26%;
  }
}
@media (min-width: 1920px) {
  .header-home-slide__image {
    top: calc(50% - 16.6666666667rem);
  }
}
.list-image-text-cards__wrapper {
  position: relative;
  width: calc(100% - 3.3333333333rem);
  margin: 0 auto;
  padding: 0 1.6666666667rem 3.3333333333rem;
  background-color: #2c2c2c;
}

.list-image-text-cards {
  position: relative;
  width: 100%;
  font-size: 0;
}
.list-image-text-cards--num-items-2 {
  width: 200%;
}
.list-image-text-cards--num-items-3 {
  width: 300%;
}
.list-image-text-cards--num-items-4 {
  width: 400%;
}
.list-image-text-cards--num-items-5 {
  width: 500%;
}
.list-image-text-cards--num-items-6 {
  width: 600%;
}
.list-image-text-cards--num-items-7 {
  width: 700%;
}
.list-image-text-cards--num-items-8 {
  width: 800%;
}
.list-image-text-cards--num-items-9 {
  width: 900%;
}
.list-image-text-cards--num-items-10 {
  width: 1000%;
}
.list-image-text-cards--num-items-11 {
  width: 1100%;
}
.list-image-text-cards--num-items-12 {
  width: 1200%;
}
.list-image-text-cards--num-items-13 {
  width: 1300%;
}
.list-image-text-cards--num-items-14 {
  width: 1400%;
}
.list-image-text-cards--num-items-15 {
  width: 1500%;
}
.list-image-text-cards--num-items-16 {
  width: 1600%;
}
.list-image-text-cards--num-items-17 {
  width: 1700%;
}
.list-image-text-cards--num-items-18 {
  width: 1800%;
}
.list-image-text-cards--num-items-19 {
  width: 1900%;
}
.list-image-text-cards--num-items-20 {
  width: 2000%;
}

.list-image-text-cards__item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  left: 0;
  width: 100%;
}
.list-image-text-cards__item:not(:first-of-type) {
  opacity: 0;
  visibility: hidden;
}
.list-image-text-cards__item:first-child:nth-last-child(2), .list-image-text-cards__item:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.list-image-text-cards__item:first-child:nth-last-child(2) ~ li:nth-child(2) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(3), .list-image-text-cards__item:first-child:nth-last-child(3) ~ li {
  width: 33.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(3) ~ li:nth-child(2) {
  left: -33.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(3) ~ li:nth-child(3) {
  left: -66.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(4), .list-image-text-cards__item:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.list-image-text-cards__item:first-child:nth-last-child(4) ~ li:nth-child(2) {
  left: -25%;
}
.list-image-text-cards__item:first-child:nth-last-child(4) ~ li:nth-child(3) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(4) ~ li:nth-child(4) {
  left: -75%;
}
.list-image-text-cards__item:first-child:nth-last-child(5), .list-image-text-cards__item:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
.list-image-text-cards__item:first-child:nth-last-child(5) ~ li:nth-child(2) {
  left: -20%;
}
.list-image-text-cards__item:first-child:nth-last-child(5) ~ li:nth-child(3) {
  left: -40%;
}
.list-image-text-cards__item:first-child:nth-last-child(5) ~ li:nth-child(4) {
  left: -60%;
}
.list-image-text-cards__item:first-child:nth-last-child(5) ~ li:nth-child(5) {
  left: -80%;
}
.list-image-text-cards__item:first-child:nth-last-child(6), .list-image-text-cards__item:first-child:nth-last-child(6) ~ li {
  width: 16.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(6) ~ li:nth-child(2) {
  left: -16.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(6) ~ li:nth-child(3) {
  left: -33.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(6) ~ li:nth-child(4) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(6) ~ li:nth-child(5) {
  left: -66.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(6) ~ li:nth-child(6) {
  left: -83.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(7), .list-image-text-cards__item:first-child:nth-last-child(7) ~ li {
  width: 14.2857142857%;
}
.list-image-text-cards__item:first-child:nth-last-child(7) ~ li:nth-child(2) {
  left: -14.2857142857%;
}
.list-image-text-cards__item:first-child:nth-last-child(7) ~ li:nth-child(3) {
  left: -28.5714285714%;
}
.list-image-text-cards__item:first-child:nth-last-child(7) ~ li:nth-child(4) {
  left: -42.8571428571%;
}
.list-image-text-cards__item:first-child:nth-last-child(7) ~ li:nth-child(5) {
  left: -57.1428571429%;
}
.list-image-text-cards__item:first-child:nth-last-child(7) ~ li:nth-child(6) {
  left: -71.4285714286%;
}
.list-image-text-cards__item:first-child:nth-last-child(7) ~ li:nth-child(7) {
  left: -85.7142857143%;
}
.list-image-text-cards__item:first-child:nth-last-child(8), .list-image-text-cards__item:first-child:nth-last-child(8) ~ li {
  width: 12.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(8) ~ li:nth-child(2) {
  left: -12.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(8) ~ li:nth-child(3) {
  left: -25%;
}
.list-image-text-cards__item:first-child:nth-last-child(8) ~ li:nth-child(4) {
  left: -37.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(8) ~ li:nth-child(5) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(8) ~ li:nth-child(6) {
  left: -62.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(8) ~ li:nth-child(7) {
  left: -75%;
}
.list-image-text-cards__item:first-child:nth-last-child(8) ~ li:nth-child(8) {
  left: -87.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(9), .list-image-text-cards__item:first-child:nth-last-child(9) ~ li {
  width: 11.1111111111%;
}
.list-image-text-cards__item:first-child:nth-last-child(9) ~ li:nth-child(2) {
  left: -11.1111111111%;
}
.list-image-text-cards__item:first-child:nth-last-child(9) ~ li:nth-child(3) {
  left: -22.2222222222%;
}
.list-image-text-cards__item:first-child:nth-last-child(9) ~ li:nth-child(4) {
  left: -33.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(9) ~ li:nth-child(5) {
  left: -44.4444444444%;
}
.list-image-text-cards__item:first-child:nth-last-child(9) ~ li:nth-child(6) {
  left: -55.5555555556%;
}
.list-image-text-cards__item:first-child:nth-last-child(9) ~ li:nth-child(7) {
  left: -66.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(9) ~ li:nth-child(8) {
  left: -77.7777777778%;
}
.list-image-text-cards__item:first-child:nth-last-child(9) ~ li:nth-child(9) {
  left: -88.8888888889%;
}
.list-image-text-cards__item:first-child:nth-last-child(10), .list-image-text-cards__item:first-child:nth-last-child(10) ~ li {
  width: 10%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(2) {
  left: -10%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(3) {
  left: -20%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(4) {
  left: -30%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(5) {
  left: -40%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(6) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(7) {
  left: -60%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(8) {
  left: -70%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(9) {
  left: -80%;
}
.list-image-text-cards__item:first-child:nth-last-child(10) ~ li:nth-child(10) {
  left: -90%;
}
.list-image-text-cards__item:first-child:nth-last-child(11), .list-image-text-cards__item:first-child:nth-last-child(11) ~ li {
  width: 9.0909090909%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(2) {
  left: -9.0909090909%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(3) {
  left: -18.1818181818%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(4) {
  left: -27.2727272727%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(5) {
  left: -36.3636363636%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(6) {
  left: -45.4545454545%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(7) {
  left: -54.5454545455%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(8) {
  left: -63.6363636364%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(9) {
  left: -72.7272727273%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(10) {
  left: -81.8181818182%;
}
.list-image-text-cards__item:first-child:nth-last-child(11) ~ li:nth-child(11) {
  left: -90.9090909091%;
}
.list-image-text-cards__item:first-child:nth-last-child(12), .list-image-text-cards__item:first-child:nth-last-child(12) ~ li {
  width: 8.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(2) {
  left: -8.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(3) {
  left: -16.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(4) {
  left: -25%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(5) {
  left: -33.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(6) {
  left: -41.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(7) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(8) {
  left: -58.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(9) {
  left: -66.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(10) {
  left: -75%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(11) {
  left: -83.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(12) ~ li:nth-child(12) {
  left: -91.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(13), .list-image-text-cards__item:first-child:nth-last-child(13) ~ li {
  width: 7.6923076923%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(2) {
  left: -7.6923076923%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(3) {
  left: -15.3846153846%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(4) {
  left: -23.0769230769%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(5) {
  left: -30.7692307692%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(6) {
  left: -38.4615384615%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(7) {
  left: -46.1538461538%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(8) {
  left: -53.8461538462%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(9) {
  left: -61.5384615385%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(10) {
  left: -69.2307692308%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(11) {
  left: -76.9230769231%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(12) {
  left: -84.6153846154%;
}
.list-image-text-cards__item:first-child:nth-last-child(13) ~ li:nth-child(13) {
  left: -92.3076923077%;
}
.list-image-text-cards__item:first-child:nth-last-child(14), .list-image-text-cards__item:first-child:nth-last-child(14) ~ li {
  width: 7.1428571429%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(2) {
  left: -7.1428571429%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(3) {
  left: -14.2857142857%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(4) {
  left: -21.4285714286%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(5) {
  left: -28.5714285714%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(6) {
  left: -35.7142857143%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(7) {
  left: -42.8571428571%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(8) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(9) {
  left: -57.1428571429%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(10) {
  left: -64.2857142857%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(11) {
  left: -71.4285714286%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(12) {
  left: -78.5714285714%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(13) {
  left: -85.7142857143%;
}
.list-image-text-cards__item:first-child:nth-last-child(14) ~ li:nth-child(14) {
  left: -92.8571428571%;
}
.list-image-text-cards__item:first-child:nth-last-child(15), .list-image-text-cards__item:first-child:nth-last-child(15) ~ li {
  width: 6.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(2) {
  left: -6.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(3) {
  left: -13.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(4) {
  left: -20%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(5) {
  left: -26.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(6) {
  left: -33.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(7) {
  left: -40%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(8) {
  left: -46.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(9) {
  left: -53.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(10) {
  left: -60%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(11) {
  left: -66.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(12) {
  left: -73.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(13) {
  left: -80%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(14) {
  left: -86.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(15) ~ li:nth-child(15) {
  left: -93.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(16), .list-image-text-cards__item:first-child:nth-last-child(16) ~ li {
  width: 6.25%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(2) {
  left: -6.25%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(3) {
  left: -12.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(4) {
  left: -18.75%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(5) {
  left: -25%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(6) {
  left: -31.25%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(7) {
  left: -37.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(8) {
  left: -43.75%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(9) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(10) {
  left: -56.25%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(11) {
  left: -62.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(12) {
  left: -68.75%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(13) {
  left: -75%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(14) {
  left: -81.25%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(15) {
  left: -87.5%;
}
.list-image-text-cards__item:first-child:nth-last-child(16) ~ li:nth-child(16) {
  left: -93.75%;
}
.list-image-text-cards__item:first-child:nth-last-child(17), .list-image-text-cards__item:first-child:nth-last-child(17) ~ li {
  width: 5.8823529412%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(2) {
  left: -5.8823529412%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(3) {
  left: -11.7647058824%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(4) {
  left: -17.6470588235%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(5) {
  left: -23.5294117647%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(6) {
  left: -29.4117647059%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(7) {
  left: -35.2941176471%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(8) {
  left: -41.1764705882%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(9) {
  left: -47.0588235294%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(10) {
  left: -52.9411764706%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(11) {
  left: -58.8235294118%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(12) {
  left: -64.7058823529%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(13) {
  left: -70.5882352941%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(14) {
  left: -76.4705882353%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(15) {
  left: -82.3529411765%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(16) {
  left: -88.2352941176%;
}
.list-image-text-cards__item:first-child:nth-last-child(17) ~ li:nth-child(17) {
  left: -94.1176470588%;
}
.list-image-text-cards__item:first-child:nth-last-child(18), .list-image-text-cards__item:first-child:nth-last-child(18) ~ li {
  width: 5.5555555556%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(2) {
  left: -5.5555555556%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(3) {
  left: -11.1111111111%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(4) {
  left: -16.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(5) {
  left: -22.2222222222%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(6) {
  left: -27.7777777778%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(7) {
  left: -33.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(8) {
  left: -38.8888888889%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(9) {
  left: -44.4444444444%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(10) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(11) {
  left: -55.5555555556%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(12) {
  left: -61.1111111111%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(13) {
  left: -66.6666666667%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(14) {
  left: -72.2222222222%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(15) {
  left: -77.7777777778%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(16) {
  left: -83.3333333333%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(17) {
  left: -88.8888888889%;
}
.list-image-text-cards__item:first-child:nth-last-child(18) ~ li:nth-child(18) {
  left: -94.4444444444%;
}
.list-image-text-cards__item:first-child:nth-last-child(19), .list-image-text-cards__item:first-child:nth-last-child(19) ~ li {
  width: 5.2631578947%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(2) {
  left: -5.2631578947%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(3) {
  left: -10.5263157895%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(4) {
  left: -15.7894736842%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(5) {
  left: -21.0526315789%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(6) {
  left: -26.3157894737%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(7) {
  left: -31.5789473684%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(8) {
  left: -36.8421052632%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(9) {
  left: -42.1052631579%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(10) {
  left: -47.3684210526%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(11) {
  left: -52.6315789474%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(12) {
  left: -57.8947368421%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(13) {
  left: -63.1578947368%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(14) {
  left: -68.4210526316%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(15) {
  left: -73.6842105263%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(16) {
  left: -78.9473684211%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(17) {
  left: -84.2105263158%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(18) {
  left: -89.4736842105%;
}
.list-image-text-cards__item:first-child:nth-last-child(19) ~ li:nth-child(19) {
  left: -94.7368421053%;
}
.list-image-text-cards__item:first-child:nth-last-child(20), .list-image-text-cards__item:first-child:nth-last-child(20) ~ li {
  width: 5%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(2) {
  left: -5%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(3) {
  left: -10%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(4) {
  left: -15%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(5) {
  left: -20%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(6) {
  left: -25%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(7) {
  left: -30%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(8) {
  left: -35%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(9) {
  left: -40%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(10) {
  left: -45%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(11) {
  left: -50%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(12) {
  left: -55%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(13) {
  left: -60%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(14) {
  left: -65%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(15) {
  left: -70%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(16) {
  left: -75%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(17) {
  left: -80%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(18) {
  left: -85%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(19) {
  left: -90%;
}
.list-image-text-cards__item:first-child:nth-last-child(20) ~ li:nth-child(20) {
  left: -95%;
}

@media (min-width: 769px) {
  .list-image-text-cards__wrapper {
    max-width: 96.6666666667rem;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .list-image-text-cards__wrapper {
    padding-bottom: 0;
    background-color: transparent;
  }
}
.list-job {
  color: #FFFFFF;
}

.list-job__item {
  position: relative;
  margin-bottom: 2.5rem;
}

.list-job__title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.0833333333rem;
}

.list-job__location {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 0.8333333333rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
}

@media (min-width: 481px) {
  .list-job__item {
    width: calc(50% - 1.6666666667rem);
  }
}
@media (min-width: 769px) {
  .list-job__item {
    margin-bottom: 1.8333333333rem;
  }
  .list-job__item:nth-child(odd) {
    margin-right: 3.3333333333rem;
  }
  .list-job__title {
    margin-bottom: 0rem;
    font-size: 1.3333333333rem;
  }
  .list-job__location {
    font-size: 1.0833333333rem;
  }
  .list-job__button-read-more {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.job-openings-category {
  margin-bottom: 7.5rem;
}
.job-openings-category .job-openings-category__filter-name {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0;
  margin-bottom: 2.9166666667rem;
  font-size: 1.6666666667rem;
  letter-spacing: 0.3em;
  font-family: "Poppins-Bold", sans-serif;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: #FFFFFF;
}
.job-openings-category .job-openings-category__list {
  margin-bottom: 6.25rem;
  max-height: 29.1666666667rem;
  overflow: hidden;
}

@media (min-width: 769px) {
  .job-openings-category {
    margin-bottom: 1.6666666667rem;
  }
  .job-openings-category .job-openings-category__filter-name {
    font-size: 2.5rem;
  }
  .job-openings-category .job-openings-category__list {
    display: flex;
    max-height: 7.5rem;
    overflow: hidden;
    flex-wrap: wrap;
  }
}
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 10.6666666667rem;
  margin: 0 auto;
  pointer-events: none;
  z-index: 1;
}

.site-header__button-menu {
  position: fixed;
  top: 1.6666666667rem;
  right: 1.6666666667rem;
  pointer-events: auto;
}

.site-header__button-home {
  z-index: 2;
  position: fixed;
  width: 8rem;
  top: 2.5rem;
  left: 1.6666666667rem;
  pointer-events: auto;
}
.site-header__button-home svg {
  width: 100%;
  height: 100%;
  fill: #FE9803;
  transition: fill 0.2s;
}
.is-blog .site-header__button-home svg, .is-blog-details .site-header__button-home svg {
  opacity: 1;
  fill: #E14FB1;
}
.is-games .site-header__button-home svg, .is-game-details .site-header__button-home svg {
  opacity: 1;
  fill: #FBDD62;
}
.is-careers .site-header__button-home svg, .is-job-details .site-header__button-home svg {
  opacity: 1;
  fill: #C5C7DF;
}
.is-company .site-header__button-home svg {
  opacity: 1;
  fill: #5BCCD5;
}
.is-contact .site-header__button-home svg {
  opacity: 1;
  fill: #AEC45E;
}
.is-home .site-header__button-home svg, .is-privacy-policy .site-header__button-home svg {
  opacity: 1;
}

@media (min-width: 769px) {
  .site-header__button-menu {
    top: 4rem;
    right: 5rem;
  }
  .site-header__button-home {
    top: 4.8333333333rem;
    left: 5rem;
  }
}
.office {
  position: relative;
  padding: 8.6666666667rem 0 0;
  width: 33.3333333333%;
  margin: 0 0 0 0;
  text-align: center;
}
.office:first-child .office__illustration {
  margin-top: 2.1666666667rem;
}
.office:nth-child(3) .office__illustration {
  margin-top: 0.3333333333rem;
}
.office:last-child .office__illustration {
  margin-top: 0.3333333333rem;
}

.office__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 5rem;
  left: 50%;
  display: block;
  width: 100vw;
  margin: 0;
  padding: 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 3.3333333333rem;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: #FFFFFF;
  transform: translate(-50%, 0);
}

.office__adress {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  max-width: 16.6666666667rem;
  margin: 0 auto 0.8333333333rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: underline;
}

.office__email {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
}

.office__illustration {
  position: relative;
  width: 23.3333333333rem;
  margin-top: 0;
  pointer-events: none;
}

.office__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 20.8333333333rem;
  height: 20.8333333333rem;
  background: #3d3d3d;
  border-radius: 50%;
  transform-origin: center;
}

@media (max-width: 350px) {
  .office__heading {
    font-size: 2.8333333333rem;
  }
}
@media (min-width: 481px) {
  .office {
    padding-top: 10rem;
  }
  .office__heading {
    font-size: 4.1666666667rem;
  }
  .office__adress {
    max-width: 20rem;
  }
  .office__background {
    width: 28.3333333333rem;
    height: 28.3333333333rem;
  }
  .office__illustration {
    width: 33.3333333333rem;
  }
}
@media (min-width: 769px) {
  .office {
    padding-top: 22.75rem;
  }
  .office:first-child .office__illustration {
    margin-top: -18.3333333333rem;
  }
  .office:nth-child(3) .office__illustration {
    margin-top: -6.6666666667rem;
  }
  .office:last-child .office__illustration {
    margin-top: -21.6666666667rem;
  }
  .office__heading {
    top: 15.1666666667rem;
    font-size: 5.8333333333rem;
    letter-spacing: -0.02em;
  }
  .office__background {
    width: 36.1666666667rem;
    height: 36.1666666667rem;
    padding-top: 0;
  }
  .office__adress {
    max-width: 16.6666666667rem;
    font-family: "Poppins-SemiBold", sans-serif;
  }
  .office__illustration {
    max-width: 100%;
    width: 42.0833333333rem;
    margin-top: -5rem;
  }
}
@media (min-width: 1441px) {
  .office {
    padding-top: 32.75rem;
  }
  .office:first-child .office__illustration {
    margin-top: -28.3333333333rem;
  }
  .office:nth-child(3) .office__illustration {
    margin-top: -10rem;
  }
  .office:last-child .office__illustration {
    margin-top: -32.5rem;
  }
  .office__heading {
    top: 20.75rem;
    font-size: 11.25rem;
    letter-spacing: -0.02em;
  }
  .office__background {
    width: 52.75rem;
    height: 52.75rem;
  }
  .office__illustration {
    max-width: 100%;
    width: 65.4166666667rem;
    margin-top: -5rem;
  }
}
.site-logo {
  display: block;
  position: absolute;
  top: 2.0833333333rem;
  left: 2.5rem;
  width: 4.1666666667rem;
  pointer-events: auto;
}
.site-logo img {
  width: 100%;
}

@media (min-width: 769px) {
  .site-logo {
    top: 3.75rem;
    left: 4.75rem;
    width: 5.8333333333rem;
  }
}
.menu {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 5% 0 0.8333333333rem;
}
.menu.is-scrollable {
  align-items: baseline;
  overflow-y: scroll;
}
.menu.is-active {
  opacity: 1;
  visibility: visible;
}
.menu.is-scrollable .menu__list .menu__list-item:last-of-type {
  padding-bottom: 100px;
}

.menu__list {
  width: 100%;
}

.menu__list-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 0.8333333333rem;
}
.menu__list-item:last-of-type {
  margin-bottom: 0;
}

.menu__list-content {
  display: inline-block;
  margin-left: auto;
}

.menu__fall-guy {
  display: block;
  height: 40vw;
  max-height: 600px;
  max-width: 600px;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  transition: opacity 0.2s, transform 0.2s;
  width: 40vw;
  z-index: 3;
}
.menu__fall-guy--active {
  opacity: 1;
}
.menu__fall-guy--1 {
  background: url("../assets/img/fall-guys/nav-guy-01.png") no-repeat;
  background-size: contain;
  left: -6.5vw;
  top: 19vh;
  transform: translateX(-100px);
}
.menu__fall-guy--1.menu__fall-guy--active {
  transform: translateX(0);
}
.menu__fall-guy--2 {
  background: url("../assets/img/fall-guys/nav-guy-02.png") no-repeat;
  background-size: contain;
  left: 7vw;
  bottom: -6vw;
  transform: translateY(30vh);
}
.menu__fall-guy--2.menu__fall-guy--active {
  transform: translateY(0);
}
.menu__fall-guy--3 {
  background: url("../assets/img/fall-guys/nav-guy-03.png") no-repeat;
  background-size: contain;
  left: 4.4vw;
  bottom: -9vw;
  transform: translateY(30vh);
}
.menu__fall-guy--3.menu__fall-guy--active {
  transform: translateY(0);
}
.menu__fall-guy--4 {
  background: url("../assets/img/fall-guys/nav-guy-04.png") no-repeat;
  background-size: contain;
  left: 4vw;
  top: 13vh;
  transform: translateX(100px);
}
.menu__fall-guy--4.menu__fall-guy--active {
  transform: translateY(0);
}
.menu__fall-guy--5 {
  background: url("../assets/img/fall-guys/nav-guy-05.png") no-repeat;
  background-size: contain;
  left: -6.5vw;
  top: 19vh;
  transform: translateX(-50vw);
}
.menu__fall-guy--5.menu__fall-guy--active {
  transform: translateX(0);
}
.menu__fall-guy--6 {
  background: url("../assets/img/fall-guys/nav-guy-06.png") no-repeat;
  background-size: contain;
  left: 5vw;
  bottom: -7vw;
  transform: translateY(30vh);
}
.menu__fall-guy--6.menu__fall-guy--active {
  transform: translateY(0);
}

@media (max-width: 768px) {
  .menu__fall-guy {
    display: none;
    width: 30vh;
    height: 30vh;
  }
  .menu__fall-guy--mobile-active {
    display: block;
    opacity: 1;
    transform: translate(0);
  }
  .menu__fall-guy--1 {
    bottom: 0;
    left: -80px;
    top: auto;
  }
  .menu__fall-guy--4 {
    bottom: 0;
    top: auto;
  }
  .menu__fall-guy--5 {
    bottom: 0;
    top: auto;
  }
}
@media (min-width: 769px) {
  .menu {
    padding: 0 7.0833333333rem 0 6.6666666667rem;
  }
  .menu__list {
    overflow: visible;
  }
}
@media (min-width: 980px) {
  .menu {
    padding: 0 7.0833333333rem 0 calc(6.6666666667rem + 10%);
  }
}
.carousel__slides-container {
  position: relative;
  margin: 0 0 0.8333333333rem;
  box-shadow: 0px 12px 30.8px 9.2px rgba(0, 0, 0, 0.28);
}

.carousel__slides {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 72%;
}

.carousel__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  user-select: none;
}

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

.carousel__button-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.carousel__button-next,
.carousel__button-previous {
  display: none;
}

.carousel__bullets {
  position: relative;
  text-align: right;
}

@media (min-width: 769px) {
  .carousel__slides-container {
    position: relative;
    margin: 0 0 1.25rem;
  }
  .carousel__button-next,
  .carousel__button-previous {
    position: absolute;
    bottom: 1.6666666667rem;
    display: block;
  }
  .carousel__button-previous {
    right: 7.5rem;
  }
  .carousel__button-next {
    right: 1.6666666667rem;
  }
}
.carousel-cover-flow {
  position: relative;
  margin-bottom: 7.5rem;
}
.carousel-cover-flow--orientation-portrait .carousel-cover-flow__slides-container {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.8333333333rem;
}
.carousel-cover-flow--orientation-portrait .carousel-cover-flow__inner {
  position: relative;
  width: 100%;
  padding-top: 169.9074074074%;
}

.carousel-cover-flow__content {
  overflow: hidden;
  position: relative;
}

.carousel-cover-flow__slides-container {
  position: relative;
  margin: 0 0 1.25rem;
  width: 100%;
}

.carousel-cover-flow__slides {
  position: relative;
  width: 100%;
}

.carousel-cover-flow__slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  list-style-type: none;
}

.carousel-cover-flow__overlay {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #ff6b00;
}

.carousel-cover-flow__inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.carousel-cover-flow__image {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.carousel-cover-flow__button-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.carousel-cover-flow__button-previous,
.carousel-cover-flow__button-next {
  position: absolute;
  top: 50%;
  margin-top: -1.6666666667rem;
}

.carousel-cover-flow__button-previous {
  left: -3.8333333333rem;
}

.carousel-cover-flow__button-next {
  right: -3.8333333333rem;
}

.carousel-cover-flow__bullets {
  position: absolute;
  display: flex;
  bottom: -5rem;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
}

.carousel-cover-flow__caption {
  height: auto;
  width: 100%;
  padding: 1.6666666667rem;
  background: rgba(31, 30, 30, 0.95);
}

.carousel-cover-flow__caption-title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 0.4166666667rem;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 0.9166666667rem;
  color: #FFFFFF;
}

.carousel-cover-flow__caption-description {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0.9166666667rem;
  color: #FFFFFF;
}
.carousel-cover-flow__caption-description a {
  color: #FE9803;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
.has-hover .carousel-cover-flow__caption-description a:hover {
  opacity: 0.5;
}
.carousel-cover-flow__caption-description p {
  margin: 0;
}

.carousel-cover-flow--portrait .carousel-cover-flow__slides-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.8333333333rem;
}

@media (min-width: 769px) {
  .carousel-cover-flow {
    position: relative;
  }
  .carousel-cover-flow--orientation-portrait .carousel-cover-flow__slides-container {
    width: 30%;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .carousel-cover-flow--orientation-portrait .carousel-cover-flow__inner {
    padding-top: 160%;
  }
  .carousel-cover-flow__slides-container {
    margin-bottom: 3.3333333333rem;
  }
  .carousel-cover-flow__button-previous {
    left: -9.1666666667rem;
  }
  .carousel-cover-flow__button-next {
    right: -9.1666666667rem;
  }
  .carousel-cover-flow__button-previous,
  .carousel-cover-flow__button-next {
    margin-top: -2.5rem;
  }
  .carousel-cover-flow__button-play {
    top: -7.5rem;
  }
  .carousel-cover-flow__caption {
    display: block;
    padding: 3.3333333333rem;
  }
  .carousel-cover-flow__caption-title {
    margin-bottom: 0.4166666667rem;
    font-size: 1.0833333333rem;
  }
  .carousel-cover-flow__caption-description {
    font-size: 1.0833333333rem;
  }
  .carousel-cover-flow--portrait .carousel-cover-flow__slides-container {
    width: 40%;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1200px) {
  .carousel-cover-flow__button-previous {
    left: -5.8333333333rem;
  }
  .carousel-cover-flow__button-next {
    right: -5.8333333333rem;
  }
}
@media screen and (max-width: 1050px) {
  .carousel-cover-flow__button-previous {
    left: 0.8333333333rem;
  }
  .carousel-cover-flow__button-next {
    right: 0.8333333333rem;
  }
}
@media screen and (max-width: 768px) {
  .carousel-cover-flow__button-previous {
    left: -3.3333333333rem;
  }
  .carousel-cover-flow__button-next {
    right: -3.3333333333rem;
  }
}
@media (max-width: 480px) {
  .carousel-cover-flow__slides {
    height: 21.6666666667rem;
  }
}
.confetti {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.confetti img {
  will-change: transform;
}
.page-blog .confetti {
  top: 66vh;
}
.page-company .confetti {
  top: 70vh;
}
.page-games .confetti {
  top: 70vh;
}
.page-game-details .confetti {
  top: 70vh;
}
.page-blog-details .confetti {
  top: 55vh;
}
.page-games .confetti {
  top: 80vh;
}

@media (min-width: 769px) {
  .page-blog .confetti {
    top: 82vh;
  }
  .page-company .confetti {
    top: 75vh;
  }
  .page-games .confetti {
    top: 75vh;
  }
  .page-game-details .confetti {
    top: 70vh;
  }
  .page-games .confetti {
    top: 70vh;
  }
}
.office {
  position: relative;
  padding: 8.6666666667rem 0 0;
  width: 33.3333333333%;
  margin: 0 0 0 0;
  text-align: center;
}
.office:first-child .office__illustration {
  margin-top: 2.1666666667rem;
}
.office:nth-child(3) .office__illustration {
  margin-top: 0.3333333333rem;
}
.office:last-child .office__illustration {
  margin-top: 0.3333333333rem;
}

.office__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 5rem;
  left: 50%;
  display: block;
  width: 100vw;
  margin: 0;
  padding: 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 3.3333333333rem;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: #FFFFFF;
  transform: translate(-50%, 0);
}

.office__adress {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  max-width: 16.6666666667rem;
  margin: 0 auto 0.8333333333rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: underline;
}

.office__email {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
}

.office__illustration {
  position: relative;
  width: 23.3333333333rem;
  margin-top: 0;
  pointer-events: none;
}

.office__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 20.8333333333rem;
  height: 20.8333333333rem;
  background: #3d3d3d;
  border-radius: 50%;
  transform-origin: center;
}

@media (max-width: 350px) {
  .office__heading {
    font-size: 2.8333333333rem;
  }
}
@media (min-width: 481px) {
  .office {
    padding-top: 10rem;
  }
  .office__heading {
    font-size: 4.1666666667rem;
  }
  .office__adress {
    max-width: 20rem;
  }
  .office__background {
    width: 28.3333333333rem;
    height: 28.3333333333rem;
  }
  .office__illustration {
    width: 33.3333333333rem;
  }
}
@media (min-width: 769px) {
  .office {
    padding-top: 22.75rem;
  }
  .office:first-child .office__illustration {
    margin-top: -18.3333333333rem;
  }
  .office:nth-child(3) .office__illustration {
    margin-top: -6.6666666667rem;
  }
  .office:last-child .office__illustration {
    margin-top: -21.6666666667rem;
  }
  .office__heading {
    top: 15.1666666667rem;
    font-size: 5.8333333333rem;
    letter-spacing: -0.02em;
  }
  .office__background {
    width: 36.1666666667rem;
    height: 36.1666666667rem;
    padding-top: 0;
  }
  .office__adress {
    max-width: 16.6666666667rem;
    font-family: "Poppins-SemiBold", sans-serif;
  }
  .office__illustration {
    max-width: 100%;
    width: 42.0833333333rem;
    margin-top: -5rem;
  }
}
@media (min-width: 1441px) {
  .office {
    padding-top: 32.75rem;
  }
  .office:first-child .office__illustration {
    margin-top: -28.3333333333rem;
  }
  .office:nth-child(3) .office__illustration {
    margin-top: -10rem;
  }
  .office:last-child .office__illustration {
    margin-top: -32.5rem;
  }
  .office__heading {
    top: 20.75rem;
    font-size: 11.25rem;
    letter-spacing: -0.02em;
  }
  .office__background {
    width: 52.75rem;
    height: 52.75rem;
  }
  .office__illustration {
    max-width: 100%;
    width: 65.4166666667rem;
    margin-top: -5rem;
  }
}
.social-post {
  position: relative;
  border: 2px solid #454545;
}

.social-post--media {
  border: none;
}
.social-post--media .social-post__paragraph {
  padding: 2.5rem;
  line-height: 1.8333333333rem;
}
.social-post--media .social-post__icon {
  top: 1.6666666667rem;
  left: 1.6666666667rem;
  right: auto;
}

.social-post__icon {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.social-post__icon--instagram {
  top: -1.3333333333rem;
  width: 2.9166666667rem;
  height: 2.9166666667rem;
}

.social-post__icon--twitter {
  top: -1.3333333333rem;
  width: 2.9166666667rem;
  height: 2.9166666667rem;
}

.social-post__icon--facebook {
  top: -1.3333333333rem;
  width: 2.9166666667rem;
  height: 2.9166666667rem;
}

.social-post__icon--youtube {
  top: -1.9166666667rem;
  width: 3.8333333333rem;
  height: 2.6666666667rem;
}

.social-post__media {
  position: relative;
  width: 100%;
}

.social-post__image {
  width: 100%;
}

.social-post__button-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.social-post__paragraph {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 5.4166666667rem 4.5833333333rem;
  font-size: 1.0833333333rem;
  font-family: "Poppins-Regular", sans-serif;
  line-height: 2.5rem;
  color: #cccccc;
}

.platforms {
  width: 100%;
  font-size: 0;
}

.platforms__platform {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: inline-block;
  margin-top: 0.8333333333rem;
  padding-right: 2.5833333333rem;
  color: #FFFFFF;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 1.1666666667rem;
  text-decoration: none;
}
.platforms__platform:after {
  position: absolute;
  top: 0;
  right: 1.25rem;
  width: 1px;
  height: 100%;
  background: #FFFFFF;
  content: "";
}
.platforms__platform:last-child {
  padding-right: 0;
}
.platforms__platform:last-child:after {
  content: none;
}
.has-hover .platforms__platform:hover .platforms__button {
  opacity: 0.5;
}

.platforms__button {
  color: #FFFFFF;
  transition: opacity 0.2s ease-out;
}

.platforms__text {
  color: #FFFFFF;
}

.platforms__icon {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 1.6666666667rem;
  margin: -3px 0 0 3px;
}

@media (min-width: 769px) {
  .platforms__platform {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-right: 2.1666666667rem;
  }
  .platforms__platform:after {
    right: 1.0833333333rem;
  }
  .platforms__icon {
    margin-left: 0.5rem;
  }
  .platforms__icon--pc {
    width: 1.3333333333rem;
    height: 1.3333333333rem;
  }
  .platforms__icon--console {
    width: 1.9166666667rem;
    height: 1.5rem;
  }
}
.image-text-block {
  margin-bottom: 6.6666666667rem;
}

.image-text-block__image-container {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  margin-bottom: 2.9166666667rem;
}

.image-text-block__image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.image-text-block__title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 1.1666666667rem;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.25rem;
  background: linear-gradient(#fc4029, #fc7600);
  -webkit-background-clip: text;
  color: transparent;
}

@media (min-width: 769px) {
  .image-text-block {
    width: 29%;
    margin-bottom: 0;
  }
  .image-text-block__image-container {
    height: 170px;
  }
}
@media (max-width: 480px) {
  .image-text-block__image-container {
    height: 150px;
  }
}
.filter-bar {
  position: relative;
  height: 4.1666666667rem;
  overflow: hidden;
  border-radius: 2.0833333333rem;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.filter-bar__border {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  will-change: transform;
}

.filter-bar__list {
  position: relative;
  height: 100%;
  padding: 2px;
}
.filter-bar__list .list__item {
  height: 100%;
}

.filter-bar__menu-item {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 100%;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  border-radius: 25px;
  opacity: 1;
  font-size: 1rem;
  font-weight: bold;
  text-transform: capitalize;
}

.filter-bar__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(#fc4029, #fc7600);
  height: 100%;
  border-radius: 2.0833333333rem;
}

@media (min-width: 769px) {
  .filter-bar__menu-item {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    font-size: 1.0833333333rem;
    text-transform: capitalize;
  }
}
.filter-bar-job-openings {
  position: relative;
  display: inline-block;
  height: 4.1666666667rem;
}

.filter-bar-job-openings__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 2px;
}
.filter-bar-job-openings__list .list__item {
  height: 100%;
}

.filter-bar-job-openings__menu-item {
  display: inline-block;
  height: 100%;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  border-radius: 25px;
  opacity: 1;
  font-size: 1rem;
  font-weight: bold;
  text-transform: capitalize;
}
.filter-bar-job-openings__menu-item.is-active {
  background: linear-gradient(#fc4029, #fc7600);
}

@media (min-width: 769px) {
  .filter-bar-job-openings__menu-item {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    font-size: 1.0833333333rem;
    text-transform: capitalize;
  }
}
.blog-card {
  position: relative;
  width: 100%;
  margin-bottom: 4.1666666667rem;
  box-shadow: 0px 38px 73px rgba(0, 0, 0, 0.2);
  background: #2c2c2c;
  transform: translateY(0);
  animation: blogCardFadeIn 0.54s ease-in-out;
  transition: background 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.has-hover .blog-card:hover {
  background-color: #3c3c3c;
}

.blog-card__visual-container {
  position: relative;
  width: 100%;
  padding-top: 68.9655172414%;
  overflow: hidden;
}

.blog-card__visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-card__content {
  padding: 1.6666666667rem 2.0833333333rem;
  margin-bottom: 0.8333333333rem;
}

.blog-card__tag-list-item {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 1.1666666667rem;
  color: #E14FB1;
  margin-right: 0.5em;
}
.blog-card__tag-list-item:last-child {
  margin-right: 0;
}
.blog-card__tag-list-item:last-child .blog-item__coma {
  display: none;
}

.blog-card__heading {
  margin-top: 0.8333333333rem;
  margin-bottom: 0.8333333333rem;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.6666666667rem;
  line-height: 1em;
  text-transform: uppercase;
  color: #FFFFFF;
}

.blog-card__text {
  margin-bottom: 1.6666666667rem;
}

.blog-card__footer {
  position: relative;
}

.blog-card__avatar-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 50%;
}

.blog-card__avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-card__infos-container {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1.6666666667rem;
}

.blog-card__autor {
  margin: 0;
  font-family: "Poppins-Medium", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.5em;
  white-space: nowrap;
  color: #FFFFFF;
}

.blog-card__date {
  font-family: "Poppins-Medium", sans-serif;
  text-transform: uppercase;
  color: #a9a9a8;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .blog-card {
    width: calc(50% - 1.6666666667rem);
    max-width: 36.25rem;
    margin-bottom: 0;
  }
  .blog-card:nth-child(odd) {
    margin-right: 3.3333333333rem;
    margin-bottom: 15rem;
  }
  .blog-card:nth-child(even) {
    margin-top: 15rem;
  }
  .blog-card:nth-child(2) {
    margin-top: 11.6666666667rem;
  }
  .blog-card__heading {
    margin-top: 1.6666666667rem;
    margin-bottom: 0.8333333333rem;
    font-size: 2.5rem;
  }
  .blog-card__tag-list-item {
    font-size: 1.25rem;
  }
  .blog-card__avatar-container {
    width: 6.6666666667rem;
    height: 6.6666666667rem;
  }
}
@keyframes blogCardFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
.related-card {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(0);
}

.related-card__visual-container {
  position: relative;
  width: 100%;
  padding-top: 68.9655172414%;
  overflow: hidden;
}

.related-card__visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.related-card__content {
  padding: 1.6666666667rem 0;
}

.related-card__tag-list {
  margin-bottom: 0.8333333333rem;
}

.related-card__tag-list-item {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  color: #E14FB1;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 1.1666666667rem;
  margin-right: 0.5em;
}
.related-card__tag-list-item:last-child {
  margin-right: 0;
}
.related-card__tag-list-item:last-child .blog-item__coma {
  display: none;
}

.related-card__heading {
  margin: 0 0 0.4166666667rem;
  color: #FFFFFF;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.6666666667rem;
  line-height: 1em;
  text-transform: uppercase;
}

.related-card__text {
  margin: 0;
}

.related-card__footer {
  position: relative;
}

.related-card__avatar-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 50%;
}

.related-card__avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.related-card__infos-container {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1.6666666667rem;
}

.related-card__autor {
  font-family: "Poppins-Medium", sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
  white-space: nowrap;
}

.related-card__date {
  font-family: "Poppins-Medium", sans-serif;
  text-transform: uppercase;
  color: #a9a9a8;
  font-size: 1rem;
  line-height: 1.5em;
  margin: 0;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .related-card__heading {
    margin-bottom: 0.8333333333rem;
    font-size: 1.6666666667rem;
  }
  .related-card__tag-list-item {
    font-size: 1.25rem;
  }
  .related-card__avatar-container {
    width: 6.6666666667rem;
    height: 6.6666666667rem;
  }
}
.blog-header-card {
  overflow: hidden;
  display: block;
  transform: translateY(0);
  width: 100%;
  margin-bottom: 4.1666666667rem;
  box-shadow: 0px 38px 73px rgba(0, 0, 0, 0.2);
  background: #2c2c2c;
  transition: background 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.blog-header-card:nth-child(2n) {
  transform: translateY(8.3333333333rem);
}
.has-hover .blog-header-card:hover {
  background-color: #3c3c3c;
}

.blog-header-card__visual-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 68.9655172414%;
  overflow: hidden;
}

.blog-header-card__visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}

.blog-header-card__content {
  padding: 2.5rem 3.3333333333rem;
}

.blog-header-card__tag-list-item {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 1.1666666667rem;
  color: #E14FB1;
}
.blog-header-card__tag-list-item:last-child .blog-item__coma {
  display: none;
}

.blog-header-card__heading {
  margin-top: 0.8333333333rem;
  margin-bottom: 0.8333333333rem;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.6666666667rem;
  line-height: 1em;
  text-transform: uppercase;
  color: #FFFFFF;
}

.blog-header-card__text {
  margin-bottom: 1.6666666667rem;
}

.blog-header-card__footer {
  font-size: 0;
}

.blog-header-card__avatar-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 50%;
}

.blog-header-card__avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-header-card__infos-container {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 6.6666666667rem);
  padding-left: 1.6666666667rem;
}

.blog-header-card__autor {
  margin: 0;
  font-family: "Poppins-Medium", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.5em;
  white-space: nowrap;
  color: #FFFFFF;
}

.blog-header-card__date {
  margin: 0;
  font-family: "Poppins-Medium", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.5em;
  white-space: nowrap;
  color: #a9a9a8;
}

@media (min-width: 769px) {
  .blog-header-card {
    display: flex;
    height: 37.5rem;
  }
  .blog-header-card__content {
    width: 50%;
  }
  .blog-header-card__visual-container {
    width: 50%;
    height: 100%;
    padding-top: 0;
  }
  .blog-header-card__heading {
    margin-top: 1.6666666667rem;
    margin-bottom: 0.8333333333rem;
    font-size: 2.5rem;
  }
  .blog-header-card__tag-list-item {
    font-size: 1.25rem;
  }
  .blog-header-card__avatar-container {
    width: 6.6666666667rem;
    height: 6.6666666667rem;
  }
  .blog-header-card__footer {
    position: absolute;
    bottom: 2.5rem;
  }
}
.tag-bar {
  margin-bottom: 3.3333333333rem;
}

.tag-bar__list {
  width: 100%;
  align-items: center;
}

.tag-bar__list-item {
  display: inline-block;
  margin-top: 0.8333333333rem;
  margin-right: 1.25rem;
}
.tag-bar__list-item:last-child {
  margin-right: 0;
}

.tag-bar__menu-item {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-radius: 25px;
  background: #E14FB1;
  font-size: 1rem;
  font-weight: bold;
  text-transform: capitalize;
  transition: 0.3s background ease-in-out;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.tag-bar__menu-item .tag-bar__button-content {
  display: inline-block;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}
.tag-bar__menu-item:after {
  position: absolute;
  top: 0;
  left: 0;
  transform: skew(-50deg) translate(-120%);
  opacity: 0;
  width: 140%;
  height: 100%;
  background: linear-gradient(-55deg, rgba(225, 79, 177, 0) 0%, rgb(50.5920426423%, 8.6236436322%, 36.7942128308%) 100%);
  content: "";
  transition: transform 0.2s ease-in, opacity 0.3s ease-in;
  will-change: transform opacity;
}
.has-hover .tag-bar__menu-item:hover:after {
  opacity: 1;
  transform: translate(-20%, 0%) skew(-50deg);
}
.tag-bar__menu-item.is-active {
  background: #FFFFFF;
  cursor: default;
}
.tag-bar__menu-item.is-active .tag-bar__button-content {
  color: #E14FB1;
}

.blog-card__tag-bar-open-filter {
  display: block;
}

@media (min-width: 769px) {
  .tag-bar__menu-item {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    font-size: 1.0833333333rem;
    text-transform: capitalize;
  }
}
.select-bar {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: none;
  position: relative;
  text-align: center;
  text-align-last: center;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 5rem;
  border: 0 solid transparent;
  border-radius: 25px;
  background: #E14FB1;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-align-last: center;
  color: #FFFFFF;
  appearance: none;
  transition: 0.3s background ease-in-out;
  user-select: none;
  text-overflow: ellipsis;
  outline: none;
}
.select-bar.is-active {
  background: #FFFFFF;
  color: #E14FB1;
}

.select-bar__text {
  position: absolute;
}

.blog-related {
  display: block;
  width: 100%;
  padding-top: 8.3333333333rem;
  padding-bottom: 8.3333333333rem;
  font-size: 0;
}
.blog-related .blog-card__text, .blog-related .blog-card__avatar-container {
  display: none;
}
.blog-related .blog-card__content {
  padding-left: 0;
}
.blog-related .blog-card__infos-container {
  margin-left: 0;
}
.blog-related .blog-card__autor {
  display: inline-block;
  font-size: 1.1666666667rem;
  color: #a9a9a8;
}
.blog-related .blog-card__autor:after {
  padding-right: 0.8333333333rem;
  padding-left: 0.8333333333rem;
  content: " - ";
}
.blog-related .blog-card__date {
  display: inline-block;
  font-size: 1.1666666667rem;
  color: #a9a9a8;
}
.blog-related .blog-card__tag-list-item {
  display: none;
}

.blog-related__item {
  margin-bottom: 3.3333333333rem;
}

.blog-related__heading {
  margin-bottom: 2.5rem;
  width: 100%;
  font-size: 4.1666666667rem;
  line-height: 4.1666666667rem;
}

.blog-card__heading {
  font-size: 1.6666666667rem;
  line-height: 2.5rem;
}

@media (min-width: 769px) {
  .blog-related__item {
    top: 0;
    display: inline-block;
    width: calc(50% - 3.3333333333rem);
    margin-right: 6.6666666667rem;
    margin-bottom: 0;
  }
  .blog-related__item .blog-card__heading {
    min-height: 4.6666666667rem;
  }
  .blog-related__item:last-child {
    margin-right: 0;
  }
  .blog-related__item .blog-card__autor {
    font-size: 1.25rem;
  }
  .blog-related__item .blog-card__date {
    font-size: 1.25rem;
  }
  .blog-related__content {
    display: flex;
    flex-wrap: wrap;
  }
}
.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #2c2c2c;
  width: 100%;
  padding: 2.5rem 0;
  text-align: center;
  z-index: 2;
}
.cookie > * {
  display: inline-block;
}

.cookie-message {
  padding: 0 1.6666666667rem;
  color: #FFFFFF;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.5rem;
}
.cookie-message a {
  color: #ff6b00;
  text-decoration: none;
  transition: 300ms border-bottom-color ease-out;
}
.has-hover .cookie-message a:hover {
  border-bottom-color: transparent;
}

@media (min-width: 769px) {
  .cookie {
    padding: 2.5rem 1.6666666667rem;
  }
}
.country {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  text-align: center;
}

.country-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(44, 44, 44, 0.9);
}

.country-content-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0.8333333333rem;
}

.country-content {
  position: relative;
  z-index: 1;
  background: #4E5259;
  color: #FFFFFF;
  max-width: 50rem;
  max-height: 100vh;
  overflow-y: auto;
  padding: 1.6666666667rem 2.5rem;
}
.country-content .content-ritchtext p {
  color: #FFFFFF;
}

.country__button {
  margin-bottom: 0.8333333333rem;
}

.country__body {
  text-align: left;
}

.country-content__close {
  position: absolute;
  right: 1.6666666667rem;
  top: 1.6666666667rem;
}

.country-content__close-icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: #FFFFFF;
  transition: 300ms opacity ease-out;
}
.has-hover .country-content__close-icon:hover {
  opacity: 0.5;
}

@media (min-width: 769px) {
  .country-content {
    padding: 3.3333333333rem 5rem;
  }
  .country-content .content-ritchtext p {
    color: #FFFFFF;
  }
  .country__body {
    margin-bottom: 2.9166666667rem;
  }
  .country__button {
    margin-bottom: 0;
  }
}
.share__social {
  display: flex;
  align-items: center;
}
.share__social--fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

.share__social-label {
  margin-right: 0.75rem;
  font-family: "Poppins-Regular", sans-serif;
  color: #FFFFFF;
  font-size: 1rem;
}

.share__button-social {
  position: relative;
  display: block;
  width: 2.0833333333rem;
  height: 2.0833333333rem;
  margin-right: 0.4166666667rem;
  border: solid 1px #FFFFFF;
  border-radius: 50%;
  transition: transform 0.2s;
  will-change: transform;
}
.has-hover .share__button-social:hover {
  transform: scale(1.1);
}

.share__social, .share__button {
  margin: 1.1666666667rem 0;
}

.share__icon-social {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: auto;
}

.orientation-warning {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2c2c2c;
  opacity: 0;
  visibility: hidden;
  padding: 0 1.6666666667rem;
  text-align: center;
  transition: opacity 0.3s, visibility 0.3s;
}
.orientation-warning.is-active {
  opacity: 1;
  visibility: visible;
}

.slideshow__outer {
  background-color: #FE6D07;
  bottom: -40px;
  position: relative;
  top: 0;
  z-index: 0;
}

.slideshow {
  overflow: hidden;
  position: relative;
}

.slideshow__prop {
  visibility: hidden;
}

.slideshow__slide {
  max-width: none;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.slideshow__slide--behind, .slideshow__slide--top {
  opacity: 1;
  transition: opacity 0.6s ease;
}
.slideshow__slide--behind {
  z-index: 1;
}
.slideshow__slide--top {
  z-index: 2;
}

.slideshow__media {
  height: 100vh;
  object-fit: cover;
  width: 100vw;
}

@media (min-width: 769px) {
  .game-slideshow .slideshow__media {
    height: auto;
  }
}
.slideshow__text {
  left: 3.3333333333rem;
  position: absolute;
  top: calc(50% - 32px);
  transform: translateY(-50%);
}

@media (min-width: 1020px) {
  .slideshow__text {
    left: 10.1666666667rem;
    max-width: 50vw;
  }
}
.slideshow__text__title {
  font-family: "Poppins-ExtraBold", sans-serif;
  font-size: 5rem;
  line-height: 5rem;
  margin-bottom: -20px;
  text-transform: uppercase;
}

@media (max-width: 340px) {
  .slideshow__text__title {
    font-size: 3.3333333333rem;
    line-height: 3.3333333333rem;
  }
  .slideshow__text {
    max-width: 75vw;
  }
}
@media (min-width: 769px) {
  .slideshow__text__title {
    font-size: 8.3333333333rem;
    line-height: 8.3333333333rem;
  }
}
.slideshow__text__subtitle {
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 1.6666666667rem;
  max-width: 360px;
}

.slideshow__pips {
  bottom: 90px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}

.slideshow__pip {
  background-color: #666666;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 0 4px;
  width: 8px;
}
.slideshow__pip--selected {
  background-color: #FFFFFF;
}

.slideshow__pullout-video {
  background: linear-gradient(180deg, #FF2D35 0%, #FE6D07 100%);
  box-sizing: border-box;
  display: block;
  padding: 8% 15%;
  position: relative;
  left: -14%;
  transform: rotate(8deg);
  width: 125%;
  top: -54px;
  z-index: 4;
}

@media (min-width: 769px) {
  .slideshow__pullout-video {
    background: none;
    border-radius: 4px;
    bottom: 15rem;
    left: auto;
    padding: 0.6666666667rem;
    position: absolute;
    right: 8.3333333333rem;
    top: auto;
    transform: rotate(3.5deg);
    width: 300px;
    z-index: 5;
  }
  .slideshow__pullout-video::before {
    background-image: url("../assets/img/home/frameshadow.svg");
    background-repeat: no-repeat;
    content: "";
    height: 213px;
    left: 16px;
    position: absolute;
    top: 0;
    transform: rotate(-7.2deg) scale(1.2);
    width: 277px;
    z-index: -1;
  }
  .slideshow__pullout-video--game {
    bottom: auto;
    top: -8rem;
  }
}
@media (min-width: 1180px) {
  .slideshow__pullout-video {
    border-radius: 12px;
    width: 400px;
  }
  .slideshow__pullout-video::before {
    height: 100%;
    left: 24px;
    top: 12px;
    width: 100%;
  }
  .slideshow__pullout-video--game {
    top: -7.5rem;
  }
  .slideshow__pullout-video--game::before {
    left: 20px;
    top: 0;
  }
}
.slideshow__pullout-video__caption {
  color: #FFFFFF;
  font-family: "Poppins-Regular", sans-serif;
  font-weight: 600;
  font-size: 1.3333333333rem;
  line-height: 1.25;
  position: relative;
  text-align: center;
  top: -6px;
  transform: rotate(1deg);
}

@media (min-width: 769px) {
  .slideshow__pullout-video__caption {
    font-size: 1rem;
  }
}
@media (min-width: 1180px) {
  .slideshow__pullout-video__caption {
    font-size: 1.3333333333rem;
  }
}
.slideshow__pullout-video__placeholder {
  cursor: pointer;
}
.slideshow__pullout-video__placeholder img {
  border-radius: 8px;
}

.slideshow__pullout-video__logo {
  display: block;
  height: 100px;
  left: 60px;
  position: absolute;
  top: 20px;
  width: 100px;
  z-index: 1;
}

@media (min-width: 769px) {
  .slideshow__pullout-video__logo {
    height: 120px;
    left: -50px;
    top: -50px;
    width: 120px;
  }
}
@media (min-width: 1180px) {
  .slideshow__pullout-video__logo {
    height: 180px;
    width: 180px;
  }
}
/**
 * Generic content types
 */
.content-text-wrapper {
  max-width: 43rem;
  margin: auto;
}

.content-ritchtext h1 {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.25rem;
  line-height: 1.2em;
}
.content-ritchtext h2 {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.8333333333rem;
  line-height: 1.2em;
}
.content-ritchtext h3 {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.5833333333rem;
  line-height: 1.2em;
}
.content-ritchtext h4 {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.25rem;
  line-height: 1.2em;
}
.content-ritchtext h5 {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.0833333333rem;
  line-height: 1.2em;
}
.content-ritchtext p {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  letter-spacing: 0.01em;
  color: #a9a9a8;
}
.content-ritchtext strong {
  font-family: "Poppins-Bold", sans-serif;
  font-weight: bold;
}
.content-ritchtext ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  counter-reset: item;
}
.content-ritchtext > ol, .content-ritchtext > ul {
  margin-bottom: 2.5rem;
}
.content-ritchtext li {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  font-family: "Poppins-Regular", sans-serif;
  color: #a9a9a8;
}
.content-ritchtext ol > li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
  counter-increment: item;
}
.content-ritchtext ol > li:before {
  position: absolute;
  left: 0.8333333333rem;
  padding-right: 1.6666666667rem;
  color: currentColor;
  content: counters(item, ".") ". ";
}
.content-ritchtext li ol > li:before {
  color: currentColor;
  content: counters(item, ".") " ";
}
.content-ritchtext ul {
  list-style-type: none;
  margin-bottom: 1.25rem;
  padding: 0;
}
.content-ritchtext ul li {
  position: relative;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
}
.content-ritchtext ul li:before {
  position: absolute;
  top: 0.6em;
  left: 0.8333333333rem;
  width: 0.3333333333rem;
  height: 0.3333333333rem;
  border-radius: 50%;
  background: currentColor;
  content: "";
}
.content-ritchtext a {
  color: #FE9803;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
.has-hover .content-ritchtext a:hover {
  opacity: 0.5;
}

@media (min-width: 769px) {
  .content-ritchtext h1 {
    font-family: "Poppins-Bold", sans-serif;
    font-size: 4.1666666667rem;
    line-height: 1.2em;
  }
  .content-ritchtext h2 {
    font-family: "Poppins-Bold", sans-serif;
    font-size: 2.9166666667rem;
    line-height: 1.2em;
  }
  .content-ritchtext h3 {
    font-family: "Poppins-Bold", sans-serif;
    font-size: 2.3333333333rem;
    line-height: 1.2em;
  }
  .content-ritchtext h4 {
    font-family: "Poppins-Bold", sans-serif;
    font-size: 2rem;
    line-height: 1.2em;
  }
  .content-ritchtext h5 {
    font-family: "Poppins-Bold", sans-serif;
    font-size: 1.6666666667rem;
    line-height: 1.2em;
  }
  .content-ritchtext p {
    font-family: "Poppins-Regular", sans-serif;
    font-size: 1.25rem;
    line-height: 1.9166666667rem;
    color: #a9a9a8;
  }
  .content-ritchtext.content-image-text__text-box > h4 {
    margin: 0 0 1.2em;
  }
  .content-ritchtext.content-image-text__text-box > p {
    margin: 0 0 2em;
  }
  .content-ritchtext ul, .content-ritchtext ol {
    font-size: 1.25rem;
  }
}
.content-image {
  padding: 6.6666666667rem 0;
  text-align: center;
}
.content-image .content-image__info {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  color: #a9a9a8;
}
.content-image .content-image__image {
  width: 100%;
}

@media (min-width: 768px) {
  .content-image {
    padding: 0;
  }
  .content-image .content-image__info {
    font-size: 1.25rem;
    padding-top: 0.8333333333rem;
  }
}
.content-code {
  margin-top: 4.1666666667rem;
  margin-bottom: 4.1666666667rem;
  font-family: "Poppins-Italic", sans-serif;
  font-size: 1.1666666667rem;
  color: #FFFFFF;
}

@media (min-width: 769px) {
  .content-code {
    font-size: 1rem;
  }
}
.content-quote {
  margin-bottom: 2.5rem;
  font-family: "Poppins-ExtraBold-Italic", "Poppins-Bold-Italic", sans-serif;
  font-size: 1.1666666667rem;
  text-align: center;
  color: #FFFFFF;
}

@media (min-width: 769px) {
  .content-quote {
    font-family: "Poppins-Bold-Italic", sans-serif;
    font-size: 2.5rem;
    color: #5BCCD5;
  }
}
.content-image-text {
  margin-top: 4.1666666667rem;
  margin-bottom: 4.1666666667rem;
}
.content-image-text .content-image-text__image-box {
  display: inline-block;
  width: 100%;
}
.content-image-text .content-image-text__text-box {
  display: inline-block;
  width: 100%;
  margin-bottom: 3.3333333333rem;
  vertical-align: top;
}
.content-image-text .content-image-text__nowrap {
  font-size: 0;
}
.content-image-text .content-image-text__heading {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2rem;
}
.content-image-text .content-image-text__image {
  width: 100%;
}

@media (min-width: 769px) {
  .content-image-text .content-image-text__image-box {
    width: 50%;
    font-size: 1.25rem;
  }
  .content-image-text .content-image-text__text-box {
    width: calc(50% - 2.5rem);
    margin-right: 2.5rem;
  }
}
.content-video {
  margin-top: 4.1666666667rem;
  margin-bottom: 4.1666666667rem;
  position: relative;
}
.content-video .content-video__video {
  width: 100%;
}

@media (min-width: 769px) {
  .content-video .content-video__circle {
    width: 8.3333333333rem;
    height: 8.3333333333rem;
  }
}
/**
 * Sections
 */
.section-community-links {
  padding: 5rem 0 7.5rem;
}

.section-community-links__share-image {
  width: 100%;
}

.section-community-links__heading {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.0833333333rem;
  line-height: 2.0833333333rem;
  margin: 4.1666666667rem 0 0;
  text-transform: uppercase;
}

.section-community-links__paragraph {
  color: #FFFFFF;
  font-size: 1.1666666667rem;
  margin: 1.6666666667rem 0;
}

.section-community-links__share-info {
  margin-bottom: 2rem;
}

.section-community-links__share-info__icons {
  display: flex;
  flex-wrap: wrap;
  margin: 2.6666666667rem 0;
}

.section-community-links__share-info__social-icon {
  display: inline-block;
  height: auto;
  position: relative;
  width: 40px;
}

.section-community-links__share-info__social-label {
  display: inline-block;
  color: #FFFFFF;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  margin-left: 2rem;
}

.section-community-links__share-info__social-button {
  align-items: center;
  display: flex;
  margin: 0 4.6666666667rem 1.6666666667rem 0;
  transition: opacity 0.2s ease-out;
}
.has-hover .section-community-links__share-info__social-button:hover {
  opacity: 0.6;
}

@media (min-width: 769px) {
  .section-community-links {
    padding: 8.3333333333rem 0;
  }
  .section-community-links__share-info__text {
    display: inline-block;
    margin-right: 10%;
    vertical-align: top;
    width: 40%;
  }
  .section-community-links__paragraph {
    padding-top: 0.8333333333rem;
    width: 70%;
    color: #FFFFFF;
  }
  .section-community-links__heading {
    font-size: 4.1666666667rem;
    line-height: 4.1666666667rem;
    margin-top: 8.3333333333rem;
  }
  .section-community-links__share-info__icons {
    margin-top: 4.1666666667rem;
    margin-bottom: 6.6666666667rem;
  }
}
.section-custom-split {
  margin-top: -5.3333333333rem;
  position: relative;
  padding-bottom: 8.3333333333rem;
  z-index: 4;
}

.section-custom-split__main-visual-image {
  width: 100%;
  max-width: 600px;
}

.section-custom-split__subheading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 2.9166666667rem;
  margin-bottom: 3.3333333333rem;
  font-size: 1.6666666667rem;
  letter-spacing: 0.3em;
  font-family: "Poppins-Bold", sans-serif;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.section-custom-split__wrapper {
  position: relative;
}

.section-custom-split__heading {
  margin-bottom: 1.6666666667rem;
}

.section-custom-split__paragraph {
  margin-bottom: 3.1666666667rem;
  color: #FFFFFF;
}

.section-custom-split__platforms {
  margin-bottom: 3.5833333333rem;
  display: flex;
  flex-wrap: wrap;
  color: #FFFFFF;
}

.section-custom-split__secondary-visual {
  position: absolute;
  bottom: 7.0833333333rem;
  left: 0;
  width: 50%;
  max-width: 16.6666666667rem;
}

.section-custom-split--right {
  margin-top: -6rem;
}

@media (min-width: 769px) {
  .section-custom-split {
    padding-top: 8.3333333333rem;
    padding-bottom: 8.3333333333rem;
  }
  .section-custom-split--right .section-custom-split__wrapper {
    flex-direction: row;
  }
  .section-custom-split--right .section-custom-split__content {
    margin: 3.3333333333rem 0;
  }
  .section-custom-split--right .section-custom-split__secondary-visual {
    right: 110%;
    left: auto;
  }
  .section-custom-split--right .section-custom-split__main-visual {
    left: 50%;
    right: auto;
  }
  .section-custom-split__main-visual {
    position: absolute;
    right: 50%;
    left: auto;
  }
  .section-custom-split__subheading {
    font-size: 2.5rem;
  }
  .section-custom-split__wrapper {
    position: static;
    display: flex;
    flex-direction: row-reverse;
    text-align: left;
    top: 0;
  }
  @supports (align-items: center) {
    .section-custom-split__wrapper {
      align-items: center;
      top: auto;
    }
  }
  .section-custom-split__content {
    position: relative;
    display: inline-block;
    width: 31.6666666667rem;
    min-width: 25.8333333333rem;
    max-width: none;
  }
  .section-custom-split__secondary-visual {
    position: absolute;
    left: 110%;
    right: auto;
    top: 50%;
  }
  .section-custom-split__secondary-visual-image {
    width: 100%;
    height: auto;
    flex-basis: 50%;
  }
  .section-custom-split__paragraph {
    margin-bottom: 1.6666666667rem;
  }
  .section-custom-split__main-visual-image {
    width: 92%;
  }
  .section-custom-split__platforms {
    display: block;
    white-space: nowrap;
  }
}
@media (min-width: 1220px) {
  .section-custom-split {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
}
@media (min-width: 1441px) {
  .section-custom-split {
    padding-top: 16.6666666667rem;
    padding-bottom: 16.6666666667rem;
  }
  .section-custom-split__main-visual-image {
    width: 100%;
  }
  .section-custom-split__content:after {
    content: "";
    width: 100%;
    flex: auto;
  }
}
.section-blog-post {
  position: relative;
  padding-top: 8.3333333333rem;
  margin-bottom: 4.1666666667rem;
  text-align: left;
}

.section-blog-post__content {
  position: relative;
  display: inline-block;
  width: 75%;
  max-width: 40rem;
  margin-left: 12.5%;
  padding: 0 3.3333333333rem 0 0;
  text-align: left;
}

.section-blog-post__main-visual {
  position: relative;
  display: inline-block;
  width: 87.5%;
  max-width: 46.6666666667rem;
  margin-bottom: 3.3333333333rem;
  padding-bottom: 80%;
  text-align: left;
  overflow: hidden;
}

.section-blog-post__main-visual-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.section-blog-post__announced {
  float: right;
  margin: 0 0 2.0833333333rem 0;
  padding: 0;
  width: 75%;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0.8333333333rem;
  line-height: 0.8333333333rem;
  letter-spacing: 0.39em;
  text-transform: uppercase;
  text-align: left;
  color: #FFFFFF;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
}

.section-blog-post__heading {
  margin-bottom: 1.6666666667rem;
}

.section-blog-post__paragraph {
  margin-bottom: 3.1666666667rem;
}

.section-blog-post__platforms {
  margin-bottom: 3.5833333333rem;
}

@media (min-width: 769px) {
  .section-blog-post {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 auto 15rem;
    padding-top: 17.9166666667rem;
    text-align: left;
  }
  .section-blog-post__content {
    position: relative;
    display: inline-block;
    min-width: 25.8333333333rem;
    width: 41.6666666667rem;
    max-width: none;
    padding: 0 5.8333333333rem;
    margin: 0;
    text-align: left;
  }
  .section-blog-post__main-visual {
    width: 66.6666666667rem;
    max-width: none;
    margin-bottom: 0;
    padding-bottom: 37.5%;
    overflow: hidden;
  }
  .section-blog-post__announced {
    float: none;
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: 5rem;
  }
  .section-blog-post__paragraph {
    padding-right: 4.1666666667rem;
    margin-bottom: 1.6666666667rem;
  }
}
@media (min-width: 1441px) {
  .section-blog-post {
    max-width: 120rem;
  }
}
.section-footer {
  padding: 6.6666666667rem 0;
}
.section-footer .section__content {
  padding: 0 4.1666666667rem;
}

.section-footer__logo {
  width: 5rem;
  margin-bottom: 1.6666666667rem;
}

.section-footer__content-top {
  position: relative;
}

.section-footer__sitemap {
  margin-bottom: 0.5833333333rem;
  column-count: 2;
}

.section-footer__fall-guy {
  background: url("../assets/img/fall-guys/footer-guy-01.png") no-repeat;
  background-size: contain;
  bottom: -20px;
  height: 300px;
  width: 300px;
  position: absolute;
  pointer-events: none;
  right: 24px;
  transition: opacity 0.2s, transform 0.2s;
  z-index: 4;
}

@media (max-width: 1410px) {
  .section-footer__fall-guy {
    right: 19vw;
  }
}
@media (max-width: 768px) {
  .section-footer__fall-guy {
    top: 0;
    bottom: auto;
    height: 196px;
    width: 196px;
    right: -64px;
  }
}
.section-footer__sitemap-item {
  margin-bottom: 1.8333333333rem;
}

.section-footer__content-bottom {
  display: flex;
  position: relative;
  padding-top: 1.5rem;
  border-top: 1px solid #353535;
}

.section-footer__content-bottom .list {
  flex: 1;
}

.section-footer__content-bottom .list__item {
  display: block;
}
.section-footer__content-bottom .list__item:not(:last-child) {
  margin-bottom: 0.4166666667rem;
}

.section-footer__copyright {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 0.8333333333rem;
  color: #666;
}

.section-footer__legal {
  width: 50%;
  margin-right: 0.5rem;
  margin-bottom: 3.75rem;
}

.section-footer__button-privacy {
  font-size: 0.8333333333rem;
}

.section-footer__social {
  display: block;
  margin-bottom: 2.5rem;
}

.section-footer__social-item {
  margin-right: 0.4166666667rem;
}

.section-footer__tonic-games {
  position: absolute;
  top: 6.6666666667rem;
  left: 0;
  width: 3.3333333333rem;
  height: 0;
  padding-top: 4.2328329919rem;
}

.section-footer__tonic-games-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  .section-footer {
    padding: 12.5rem 0 6.6666666667rem;
  }
  .section-footer .section__content {
    padding: 0 5.8333333333rem;
  }
  .section-footer__logo {
    width: 5.5rem;
    margin-bottom: 0;
  }
  .section-footer__content-top {
    display: flex;
    justify-content: space-between;
  }
  .section-footer__content-social {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    order: 1;
    margin-top: 1.8333333333rem;
    padding-bottom: 1.8333333333rem;
  }
  .section-footer__sitemap {
    order: 0;
    width: 38.3333333333rem;
    column-count: 2;
  }
  .section-footer__content-bottom {
    width: 100%;
    padding-top: 2.0833333333rem;
  }
  .section-footer__content-bottom .list__item {
    display: inline-block;
  }
  .section-footer__content-bottom .list__item:not(:last-child) {
    margin-right: 1.6666666667rem;
    margin-bottom: 0;
  }
  .section-footer__social {
    display: inline-block;
    margin-top: 2.5rem;
    margin-bottom: 0;
  }
  .section-footer__social-item {
    margin-left: 0.4166666667rem;
    margin-right: 0;
  }
  .section-footer__legal {
    width: 19.0833333333rem;
  }
  .section-footer__copyright {
    font-size: 1rem;
  }
  .section-footer__button-privacy {
    font-size: 1rem;
  }
  .section-footer__social-item {
    margin-right: 0;
    margin-left: 0.4166666667rem;
  }
  .section-footer__social-item:first-of-type {
    margin-left: 0;
  }
  .section-footer__tonic-games {
    top: 12.5rem;
    width: 5rem;
    padding-top: 6.3492494878rem;
  }
}
.section-game-panel {
  margin-top: -5.3333333333rem;
  position: relative;
  padding-bottom: 8.3333333333rem;
  z-index: 4;
}

.section-game-panel__main-visual-image {
  width: 100%;
  max-width: 600px;
}

.section-game-panel__subheading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 2.9166666667rem;
  margin-bottom: 3.3333333333rem;
  font-size: 1.6666666667rem;
  letter-spacing: 0.3em;
  font-family: "Poppins-Bold", sans-serif;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.section-game-panel__wrapper {
  position: relative;
}

.section-game-panel__heading {
  margin-bottom: 1.6666666667rem;
}

.section-game-panel__paragraph {
  margin-bottom: 3.1666666667rem;
  color: #FFFFFF;
}

.section-game-panel__platforms {
  margin-bottom: 3.5833333333rem;
  display: flex;
  flex-wrap: wrap;
  color: #FFFFFF;
}

.section-game-panel__secondary-visual {
  position: absolute;
  bottom: 7.0833333333rem;
  left: 0;
  width: 50%;
  max-width: 16.6666666667rem;
}

.section-game-panel--right {
  margin-top: -6rem;
}

@media (min-width: 769px) {
  .section-game-panel {
    padding-top: 8.3333333333rem;
    padding-bottom: 8.3333333333rem;
  }
  .section-game-panel--alt {
    margin-top: -10rem;
  }
  .section-game-panel--right .section-game-panel__wrapper {
    flex-direction: row;
  }
  .section-game-panel--right .section-game-panel__content {
    margin: 0;
  }
  .section-game-panel--right .section-game-panel__secondary-visual {
    right: 110%;
    left: auto;
  }
  .section-game-panel--right .section-game-panel__main-visual {
    left: 50%;
    right: auto;
  }
  .section-game-panel__main-visual {
    position: absolute;
    right: 50%;
    left: auto;
  }
  .section-game-panel__subheading {
    font-size: 2.5rem;
  }
  .section-game-panel__wrapper {
    position: static;
    display: flex;
    flex-direction: row-reverse;
    text-align: left;
    top: 0;
  }
  @supports (align-items: center) {
    .section-game-panel__wrapper {
      align-items: center;
      top: auto;
    }
  }
  .section-game-panel__content {
    position: relative;
    display: inline-block;
    width: 31.6666666667rem;
    min-width: 25.8333333333rem;
    max-width: none;
  }
  .section-game-panel__secondary-visual {
    position: absolute;
    left: 110%;
    right: auto;
    top: 50%;
  }
  .section-game-panel__secondary-visual-image {
    width: 100%;
    height: auto;
    flex-basis: 50%;
  }
  .section-game-panel__paragraph {
    margin-bottom: 1.6666666667rem;
  }
  .section-game-panel__main-visual-image {
    width: 92%;
  }
  .section-game-panel__platforms {
    display: block;
    white-space: nowrap;
  }
}
@media (min-width: 1220px) {
  .section-game-panel {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
}
@media (min-width: 1441px) {
  .section-game-panel {
    padding-top: 16.6666666667rem;
    padding-bottom: 16.6666666667rem;
  }
  .section-game-panel__main-visual-image {
    width: 100%;
  }
  .section-game-panel__content:after {
    content: "";
    width: 100%;
    flex: auto;
  }
}
.section-offices {
  position: relative;
  padding-top: 1.6666666667rem;
  padding-bottom: 8.3333333333rem;
}

.office {
  padding: 0;
}

.section-offices__carousel-offices {
  width: 100%;
  height: 20.8333333333rem;
}

.section-offices__carousel-offices-container {
  position: relative;
}

.section-offices__list-item {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 20.8333333333rem;
  margin: 0 auto;
  font-size: 0;
}

.section-offices__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 20.8333333333rem;
  height: 20.8333333333rem;
  background: #3d3d3d;
  border-radius: 50%;
}

.section-offices__infos {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.section-offices__illustration {
  position: absolute;
  top: 50%;
  bottom: -1.6666666667rem;
  left: 0;
  right: 0;
  width: 20.8333333333rem;
  height: auto;
  margin: auto;
  pointer-events: none;
}

.section-offices__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -0.01em;
}

.section-offices__subheading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  right: 0;
  top: 1.6666666667rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0.8333333333rem;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
  letter-spacing: 0.3em;
}

.section-offices__address {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  margin: 0.4166666667rem auto 0.5rem auto;
  color: #FFFFFF;
  font-family: "Poppins-SemiBold", sans-serif;
  font-size: 0.9166666667rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1em;
}
.has-hover .section-offices__address:hover {
  opacity: 0.5;
}

.section-offices__email {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  display: block;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 0.8333333333rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  color: #FFFFFF;
}

.section-offices__button-previous,
.section-offices__button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.section-offices__button-previous {
  left: 0;
}

.section-offices__button-next {
  right: 0;
}

@media (min-width: 769px) {
  .section-offices__heading {
    font-size: 8.3333333333rem;
    letter-spacing: -0.02em;
  }
  .section-offices__subheading {
    top: 5rem;
    font-size: 1rem;
    letter-spacing: 0.34em;
  }
  .section-offices__address {
    font-size: 1.25rem;
    margin-bottom: 0.8333333333rem;
    margin-top: 1.25rem;
  }
  .section-offices__carousel-offices {
    height: 45.8333333333rem;
  }
  .section-offices__list-item {
    width: 100%;
    height: 45.8333333333rem;
  }
  .section-offices__background {
    width: 45.8333333333rem;
    height: 45.8333333333rem;
  }
  .section-offices__illustration {
    bottom: -3.3333333333rem;
    width: 45.8333333333rem;
  }
  .section-offices__adress {
    margin: 1.25rem auto 1.25rem auto;
    font-family: "Poppins-SemiBold", sans-serif;
    font-size: 1rem;
  }
  .section-offices__email {
    font-size: 1rem;
  }
  .section-offices__button-previous,
  .section-offices__button-next {
    position: absolute;
    top: 50%;
    display: block;
  }
  .section-offices__button-previous {
    left: 4.1666666667rem;
  }
  .section-offices__button-next {
    right: 4.1666666667rem;
  }
}
@media (min-width: 1441px) {
  .section-offices__carousel-offices {
    height: 50rem;
  }
  .section-offices__list-item {
    width: 100%;
    height: 50rem;
  }
  .section-offices__background {
    width: 50rem;
    height: 50rem;
  }
  .section-offices__illustration {
    width: 50rem;
  }
  .section-offices__heading {
    font-size: 9.1666666667rem;
  }
  .section-offices__subheading {
    font-size: 1rem;
    top: 8.3333333333rem;
  }
}
@media (max-width: 480px) {
  .section-offices__carousel-offices {
    height: 20.8333333333rem;
  }
  .section-offices__address {
    max-width: 80vw;
  }
  .section-offices__list-item {
    width: 100%;
    height: 20.8333333333rem;
  }
}
.section-join-the-team {
  padding-top: 2.5rem;
  padding-bottom: 4.1666666667rem;
}

.section-join-the-team-background {
  position: absolute;
  left: 0;
  top: 0rem;
  z-index: -1;
  width: 100%;
  height: 83.3333333333rem;
  background: red;
  transform: skew(0deg, 3deg);
  background-color: #ff6b00;
  background: linear-gradient(#FBDD62, #ff6b00);
}
.section-join-the-team-background:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../assets/img/misc/noise.png");
  opacity: 0.05;
  background-repeat: repeat;
  pointer-events: none;
  content: "";
}

.section-join-the-team__clip {
  position: relative;
  overflow: hidden;
  padding: 8.3333333333rem 0 6.6666666667rem;
}

.section-join-the-team__content {
  margin-top: -2.5rem;
}

.section-join-the-team__visual {
  width: 62rem;
  margin-left: 1.25rem;
}

.section-join-the-team__title {
  margin: 0 0 1.6666666667rem 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.5rem;
  line-height: 0.9em;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.section-join-the-team__description {
  width: 80%;
  margin-bottom: 3.3333333333rem;
}

.section-join-the-team__list-job {
  margin-bottom: 4.5833333333rem;
}

.list-job__title {
  margin-bottom: 0.6666666667rem;
  text-transform: uppercase;
  line-height: 1.1em;
}

.list-job__location {
  font-size: 1.1666666667rem;
}

.list-job__button-read-more {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.1666666667rem;
}

.section-join-the-team__confetti {
  display: none;
  position: absolute;
  top: -15.8333333333rem;
  right: 80%;
  width: 19.9166666667rem;
}

@media (min-width: 481px) {
  .section-join-the-team__list-job {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  .section-join-the-team {
    padding-top: 0;
  }
  .section-join-the-team__clip {
    padding: 6.6666666667rem 0 13.3333333333rem;
  }
  .section-join-the-team__section-title {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 5.25rem;
  }
  .section-join-the-team__content {
    margin-top: 0;
  }
  .section-join-the-team__visual {
    position: absolute;
    top: 5.8333333333rem;
    left: 48%;
    width: 123.3333333333rem;
  }
  .section-join-the-team__body {
    width: 42%;
  }
  .section-join-the-team__title {
    margin: 0 0 2.1666666667rem 0;
    font-size: 4.1666666667rem;
    line-height: 1em;
  }
  .section-join-the-team__description {
    width: 100%;
    margin-bottom: 2.1666666667rem;
  }
  .section-join-the-team__list-job {
    width: 100%;
    margin-bottom: 5.8333333333rem;
  }
  .list-job__button-read-more {
    position: relative;
  }
  .section-join-the-team__confetti {
    display: block;
  }
}
.section-game-previews {
  width: 100%;
  margin-bottom: 7.1666666667rem;
  overflow: hidden;
}

.section-game-previews__content {
  width: 100%;
}

@media (min-width: 769px) {
  .section-game-previews {
    position: relative;
    padding: 4.1666666667rem 8.3333333333rem;
    margin: 0 0 7.6666666667rem 0;
    overflow: hidden;
  }
}
.section-game-intro {
  padding: 0 0 3.6666666667rem 0;
  display: none;
}

.section-game-intro__column-left {
  margin: -2rem 0 1.6666666667rem 0;
  overflow: hidden;
}

.section-game-intro__title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0.8333333333rem 0 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 5rem;
  line-height: 2.5rem;
  color: #FFFFFF;
  text-transform: uppercase;
}
.game-yahtzee .section-game-intro__title {
  font-size: 4.1666666667rem;
}
.section-game-intro__title sup {
  position: relative;
  top: -2.5rem;
  font-size: 0.3em;
}

.section-game-intro__subtitle {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin: 0 0 1.6666666667rem 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.6666666667rem;
  line-height: 4.1666666667rem;
  color: #FFFFFF;
}

.section-game-intro__intro {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  max-width: 50rem;
  margin: 1.6666666667rem 0 0 0;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 1.3333333333rem;
  line-height: 1.6666666667rem;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}
.section-game-intro__intro:first-child {
  margin: 0;
}

.section-game-intro__footnote {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 1.6666666667rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 0.8333333333rem;
  color: #969696;
}

.section-game-intro__button {
  display: block;
  float: left;
  clear: both;
  width: 16.6666666667rem;
  margin-bottom: 0.8333333333rem;
}
.section-game-intro__button:last-child {
  margin: 0;
}

.section-game-intro__platforms {
  margin-top: 1.6666666667rem;
}

@media (min-width: 769px) {
  .section-game-intro {
    padding: 7.5rem 0;
  }
  .section-game-intro__row {
    display: flex;
  }
  .section-game-intro__column-left {
    flex: 50%;
    margin: -11.0833333333rem 0 0 0;
  }
  .section-game-intro__column-right {
    flex: 50%;
  }
  .section-game-intro__title {
    font-size: 9.1666666667rem;
    line-height: 7.5rem;
  }
  .game-yahtzee .section-game-intro__title {
    font-size: 7.5rem;
  }
  .section-game-intro__title sup {
    top: -5rem;
    font-size: 0.2em;
  }
  .section-game-intro__subtitle {
    margin-bottom: 5rem;
    font-size: 3.3333333333rem;
    line-height: 4.1666666667rem;
  }
  .section-game-intro__intro {
    font-size: 1.6666666667rem;
    line-height: 2.3333333333rem;
  }
  .section-game-intro__button {
    width: 17.5rem;
    margin-bottom: 1.6666666667rem;
  }
  .section-game-intro__footnote {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .section-game-intro__button-store {
    margin-right: 0.8333333333rem;
  }
}
.section-behind-the-scenes {
  padding-top: 10rem;
  padding-bottom: 8.3333333333rem;
}

.section-behind-the-scene__container {
  padding-bottom: 2.5rem;
  background-color: #2c2c2c;
  box-shadow: 0px 7px 57px rgba(0, 0, 0, 0.38);
}

.section-behind-the-scenes__column-left, .section-behind-the-scenes__column-right {
  position: relative;
}

.section-behind-the-scenes__column-left {
  min-height: 400px;
  z-index: 1;
}

.section-behind-the-scene__container-image--big {
  position: absolute;
  right: 0;
  right: -15px;
  overflow: hidden;
  width: calc(100% - 60px);
  min-width: 200px;
  height: 100%;
  box-shadow: 0px 0px 4.5rem rgba(0, 0, 0, 0.53);
}

.section-behind-the-scenes__image--big {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: auto;
  margin: auto;
}

.section-behind-the-scene__container-image--small {
  position: absolute;
  left: 2.5rem;
  bottom: 0;
  width: 200px;
  max-width: 80%;
  height: 280px;
  overflow: hidden;
  box-shadow: 0px 0px 4.5rem rgba(0, 0, 0, 0.53);
}

.section-behind-the-scenes__image--small {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 120%;
  height: auto;
  margin: auto;
}

.section-behind-the-scenes__content {
  position: relative;
  padding: 2.5rem 4.1666666667rem;
}

.section-behind-the-scene__subheading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0;
  margin-bottom: 2.9166666667rem;
  font-family: "Poppins-Regular", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.3em;
}

.section-behind-the-scene__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 1.6666666667rem;
  text-transform: uppercase;
}

.section-behind-the-scene__paragraph {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 4.1666666667rem;
  color: #a9a9a8;
}

@media (min-width: 769px) {
  .section-behind-the-scene__container {
    display: flex;
    padding-bottom: 0;
    background: none;
    box-shadow: none;
  }
  .section-behind-the-scenes__column-left {
    flex: 45%;
    height: auto;
  }
  .section-behind-the-scenes__column-right {
    flex: 55%;
  }
  .section-behind-the-scenes__content {
    padding: 5.8333333333rem 8.3333333333rem;
    background-color: #2c2c2c;
    box-shadow: 0px 7px 4.75rem rgba(0, 0, 0, 0.38);
  }
  .section-behind-the-scene__container-image--big {
    position: absolute;
    right: -50px;
    top: -150px;
    overflow: hidden;
    max-width: 100%;
    min-width: 300px;
    height: 500px;
  }
  .section-behind-the-scene__container-image--small {
    position: absolute;
    left: 0;
    top: 30%;
    max-width: 50%;
    min-width: 200px;
    height: 40%;
    overflow: hidden;
  }
  .section-behind-the-scenes__image--small {
    height: 120%;
    width: auto;
  }
  .section-behind-the-scenes__image--big {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 480px) {
  .section-behind-the-scenes__content {
    padding: 2.5rem 3.3333333333rem;
  }
  .section-behind-the-scenes__image--small {
    height: 110%;
    width: auto;
  }
}
.section-our-office {
  position: relative;
  background: linear-gradient(-45deg, #404040, #0d0d0d);
  padding: 2.9166666667rem 0;
}
.section-our-office:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../assets/img/misc/grain.png") repeat;
  opacity: 0.15;
}

.section-our-office__content {
  position: relative;
  padding: 0;
}

.section-our-office__text {
  position: relative;
  padding: 0 1.25rem;
}

.section-our-office__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 2.0833333333rem;
  padding: 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.9166666667rem;
  line-height: 2.9166666667rem;
}

.section-our-office__paragraph {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 1.6666666667rem;
  padding: 0;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
}

.section-our-office__bullets {
  padding: 0 1.25rem;
}

@media (min-width: 769px) {
  .section-our-office {
    padding: 11.6666666667rem 0;
  }
  .section-our-office__content {
    padding: 0 3.3333333333rem;
  }
  .section-our-office__carousel {
    padding: 0 0 0 11.6666666667rem;
  }
  .section-our-office__text {
    position: absolute;
    top: 2.9166666667rem;
    left: 0;
    padding: 3.3333333333rem 2.5rem;
    width: 27.9166666667rem;
    background: #222222;
    z-index: 1;
  }
  .section-our-office__heading {
    margin: 0 0 1.25rem;
    font-size: 2.9166666667rem;
    line-height: 2.9166666667rem;
  }
  .section-our-office__bullets {
    padding: 0;
  }
  .section-our-office__paragraph {
    padding: 0;
    margin: 0;
    opacity: 0.5;
    font-size: 1.1666666667rem;
    line-height: 1.8333333333rem;
  }
}
@media (min-width: 1441px) {
  .section-our-office__carousel {
    padding: 0 0 0 20rem;
  }
  .section-our-office__text {
    top: 4.5833333333rem;
    padding: 3.3333333333rem 3.3333333333rem;
    width: 30.4166666667rem;
  }
  .section-our-office__paragraph {
    font-size: 1.25rem;
    line-height: 1.9166666667rem;
  }
  .section-our-office__heading {
    font-size: 4.1666666667rem;
    line-height: 4.1666666667rem;
  }
}
@media (min-width: 1441px) {
  .section-our-office__carousel {
    width: calc(100% + 10rem);
  }
}
.section-feed__content {
  padding: 6.6666666667rem 3.3333333333rem 0;
  font-size: 0;
}

.section-feed__social-posts {
  position: relative;
  margin: 0 0 4.1666666667rem;
  width: 100%;
}

.section-feed__social-post {
  margin: 0 0 4.1666666667rem;
  width: 100%;
}

.section-feed__social-post:last-child {
  margin: 0;
}

@media (min-width: 769px) {
  .section-feed__content {
    padding: 10rem 0 0;
  }
  .section-feed__social-posts {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 7.5rem;
    padding: 0 3.3333333333rem;
    width: 50%;
  }
  .section-feed__social-posts:nth-child(even) {
    padding: 18.3333333333rem 3.3333333333rem 0;
  }
  .section-feed__social-post {
    margin: 0 0 8.3333333333rem;
  }
}
.section-quote {
  margin-bottom: 7.5rem;
  text-align: center;
}

.section-quote__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 1.6666666667rem 0;
  padding: 0;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 0.39em;
  color: #FFFFFF;
  text-transform: uppercase;
}

.section-quote__blockquote {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 auto 2.5rem auto;
  padding: 0;
  max-width: 23.3333333333rem;
  font-family: "Poppins-Bold-Italic", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 1.6666666667rem;
  letter-spacing: 0.01em;
  color: #FFFFFF;
}

.section-quote__author {
  margin: 0;
  padding: 0;
  color: #999999;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 1.1666666667rem;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 769px) {
  .section-quote {
    margin-bottom: 14.1666666667rem;
  }
  .section-quote__heading {
    margin-bottom: 7.0833333333rem;
  }
  .section-quote__blockquote {
    max-width: 62.5rem;
    margin-bottom: 2.3333333333rem;
    font-size: 2.5rem;
    line-height: 3.3333333333rem;
  }
}
.section-full-width-image {
  width: 90%;
  max-width: 120rem;
  margin: 0 auto 7.5rem auto;
}

.section-full-width-image__container {
  position: relative;
  width: 100%;
  padding-bottom: 48%;
}

.section-full-width-image__image {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  transform: translate(-50%, -50%);
}

@media (min-width: 769px) {
  .section-full-width-image {
    width: 90%;
    margin-bottom: 14.1666666667rem;
  }
}
@media (min-width: 1441px) {
  .section-full-width-image {
    width: 100%;
  }
}
.section-game-list {
  padding-top: 8.3333333333rem;
  padding-bottom: 8.3333333333rem;
}

.section-game-list__button-load-more-container {
  position: relative;
  width: 100%;
  margin-top: 8.3333333333rem;
  text-align: center;
}
.section-game-list__button-load-more-container:before, .section-game-list__button-load-more-container:after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 30%;
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
}
.section-game-list__button-load-more-container:before {
  left: 0.4166666667rem;
}
.section-game-list__button-load-more-container:after {
  right: 0.4166666667rem;
}

@media (min-width: 769px) {
  .section-game-list {
    padding-top: 12.5rem;
    padding-bottom: 12.5rem;
  }
  .section-game-list__button-load-more-container:before, .section-game-list__button-load-more-container:after {
    width: 35%;
  }
}
@media (max-width: 480px) {
  .section-game-list__button-load-more-container:before, .section-game-list__button-load-more-container:after {
    width: 20%;
  }
}
.section-awards {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section-awards__text {
  width: 70%;
  margin: 1.6666666667rem 0 6.25rem 0;
}

.section-awards__list {
  border-top: solid 1px #FFFFFF;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  color: #FFFFFF;
}

.section-awards__list-item {
  display: flex;
  justify-content: space-around;
  width: 100%;
  padding: 2.5rem;
  border-bottom: solid 1px #FFFFFF;
}

.award-logo-container {
  width: 3.3333333333rem;
}

.award-logo {
  width: 2.0833333333rem;
  height: auto;
}

.award-caracteristics {
  width: 100%;
  margin-left: 2.5rem;
}

.award-caracteristics-item {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5em;
}
.award-caracteristics-item:not(:last-child) {
  margin-bottom: 0.8333333333rem;
}

.award-caracteristics-item_title {
  font-family: "Poppins-Bold", sans-serif;
}

.section-awards__button-load-more-container {
  position: relative;
  width: 100%;
  margin-top: 8.3333333333rem;
  text-align: center;
}
.section-awards__button-load-more-container:before, .section-awards__button-load-more-container:after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 30%;
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
}
.section-awards__button-load-more-container:before {
  left: 0.4166666667rem;
}
.section-awards__button-load-more-container:after {
  right: 0.4166666667rem;
}

@media (min-width: 769px) {
  .section-awards__text {
    width: 35%;
    margin: 2.5rem 0 6.25rem 0;
  }
  .section-awards__list {
    border-top: solid 1px rgba(255, 255, 255, 0.4);
  }
  .section-awards__list-item {
    align-items: center;
    border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  }
  .award-logo-container {
    width: 10rem;
  }
  .award-caracteristics {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .award-caracteristics-item {
    line-height: inherit;
    width: 25%;
    padding-right: 1.6666666667rem;
  }
  .award-caracteristics-item--small {
    width: 20%;
  }
  .award-caracteristics-item--large {
    width: 30%;
  }
  .award-caracteristics-item:not(:last-child) {
    margin-bottom: 0;
  }
  .award-caracteristics-item--small {
    display: block;
  }
  .section-awards__button-load-more-container:before, .section-awards__button-load-more-container:after {
    width: 35%;
  }
}
@media (max-width: 480px) {
  .section-awards__text {
    width: 100%;
  }
  .section-awards__button-load-more-container:before, .section-awards__button-load-more-container:after {
    width: 20%;
  }
}
.section-stats {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section-stats__list {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 0 auto;
}

.section-stats__stat-circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.8333333333rem;
  height: 10.8333333333rem;
  margin: 0.25rem 0;
  border: 2px solid white;
  border-radius: 50%;
}

.section-stats__stat-circle-content {
  width: 100%;
  text-align: center;
}

.section-stats__number {
  font-family: "Poppins-ExtraBold", sans-serif;
  font-size: 2.9166666667rem;
}

.section-stats__title {
  width: 100%;
  padding: 0 1.6666666667rem 0 1.5rem;
  font-family: "Poppins-Medium", sans-serif;
  font-size: 0.8333333333rem;
  line-height: 1.3em;
  text-align: center;
  word-break: break-word;
}

@media (min-width: 769px) {
  .section-stats__stat-circle {
    min-width: 16.3333333333rem;
    min-height: 16.3333333333rem;
  }
  .section-stats__number {
    font-family: "Poppins-ExtraBold", sans-serif;
    font-size: 4.1666666667rem;
  }
  .section-stats__title {
    width: 100%;
    padding: 0 1.6666666667rem;
    font-family: "Poppins-Bold", sans-serif;
    font-size: 1.1666666667rem;
    word-break: break-word;
  }
}
@media (max-width: 480px) {
  .section-stats__stat-circle {
    margin-bottom: 1.1666666667rem;
  }
}
.image-text-block-grid {
  padding-top: 10rem;
  padding-bottom: 4.1666666667rem;
}

@media (min-width: 769px) {
  .image-text-block-grid {
    padding-bottom: 10rem;
  }
  .image-text-block-grid__wrapper {
    display: flex;
    justify-content: space-around;
  }
  .image-text-block-grid__wrapper--two-columns {
    justify-content: center;
  }
  .image-text-block-grid__wrapper--two-columns .image-text-block:nth-child(2) {
    margin-left: 4%;
  }
}
.section-offices-list {
  padding-top: 6.6666666667rem;
  padding-bottom: 6.6666666667rem;
}
.section-offices-list .list-item-offices:nth-child(odd) {
  flex-direction: row-reverse;
}

@media (min-width: 769px) {
  .section-offices-list {
    padding-bottom: 20.8333333333rem;
  }
}
.section-team {
  position: relative;
  padding-top: 8.3333333333rem;
  padding-bottom: 8.3333333333rem;
}
.section-team .heading-section {
  margin-bottom: 3.3333333333rem;
}
.section-team .section-team__filter {
  margin-bottom: 7.5rem;
}

.section-team__filter {
  display: block;
  width: 100%;
  height: 4.1666666667rem;
  font-size: 0;
}
.section-team__filter .filter-bar {
  display: inline-block;
}

.section-team__filter-title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 4.1666666667rem;
  vertical-align: top;
}

.section-team__carousel {
  display: none;
  width: 100%;
}

@media (min-width: 769px) {
  .section-team__filter {
    margin-bottom: 7.5rem;
  }
  .section-team__filter-title {
    width: auto;
    margin-right: 0.8333333333rem;
  }
}
.section-get-in-touch {
  padding: 8.3333333333rem 0;
}

.section-get-in-touch__heading {
  font-size: 3rem;
  line-height: 3rem;
}

.section-get-in-touch__text {
  margin-top: 1.1666666667rem;
}

.section-get-in-touch__contacts {
  padding-left: 0;
}

@media (min-width: 769px) {
  .section-get-in-touch {
    padding: 12.5rem 0;
  }
  .section-get-in-touch__heading {
    font-size: 4.1666666667rem;
    line-height: 4.1666666667rem;
  }
  .section-get-in-touch__contacts {
    display: flex;
    flex-wrap: wrap;
  }
}
.section-sister-studios {
  padding: 8.3333333333rem 0;
}

.section-sister-studios__heading {
  margin-bottom: 1.6666666667rem;
}

.section-sister-studios_content__text {
  width: 80%;
  margin-bottom: 4.1666666667rem;
}

.section-sister-studios_column-right {
  max-width: 75%;
  margin: auto;
}

.sister-studios__title, .sister-studios__website {
  word-break: break-word;
}

.sister-studios__list-item {
  position: relative;
  min-height: 12.5rem;
}
.sister-studios__list-item--left .sister-studios__circle {
  left: 0;
}
.sister-studios__list-item--right .sister-studios__circle {
  right: 0;
}

.sister-studios__circle {
  position: absolute;
  top: 0;
  border-radius: 50%;
  background: url("../assets/img/background-patterns/sister_studios.png") no-repeat;
  background-position: right;
  width: 12.5rem;
  height: 12.5rem;
}

.sister-studios__infos {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  width: 100%;
  text-align: center;
}

.sister-studios__title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: "Poppins-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 1.6666666667rem;
  color: #FFFFFF;
}
.has-hover .sister-studios__website:hover .sister-studios__title {
  text-decoration: underline;
}

.sister-studios__website {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  text-decoration: none;
  color: #FFFFFF;
}

@media (min-width: 769px) {
  .section-sister-studios {
    padding: 12.5rem 0;
  }
  .section-sister-studios__content {
    display: flex;
    justify-content: space-between;
  }
  .section-sister-studios_content__text {
    width: 100%;
  }
  .section-sister-studios_column-left, .section-sister-studios_column-right {
    flex: 40%;
    max-width: 40%;
  }
  .section-sister-studios_column-left {
    transform: translateY(4.1666666667rem);
  }
}
@media (max-width: 480px) {
  .section-sister-studios_column-right {
    max-width: 100%;
  }
  .sister-studios__title {
    font-size: 1.3333333333rem;
  }
}
.section-job-openings {
  padding-top: 12.5rem;
  padding-bottom: 8.3333333333rem;
}

.section-job-openings__filter .filter-bar__bg {
  background: #C5C7DF;
}

.job-openings__amount {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0.5em;
  font-size: 1.25rem;
}

.section-job-openings__category {
  margin-top: 8.3333333333rem;
}

.section-job-openings__filter {
  display: block;
  width: 100%;
  height: 4.1666666667rem;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
  font-size: 0;
}
.section-job-openings__filter .filter-bar {
  display: inline-block;
}

.section-job-openings__filter-title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: inline;
  margin-right: 1.25rem;
  vertical-align: top;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.25rem;
  line-height: 4.1666666667rem;
}

.job-openings__list {
  max-height: 25rem;
  overflow: hidden;
}

.section-job-openings__featured-job-title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 2.9166666667rem;
  font-size: 1.6666666667rem;
  letter-spacing: 0.3em;
  font-family: "Poppins-Bold", sans-serif;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: #FFFFFF;
}

.section-job-openings__featured-job-cta {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 3.3333333333rem;
  padding-right: 5%;
}
.section-job-openings__featured-job-cta:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.1666666667rem;
  width: 50%;
  background: #FFFFFF;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s;
  content: "";
}
.has-hover .section-job-openings__featured-job-cta:hover:after {
  transform: scaleX(1);
}

.section-job-openings__featured-job-cta-title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 1.25rem;
  line-height: 1.3em;
  text-transform: uppercase;
  font-family: "Poppins-Bold", sans-serif;
  color: #FFFFFF;
}

.section-job-openings__featured-job-cta-location {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 1.25rem;
  line-height: 2em;
  font-family: "Poppins-Regular", sans-serif;
  color: #FFFFFF;
}

@media (min-width: 769px) {
  .section-job-openings__featured-job-cta {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    max-width: 317px;
  }
  .section-job-openings__featured-job-title {
    font-size: 2.5rem;
  }
}
.section-image-text-cards {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
  text-align: center;
}
.section-image-text-cards .list-bullets {
  display: inline-block;
  vertical-align: middle;
}

.section-image-text-cards__icon {
  display: inline-block;
  vertical-align: middle;
}

.section-image-text-cards__column-left,
.section-image-text-cards__column-right {
  position: relative;
}

.section-image-text-cards__column-left {
  z-index: 1;
  width: 100%;
  height: 15.8333333333rem;
  margin: 0 auto;
}

.section-image-text-cards__container-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.section-image-text-cards__container-image--big {
  position: absolute;
  top: -9.1666666667rem;
  right: 0;
  width: 18.3333333333rem;
  padding-top: 268px;
}
.is-single-image .section-image-text-cards__container-image--big {
  top: -6.6666666667rem;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.section-image-text-cards__container-image--small {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10rem;
  padding-top: 167.5px;
}

.section-image-text-cards__overlay {
  z-index: 2;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background: #ff6b00;
  transform-origin: top center;
  transform: scaleY(0);
}

.section-image-text-cards__image--big {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-image-text-cards__image--small {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-image-text-cards__content {
  position: relative;
  padding: 3.3333333333rem 1.6666666667rem;
  text-align: left;
}

.section-image-text-cards__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 1.6666666667rem;
  font-size: 2.0833333333rem;
  line-height: 2.0833333333rem;
  text-transform: uppercase;
}

.section-image-text-cards__paragraph {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  color: #a9a9a8;
}
.section-image-text-cards__paragraph p {
  margin: 0 0 1em 0;
}
.section-image-text-cards__paragraph p:last-of-type {
  margin: 0;
}
.section-image-text-cards__paragraph a {
  color: #FE9803;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
.has-hover .section-image-text-cards__paragraph a:hover {
  opacity: 0.5;
}

.section-image-text-cards__button {
  margin-top: 3.3333333333rem;
}

@media (min-width: 321px) {
  .section-image-text-cards__column-left {
    min-width: 21.3333333333rem;
    max-width: 22.5rem;
  }
}
@media (min-width: 768px) {
  .section-image-text-cards {
    padding-top: 16.6666666667rem;
  }
  .section-image-text-cards__container {
    padding: 0 5rem;
  }
  .section-image-text-cards__column-left {
    width: 100%;
    max-width: 47.3333333333rem;
    height: 35.4166666667rem;
  }
  .section-image-text-cards__container-image--big {
    width: 29.1666666667rem;
    padding-top: 425.7731958763px;
  }
  .section-image-text-cards__container-image--small {
    width: 19.75rem;
    height: 27.6666666667rem;
  }
  .section-image-text-cards__content {
    padding: 3.3333333333rem 1.6666666667rem;
  }
}
@media (min-width: 1024px) {
  .section-image-text-cards {
    padding-bottom: 8.3333333333rem;
  }
  .section-image-text-cards__container {
    display: flex;
    padding: 0;
  }
  .section-image-text-cards__column-left {
    width: 45.8333333333rem;
    height: 45rem;
    margin: 0;
  }
  .section-image-text-cards__column-left.is-single-image {
    width: 37.5rem;
  }
  .section-image-text-cards__column-right {
    width: calc(100% - 41.6666666667rem);
    margin: 0 0 0 -4.1666666667rem;
    padding: 0;
  }
  .is-single-image + .section-image-text-cards__column-right {
    width: calc(100% - 33.3333333333rem);
  }
  .section-image-text-cards__content {
    padding: 9.1666666667rem 4.1666666667rem 5.8333333333rem 8.3333333333rem;
    background-color: #2c2c2c;
  }
  .section-image-text-cards__container-image--big {
    width: 37.5rem;
    padding-top: 547.4226804124px;
  }
  .is-single-image .section-image-text-cards__container-image--big {
    top: -6.6666666667rem;
    right: 0;
    left: auto;
    margin: 0;
  }
  .section-image-text-cards__navigation {
    position: absolute;
    top: 1.6666666667rem;
    right: 5.8333333333rem;
  }
  .section-image-text-cards__navigation .list-bullets {
    vertical-align: middle;
  }
  .section-image-text-cards__heading {
    font-size: 3.3333333333rem;
    line-height: 3.3333333333rem;
  }
}
.job-description {
  padding-top: 8.3333333333rem;
  padding-bottom: 8.3333333333rem;
}

.job-description__buttons-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 4.1666666667rem;
}

.job-description__video-header {
  display: flex;
  align-items: center;
}

.job-description__image-container {
  min-width: 8.3333333333rem;
  min-height: 8.3333333333rem;
  position: relative;
  margin-right: 1.1666666667rem;
}

.job-description__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: auto;
  border-radius: 50%;
}

.job-description__video-header {
  margin-bottom: 3.3333333333rem;
}

.description__subtitle {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0 1rem 0;
  font-family: "Poppins-Regular", sans-serif;
  color: #a9a9a8;
  font-size: 1.1666666667rem;
}

.description__title {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-family: "Poppins-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 1.4166666667rem;
  line-height: 1em;
}

.job-description__video-preview {
  position: relative;
  margin-bottom: 3.3333333333rem;
  width: 100%;
  overflow: hidden;
}

.job-description__preview-image {
  width: 100%;
  height: auto;
}

@media (min-width: 769px) {
  .job-description__description {
    max-width: 50%;
  }
  .description__subtitle {
    font-size: 1.25rem;
  }
  .description__title {
    font-size: 2.5rem;
  }
  .job-description__video-preview {
    margin-bottom: 6.6666666667rem;
  }
}
.section-need-help {
  padding-top: 8.3333333333rem;
  padding-bottom: 8.3333333333rem;
}

.section-need-help__heading {
  margin-bottom: 2.5rem;
}

.section-need-help__text {
  font-family: "Poppins-Medium", sans-serif;
  margin-bottom: 1.25rem;
}
.section-need-help__text p:first-of-type {
  margin-top: 0;
}
.section-need-help__text p, .section-need-help__text li {
  color: #FFFFFF;
}

.section-need-help__button {
  display: inline-block;
  font-size: 1.1666666667rem;
  padding-bottom: 0.4166666667rem;
}

.section-need-help__button-dash {
  display: inline-block;
  margin-left: 1.25rem;
  margin-bottom: 0.2em;
  width: 1.6666666667rem;
  height: 1px;
  background-color: #FFFFFF;
  transition: width 0.2s ease-out;
}
.has-hover .button-secondary:hover .section-need-help__button-dash {
  width: 3.75rem;
}

@media (min-width: 769px) {
  .section-need-help__content-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .section-need-help__text,
  .section-need-help__buttons {
    width: 45%;
    padding-left: 0.6666666667rem;
  }
  .section-need-help__heading {
    max-width: 20%;
  }
}
.section-video-text-card {
  padding-top: 12.5rem;
  padding-bottom: 8.3333333333rem;
}

.section-video-text-card__container {
  padding-bottom: 2.5rem;
  background-color: #2c2c2c;
  box-shadow: 0px 7px 57px rgba(0, 0, 0, 0.38);
}

.section-video-text-card__column-left, .section-video-text-card__column-right {
  position: relative;
}

.section-video-text-card__column-left {
  min-height: 400px;
}

.section-video-text-card__container-image {
  position: absolute;
  right: 0;
  display: flex;
  transform: translate(-1.25rem, -15%);
  width: calc(100% - 60px);
  min-width: 200px;
  height: 115%;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 4.5rem rgba(0, 0, 0, 0.53);
}

.section-video-text-card__image {
  height: 100%;
  width: auto;
}

.section-video-text-card__content {
  position: relative;
  padding: 2.5rem 4.1666666667rem;
}

.section-video-text-card__heading {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 1.6666666667rem;
  text-transform: uppercase;
}

.section-video-text-card__paragraph {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0;
  color: #a9a9a8;
}

@media (min-width: 769px) {
  .section-video-text-card__container {
    display: flex;
    padding-bottom: 0;
    background: none;
    box-shadow: none;
  }
  .section-video-text-card__column-left {
    z-index: 1;
    flex: 45%;
    height: auto;
  }
  .section-video-text-card__column-right {
    flex: 55%;
  }
  .section-video-text-card__content {
    padding: 5.8333333333rem 8.3333333333rem;
    background-color: #2c2c2c;
    box-shadow: 0px 7px 4.75rem rgba(0, 0, 0, 0.38);
  }
  .section-video-text-card__container-image {
    right: 0;
    position: absolute;
    transform: translate(50px, -150px);
    max-width: 100%;
    min-width: 300px;
    height: 500px;
    overflow: hidden;
  }
  .section-video-text-card__image {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 480px) {
  .section-video-text-card__content {
    padding: 2.5rem 3.3333333333rem;
  }
}
.section-cover-flow {
  position: relative;
  padding-top: 8.3333333333rem;
  padding-bottom: 8.3333333333rem;
}
.section-cover-flow .heading-section {
  margin-bottom: 3.3333333333rem;
}

.section-cover-flow__carousel {
  width: 100%;
}

.section-carousel-quotes {
  padding-top: 8.3333333333rem;
  padding-bottom: 8.3333333333rem;
  text-align: center;
}

.section-carousel-quotes__container {
  position: relative;
  margin-bottom: 1.6666666667rem;
  font-size: 0;
}

.section-carousel-quotes__content {
  position: relative;
}

.section-carousel-quotes__subheading {
  margin-bottom: 3.3333333333rem;
  text-align: center;
  letter-spacing: 0.4em;
  text-transform: uppercase;
}

.section-carousel-quotes__slides {
  position: relative;
  width: 100%;
  height: 100%;
}

.section-carousel-quotes__slide {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
}

.section-carousel-quotes__slide__list-item {
  display: block;
  width: 100%;
  height: 100%;
}

.section-carousel-quotes__autor {
  text-align: center;
  color: #a9a9a8;
  font-size: 1.25rem;
  font-family: "Poppins-Regular", sans-serif;
}

.carousel-quotes__button-previous,
.carousel-quotes__button-next {
  display: inline-block;
  vertical-align: middle;
}

.carousel-quotes__bullets {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

@media (min-width: 769px) {
  .section-carousel-quotes__container {
    margin-bottom: 3.3333333333rem;
  }
  .carousel-quotes__button-previous {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .carousel-quotes__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.section-stats-quotes {
  padding-top: 8.3333333333rem;
  padding-bottom: 8.3333333333rem;
}

.section-stats-quotes__stats {
  padding-top: 8.3333333333rem;
}

.section-stats-quotes__quotes {
  position: relative;
  padding-top: 8.3333333333rem;
}

.section-carousel-history {
  padding: 8.3333333333rem 0;
  font-size: 0;
}

.section-carousel-history__slides-container {
  height: 41.6666666667rem;
  margin-top: 4.1666666667rem;
}

.section-carousel-history__slides {
  position: relative;
}

.section-carousel-history__slide {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 33.3333333333rem;
  margin: auto;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0;
  cursor: pointer;
}
.section-carousel-history__slide.is-active {
  cursor: default;
}

.section-carousel-history__cards {
  position: relative;
  height: 44.1666666667rem;
}

.section-carousel-history__card {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("../assets/img/background-patterns/gallery.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);
}

.history-card__visual-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 73.0526315789%;
  pointer-events: none;
}

.history-cards__visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.history-card__content {
  padding: 2.5rem;
  user-select: none;
}
.history-card__content a {
  color: #FFFFFF;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
.has-hover .history-card__content a:hover {
  opacity: 0.7;
}
.history-card__content p {
  margin: 0;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1666666667rem;
  line-height: 1.5em;
}

.history-cards__heading {
  margin: 0 0 1.25rem 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.0833333333rem;
  line-height: 1em;
  text-transform: uppercase;
}

.history-cards__date {
  margin-left: 0.8333333333rem;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 0.8333333333rem;
}

.history-cards__subheading {
  margin: 0;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.1666666667rem;
  text-transform: uppercase;
}

.history__date-list {
  display: inline-block;
  width: 100%;
  margin-top: 8.3333333333rem;
  text-align: center;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.3333333333rem;
  color: #FFFFFF;
}

.history__date-list-item {
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  -apple-font-smoothing: antialiased;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 0.8333333333rem;
  opacity: 0.3;
  transition: all ease-in-out 0.3s;
}
.has-hover .history__date-list-item:hover {
  opacity: 1;
  cursor: pointer;
}
.history__date-list-item--is-active {
  opacity: 1;
}

.history-cards__arrow-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  padding: 1.25rem;
  justify-content: space-between;
  align-items: center;
}
.history-cards__arrow-container .carousel-cover-flow__bullets {
  bottom: auto;
}
.history-cards__arrow-container .carousel-cover-flow__bullets .button {
  cursor: default;
}

.history-cards__button {
  padding: 1.6666666667rem;
}

.history-cards__button-icon {
  width: 1.3333333333rem;
  height: 1.3333333333rem;
}

@media (min-width: 768px) {
  .section-carousel-history__slides-container {
    height: 45.8333333333rem;
  }
  .section-carousel-history__cards {
    height: 45.8333333333rem;
  }
}
@media (min-width: 800px) {
  .history-card__visual-container {
    padding-top: 72.9468599034%;
  }
  .history-card__content {
    padding: 2.0833333333rem 3rem;
  }
  .history-card__content p {
    font-size: 1.25rem;
  }
  .history-cards__heading {
    margin: 0 0 1.25rem 0;
    font-size: 2.5rem;
  }
  .history-cards__date {
    font-size: 1rem;
  }
  .history-cards__subheading {
    font-size: 1.25rem;
  }
  .history-cards__arrow-container {
    padding: 1.5rem;
  }
}
.section-blog-overview {
  padding-top: 16.6666666667rem;
  padding-bottom: 8.3333333333rem;
}

.section-blog-overview__heading {
  margin-bottom: 3.3333333333rem;
}

.blog-overview__cards-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 0;
}

.blog-card__tag-bar-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.blog-card__tag-bar-title {
  margin-right: 2.5rem;
}

.section-blog-overview__button-load-more-container {
  position: relative;
  width: 100%;
  text-align: center;
  display: none;
}
.section-blog-overview__button-load-more-container.is-visible {
  display: block;
}
.section-blog-overview__button-load-more-container:before, .section-blog-overview__button-load-more-container:after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 30%;
  background-color: rgba(255, 255, 255, 0.4);
  content: "";
}
.section-blog-overview__button-load-more-container:before {
  left: 0.4166666667rem;
}
.section-blog-overview__button-load-more-container:after {
  right: 0.4166666667rem;
}

.section-blog-overview__filter-title {
  margin-bottom: 1.6666666667rem;
}

@media (min-width: 768px) {
  .section-blog-overview__button-load-more-container {
    margin-top: 8.3333333333rem;
  }
}
@media (min-width: 769px) {
  .section-blog-overview {
    padding-top: 25rem;
    padding-bottom: 12.5rem;
  }
  .section-blog-overview__button-load-more-container:before, .section-blog-overview__button-load-more-container:after {
    width: 35%;
  }
  .section-blog-overview__filter-title {
    margin-bottom: 4.0833333333rem;
  }
}
@media (max-width: 480px) {
  .section-blog-overview {
    padding-top: 14.5833333333rem;
  }
  .section-blog-overview__button-load-more-container:before, .section-blog-overview__button-load-more-container:after {
    width: 20%;
  }
}
.section-social-links {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section-social-links__heading {
  margin: 0;
  margin-bottom: 2.5rem;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.0833333333rem;
  line-height: 2.0833333333rem;
  text-transform: uppercase;
}

.section-social-links__share-info {
  font-size: 0;
}

.section-social-links__share-info__icons {
  display: inline-block;
  width: 100%;
  text-align: left;
}

.section-social-links__share-info__social-icon {
  position: relative;
  width: 50%;
  height: auto;
  margin: 25% auto;
}

.section-social-links__share-info__social-button {
  position: relative;
  display: inline-block;
  width: 33%;
  text-align: center;
  transition: opacity 0.2s ease-out;
}
.section-social-links__share-info__social-button:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 60%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
}
.section-social-links__share-info__social-button:last-child:after, .section-social-links__share-info__social-button:nth-child(3):after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 60%;
  background: rgba(255, 255, 255, 0.2);
  content: "";
}
.has-hover .section-social-links__share-info__social-button:hover {
  opacity: 0.6;
}

@media (min-width: 769px) {
  .section-social-links__share-info {
    font-size: 0;
    display: flex;
    align-items: center;
  }
  .section-social-links__share-info__text {
    display: inline-block;
    width: 40%;
    margin-right: 10%;
    vertical-align: top;
  }
  .section-social-links__heading {
    font-size: 4.1666666667rem;
    line-height: 4.1666666667rem;
    margin-bottom: auto;
  }
  .section-social-links__share-info__icons {
    display: inline-block;
    width: 40%;
    margin-left: 10%;
  }
}
.section-social-wall {
  padding: 8.3333333333rem 0;
}

.section-social-wall__heading {
  margin-bottom: 5.8333333333rem;
}

.section-social-feed__item {
  position: relative;
  max-width: 36.25rem;
  margin: auto;
  padding: 3.75rem 3.3333333333rem;
  box-shadow: 3px 10px 40px -6px rgba(0, 0, 0, 0.36);
  font-size: 0;
  align-self: flex-start;
}
.section-social-feed__item:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 1;
  width: 100%;
  height: 100%;
  content: "";
  transition: ease-in-out 0.2s background-color;
}
.section-social-feed__item:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: url(../assets/img/social-wall/pattern.png);
  opacity: 0.03;
  content: "";
  pointer-events: none;
}
.section-social-feed__item--hide {
  opacity: 0;
}
.section-social-feed__item--image {
  padding: 0;
}
.section-social-feed__item--no-image:before {
  background-color: #E14FB1;
}
.has-hover .section-social-feed__item:nth-child(1n):hover:before, .has-hover .section-social-feed__item:nth-child(1n):hover .section-social-feed__container-content {
  background-color: #E05874;
  box-shadow: 0 10px 8px rgba(44, 44, 44, 0.8);
}
.has-hover .section-social-feed__item:nth-child(2n):hover:before, .has-hover .section-social-feed__item:nth-child(2n):hover .section-social-feed__container-content {
  background-color: #5BCCD5;
  box-shadow: 0 10px 5px rgba(44, 44, 44, 0.8);
}
.has-hover .section-social-feed__item:nth-child(3n):hover:before, .has-hover .section-social-feed__item:nth-child(3n):hover .section-social-feed__container-content {
  background-color: #AEC45E;
  box-shadow: 0 10px 5px rgba(44, 44, 44, 0.8);
}

.section-social-feed__container-content {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  padding: 3.75rem 3.3333333333rem;
  background-color: transparent;
  opacity: 0;
  transition: ease-in-out 0.2s opacity;
  pointer-events: none;
}
.section-social-feed__container-content:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url(../assets/img/social-wall/pattern.png);
  opacity: 0.03;
  content: "";
  pointer-events: none;
}
.has-hover .section-social-feed__item:hover .section-social-feed__container-content {
  z-index: 5;
  opacity: 1;
}

.section-social-feed__post-paragraph {
  font-family: "Poppins-Medium", sans-serif;
  color: #FFFFFF;
  pointer-events: none;
}

.section-social-feed__post-date {
  margin-top: 2.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  pointer-events: none;
}

.section-social-feed__post-icon {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 2.5rem;
  height: auto;
  pointer-events: none;
}

.social-feed-item__button {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.section-social-feed__post-image {
  width: 100%;
  max-height: auto;
  pointer-events: none;
}

.section-social-feed__post-video {
  width: 100%;
  pointer-events: none;
}

.section-social-wall__button-load-more-container {
  position: relative;
  width: 100%;
  margin-top: 8.3333333333rem;
  text-align: center;
}
.section-social-wall__button-load-more-container:before, .section-social-wall__button-load-more-container:after {
  position: absolute;
  top: 50%;
  width: 30%;
  height: 1px;
  content: "";
}
.section-social-wall__button-load-more-container:before {
  left: 0.4166666667rem;
}
.section-social-wall__button-load-more-container:after {
  right: 0.4166666667rem;
}

@media (min-width: 769px) {
  .section-social-feed__item {
    max-width: 41.6666666667rem;
  }
  .section-social-wall__button-load-more-container:before, .section-social-wall__button-load-more-container:after {
    width: 35%;
  }
}
@media (max-width: 480px) {
  .social-feed__empty-element {
    display: none;
  }
  .section-social-wall__button-load-more-container:before, .section-social-wall__button-load-more-container:after {
    width: 20%;
  }
}
.section-related-blog-posts {
  padding: 5rem 0 7.5rem;
}

.section-related-blog-posts__share-image {
  width: 100%;
}

.section-related-blog-posts__heading {
  font-family: "Poppins-Bold", sans-serif;
  font-size: 2.0833333333rem;
  line-height: 2.0833333333rem;
  margin: 3.3333333333rem 0 0;
  text-transform: uppercase;
}

.section-related-blog-posts__cards-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.section-related-blog-posts__cards-container .blog-card {
  margin-top: 4rem !important;
}

@media (min-width: 769px) {
  .section-related-blog-posts {
    padding: 8.3333333333rem 0;
  }
  .section-related-blog-posts__heading {
    font-size: 4.1666666667rem;
    line-height: 4.1666666667rem;
    margin-top: 5rem;
  }
}
/**
 * Pages
 */
.page-home {
  overflow: hidden;
}

.page-game {
  overflow: hidden;
}

.page-game .section-carousel-cover-flow {
  margin: 0 0 8.3333333333rem;
}

.page-games__infinite-carousel {
  position: relative;
  margin: 16.6666666667rem 0 0;
  width: 100%;
  height: 25rem;
  background: blue;
  overflow: hidden;
}

.page-games__slide {
  background: red;
  width: 25rem;
  height: 25rem;
  text-align: center;
  position: absolute;
}

.blog-details .content-ritchtext p {
  color: #FFFFFF;
}
.blog-details .blog-detail__content {
  padding-bottom: 10rem;
}
.blog-details .blog-detail__content section:last-child {
  margin-bottom: 0;
}
.blog-details .content-image {
  padding: 1.6666666667rem 0;
}
.blog-details .content-ritchtext {
  font-family: "Poppins-Regular", sans-serif;
  line-height: 1.5em;
}

.blog-details__share {
  margin: 2.5rem auto 0;
}

@media (min-width: 769px) {
  .blog-detail__content .content-text-wrapper, .blog-detail__content .blog-details__share {
    max-width: 58rem;
  }
  .blog-detail__content .content-image {
    margin: 5.5833333333rem 0 4.1666666667rem;
  }
  .blog-detail__content .content-ritchtext p {
    font-size: 1.3333333333rem;
    line-height: 2.1666666667rem;
  }
  .blog-detail__content {
    padding-bottom: 16.6666666667rem;
  }
}
.page-events {
  position: relative;
  overflow: hidden;
}

.page-events:before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 0;
  right: 0;
  transform: rotate(45deg);
  margin: 0 auto;
  height: 10rem;
  width: 10rem;
  background: #FBDD62;
}

.page-events:after {
  content: "";
  position: absolute;
  top: 8.75rem;
  left: 50%;
  width: 110.75rem;
  height: 51.0833333333rem;
  background: url("../assets/img/confetti/confetti-events.png") no-repeat;
  background-size: contain;
  margin: 0 0 0 -60rem;
  pointer-events: none;
}

.page-events__content {
  position: relative;
  padding: 4.1666666667rem 3.3333333333rem 0;
}

.page-events__heading {
  position: relative;
  margin: 0 0 1.6666666667rem;
}

.page-events__paragraph {
  position: relative;
  padding: 0 0 0 6.25rem;
}

.page-events__paragraph:before {
  content: "";
  position: absolute;
  top: 0.6666666667rem;
  left: 0;
  width: 5.4166666667rem;
  height: 1px;
  background: #cccccc;
  opacity: 0.2;
}

.page-events__character-one {
  display: none;
}

.events__post-image {
  width: 300px;
}

@media (min-width: 769px) {
  .page-events:before {
    top: -10.4166666667rem;
    height: 20.8333333333rem;
    width: 20.8333333333rem;
  }
  .page-events__content {
    padding: 25.8333333333rem 3.3333333333rem 0;
    max-width: 86.6666666667rem;
  }
  .page-events__heading {
    margin: 0 0 7.5rem;
  }
  .page-events__paragraph {
    padding: 0 0 0 9.5833333333rem;
    max-width: 36.6666666667rem;
  }
  .page-events__paragraph:before {
    width: 7.9166666667rem;
  }
  .page-events__character-one {
    position: absolute;
    display: block;
    top: 9.1666666667rem;
    right: 2.5rem;
    width: 35.6666666667rem;
    height: 51.25rem;
  }
}
.privacy-policy__content {
  margin-top: 10.6666666667rem;
}

.page-error {
  display: flex;
  height: 90vh;
  align-items: center;
  justify-content: center;
  padding: 2.0833333333rem;
}

.page-error__content {
  padding: 0 1.6666666667rem;
}

.page-error_paragraph {
  max-width: 41.6666666667rem;
  margin-bottom: 2.0833333333rem;
}
.page-error_paragraph p {
  margin: 0;
}