@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.nav-item.hidden-desktop {
  display: none; }
  @media screen and (max-width: 768px) {
    .nav-item.hidden-desktop {
      display: block; } }

.nav-item__link {
  font-family: 'Graphik-Medium-Web';
  font-weight: normal;
  color: #151C22;
  -webkit-transition: all 130ms ease;
  transition: all 130ms ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .nav-item__link_active {
    color: #1262fb; }
  .nav-item__link:hover {
    color: #1262fb; }
  .nav_sticky-fixed .nav-item__link {
    color: #151C22; }
    .nav_sticky-fixed .nav-item__link_active {
      color: #1262fb; }
  :not(.nav_burger).nav_dark .nav-item__link {
    color: #ffffff; }
    :not(.nav_burger).nav_dark .nav-item__link_active {
      color: #1262fb; }

@media (max-width: 1280px) {
  .nav-item span {
    display: none; } }

.icon {
  width: 24px;
  height: 24px;
  display: inline; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wordmark-wiper {
  0% {
    right: 0;
    width: 0; }
  50% {
    width: 100%;
    right: 0; }
  100% {
    width: 0;
    right: 100%; } }

@keyframes wordmark-wiper {
  0% {
    right: 0;
    width: 0; }
  50% {
    width: 100%;
    right: 0; }
  100% {
    width: 0;
    right: 100%; } }

@-webkit-keyframes logo-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes logo-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

.nav {
  height: 120px;
  padding: 0 40px 0 40px;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center; }
  @media screen and (max-width: 769px) {
    .nav {
      grid-template-columns: 1fr 1fr; } }
  .nav.nav_main .nav-item {
    opacity: 0; }
    .nav.nav_main .nav-item:nth-child(1) {
      -webkit-animation: fadeInDown 0.6s ease 1.366s forwards;
              animation: fadeInDown 0.6s ease 1.366s forwards; }
    .nav.nav_main .nav-item:nth-child(2) {
      -webkit-animation: fadeInDown 0.6s ease 1.532s forwards;
              animation: fadeInDown 0.6s ease 1.532s forwards; }
    .nav.nav_main .nav-item:nth-child(3) {
      -webkit-animation: fadeInDown 0.6s ease 1.698s forwards;
              animation: fadeInDown 0.6s ease 1.698s forwards; }
    .nav.nav_main .nav-item:nth-child(4) {
      -webkit-animation: fadeInDown 0.6s ease 1.864s forwards;
              animation: fadeInDown 0.6s ease 1.864s forwards; }
    .nav.nav_main .nav-item:nth-child(5) {
      -webkit-animation: fadeInDown 0.6s ease 2.03s forwards;
              animation: fadeInDown 0.6s ease 2.03s forwards; }
    .nav.nav_main .nav-item:nth-child(6) {
      -webkit-animation: fadeInDown 0.6s ease 2.196s forwards;
              animation: fadeInDown 0.6s ease 2.196s forwards; }
    .nav.nav_main .nav-item:nth-child(7) {
      -webkit-animation: fadeInDown 0.6s ease 2.362s forwards;
              animation: fadeInDown 0.6s ease 2.362s forwards; }
    .nav.nav_main .nav-item:nth-child(8) {
      -webkit-animation: fadeInDown 0.6s ease 2.528s forwards;
              animation: fadeInDown 0.6s ease 2.528s forwards; }
    .nav.nav_main .nav-item:nth-child(9) {
      -webkit-animation: fadeInDown 0.6s ease 2.694s forwards;
              animation: fadeInDown 0.6s ease 2.694s forwards; }
    .nav.nav_main .nav-item:nth-child(10) {
      -webkit-animation: fadeInDown 0.6s ease 2.86s forwards;
              animation: fadeInDown 0.6s ease 2.86s forwards; }
    .nav.nav_main .nav-item:nth-child(11) {
      -webkit-animation: fadeInDown 0.6s ease 3.026s forwards;
              animation: fadeInDown 0.6s ease 3.026s forwards; }
    .nav.nav_main .nav-item:nth-child(12) {
      -webkit-animation: fadeInDown 0.6s ease 3.192s forwards;
              animation: fadeInDown 0.6s ease 3.192s forwards; }
    .nav.nav_main .nav-item:nth-child(13) {
      -webkit-animation: fadeInDown 0.6s ease 3.358s forwards;
              animation: fadeInDown 0.6s ease 3.358s forwards; }
    .nav.nav_main .nav-item:nth-child(14) {
      -webkit-animation: fadeInDown 0.6s ease 3.524s forwards;
              animation: fadeInDown 0.6s ease 3.524s forwards; }
    .nav.nav_main .nav-item:nth-child(15) {
      -webkit-animation: fadeInDown 0.6s ease 3.69s forwards;
              animation: fadeInDown 0.6s ease 3.69s forwards; }
    .nav.nav_main .nav-item:nth-child(16) {
      -webkit-animation: fadeInDown 0.6s ease 3.856s forwards;
              animation: fadeInDown 0.6s ease 3.856s forwards; }
    .nav.nav_main .nav-item:nth-child(17) {
      -webkit-animation: fadeInDown 0.6s ease 4.022s forwards;
              animation: fadeInDown 0.6s ease 4.022s forwards; }
    .nav.nav_main .nav-item:nth-child(18) {
      -webkit-animation: fadeInDown 0.6s ease 4.188s forwards;
              animation: fadeInDown 0.6s ease 4.188s forwards; }
    .nav.nav_main .nav-item:nth-child(19) {
      -webkit-animation: fadeInDown 0.6s ease 4.354s forwards;
              animation: fadeInDown 0.6s ease 4.354s forwards; }
    .nav.nav_main .nav-item:nth-child(20) {
      -webkit-animation: fadeInDown 0.6s ease 4.52s forwards;
              animation: fadeInDown 0.6s ease 4.52s forwards; }
    .nav.nav_main .nav-item:nth-child(21) {
      -webkit-animation: fadeInDown 0.6s ease 4.686s forwards;
              animation: fadeInDown 0.6s ease 4.686s forwards; }
    .nav.nav_main .nav-item:nth-child(22) {
      -webkit-animation: fadeInDown 0.6s ease 4.852s forwards;
              animation: fadeInDown 0.6s ease 4.852s forwards; }
    .nav.nav_main .nav-item:nth-child(23) {
      -webkit-animation: fadeInDown 0.6s ease 5.018s forwards;
              animation: fadeInDown 0.6s ease 5.018s forwards; }
    .nav.nav_main .nav-item:nth-child(24) {
      -webkit-animation: fadeInDown 0.6s ease 5.184s forwards;
              animation: fadeInDown 0.6s ease 5.184s forwards; }
    .nav.nav_main .nav-item:nth-child(25) {
      -webkit-animation: fadeInDown 0.6s ease 5.35s forwards;
              animation: fadeInDown 0.6s ease 5.35s forwards; }
  .nav.nav_sticky {
    width: 100%;
    top: 0;
    z-index: 10;
    position: fixed;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
    .nav.nav_sticky:not(.nav_burger).nav_dark .nav__logo-wordmark .icon {
      fill: #ffffff; }
  .nav.nav_bordered {
    border-bottom: 1px solid rgba(102, 108, 113, 0.1); }
  .nav.nav_sticky-fixed {
    background: #ffffff;
    height: 68px;
    padding-left: 26px;
    padding-right: 26px;
    -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15); }
    .nav.nav_sticky-fixed:not(.nav_burger).nav_dark {
      background: #20272a;
      -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.35);
              box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.35); }
      .nav.nav_sticky-fixed:not(.nav_burger).nav_dark a.nav-item__link {
        color: #ffffff; }
      .nav.nav_sticky-fixed:not(.nav_burger).nav_dark a:hover {
        color: #1262fb; }
      .nav.nav_sticky-fixed:not(.nav_burger).nav_dark.nav_sticky-fixed .nav__logo-wrapper .nav__logo-wordmark .icon {
        fill: #20272a; }
    .nav.nav_sticky-fixed .nav__logo-wrapper .nav__logo .icon {
      -webkit-animation: logo-rotate 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
              animation: logo-rotate 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards; }
    .nav.nav_sticky-fixed .nav__logo-wrapper .nav__logo-wordmark .icon {
      fill: #ffffff;
      -webkit-transition: all 0ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
      transition: all 0ms cubic-bezier(0.4, 0, 0.2, 1) 300ms; }
    .nav.nav_sticky-fixed .nav__logo-wrapper .nav__logo-wordmark-wiper {
      -webkit-animation: wordmark-wiper 600ms cubic-bezier(0.4, 0, 0.2, 1);
              animation: wordmark-wiper 600ms cubic-bezier(0.4, 0, 0.2, 1); }
  .nav .nav__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin-top: 0; }
    .nav .nav__links li {
      margin: 0 40px; }
      @media screen and (min-width: 768px) and (max-width: 864px) {
        .nav .nav__links li {
          margin: 0 1vw; } }
      @media screen and (min-width: 865px) and (max-width: 1023px) {
        .nav .nav__links li {
          margin: 0 2vw; } }
  @media screen and (max-width: 768px) {
    .nav.nav_main .nav-item:nth-child(1) {
      -webkit-animation: fadeInDown 0.6s ease 100ms forwards;
              animation: fadeInDown 0.6s ease 100ms forwards; }
    .nav.nav_main .nav-item:nth-child(2) {
      -webkit-animation: fadeInDown 0.6s ease 200ms forwards;
              animation: fadeInDown 0.6s ease 200ms forwards; }
    .nav.nav_main .nav-item:nth-child(3) {
      -webkit-animation: fadeInDown 0.6s ease 300ms forwards;
              animation: fadeInDown 0.6s ease 300ms forwards; }
    .nav.nav_main .nav-item:nth-child(4) {
      -webkit-animation: fadeInDown 0.6s ease 400ms forwards;
              animation: fadeInDown 0.6s ease 400ms forwards; }
    .nav.nav_main .nav-item:nth-child(5) {
      -webkit-animation: fadeInDown 0.6s ease 500ms forwards;
              animation: fadeInDown 0.6s ease 500ms forwards; }
    .nav.nav_main .nav-item:nth-child(6) {
      -webkit-animation: fadeInDown 0.6s ease 600ms forwards;
              animation: fadeInDown 0.6s ease 600ms forwards; }
    .nav.nav_main .nav-item:nth-child(7) {
      -webkit-animation: fadeInDown 0.6s ease 700ms forwards;
              animation: fadeInDown 0.6s ease 700ms forwards; }
    .nav.nav_main .nav-item:nth-child(8) {
      -webkit-animation: fadeInDown 0.6s ease 800ms forwards;
              animation: fadeInDown 0.6s ease 800ms forwards; }
    .nav.nav_main .nav-item:nth-child(9) {
      -webkit-animation: fadeInDown 0.6s ease 900ms forwards;
              animation: fadeInDown 0.6s ease 900ms forwards; }
    .nav.nav_main .nav-item:nth-child(10) {
      -webkit-animation: fadeInDown 0.6s ease 1000ms forwards;
              animation: fadeInDown 0.6s ease 1000ms forwards; }
    .nav.nav_main .nav-item:nth-child(11) {
      -webkit-animation: fadeInDown 0.6s ease 1100ms forwards;
              animation: fadeInDown 0.6s ease 1100ms forwards; }
    .nav.nav_main .nav-item:nth-child(12) {
      -webkit-animation: fadeInDown 0.6s ease 1200ms forwards;
              animation: fadeInDown 0.6s ease 1200ms forwards; }
    .nav.nav_main .nav-item:nth-child(13) {
      -webkit-animation: fadeInDown 0.6s ease 1300ms forwards;
              animation: fadeInDown 0.6s ease 1300ms forwards; }
    .nav.nav_main .nav-item:nth-child(14) {
      -webkit-animation: fadeInDown 0.6s ease 1400ms forwards;
              animation: fadeInDown 0.6s ease 1400ms forwards; }
    .nav.nav_main .nav-item:nth-child(15) {
      -webkit-animation: fadeInDown 0.6s ease 1500ms forwards;
              animation: fadeInDown 0.6s ease 1500ms forwards; }
    .nav.nav_main .nav-item:nth-child(16) {
      -webkit-animation: fadeInDown 0.6s ease 1600ms forwards;
              animation: fadeInDown 0.6s ease 1600ms forwards; }
    .nav.nav_main .nav-item:nth-child(17) {
      -webkit-animation: fadeInDown 0.6s ease 1700ms forwards;
              animation: fadeInDown 0.6s ease 1700ms forwards; }
    .nav.nav_main .nav-item:nth-child(18) {
      -webkit-animation: fadeInDown 0.6s ease 1800ms forwards;
              animation: fadeInDown 0.6s ease 1800ms forwards; }
    .nav.nav_main .nav-item:nth-child(19) {
      -webkit-animation: fadeInDown 0.6s ease 1900ms forwards;
              animation: fadeInDown 0.6s ease 1900ms forwards; }
    .nav.nav_main .nav-item:nth-child(20) {
      -webkit-animation: fadeInDown 0.6s ease 2000ms forwards;
              animation: fadeInDown 0.6s ease 2000ms forwards; }
    .nav.nav_main .nav-item:nth-child(21) {
      -webkit-animation: fadeInDown 0.6s ease 2100ms forwards;
              animation: fadeInDown 0.6s ease 2100ms forwards; }
    .nav.nav_main .nav-item:nth-child(22) {
      -webkit-animation: fadeInDown 0.6s ease 2200ms forwards;
              animation: fadeInDown 0.6s ease 2200ms forwards; }
    .nav.nav_main .nav-item:nth-child(23) {
      -webkit-animation: fadeInDown 0.6s ease 2300ms forwards;
              animation: fadeInDown 0.6s ease 2300ms forwards; }
    .nav.nav_main .nav-item:nth-child(24) {
      -webkit-animation: fadeInDown 0.6s ease 2400ms forwards;
              animation: fadeInDown 0.6s ease 2400ms forwards; }
    .nav.nav_main .nav-item:nth-child(25) {
      -webkit-animation: fadeInDown 0.6s ease 2500ms forwards;
              animation: fadeInDown 0.6s ease 2500ms forwards; }
    .nav .nav__links {
      display: none; }
      .nav .nav__links .nav-item {
        opacity: 0;
        -webkit-transform: translate(0, -2rem);
                transform: translate(0, -2rem);
        position: relative;
        cursor: pointer;
        display: block; }
    .nav.nav_burger:not(.nav_main) .nav__links .nav-item {
      opacity: 1; }
    .nav.nav_burger .nav__links {
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      margin-top: 0;
      position: fixed;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      z-index: 10;
      background: #fff;
      -webkit-transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer; }
      .nav.nav_burger .nav__links > li {
        color: #151c22;
        z-index: 20;
        font-size: 4vh;
        line-height: 8.2vh;
        -webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1); }
    .nav.nav_burger .nav__links-social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 7.5vh; }
      .nav.nav_burger .nav__links-social .nav-item {
        margin-left: 10px;
        margin-right: 10px; } }
  .nav .nav__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    justify-self: end;
    z-index: 10; }
    .nav .nav__meta li {
      margin: 0 20px; }
      .nav .nav__meta li span {
        margin-right: 0.6em; }
      @media screen and (max-width: 769px) {
        .nav .nav__meta li {
          margin: 0 1rem; } }
      .nav .nav__meta li:last-child {
        margin-right: 0; }
      .nav .nav__meta li .icon {
        width: 1.4em;
        height: 1.4em; }
  .nav .nav__search {
    width: 24px;
    height: 24px; }
  .nav .nav__logo-wrapper {
    justify-self: start;
    position: relative;
    padding-top: 8px;
    min-width: 200px;
    z-index: 20; }
    .nav .nav__logo-wrapper .nav__logo {
      -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
      .nav .nav__logo-wrapper .nav__logo .icon {
        width: 36px;
        height: 36px;
        -webkit-transition: inherit;
        transition: inherit; }
    .nav .nav__logo-wrapper .nav__logo-wordmark {
      margin-left: 20px;
      position: relative;
      top: -3px;
      display: inline-block;
      -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); }
      .nav .nav__logo-wrapper .nav__logo-wordmark .icon {
        width: 140px;
        height: 30px; }
    .nav .nav__logo-wrapper .nav__logo-wordmark-wiper {
      position: absolute;
      top: 2px;
      right: 0;
      height: 26px;
      background: #d0e0fe;
      width: 0; }

.searchfield {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15); }
  .searchfield .closeicon {
    position: absolute;
    right: 4rem;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    z-index: 5002;
    width: 34px;
    height: 34px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: .6rem; }
    .searchfield .closeicon::after {
      content: '';
      position: absolute;
      width: 42px;
      height: 42px;
      background: #F1F5F9;
      left: -3px;
      top: -3px;
      z-index: -1;
      border-radius: 50%;
      -webkit-transform: scale(0);
              transform: scale(0);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .searchfield .closeicon:hover {
      cursor: pointer;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%); }
      .searchfield .closeicon:hover::after {
        -webkit-transform: scale(1);
                transform: scale(1); }
      .searchfield .closeicon:hover .icon {
        color: #1262fb; }
  .searchfield .searchicon {
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    z-index: 5001;
    width: 24px;
    height: 24px; }
  .searchfield .searchinput {
    border: none;
    padding: .6rem .6rem;
    margin: 0 8rem;
    font-size: 2.6rem;
    z-index: 5000;
    font-family: 'Graphik-Medium-Web', sans-serif;
    font-weight: normal;
    color: #151C22;
    opacity: 0;
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 100%; }
    .searchfield .searchinput:focus {
      outline: none; }

.searchfield-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  pointer-events: auto; }
  .searchfield-show .searchicon {
    left: 4rem; }
  .searchfield-show .searchinput {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

footer {
  background: whitesmoke; }
  footer .footer-container {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    max-width: 1260px;
    margin: 0 auto;
    padding: 4rem 2.4rem 12rem 2.4rem; }
    @media screen and (max-width: 768px) {
      footer .footer-container {
        grid-template-columns: 1fr 1fr;
        padding-bottom: 4rem;
        text-align: left; } }
    footer .footer-container .footer-logo {
      width: 15rem;
      height: 8rem; }
      @media screen and (max-width: 768px) {
        footer .footer-container .footer-logo {
          margin: 0 auto 10rem auto;
          width: 14rem;
          height: 6rem;
          grid-column: 1 / 3; } }
      footer .footer-container .footer-logo .icon {
        width: 100%;
        height: 100%; }
      footer .footer-container .footer-logo .wearehiring {
        color: white;
        background: #1262fb;
        padding: .6rem 1.6rem .8rem 1.6rem;
        border-radius: .6rem;
        font-size: 1.5rem;
        margin-top: 1.6rem;
        display: block;
        text-align: center;
        position: relative; }
        footer .footer-container .footer-logo .wearehiring::after {
          content: '';
          width: 1.6rem;
          height: 1.6rem;
          background: #1262fb;
          top: -.8rem;
          left: 1.6rem;
          position: absolute;
          border-radius: .3rem;
          -webkit-transform: rotate(45deg) translate(0.2rem, 0);
                  transform: rotate(45deg) translate(0.2rem, 0); }
    @media screen and (max-width: 768px) {
      footer .footer-container div {
        margin-bottom: 1em; }
        footer .footer-container div:last-child {
          margin-bottom: 0;
          max-height: 50%;
          grid-column: 1/3; }
          footer .footer-container div:last-child ul {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            footer .footer-container div:last-child ul li {
              width: 50%; } }
    footer .footer-container ul h5 {
      margin-bottom: .6rem;
      font-size: 1.3rem; }
      @media screen and (max-width: 769px) {
        footer .footer-container ul h5 {
          margin-bottom: 0; } }
    footer .footer-container ul a {
      color: #666C71;
      font-family: 'Graphik-Regular-Web', sans-serif;
      font-weight: normal;
      line-height: 2.2;
      font-size: 1.4rem;
      -webkit-transition: all 600ms ease;
      transition: all 600ms ease;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      display: block;
      cursor: pointer; }
      footer .footer-container ul a:hover {
        color: #1262fb;
        -webkit-transform: translate(5px, 0);
                transform: translate(5px, 0);
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease; }
      @media screen and (max-width: 768px) {
        footer .footer-container ul a {
          line-height: 1.8;
          font-size: 1.5rem; } }
  footer .copyright-container {
    background: #e8e8e8; }
    footer .copyright-container .copyright {
      max-width: 1260px;
      margin: 0 auto;
      padding: 2rem 2rem;
      color: rgba(102, 108, 113, 0.7);
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 769px) {
        footer .copyright-container .copyright {
          display: block;
          text-align: center; }
          footer .copyright-container .copyright * {
            margin-bottom: .6rem; } }
      footer .copyright-container .copyright .icon {
        fill: rgba(102, 108, 113, 0.4);
        justify-self: center; }
      footer .copyright-container .copyright p:last-child {
        justify-self: end; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.track-horizontal {
  right: 2px;
  bottom: 2px;
  left: 2px;
  border-radius: 4px;
  margin: 0 340px;
  background-color: #EEEEEE;
  height: 8px; }

section.timeline {
  margin-top: 220px;
  margin-bottom: 200px;
  max-width: 100vw;
  overflow: hidden;
  padding: 0; }
  section.timeline > span {
    position: absolute;
    width: 1px;
    height: 1px; }
  @media screen and (max-width: 769px) {
    section.timeline {
      margin-top: 100px;
      margin-bottom: 60px; } }
  section.timeline .timeline-intro {
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
    padding: 2.4rem; }
  section.timeline .timeline-row {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    grid-gap: 4px;
    padding: 80px 240px; }
    @media screen and (max-width: 769px) {
      section.timeline .timeline-row {
        padding: 20px 40px 80px 40px; } }
    section.timeline .timeline-row .timeline-item {
      max-width: 320px;
      min-width: 320px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      opacity: 0;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px); }
      section.timeline .timeline-row .timeline-item:nth-child(1) {
        -webkit-transition: all 1s ease 266ms;
        transition: all 1s ease 266ms; }
      section.timeline .timeline-row .timeline-item:nth-child(2) {
        -webkit-transition: all 1s ease 532ms;
        transition: all 1s ease 532ms; }
      section.timeline .timeline-row .timeline-item:nth-child(3) {
        -webkit-transition: all 1s ease 798ms;
        transition: all 1s ease 798ms; }
      section.timeline .timeline-row .timeline-item:nth-child(4) {
        -webkit-transition: all 1s ease 1064ms;
        transition: all 1s ease 1064ms; }
      section.timeline .timeline-row .timeline-item:nth-child(5) {
        -webkit-transition: all 1s ease 1330ms;
        transition: all 1s ease 1330ms; }
      section.timeline .timeline-row .timeline-item:nth-child(6) {
        -webkit-transition: all 1s ease 1596ms;
        transition: all 1s ease 1596ms; }
      section.timeline .timeline-row .timeline-item:nth-child(7) {
        -webkit-transition: all 1s ease 1862ms;
        transition: all 1s ease 1862ms; }
      section.timeline .timeline-row .timeline-item:nth-child(8) {
        -webkit-transition: all 1s ease 2128ms;
        transition: all 1s ease 2128ms; }
      section.timeline .timeline-row .timeline-item:nth-child(9) {
        -webkit-transition: all 1s ease 2394ms;
        transition: all 1s ease 2394ms; }
      section.timeline .timeline-row .timeline-item:nth-child(10) {
        -webkit-transition: all 1s ease 2660ms;
        transition: all 1s ease 2660ms; }
      section.timeline .timeline-row .timeline-item:nth-child(11) {
        -webkit-transition: all 1s ease 2926ms;
        transition: all 1s ease 2926ms; }
      section.timeline .timeline-row .timeline-item:nth-child(12) {
        -webkit-transition: all 1s ease 3192ms;
        transition: all 1s ease 3192ms; }
      section.timeline .timeline-row .timeline-item:nth-child(13) {
        -webkit-transition: all 1s ease 3458ms;
        transition: all 1s ease 3458ms; }
      section.timeline .timeline-row .timeline-item:nth-child(14) {
        -webkit-transition: all 1s ease 3724ms;
        transition: all 1s ease 3724ms; }
      section.timeline .timeline-row .timeline-item:nth-child(15) {
        -webkit-transition: all 1s ease 3990ms;
        transition: all 1s ease 3990ms; }
      section.timeline .timeline-row .timeline-item:nth-child(16) {
        -webkit-transition: all 1s ease 4256ms;
        transition: all 1s ease 4256ms; }
      section.timeline .timeline-row .timeline-item:nth-child(17) {
        -webkit-transition: all 1s ease 4522ms;
        transition: all 1s ease 4522ms; }
      section.timeline .timeline-row .timeline-item:nth-child(18) {
        -webkit-transition: all 1s ease 4788ms;
        transition: all 1s ease 4788ms; }
      section.timeline .timeline-row .timeline-item:nth-child(19) {
        -webkit-transition: all 1s ease 5054ms;
        transition: all 1s ease 5054ms; }
      section.timeline .timeline-row .timeline-item:nth-child(20) {
        -webkit-transition: all 1s ease 5320ms;
        transition: all 1s ease 5320ms; }
      section.timeline .timeline-row .timeline-item:nth-child(21) {
        -webkit-transition: all 1s ease 5586ms;
        transition: all 1s ease 5586ms; }
      section.timeline .timeline-row .timeline-item:nth-child(22) {
        -webkit-transition: all 1s ease 5852ms;
        transition: all 1s ease 5852ms; }
      section.timeline .timeline-row .timeline-item:nth-child(23) {
        -webkit-transition: all 1s ease 6118ms;
        transition: all 1s ease 6118ms; }
      section.timeline .timeline-row .timeline-item:nth-child(24) {
        -webkit-transition: all 1s ease 6384ms;
        transition: all 1s ease 6384ms; }
      section.timeline .timeline-row .timeline-item:nth-child(25) {
        -webkit-transition: all 1s ease 6650ms;
        transition: all 1s ease 6650ms; }
      section.timeline .timeline-row .timeline-item:nth-child(26) {
        -webkit-transition: all 1s ease 6916ms;
        transition: all 1s ease 6916ms; }
      section.timeline .timeline-row .timeline-item:nth-child(27) {
        -webkit-transition: all 1s ease 7182ms;
        transition: all 1s ease 7182ms; }
      section.timeline .timeline-row .timeline-item:nth-child(28) {
        -webkit-transition: all 1s ease 7448ms;
        transition: all 1s ease 7448ms; }
      section.timeline .timeline-row .timeline-item:nth-child(29) {
        -webkit-transition: all 1s ease 7714ms;
        transition: all 1s ease 7714ms; }
      section.timeline .timeline-row .timeline-item:nth-child(30) {
        -webkit-transition: all 1s ease 7980ms;
        transition: all 1s ease 7980ms; }
      section.timeline .timeline-row .timeline-item:last-child .timeline-text::before {
        display: none; }
      section.timeline .timeline-row .timeline-item .timeline-date {
        line-height: 28px;
        text-align: left;
        padding-right: 12px;
        height: 28px;
        font-family: 'graphik-semibold-webfont', sans-serif;
        font-weight: normal; }
      section.timeline .timeline-row .timeline-item .timeline-text {
        position: relative;
        padding-bottom: 42px;
        padding-right: 78px; }
        section.timeline .timeline-row .timeline-item .timeline-text::after {
          content: '';
          position: absolute;
          left: 9px;
          bottom: 8px;
          border-radius: 50%;
          border: 4px solid #1262fb;
          width: 16px;
          height: 16px; }
        section.timeline .timeline-row .timeline-item .timeline-text::before {
          content: '';
          position: absolute;
          bottom: 15px;
          left: 29px;
          height: 4px;
          border-radius: .2rem;
          width: 0;
          background: #1262fb; }
        section.timeline .timeline-row .timeline-item .timeline-text .timeline-title {
          width: 100%;
          margin-bottom: 6px;
          line-height: 22px;
          font-family: 'graphik-semibold-webfont', sans-serif;
          font-weight: normal;
          font-size: 1.6rem; }
        section.timeline .timeline-row .timeline-item .timeline-text .timeline-desc {
          line-height: 1.6;
          font-size: 1.4rem; }
  section.timeline .timeline-row.visible .timeline-item {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
    section.timeline .timeline-row.visible .timeline-item:nth-child(1) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 666ms;
      transition: all 600ms linear 666ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(2) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 1332ms;
      transition: all 600ms linear 1332ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(3) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 1998ms;
      transition: all 600ms linear 1998ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(4) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 2664ms;
      transition: all 600ms linear 2664ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(5) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 3330ms;
      transition: all 600ms linear 3330ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(6) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 3996ms;
      transition: all 600ms linear 3996ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(7) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 4662ms;
      transition: all 600ms linear 4662ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(8) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 5328ms;
      transition: all 600ms linear 5328ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(9) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 5994ms;
      transition: all 600ms linear 5994ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(10) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 6660ms;
      transition: all 600ms linear 6660ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(11) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 7326ms;
      transition: all 600ms linear 7326ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(12) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 7992ms;
      transition: all 600ms linear 7992ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(13) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 8658ms;
      transition: all 600ms linear 8658ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(14) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 9324ms;
      transition: all 600ms linear 9324ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(15) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 9990ms;
      transition: all 600ms linear 9990ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(16) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 10656ms;
      transition: all 600ms linear 10656ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(17) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 11322ms;
      transition: all 600ms linear 11322ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(18) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 11988ms;
      transition: all 600ms linear 11988ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(19) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 12654ms;
      transition: all 600ms linear 12654ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(20) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 13320ms;
      transition: all 600ms linear 13320ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(21) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 13986ms;
      transition: all 600ms linear 13986ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(22) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 14652ms;
      transition: all 600ms linear 14652ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(23) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 15318ms;
      transition: all 600ms linear 15318ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(24) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 15984ms;
      transition: all 600ms linear 15984ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(25) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 16650ms;
      transition: all 600ms linear 16650ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(26) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 17316ms;
      transition: all 600ms linear 17316ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(27) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 17982ms;
      transition: all 600ms linear 17982ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(28) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 18648ms;
      transition: all 600ms linear 18648ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(29) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 19314ms;
      transition: all 600ms linear 19314ms; }
    section.timeline .timeline-row.visible .timeline-item:nth-child(30) .timeline-text::before {
      width: calc(100% - 23px);
      -webkit-transition: all 600ms linear 19980ms;
      transition: all 600ms linear 19980ms; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.news-row {
  max-width: 156rem;
  margin: 12rem auto;
  padding: 0 4rem;
  position: relative; }
  @media screen and (max-width: 769px) {
    .news-row {
      display: block;
      padding: 0 2rem;
      margin: 6rem auto; } }
  .news-row::before {
    content: 'More Recent News';
    position: absolute;
    left: -10rem;
    top: 13rem;
    color: #151C22;
    font-family: 'graphik-semibold-webfont', sans-serif;
    font-weight: normal;
    font-size: 1.5rem;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .news-row::after {
    content: '';
    position: absolute;
    top: 4rem;
    left: 0;
    width: calc(100% + 0rem);
    height: 100%;
    background: #F1F5F9;
    z-index: -1; }
  .news-row .news-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3vw; }
    .news-row .news-col:nth-child(2n) {
      grid-template-columns: repeat(2, 1fr); }
      .news-row .news-col:nth-child(2n) .news-image-wrapper {
        height: 39rem; }
    .news-row .news-col + .news-col {
      margin-top: 6rem; }
    .news-row .news-col *:nth-child(1) {
      -webkit-transition: all 1200ms ease 100ms;
      transition: all 1200ms ease 100ms; }
      .news-row .news-col *:nth-child(1) .news-image-wrapper::after {
        -webkit-transition: all 1200ms ease 200ms;
        transition: all 1200ms ease 200ms; }
    .news-row .news-col *:nth-child(2) {
      -webkit-transition: all 1200ms ease 200ms;
      transition: all 1200ms ease 200ms; }
      .news-row .news-col *:nth-child(2) .news-image-wrapper::after {
        -webkit-transition: all 1200ms ease 400ms;
        transition: all 1200ms ease 400ms; }
    .news-row .news-col *:nth-child(3) {
      -webkit-transition: all 1200ms ease 300ms;
      transition: all 1200ms ease 300ms; }
      .news-row .news-col *:nth-child(3) .news-image-wrapper::after {
        -webkit-transition: all 1200ms ease 600ms;
        transition: all 1200ms ease 600ms; }
    .news-row .news-col.visible .news-item {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
      .news-row .news-col.visible .news-item .news-image-wrapper::after {
        -webkit-transform: translate3d(0%, 100%, 0);
                transform: translate3d(0%, 100%, 0); }
      .news-row .news-col.visible .news-item .news-image-wrapper .news-image {
        -webkit-transform: scale(1.04);
                transform: scale(1.04); }
        .news-row .news-col.visible .news-item .news-image-wrapper .news-image:hover {
          -webkit-transform: scale(1);
                  transform: scale(1);
          opacity: .75;
          -webkit-transition: all 400ms ease;
          transition: all 400ms ease; }
    @media screen and (max-width: 769px) {
      .news-row .news-col {
        display: block; }
        .news-row .news-col .news-item {
          margin-bottom: 2.4rem;
          display: block; }
          .news-row .news-col .news-item .news-text h5 {
            font-size: 1rem;
            margin-top: 1rem; }
          .news-row .news-col .news-item .news-text h3 {
            font-size: 1.8rem; }
        .news-row .news-col .news-image-wrapper {
          height: 20rem; }
        .news-row .news-col:nth-child(2n) .news-image-wrapper {
          height: 20rem; }
        .news-row .news-col + .news-col {
          margin-top: 0; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.news-item {
  opacity: 0;
  -webkit-transform: translate3d(0, 2rem, 0);
          transform: translate3d(0, 2rem, 0); }
  .news-item:hover {
    cursor: pointer; }
  .news-item:nth-child(4) {
    grid-column: 1/4; }
    .news-item:nth-child(4) .news-image-wrapper {
      height: 68rem; }
  .news-item .news-text h5 {
    color: #666C71;
    font-size: 1.2rem;
    margin-top: 1.6rem; }
  .news-item .news-text h3 {
    font-size: 2.2rem;
    position: relative;
    display: inline-block; }
  .news-item .news-image-wrapper {
    width: 100%;
    height: 26rem;
    position: relative;
    overflow: hidden;
    background: #151C22; }
    .news-item .news-image-wrapper::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      background-color: #1262fb;
      opacity: 1; }
    .news-item .news-image-wrapper .news-image {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: all 4s ease;
      transition: all 4s ease;
      cursor: pointer; }
  .news-item:nth-child(1) .news-image-wrapper::after {
    background-color: #ffd2d2; }
  .news-item:nth-child(2) .news-image-wrapper::after {
    background-color: #cff6e5; }
  .news-item:nth-child(3) .news-image-wrapper::after {
    background-color: #ffefc3; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.share-modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 98, 251, 0.96);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  opacity: 0;
  pointer-events: none;
  z-index: 20; }
  .share-modal-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 900px;
    background: url(/frontend/689a38d4b53c64438728334fc224bddc.svg) repeat;
    opacity: .1;
    z-index: 20; }
  .share-modal-bg_after-open {
    opacity: 1;
    pointer-events: auto; }
  .share-modal-bg_before-close {
    opacity: 0; }

.share-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 280px;
  min-width: 240px;
  max-width: 520px;
  max-height: 90vh;
  padding: 4rem;
  background: #ffffff;
  border-radius: 1.3rem;
  outline: 0;
  -webkit-box-shadow: 0 5px 5px -5px rgba(21, 28, 34, 0.2), 0 10px 10px -5px rgba(21, 28, 34, 0.2), 0 20px 20px -5px rgba(21, 28, 34, 0.2), 0 40px 40px -5px rgba(21, 28, 34, 0.2);
          box-shadow: 0 5px 5px -5px rgba(21, 28, 34, 0.2), 0 10px 10px -5px rgba(21, 28, 34, 0.2), 0 20px 20px -5px rgba(21, 28, 34, 0.2), 0 40px 40px -5px rgba(21, 28, 34, 0.2);
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate3d(-50%, -30%, 0);
          transform: translate3d(-50%, -30%, 0);
  z-index: 20; }
  @media screen and (max-width: 769px) {
    .share-modal {
      padding: 4rem 2rem; } }
  .share-modal .close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    color: #666c71; }
  .share-modal h3 {
    margin-bottom: 2.6rem;
    font-size: 2.4rem; }
  .share-modal ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin: 20px 0; }
    @media screen and (max-width: 769px) {
      .share-modal ul {
        display: block; }
        .share-modal ul li + li {
          margin-top: 2rem; } }
    .share-modal ul li {
      width: 100%; }
      .share-modal ul li .button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1.6rem; }
        @media screen and (max-width: 769px) {
          .share-modal ul li .button {
            font-size: 1.1rem;
            padding: 1rem; } }
        .share-modal ul li .button .icon {
          width: 24px;
          height: 24px;
          margin-right: .6rem;
          fill: white;
          -webkit-transform: none;
                  transform: none; }
      .share-modal ul li .facebook {
        background: #3b5999; }
      .share-modal ul li .twitter {
        background: #55acee; }
  .share-modal .share-modal-link {
    padding: 1.6rem;
    border: 2px solid rgba(102, 108, 113, 0.2);
    border-radius: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 100%;
    overflow: hidden; }
    @media screen and (max-width: 769px) {
      .share-modal .share-modal-link {
        font-size: 1.1rem;
        padding: 1rem; } }
    .share-modal .share-modal-link .icon {
      margin-right: .6rem; }
  .share-modal_after-open {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    opacity: 1;
    pointer-events: auto; }
  .share-modal_before-close {
    opacity: 0; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.button {
  font-family: 'graphik-semibold-webfont', sans-serif;
  font-weight: normal;
  background: #1262fb;
  color: #ffffff;
  border-radius: .5rem;
  border: none;
  padding: .8rem 2.4rem 1rem 2.4rem;
  line-height: 2;
  cursor: pointer;
  font-size: 1.4rem;
  display: inline-block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }
  .button .icon {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    margin: 0 .4rem 0 0;
    -webkit-transform: translate(-6px, 4px);
            transform: translate(-6px, 4px); }
  .button.button_small {
    font-size: 1.1rem;
    line-height: 1.6;
    white-space: nowrap; }
  .button.button_blur {
    background: rgba(102, 108, 113, 0.1);
    color: #666C71; }
    .button.button_blur:hover {
      background: #1262fb;
      color: white; }
  .button:focus {
    outline: none; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.main-news .news-featured {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  @media screen and (max-width: 769px) {
    .main-news .news-featured {
      display: block; } }
  .main-news .news-featured .news-image-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #151C22; }
    @media screen and (max-width: 769px) {
      .main-news .news-featured .news-image-wrapper {
        height: 30vh; } }
    .main-news .news-featured .news-image-wrapper::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      background-color: #F1F5F9;
      opacity: 1;
      -webkit-transition: all 1.2s ease;
      transition: all 1.2s ease; }
    .main-news .news-featured .news-image-wrapper .news-image {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: all 3.6s ease;
      transition: all 3.6s ease;
      cursor: pointer; }
    .main-news .news-featured .news-image-wrapper .news-image-share {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 8.2rem;
      height: 8.2rem;
      z-index: 2;
      background: #151C22;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .main-news .news-featured .news-image-wrapper .news-image-share .icon {
        color: #666C71;
        opacity: .75;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease; }
      .main-news .news-featured .news-image-wrapper .news-image-share:hover {
        cursor: pointer; }
        .main-news .news-featured .news-image-wrapper .news-image-share:hover .icon {
          opacity: 1;
          color: #ffffff; }
  .main-news .news-featured .news-text {
    padding: 6rem;
    color: black; }
    @media screen and (max-width: 769px) {
      .main-news .news-featured .news-text {
        padding: 2.4rem; } }
    .main-news .news-featured .news-text * {
      opacity: 0; }
    .main-news .news-featured .news-text h5 {
      color: #666C71;
      font-family: 'graphik-semibold-webfont', sans-serif;
      font-weight: normal; }
    .main-news .news-featured .news-text h4 {
      font-size: 1.4rem;
      color: #666C71; }
      .main-news .news-featured .news-text h4 span {
        letter-spacing: -.2rem;
        margin-right: .3rem;
        color: #d1d3d4; }
    .main-news .news-featured .news-text h2 {
      max-width: 75%;
      margin: 4.2rem 0;
      color: #151C22;
      line-height: 1.2; }
      @media screen and (max-width: 769px) {
        .main-news .news-featured .news-text h2 {
          max-width: 100%; } }
    .main-news .news-featured .news-text p.big {
      color: #666C71; }
    .main-news .news-featured .news-text p b {
      font-family: 'graphik-semibold-webfont', sans-serif;
      font-weight: normal; }
    .main-news .news-featured .news-text > a {
      margin-top: 3.2rem;
      font-size: 2rem;
      position: relative;
      display: inline-block; }
      .main-news .news-featured .news-text > a::after {
        content: '';
        width: 0;
        height: .2rem;
        background: #1262fb;
        top: 50%;
        left: calc(100% + 1rem);
        position: absolute;
        border-radius: .2rem;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease; }
      .main-news .news-featured .news-text > a:hover::after {
        width: 8rem; }
  .main-news .news-featured.visible .news-image-wrapper .news-image {
    -webkit-transform: scale(1.03);
            transform: scale(1.03); }
    .main-news .news-featured.visible .news-image-wrapper .news-image:hover {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: .75;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
  .main-news .news-featured.visible .news-image-wrapper::after {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  .main-news .news-featured.visible .news-text *:nth-child(1) {
    -webkit-animation: fadeInUp 600ms ease 66ms forwards;
            animation: fadeInUp 600ms ease 66ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(2) {
    -webkit-animation: fadeInUp 600ms ease 132ms forwards;
            animation: fadeInUp 600ms ease 132ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(3) {
    -webkit-animation: fadeInUp 600ms ease 198ms forwards;
            animation: fadeInUp 600ms ease 198ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(4) {
    -webkit-animation: fadeInUp 600ms ease 264ms forwards;
            animation: fadeInUp 600ms ease 264ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(5) {
    -webkit-animation: fadeInUp 600ms ease 330ms forwards;
            animation: fadeInUp 600ms ease 330ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(6) {
    -webkit-animation: fadeInUp 600ms ease 396ms forwards;
            animation: fadeInUp 600ms ease 396ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(7) {
    -webkit-animation: fadeInUp 600ms ease 462ms forwards;
            animation: fadeInUp 600ms ease 462ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(8) {
    -webkit-animation: fadeInUp 600ms ease 528ms forwards;
            animation: fadeInUp 600ms ease 528ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(9) {
    -webkit-animation: fadeInUp 600ms ease 594ms forwards;
            animation: fadeInUp 600ms ease 594ms forwards; }
  .main-news .news-featured.visible .news-text *:nth-child(10) {
    -webkit-animation: fadeInUp 600ms ease 660ms forwards;
            animation: fadeInUp 600ms ease 660ms forwards; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.our-partners {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem;
  max-width: 1260px;
  margin-bottom: 6rem;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 40px; }
  @media screen and (max-width: 769px) {
    .our-partners {
      display: block;
      text-align: center; } }
  .our-partners .text {
    grid-gap: 2.4rem;
    margin: 0 auto 2rem auto; }
    @media screen and (max-width: 769px) {
      .our-partners .text {
        display: block; } }
    .our-partners .text a {
      margin-top: 2rem;
      display: block; }
  .our-partners h3 {
    font-size: 2rem;
    margin-top: 2.8rem; }
  .our-partners .logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .our-partners .partner-image {
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    -ms-flex-item-align: center;
        align-self: center;
    margin-bottom: .6rem; }
    @media screen and (max-width: 769px) {
      .our-partners .partner-image {
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%; } }
    .our-partners .partner-image img {
      width: 100%;
      max-width: 100%;
      display: block;
      padding: 2.8rem;
      opacity: .88;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
      @media screen and (max-width: 769px) {
        .our-partners .partner-image img {
          padding: 1rem; } }
      .our-partners .partner-image img:hover {
        -webkit-filter: grayscale(0%);
                filter: grayscale(0%);
        opacity: 1; }
  .our-partners img.grayish {
    -webkit-filter: grayscale(100%) contrast(100%) brightness(10%);
            filter: grayscale(100%) contrast(100%) brightness(10%); }
  .our-partners img.contrast {
    -webkit-filter: grayscale(100%) contrast(190%);
            filter: grayscale(100%) contrast(190%); }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2rem, 0rem);
            transform: translate3d(0, 2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

.main-hero {
  position: relative; }
  .main-hero .aside {
    position: absolute;
    left: 0;
    top: 0;
    width: 8.2rem;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 6rem;
    height: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .main-hero .aside .aside-text {
      color: #151C22;
      font-size: 1rem;
      text-transform: uppercase;
      letter-spacing: .2rem;
      font-family: 'graphik-semibold-webfont', sans-serif;
      font-weight: normal;
      text-align: center;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      white-space: nowrap;
      margin: 0;
      padding: 0;
      line-height: 3.4rem;
      opacity: 0;
      position: relative;
      -webkit-animation: fadeInHeroSide 1.6s ease forwards 1.6s;
              animation: fadeInHeroSide 1.6s ease forwards 1.6s; }
      @media screen and (max-width: 769px) {
        .main-hero .aside .aside-text {
          display: none; } }
      .main-hero .aside .aside-text .icon {
        width: 24px;
        height: 24px;
        fill: #151C22;
        -webkit-transform: rotate(90deg) translateX(0.8rem);
                transform: rotate(90deg) translateX(0.8rem);
        margin-right: 1rem;
        -webkit-transition: all 200ms ease;
        transition: all 200ms ease; }
        .main-hero .aside .aside-text .icon:hover {
          fill: #1262fb;
          cursor: pointer; }
      .main-hero .aside .aside-text span {
        letter-spacing: -.1rem;
        margin-right: .2rem;
        -webkit-transform: translate(0, -0.065rem);
                transform: translate(0, -0.065rem);
        display: inline-block;
        opacity: .5; }
  .main-hero .slider .slide {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: .3rem 0 0 .3rem;
    position: relative;
    background: #EEEEEE;
    overflow: hidden; }
    .main-hero .slider .slide__after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background-size: cover;
      background-position: top center;
      -webkit-animation: fadeInHero 3s ease 0s forwards;
              animation: fadeInHero 3s ease 0s forwards; }
    .main-hero .slider .slide .text {
      width: 100%;
      margin: 0 auto;
      padding: 6em 14vw 6em 18rem;
      z-index: 2; }
      @media screen and (max-width: 769px) {
        .main-hero .slider .slide .text {
          padding: 2.4rem; } }
    .main-hero .slider .slide h1 {
      font-family: 'Graphik-Medium-Web', sans-serif;
      font-weight: normal;
      color: #151C22;
      font-size: 8vw;
      margin-bottom: 2.4rem;
      margin-top: 16vh;
      max-width: 70vw;
      position: relative;
      letter-spacing: -.32rem;
      margin-right: 20vw; }
      @media screen and (max-width: 769px) {
        .main-hero .slider .slide h1 {
          max-width: 100%;
          letter-spacing: 0;
          font-size: 12vw;
          margin-right: 0.5em; } }
      .main-hero .slider .slide h1 span {
        opacity: 0;
        display: inline-block;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both; }
    .main-hero .slider .slide p {
      color: #151C22;
      margin-bottom: 3vh;
      opacity: 0;
      display: block;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      max-width: 40vw; }
      @media screen and (max-width: 769px) {
        .main-hero .slider .slide p {
          max-width: 100%; } }
    .main-hero .slider .slide .button {
      background: #151C22;
      border: 2px solid #151C22;
      color: #ffffff;
      opacity: 0;
      -webkit-transition: none;
      transition: none;
      -webkit-box-shadow: 0 5px 5px -15px rgba(21, 28, 34, 0.2), 0 10px 10px -15px rgba(21, 28, 34, 0.2), 0 20px 20px -15px rgba(21, 28, 34, 0.2), 0 40px 40px -15px rgba(21, 28, 34, 0.2), 0 50px 50px -20px rgba(21, 28, 34, 0.2), 0 70px 70px -25px rgba(21, 28, 34, 0.2);
              box-shadow: 0 5px 5px -15px rgba(21, 28, 34, 0.2), 0 10px 10px -15px rgba(21, 28, 34, 0.2), 0 20px 20px -15px rgba(21, 28, 34, 0.2), 0 40px 40px -15px rgba(21, 28, 34, 0.2), 0 50px 50px -20px rgba(21, 28, 34, 0.2), 0 70px 70px -25px rgba(21, 28, 34, 0.2); }
  .main-hero .slider .slick-slide .button:hover {
    color: #ffffff;
    -webkit-transition: none;
    transition: none; }
  .main-hero .slider .slick-slide .text img {
    margin-bottom: 4.6rem;
    opacity: 0; }
  .main-hero .slider .slick-slide:nth-child(1) .slide .text h1 span:last-child span {
    color: #fe4a49; }
  .main-hero .slider .slick-slide:nth-child(1) .slide .text .button:hover {
    border-color: #fe4a49;
    background: #fe4a49;
    color: #ffffff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 5px 5px -15px rgba(254, 74, 73, 0.3), 0 10px 10px -15px rgba(254, 74, 73, 0.3), 0 20px 20px -15px rgba(254, 74, 73, 0.3), 0 40px 40px -15px rgba(254, 74, 73, 0.3), 0 50px 50px -20px rgba(254, 74, 73, 0.3), 0 70px 70px -25px rgba(254, 74, 73, 0.3);
            box-shadow: 0 5px 5px -15px rgba(254, 74, 73, 0.3), 0 10px 10px -15px rgba(254, 74, 73, 0.3), 0 20px 20px -15px rgba(254, 74, 73, 0.3), 0 40px 40px -15px rgba(254, 74, 73, 0.3), 0 50px 50px -20px rgba(254, 74, 73, 0.3), 0 70px 70px -25px rgba(254, 74, 73, 0.3); }
  .main-hero .slider .slick-slide:nth-child(1) .slide .text .button:active {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(1) .slide .text .button:focus {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(1) .slide .button {
    border-color: #fe4a49;
    background: #fe4a49;
    color: #ffffff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 5px 5px -15px rgba(254, 74, 73, 0.3), 0 10px 10px -15px rgba(254, 74, 73, 0.3), 0 20px 20px -15px rgba(254, 74, 73, 0.3), 0 40px 40px -15px rgba(254, 74, 73, 0.3), 0 50px 50px -20px rgba(254, 74, 73, 0.3), 0 70px 70px -25px rgba(254, 74, 73, 0.3);
            box-shadow: 0 5px 5px -15px rgba(254, 74, 73, 0.3), 0 10px 10px -15px rgba(254, 74, 73, 0.3), 0 20px 20px -15px rgba(254, 74, 73, 0.3), 0 40px 40px -15px rgba(254, 74, 73, 0.3), 0 50px 50px -20px rgba(254, 74, 73, 0.3), 0 70px 70px -25px rgba(254, 74, 73, 0.3); }
  .main-hero .slider .slick-slide:nth-child(1) .slide__after {
    background-position: top left; }
  .main-hero .slider .slick-slide:nth-child(3) .slide .text h1 span:last-child span {
    color: #1262fb; }
  .main-hero .slider .slick-slide:nth-child(3) .slide .text .button:hover {
    border-color: #1262fb;
    background: #1262fb;
    color: #ffffff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 5px 5px -15px rgba(18, 98, 251, 0.3), 0 10px 10px -15px rgba(18, 98, 251, 0.3), 0 20px 20px -15px rgba(18, 98, 251, 0.3), 0 40px 40px -15px rgba(18, 98, 251, 0.3), 0 50px 50px -20px rgba(18, 98, 251, 0.3), 0 70px 70px -25px rgba(18, 98, 251, 0.3);
            box-shadow: 0 5px 5px -15px rgba(18, 98, 251, 0.3), 0 10px 10px -15px rgba(18, 98, 251, 0.3), 0 20px 20px -15px rgba(18, 98, 251, 0.3), 0 40px 40px -15px rgba(18, 98, 251, 0.3), 0 50px 50px -20px rgba(18, 98, 251, 0.3), 0 70px 70px -25px rgba(18, 98, 251, 0.3); }
  .main-hero .slider .slick-slide:nth-child(3) .slide .text .button:active {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(3) .slide .text .button:focus {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(3) .slide .button {
    border-color: #1262fb;
    background: #1262fb;
    color: #ffffff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 5px 5px -15px rgba(18, 98, 251, 0.3), 0 10px 10px -15px rgba(18, 98, 251, 0.3), 0 20px 20px -15px rgba(18, 98, 251, 0.3), 0 40px 40px -15px rgba(18, 98, 251, 0.3), 0 50px 50px -20px rgba(18, 98, 251, 0.3), 0 70px 70px -25px rgba(18, 98, 251, 0.3);
            box-shadow: 0 5px 5px -15px rgba(18, 98, 251, 0.3), 0 10px 10px -15px rgba(18, 98, 251, 0.3), 0 20px 20px -15px rgba(18, 98, 251, 0.3), 0 40px 40px -15px rgba(18, 98, 251, 0.3), 0 50px 50px -20px rgba(18, 98, 251, 0.3), 0 70px 70px -25px rgba(18, 98, 251, 0.3); }
  .main-hero .slider .slick-slide:nth-child(4) .slide .text h1 span:last-child span {
    color: #1262fb; }
  .main-hero .slider .slick-slide:nth-child(4) .slide .text .button:hover {
    border-color: #1262fb;
    background: #1262fb;
    color: #ffffff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 5px 5px -15px rgba(18, 98, 251, 0.3), 0 10px 10px -15px rgba(18, 98, 251, 0.3), 0 20px 20px -15px rgba(18, 98, 251, 0.3), 0 40px 40px -15px rgba(18, 98, 251, 0.3), 0 50px 50px -20px rgba(18, 98, 251, 0.3), 0 70px 70px -25px rgba(18, 98, 251, 0.3);
            box-shadow: 0 5px 5px -15px rgba(18, 98, 251, 0.3), 0 10px 10px -15px rgba(18, 98, 251, 0.3), 0 20px 20px -15px rgba(18, 98, 251, 0.3), 0 40px 40px -15px rgba(18, 98, 251, 0.3), 0 50px 50px -20px rgba(18, 98, 251, 0.3), 0 70px 70px -25px rgba(18, 98, 251, 0.3); }
  .main-hero .slider .slick-slide:nth-child(4) .slide .text .button:active {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(4) .slide .text .button:focus {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(5) .slide .text h1 span:last-child span {
    color: #fe4a49; }
  .main-hero .slider .slick-slide:nth-child(5) .slide .text .button:hover {
    border-color: #fe4a49;
    background: #fe4a49;
    color: #ffffff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 5px 5px -15px rgba(254, 74, 73, 0.3), 0 10px 10px -15px rgba(254, 74, 73, 0.3), 0 20px 20px -15px rgba(254, 74, 73, 0.3), 0 40px 40px -15px rgba(254, 74, 73, 0.3), 0 50px 50px -20px rgba(254, 74, 73, 0.3), 0 70px 70px -25px rgba(254, 74, 73, 0.3);
            box-shadow: 0 5px 5px -15px rgba(254, 74, 73, 0.3), 0 10px 10px -15px rgba(254, 74, 73, 0.3), 0 20px 20px -15px rgba(254, 74, 73, 0.3), 0 40px 40px -15px rgba(254, 74, 73, 0.3), 0 50px 50px -20px rgba(254, 74, 73, 0.3), 0 70px 70px -25px rgba(254, 74, 73, 0.3); }
  .main-hero .slider .slick-slide:nth-child(5) .slide .text .button:active {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(5) .slide .text .button:focus {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(6) .slide .text h1 span:last-child span {
    color: #3ddc97; }
  .main-hero .slider .slick-slide:nth-child(6) .slide .text .button:hover {
    border-color: #3ddc97;
    background: #3ddc97;
    color: #ffffff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 5px 5px -15px rgba(61, 220, 151, 0.3), 0 10px 10px -15px rgba(61, 220, 151, 0.3), 0 20px 20px -15px rgba(61, 220, 151, 0.3), 0 40px 40px -15px rgba(61, 220, 151, 0.3), 0 50px 50px -20px rgba(61, 220, 151, 0.3), 0 70px 70px -25px rgba(61, 220, 151, 0.3);
            box-shadow: 0 5px 5px -15px rgba(61, 220, 151, 0.3), 0 10px 10px -15px rgba(61, 220, 151, 0.3), 0 20px 20px -15px rgba(61, 220, 151, 0.3), 0 40px 40px -15px rgba(61, 220, 151, 0.3), 0 50px 50px -20px rgba(61, 220, 151, 0.3), 0 70px 70px -25px rgba(61, 220, 151, 0.3); }
  .main-hero .slider .slick-slide:nth-child(6) .slide .text .button:active {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(6) .slide .text .button:focus {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(7) .slide .text h1 span:last-child span {
    color: #ffbe0d; }
  .main-hero .slider .slick-slide:nth-child(7) .slide .text .button:hover {
    border-color: #ffbe0d;
    background: #ffbe0d;
    color: #ffffff;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: 0 5px 5px -15px rgba(255, 190, 13, 0.3), 0 10px 10px -15px rgba(255, 190, 13, 0.3), 0 20px 20px -15px rgba(255, 190, 13, 0.3), 0 40px 40px -15px rgba(255, 190, 13, 0.3), 0 50px 50px -20px rgba(255, 190, 13, 0.3), 0 70px 70px -25px rgba(255, 190, 13, 0.3);
            box-shadow: 0 5px 5px -15px rgba(255, 190, 13, 0.3), 0 10px 10px -15px rgba(255, 190, 13, 0.3), 0 20px 20px -15px rgba(255, 190, 13, 0.3), 0 40px 40px -15px rgba(255, 190, 13, 0.3), 0 50px 50px -20px rgba(255, 190, 13, 0.3), 0 70px 70px -25px rgba(255, 190, 13, 0.3); }
  .main-hero .slider .slick-slide:nth-child(7) .slide .text .button:active {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-slide:nth-child(7) .slide .text .button:focus {
    -webkit-transition: none;
    transition: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-hero .slider .slick-active {
    z-index: 998;
    -webkit-transform: translate3d(0, 0, 10rem);
            transform: translate3d(0, 0, 10rem); }
    .main-hero .slider .slick-active .slide__after {
      opacity: 1;
      -webkit-transform: scale(1.07);
              transform: scale(1.07);
      -webkit-transition: all 600ms ease 300ms;
      transition: all 600ms ease 300ms; }
    .main-hero .slider .slick-active .text h1 span:nth-child(1) {
      -webkit-animation: fadeInUp 1.2s ease 1.266s forwards;
              animation: fadeInUp 1.2s ease 1.266s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(2) {
      -webkit-animation: fadeInUp 1.2s ease 1.332s forwards;
              animation: fadeInUp 1.2s ease 1.332s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(3) {
      -webkit-animation: fadeInUp 1.2s ease 1.398s forwards;
              animation: fadeInUp 1.2s ease 1.398s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(4) {
      -webkit-animation: fadeInUp 1.2s ease 1.464s forwards;
              animation: fadeInUp 1.2s ease 1.464s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(5) {
      -webkit-animation: fadeInUp 1.2s ease 1.53s forwards;
              animation: fadeInUp 1.2s ease 1.53s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(6) {
      -webkit-animation: fadeInUp 1.2s ease 1.596s forwards;
              animation: fadeInUp 1.2s ease 1.596s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(7) {
      -webkit-animation: fadeInUp 1.2s ease 1.662s forwards;
              animation: fadeInUp 1.2s ease 1.662s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(8) {
      -webkit-animation: fadeInUp 1.2s ease 1.728s forwards;
              animation: fadeInUp 1.2s ease 1.728s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(9) {
      -webkit-animation: fadeInUp 1.2s ease 1.794s forwards;
              animation: fadeInUp 1.2s ease 1.794s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(10) {
      -webkit-animation: fadeInUp 1.2s ease 1.86s forwards;
              animation: fadeInUp 1.2s ease 1.86s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(11) {
      -webkit-animation: fadeInUp 1.2s ease 1.926s forwards;
              animation: fadeInUp 1.2s ease 1.926s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(12) {
      -webkit-animation: fadeInUp 1.2s ease 1.992s forwards;
              animation: fadeInUp 1.2s ease 1.992s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(13) {
      -webkit-animation: fadeInUp 1.2s ease 2.058s forwards;
              animation: fadeInUp 1.2s ease 2.058s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(14) {
      -webkit-animation: fadeInUp 1.2s ease 2.124s forwards;
              animation: fadeInUp 1.2s ease 2.124s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(15) {
      -webkit-animation: fadeInUp 1.2s ease 2.19s forwards;
              animation: fadeInUp 1.2s ease 2.19s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(16) {
      -webkit-animation: fadeInUp 1.2s ease 2.256s forwards;
              animation: fadeInUp 1.2s ease 2.256s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(17) {
      -webkit-animation: fadeInUp 1.2s ease 2.322s forwards;
              animation: fadeInUp 1.2s ease 2.322s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(18) {
      -webkit-animation: fadeInUp 1.2s ease 2.388s forwards;
              animation: fadeInUp 1.2s ease 2.388s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(19) {
      -webkit-animation: fadeInUp 1.2s ease 2.454s forwards;
              animation: fadeInUp 1.2s ease 2.454s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(20) {
      -webkit-animation: fadeInUp 1.2s ease 2.52s forwards;
              animation: fadeInUp 1.2s ease 2.52s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(21) {
      -webkit-animation: fadeInUp 1.2s ease 2.586s forwards;
              animation: fadeInUp 1.2s ease 2.586s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(22) {
      -webkit-animation: fadeInUp 1.2s ease 2.652s forwards;
              animation: fadeInUp 1.2s ease 2.652s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(23) {
      -webkit-animation: fadeInUp 1.2s ease 2.718s forwards;
              animation: fadeInUp 1.2s ease 2.718s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(24) {
      -webkit-animation: fadeInUp 1.2s ease 2.784s forwards;
              animation: fadeInUp 1.2s ease 2.784s forwards; }
    .main-hero .slider .slick-active .text h1 span:nth-child(25) {
      -webkit-animation: fadeInUp 1.2s ease 2.85s forwards;
              animation: fadeInUp 1.2s ease 2.85s forwards; }
    .main-hero .slider .slick-active .text img {
      -webkit-animation: fadeInUp 1.2s ease 1.266s forwards;
              animation: fadeInUp 1.2s ease 1.266s forwards; }
    .main-hero .slider .slick-active .text p {
      -webkit-animation: fadeInUp 1.2s ease 1.8s forwards;
              animation: fadeInUp 1.2s ease 1.8s forwards; }
    .main-hero .slider .slick-active .text .button {
      -webkit-animation: fadeInUp 1.2s ease 1.9s forwards;
              animation: fadeInUp 1.2s ease 1.9s forwards; }
  .main-hero .indicator {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    background: #151C22;
    z-index: 3;
    opacity: 0;
    -webkit-animation: fadeInUp 600ms ease 1.6s forwards;
            animation: fadeInUp 600ms ease 1.6s forwards;
    border-top-left-radius: 2px; }
    .main-hero .indicator ul.slick-dots {
      padding: 0;
      margin: 0;
      display: none;
      grid-template-columns: repeat(3, 1fr); }
    .main-hero .indicator li.slick-active h5 {
      color: #a3a7aa; }
    .main-hero .indicator li.slick-active h4 {
      color: #ffffff; }
    .main-hero .indicator .slider-navigator {
      position: absolute;
      bottom: 0;
      right: 2.4rem;
      width: 140px;
      height: 60px;
      z-index: 3; }
      @media screen and (max-width: 769px) {
        .main-hero .indicator .slider-navigator {
          display: none; } }
      .main-hero .indicator .slider-navigator:active .slider-progress {
        display: none; }
      .main-hero .indicator .slider-navigator .slider-prev, .main-hero .indicator .slider-navigator .slider-next {
        position: absolute;
        top: 0;
        width: 45%;
        height: 100%; }
        .main-hero .indicator .slider-navigator .slider-prev .arrow, .main-hero .indicator .slider-navigator .slider-next .arrow {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 3px;
          background: rgba(21, 28, 34, 0.35);
          border-radius: 1.5px; }
          .main-hero .indicator .slider-navigator .slider-prev .arrow::after, .main-hero .indicator .slider-navigator .slider-next .arrow::after {
            content: '';
            position: absolute;
            height: 3px;
            width: 18px;
            top: -7px;
            border-radius: 1.5px;
            background: rgba(21, 28, 34, 0.35);
            -webkit-transform: none;
                    transform: none;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease; }
          .main-hero .indicator .slider-navigator .slider-prev .arrow::before, .main-hero .indicator .slider-navigator .slider-next .arrow::before {
            content: '';
            position: absolute;
            height: 3px;
            width: 18px;
            bottom: -7px;
            border-radius: 1.5px;
            background: rgba(21, 28, 34, 0.35);
            -webkit-transform: none;
                    transform: none;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease; }
        .main-hero .indicator .slider-navigator .slider-prev:hover .arrow:after, .main-hero .indicator .slider-navigator .slider-next:hover .arrow:after {
          background: #151c22;
          top: -6px; }
        .main-hero .indicator .slider-navigator .slider-prev:hover .arrow:before, .main-hero .indicator .slider-navigator .slider-next:hover .arrow:before {
          background: #151c22;
          bottom: -6px; }
        .main-hero .indicator .slider-navigator .slider-prev:active .arrow, .main-hero .indicator .slider-navigator .slider-next:active .arrow {
          background: #1262fb;
          -webkit-transform: scale(0.9);
                  transform: scale(0.9);
          -webkit-transition: none;
          transition: none; }
          .main-hero .indicator .slider-navigator .slider-prev:active .arrow::before, .main-hero .indicator .slider-navigator .slider-prev:active .arrow::after, .main-hero .indicator .slider-navigator .slider-next:active .arrow::before, .main-hero .indicator .slider-navigator .slider-next:active .arrow::after {
            background: #1262fb;
            -webkit-transition: none;
            transition: none; }
      .main-hero .indicator .slider-navigator .slider-prev {
        left: 0; }
        .main-hero .indicator .slider-navigator .slider-prev .arrow {
          -webkit-transition: all 300ms ease;
          transition: all 300ms ease; }
          .main-hero .indicator .slider-navigator .slider-prev .arrow::after {
            left: 4px; }
          .main-hero .indicator .slider-navigator .slider-prev .arrow::before {
            left: 4px; }
        .main-hero .indicator .slider-navigator .slider-prev:hover .arrow {
          background: #151c22; }
          .main-hero .indicator .slider-navigator .slider-prev:hover .arrow:after {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            left: -4px; }
          .main-hero .indicator .slider-navigator .slider-prev:hover .arrow:before {
            -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
            left: -4px; }
      .main-hero .indicator .slider-navigator .slider-next {
        right: 0; }
        .main-hero .indicator .slider-navigator .slider-next .arrow::after {
          right: 4px; }
        .main-hero .indicator .slider-navigator .slider-next .arrow::before {
          right: 4px; }
        .main-hero .indicator .slider-navigator .slider-next:hover .arrow:after {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          right: -4px; }
        .main-hero .indicator .slider-navigator .slider-next:hover .arrow:before {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          right: -4px; }
      .main-hero .indicator .slider-navigator .slider-progress {
        position: absolute;
        width: 45%;
        height: 100%;
        top: 0;
        right: 0; }
        .main-hero .indicator .slider-navigator .slider-progress .line {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          height: 3px;
          border-radius: 2.5px;
          background: #151C22;
          will-change: transform; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.hero-games {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin: 0 7vw; }
  @media screen and (max-width: 768px) {
    .hero-games {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 13vh 5vw 0; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .hero-games {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 6vh 6vw 0; } }
  .hero-games .hero-game-box {
    width: 13vw;
    display: grid;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
    .hero-games .hero-game-box__game-cover_short {
      display: none; }
    @media screen and (max-width: 768px) {
      .hero-games .hero-game-box {
        margin-bottom: 5vw;
        width: 34vw; }
        .hero-games .hero-game-box__game-cover {
          display: none; }
        .hero-games .hero-game-box__game-cover_short {
          display: block; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .hero-games .hero-game-box {
        width: 23vw;
        margin-bottom: 2vw; }
        .hero-games .hero-game-box__game-cover {
          display: none; }
        .hero-games .hero-game-box__game-cover_short {
          display: block; } }
    .hero-games .hero-game-box .game-box__link {
      position: relative; }
    .hero-games .hero-game-box__game-cover {
      -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 53, 0.2), 0 10px 10px -5px rgba(1, 19, 53, 0.2), 0 20px 20px -5px rgba(1, 19, 53, 0.2), 0 40px 40px -5px rgba(1, 19, 53, 0.2);
              box-shadow: 0 5px 5px -5px rgba(1, 19, 53, 0.2), 0 10px 10px -5px rgba(1, 19, 53, 0.2), 0 20px 20px -5px rgba(1, 19, 53, 0.2), 0 40px 40px -5px rgba(1, 19, 53, 0.2);
      border-radius: 1rem;
      -ms-flex-item-align: end;
          align-self: end;
      width: 100%;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .hero-games .hero-game-box__game-logo {
      position: absolute;
      bottom: 10%;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
              transform: translate(-50%, 0%);
      width: 66.66%;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .hero-games .hero-game-box:hover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
      .hero-games .hero-game-box:hover .game-box__link {
        outline-width: 0; }
      .hero-games .hero-game-box:hover .game-box__game-logo {
        -webkit-transform: translate(-50%, 5%) scale(1.05);
                transform: translate(-50%, 5%) scale(1.05); }
      .hero-games .hero-game-box:hover .game-box__game-cover {
        -webkit-box-shadow: 0 5px 5px -15px rgba(1, 19, 53, 0.3), 0 10px 10px -15px rgba(1, 19, 53, 0.3), 0 20px 20px -15px rgba(1, 19, 53, 0.3), 0 40px 40px -15px rgba(1, 19, 53, 0.3), 0 50px 50px -20px rgba(1, 19, 53, 0.3), 0 70px 70px -25px rgba(1, 19, 53, 0.3);
                box-shadow: 0 5px 5px -15px rgba(1, 19, 53, 0.3), 0 10px 10px -15px rgba(1, 19, 53, 0.3), 0 20px 20px -15px rgba(1, 19, 53, 0.3), 0 40px 40px -15px rgba(1, 19, 53, 0.3), 0 50px 50px -20px rgba(1, 19, 53, 0.3), 0 70px 70px -25px rgba(1, 19, 53, 0.3); }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.awards {
  padding: 6rem 2.4rem;
  margin-bottom: 60px; }
  .awards .slick-slide.slick-active {
    z-index: 1; }
  .awards .awards-heading {
    text-align: center; }
  .awards .awards-pages {
    max-width: 1260px;
    margin: 0 auto; }
  .awards .awards-page {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding-top: 10px;
    background: #fcfcfc; }
    @media screen and (max-width: 1280px) {
      .awards .awards-page {
        grid-template-columns: repeat(4, 1fr); } }
    @media screen and (max-width: 769px) {
      .awards .awards-page {
        grid-template-columns: repeat(2, 1fr); } }
  .awards .award {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 3.2rem;
    background: #fcfcfc;
    position: relative; }
    .awards .award img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
      -webkit-transform: translate(0, 0px);
              transform: translate(0, 0px);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      mix-blend-mode: multiply;
      padding-bottom: 5px;
      -webkit-filter: saturate(0%);
              filter: saturate(0%); }
    .awards .award p {
      text-align: center;
      opacity: 0;
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px);
      -webkit-transition: all 300ms ease 66ms;
      transition: all 300ms ease 66ms;
      font-size: 1.1rem;
      line-height: 1.3;
      width: 100%;
      font-family: 'Graphik-Medium-Web', sans-serif;
      font-weight: normal; }
    @media screen and (max-width: 769px) {
      .awards .award .desc {
        display: none; } }
    .awards .award:hover .award-img {
      -webkit-transform: translate(0, -10px) scale(1.1);
              transform: translate(0, -10px) scale(1.1);
      -webkit-filter: saturate(100%);
              filter: saturate(100%); }
    .awards .award:hover .desc p {
      opacity: 1;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
  .awards ul.awards-pagination {
    margin: 20px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .awards ul.awards-pagination li button {
      outline: none;
      text-indent: -9999px;
      background: rgba(102, 108, 113, 0.3);
      width: 12px;
      height: 12px;
      border-radius: 50%;
      margin: 0 .6rem;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease;
      cursor: pointer;
      border: 0;
      padding: 0; }
      .awards ul.awards-pagination li button:focus {
        border: 0; }
    .awards ul.awards-pagination li.slick-active button {
      background: #1262fb; }
    .awards ul.awards-pagination li:hover button {
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
  .awards .slick-list *:active, .awards .slick-list *:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none; }


.game-box {
  display: grid;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }
  .game-box .game-box__link {
    position: relative; }
  .game-box__game-cover {
    -webkit-box-shadow: 0 5px 5px -5px rgba(1, 19, 53, 0.2), 0 10px 10px -5px rgba(1, 19, 53, 0.2), 0 20px 20px -5px rgba(1, 19, 53, 0.2), 0 40px 40px -5px rgba(1, 19, 53, 0.2);
            box-shadow: 0 5px 5px -5px rgba(1, 19, 53, 0.2), 0 10px 10px -5px rgba(1, 19, 53, 0.2), 0 20px 20px -5px rgba(1, 19, 53, 0.2), 0 40px 40px -5px rgba(1, 19, 53, 0.2);
    border-radius: 0.5rem;
    -ms-flex-item-align: end;
        align-self: end;
    width: 100%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
  .game-box__game-logo {
    position: absolute;
    bottom: 10%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    width: 66.66%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
  .game-box:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02); }
    .game-box:hover .game-box__link {
      outline-width: 0; }
    .game-box:hover .game-box__game-logo {
      -webkit-transform: translate(-50%, 5%) scale(1.05);
              transform: translate(-50%, 5%) scale(1.05); }
    .game-box:hover .game-box__game-cover {
      -webkit-box-shadow: 0 5px 5px -15px rgba(1, 19, 53, 0.2), 0 10px 10px -15px rgba(1, 19, 53, 0.2), 0 20px 20px -15px rgba(1, 19, 53, 0.2), 0 40px 40px -15px rgba(1, 19, 53, 0.2), 0 50px 50px -20px rgba(1, 19, 53, 0.2), 0 70px 70px -25px rgba(1, 19, 53, 0.2);
              box-shadow: 0 5px 5px -15px rgba(1, 19, 53, 0.2), 0 10px 10px -15px rgba(1, 19, 53, 0.2), 0 20px 20px -15px rgba(1, 19, 53, 0.2), 0 40px 40px -15px rgba(1, 19, 53, 0.2), 0 50px 50px -20px rgba(1, 19, 53, 0.2), 0 70px 70px -25px rgba(1, 19, 53, 0.2); }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

article {
  margin: 18rem auto;
  max-width: 144rem; }
  @media screen and (max-width: 768px) {
    article {
      margin-bottom: 2rem; } }
  article .article-head {
    margin: 0 auto;
    max-width: 72rem; }
    @media screen and (max-width: 768px) {
      article .article-head {
        padding: 0 2.4rem; } }
  article .article-image {
    background: #151C22;
    width: 100%;
    margin: 4rem 0;
    position: relative; }
    article .article-image::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center; }
  article .article-body {
    display: grid;
    grid-template-columns: 1fr 72rem 1fr;
    grid-gap: 8rem;
    padding: 0 2.4rem; }
    @media screen and (max-width: 768px) {
      article .article-body {
        grid-template-columns: 1fr;
        grid-template-areas: "text" "game" "share"; } }
    @media screen and (max-width: 768px) {
      article .article-body .article-left {
        grid-area: game; } }
    article .article-body .article-left a.game-box__link {
      display: block;
      margin-bottom: 2.6rem;
      max-width: 75%; }
      @media screen and (max-width: 768px) {
        article .article-body .article-left a.game-box__link {
          max-width: 100%; } }
    article .article-body .article-left .button {
      margin-top: 1.6rem; }
    @media screen and (max-width: 768px) {
      article .article-body .article-right {
        grid-area: share; } }
    article .article-body .article-right ul.article-share li a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      line-height: 3;
      color: #666C71; }
      article .article-body .article-right ul.article-share li a .icon {
        fill: #666C71;
        margin-right: 1.2rem; }
      article .article-body .article-right ul.article-share li a span {
        text-transform: uppercase;
        font-size: 1.1rem;
        opacity: .5;
        font-family: 'graphik-semibold-webfont', sans-serif;
        font-weight: normal;
        letter-spacing: .2rem; }
    @media screen and (max-width: 768px) {
      article .article-body .article-text {
        grid-area: text; } }
    article .article-body .article-text p p:first-child:first-letter {
      font-family: 'graphik-semibold-webfont', sans-serif;
      font-weight: normal;
      font-weight: normal;
      font-size: 6rem;
      float: left;
      color: #151c22;
      line-height: 0.6;
      padding-top: 1rem;
      margin-left: 0;
      margin-right: 0.8rem;
      margin-bottom: 0;
      display: block;
      position: relative; }
    @media screen and (max-width: 769px) {
      article .article-body .article-text p p:first-child:first-letter {
        font-size: 5rem;
        padding-top: 0.7rem; } }
    article .article-body .article-image {
      height: 22vw; }
  article .article-footer {
    max-width: 72rem;
    margin: 4.2rem auto 0; }
    @media screen and (max-width: 768px) {
      article .article-footer {
        padding: 0 2.4rem; } }
    article .article-footer ul.tags li a::after {
      top: -.4rem; }
  article h5 {
    color: #b3b6b8;
    font-size: 1.2rem;
    font-family: 'graphik-semibold-webfont', sans-serif;
    font-weight: normal; }
  article h4 {
    color: #666C71;
    font-size: 1.6rem; }
    article h4 span {
      letter-spacing: -.2rem;
      color: #ccced0;
      margin-right: 5px; }
  article h1 {
    margin: 3.6rem auto; }
  article h2 {
    margin-top: 6.2rem;
    font-size: 3.2rem; }
  article p:not(.big) {
    font-size: 2rem;
    line-height: 1.6; }
  article p b {
    color: #151C22; }
  @media screen and (max-width: 768px) {
    article p:not(.big) {
      font-size: 1.6rem;
      line-height: 1.6; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.fourohfour {
  max-width: 720px;
  margin: 18rem auto;
  height: 42vh;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 2.4rem; }
  .fourohfour .btn {
    margin-top: 2.4rem; }
  @media screen and (max-width: 769px) {
    .fourohfour h1 {
      font-size: 4.2rem;
      line-height: 1.2; } }
  .fourohfour h1.huge {
    position: absolute;
    font-size: 32vw;
    z-index: -1;
    color: rgba(102, 108, 113, 0.05); }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.news-hero {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem;
  display: grid;
  grid-template-columns: 2fr 1fr; }
  @media screen and (max-width: 769px) {
    .news-hero {
      display: block; } }
  .news-hero .tags a {
    font-size: 2rem;
    padding-left: 1.6rem; }
    .news-hero .tags a::after {
      font-size: 2.4rem;
      top: -.8rem; }
    @media screen and (max-width: 769px) {
      .news-hero .tags a {
        font-size: 1.4rem;
        padding-left: 1.2rem; }
        .news-hero .tags a::after {
          font-size: 1.8rem;
          top: -4px; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.news-overview {
  margin: 18rem 0; }
  @media screen and (max-width: 769px) {
    .news-overview {
      margin: 14rem 0; } }
  .news-overview .pagination {
    max-width: 156rem;
    margin: 2rem auto;
    text-align: center; }

ul.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  ul.tags li a {
    line-height: 2;
    position: relative;
    color: #666C71;
    padding: .6rem 1.2rem;
    border-radius: .3rem;
    margin-right: 1.6rem;
    font-size: 1.5rem; }
    ul.tags li a::after {
      content: '#';
      position: absolute;
      left: 0;
      top: .2rem;
      opacity: .3;
      font-size: 1.8rem; }
    ul.tags li a:hover {
      color: #1262fb; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.games-hero {
  display: grid;
  grid-template-columns: 8.2rem auto;
  background-image: url(/frontend/ff5a694ea99347a2a7198eb214836850.jpg);
  background-size: cover;
  background-position: top left;
  height: 85vh;
  margin-bottom: 10rem; }
  @media screen and (max-width: 769px) {
    .games-hero {
      display: block;
      padding: 2.4rem;
      background-position: center center; } }
  .games-hero .aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    z-index: 3; }
    @media screen and (max-width: 769px) {
      .games-hero .aside {
        display: none; } }
    .games-hero .aside h5 {
      color: rgba(255, 255, 255, 0.5);
      font-size: 1rem;
      text-align: center;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      white-space: nowrap;
      margin-bottom: 5rem; }
      .games-hero .aside h5 span {
        letter-spacing: -.1rem;
        margin-right: .2rem;
        -webkit-transform: translate(0, -0.065rem);
                transform: translate(0, -0.065rem);
        display: inline-block;
        opacity: .5; }
  .games-hero .main {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: .3rem 0 0 .3rem;
    position: relative;
    overflow: hidden; }
    .games-hero .main .text {
      width: 100%;
      max-width: 132rem;
      margin: 0 auto;
      z-index: 1; }
    .games-hero .main h1 {
      color: #ffffff;
      font-size: 8.2rem;
      max-width: 50%; }
      @media screen and (max-width: 769px) {
        .games-hero .main h1 {
          font-size: 4.2rem;
          max-width: 100%; } }
    .games-hero .main p {
      color: #ffffff;
      max-width: 50%; }
      @media screen and (max-width: 769px) {
        .games-hero .main p {
          max-width: 100%; } }
      .games-hero .main p a {
        color: #fe4a49; }
      .games-hero .main p b {
        color: #ffffff; }
    .games-hero .main::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 50vh;
      height: 50vh;
      -webkit-transform: translate(-58.2%, -50%);
              transform: translate(-58.2%, -50%);
      border-radius: 50%;
      border: 2px solid rgba(255, 255, 255, 0.05); }
    .games-hero .main::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100vh;
      height: 100vh;
      -webkit-transform: translate(-54.1%, -50%);
              transform: translate(-54.1%, -50%);
      border-radius: 50%;
      border: 2px solid rgba(255, 255, 255, 0.05); }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.game {
  width: 100%;
  position: relative;
  padding-top: 160px; }
  @media screen and (max-width: 768px) {
    .game {
      padding-top: 120px; } }
  .game__background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92%;
    background: #151c22;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .game__background-container {
        height: 100%; } }
    .game__background-container .game__background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: top center;
      opacity: 0.4;
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
      -webkit-filter: blur(10px);
              filter: blur(10px); }
  .game__all {
    position: absolute;
    right: 24px;
    top: 50%;
    color: #fff;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .game__all h5 {
      font-size: 1rem;
      letter-spacing: 0.2rem;
      color: inherit;
      position: absolute;
      top: 20px;
      right: -40px;
      text-transform: uppercase;
      -webkit-transform: rotate(-90deg) translate(-50%, -50%);
              transform: rotate(-90deg) translate(-50%, -50%);
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
      white-space: nowrap;
      line-height: 2.4; }
    .red .game__all:hover {
      color: #fe4a49;
      fill: #fe4a49; }
    .yellow .game__all:hover {
      color: #ffbe0d;
      fill: #ffbe0d; }
    .blue .game__all:hover {
      color: #1262fb;
      fill: #1262fb; }
    .green .game__all:hover {
      color: #3ddc97;
      fill: #3ddc97; }
    @media screen and (max-width: 769px) {
      .game__all {
        display: none; } }
  .game__description-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 132rem;
    margin: 0 auto;
    grid-gap: 60px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 2.4rem; }
    @media screen and (max-width: 768px) {
      .game__description-container {
        display: block; } }
    .game__description-container .game__description {
      margin-right: 25px;
      max-width: 512px; }
      @media screen and (max-width: 768px) {
        .game__description-container .game__description {
          margin-right: 0; } }
      .game__description-container .game__description ul {
        list-style-type: none; }
      .game__description-container .game__description a {
        color: #fff;
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease; }
        .red .game__description-container .game__description a:hover {
          color: #fe4a49; }
        .yellow .game__description-container .game__description a:hover {
          color: #ffbe0d; }
        .blue .game__description-container .game__description a:hover {
          color: #1262fb; }
        .green .game__description-container .game__description a:hover {
          color: #3ddc97; }
      .game__description-container .game__description * {
        -webkit-animation: fadeInUp 600ms ease;
                animation: fadeInUp 600ms ease;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
        -webkit-animation-delay: 0ms;
                animation-delay: 0ms; }
      .game__description-container .game__description *:nth-child(1) {
        -webkit-animation-delay: 166ms;
                animation-delay: 166ms; }
      .game__description-container .game__description *:nth-child(2) {
        -webkit-animation-delay: 332ms;
                animation-delay: 332ms; }
      .game__description-container .game__description *:nth-child(3) {
        -webkit-animation-delay: 498ms;
                animation-delay: 498ms; }
      .game__description-container .game__description *:nth-child(4) {
        -webkit-animation-delay: 664ms;
                animation-delay: 664ms; }
      .game__description-container .game__description *:nth-child(5) {
        -webkit-animation-delay: 830ms;
                animation-delay: 830ms; }
      .game__description-container .game__description *:nth-child(6) {
        -webkit-animation-delay: 996ms;
                animation-delay: 996ms; }
      .game__description-container .game__description *:nth-child(7) {
        -webkit-animation-delay: 1162ms;
                animation-delay: 1162ms; }
      .game__description-container .game__description *:nth-child(8) {
        -webkit-animation-delay: 1328ms;
                animation-delay: 1328ms; }
      .game__description-container .game__description *:nth-child(9) {
        -webkit-animation-delay: 1494ms;
                animation-delay: 1494ms; }
      .game__description-container .game__description *:nth-child(10) {
        -webkit-animation-delay: 1660ms;
                animation-delay: 1660ms; }
      .game__description-container .game__description .game-description__meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
        @media screen and (max-width: 768px) {
          .game__description-container .game__description .game-description__meta {
            margin-top: 2rem; } }
        .game__description-container .game__description .game-description__meta li {
          font-size: 1.3rem;
          margin-right: 1.6rem;
          line-height: 1.2;
          padding: 0.2rem 0.6rem;
          font-family: 'graphik-semibold-webfont', sans-serif;
          font-weight: normal;
          letter-spacing: 0.03rem;
          color: #b1b6b9; }
        .game__description-container .game__description .game-description__meta .game-description__release span {
          font-family: 'Graphik-Regular-Web', sans-serif;
          font-weight: normal; }
        @media screen and (max-width: 768px) {
          .game__description-container .game__description .game-description__meta .game-description__release {
            width: 50%; }
            .game__description-container .game__description .game-description__meta .game-description__release span, .game__description-container .game__description .game-description__meta .game-description__release a {
              white-space: nowrap; } }
      .game__description-container .game__description .game-description__text {
        grid-row: 2/3;
        grid-column: 1/3;
        margin-bottom: 6rem;
        color: #b1b6b9; }
        @media screen and (max-width: 768px) {
          .game__description-container .game__description .game-description__text {
            margin-bottom: 0; } }
        .game__description-container .game__description .game-description__text h1 {
          color: #fff;
          margin: 1.6rem 0 2.6rem 0; }
      .game__description-container .game__description .game-description__links {
        margin-top: 1.6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        .game__description-container .game__description .game-description__links-item {
          width: 50%;
          list-style-type: none; }
          .game__description-container .game__description .game-description__links-item.game-description__links-item_actions a {
            position: relative;
            line-height: 2;
            display: inline-block; }
            .game__description-container .game__description .game-description__links-item.game-description__links-item_actions a::after {
              content: '';
              display: block;
              width: 0;
              height: 0.2rem;
              position: absolute;
              right: calc(100% + 1rem);
              bottom: 1em;
              border-radius: 0.2rem;
              -webkit-transition: all 300ms ease;
              transition: all 300ms ease; }
              .red .game__description-container .game__description .game-description__links-item.game-description__links-item_actions a::after {
                background: #fe4a49; }
              .yellow .game__description-container .game__description .game-description__links-item.game-description__links-item_actions a::after {
                background: #ffbe0d; }
              .blue .game__description-container .game__description .game-description__links-item.game-description__links-item_actions a::after {
                background: #1262fb; }
              .green .game__description-container .game__description .game-description__links-item.game-description__links-item_actions a::after {
                background: #3ddc97; }
            .game__description-container .game__description .game-description__links-item.game-description__links-item_actions a:hover::after {
              width: 6rem; }
          .game__description-container .game__description .game-description__links-item.game-description__links-item_social a {
            font-size: 1.2rem; }
      .game__description-container .game__description .game-description__additional {
        margin-top: 1.6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%; }
        @media screen and (max-width: 768px) {
          .game__description-container .game__description .game-description__additional {
            padding-bottom: 1rem;
            margin-top: 0; } }
        .game__description-container .game__description .game-description__additional-item {
          width: 50%;
          margin-top: 1.6rem;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .game__description-container .game__description .game-description__additional-item ul {
            margin-top: 0.6rem; }
          .game__description-container .game__description .game-description__additional-item h5 {
            color: #b1b6b9; }
          .game__description-container .game__description .game-description__additional-item a {
            margin-right: 1.6rem;
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease; }
            .game__description-container .game__description .game-description__additional-item a .icon {
              fill: #fff;
              color: #666c71; }
              .red .game__description-container .game__description .game-description__additional-item a .icon:hover {
                color: #fe4a49;
                fill: #fe4a49; }
              .yellow .game__description-container .game__description .game-description__additional-item a .icon:hover {
                color: #ffbe0d;
                fill: #ffbe0d; }
              .blue .game__description-container .game__description .game-description__additional-item a .icon:hover {
                color: #1262fb;
                fill: #1262fb; }
              .green .game__description-container .game__description .game-description__additional-item a .icon:hover {
                color: #3ddc97;
                fill: #3ddc97; }
    .game__description-container .game__box {
      justify-self: end; }

.age-rate {
  border: 2px solid #b1b6b9;
  padding: 0.2rem 0.6rem 0.1rem 0.6rem;
  border-radius: 0.6rem;
  letter-spacing: 1px;
  font-size: 0.9rem;
  text-transform: uppercase;
  margin-right: 0.6rem;
  line-height: 1.6;
  color: #b1b6b9;
  margin-bottom: 0.6rem;
  font-family: 'graphik-semibold-webfont', sans-serif;
  font-weight: normal; }

.list {
  list-style-type: none; }
  .list.list_horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.games-list {
  padding: 6rem 0;
  background-size: cover;
  background: url(/frontend/5620786db8d5455019a5ef2f231e97ce.jpg) center center;
  margin-top: -10rem;
  border-bottom: 1px solid #ffffff; }
  .games-list_game {
    padding: 16rem 0; }
    @media screen and (max-width: 768px) {
      .games-list_game {
        padding-bottom: 6rem; } }
  .games-list .games-list__content {
    max-width: 132rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 6rem 2.4rem;
    padding: 0 2rem; }
    @media screen and (max-width: 768px) {
      .games-list .games-list__content {
        grid-template-columns: repeat(3, 1fr); } }

.games-catcher {
  background: #151C22;
  position: relative; }
  .games-catcher::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 900px;
    background: url(/frontend/171f3a2ac5c80c38b85841e97a9624aa.svg) repeat;
    opacity: .2;
    z-index: 2; }
  .games-catcher section {
    max-width: 132rem;
    text-align: center;
    color: #ffffff;
    padding-top: 10rem;
    padding-bottom: 10rem;
    margin-bottom: 0;
    z-index: 3;
    position: relative; }
    .games-catcher section h3 {
      color: #ffffff; }
    .games-catcher section p {
      max-width: 720px;
      margin: 0 auto; }
    .games-catcher section .button {
      margin-top: 1.6rem; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.position-description {
  max-width: 94rem;
  margin-top: 16rem; }
  .position-description h1 {
    margin-top: 1.6rem; }
    .position-description h1.centered {
      text-align: center; }
  .position-description__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 6rem; }
    .position-description__tags > * {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 2.5rem;
      color: rgba(102, 108, 113, 0.5);
      font-size: 2rem; }
    .position-description__tags .icon {
      margin-right: 1rem; }
  .position-description .job-detail-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 96rem;
    margin: 6rem auto;
    padding: 1.6rem 1.2rem;
    border-bottom: 2px solid rgba(102, 108, 113, 0.2);
    border-top: 2px solid rgba(102, 108, 113, 0.2); }
    .position-description .job-detail-controls a {
      color: #666C71;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .position-description .job-detail-controls a .icon {
        margin-right: 1rem; }
    .position-description .job-detail-controls a.btn {
      color: #ffffff;
      border-radius: .3rem; }
  .position-description.position-description_unsolicited {
    margin-bottom: 0; }
    .position-description.position-description_unsolicited + .job-apply {
      margin-top: 0;
      border: none; }

section.job-aboutus {
  background: #1262fb;
  position: relative;
  color: #ffffff;
  padding-top: 10rem;
  padding-bottom: 10rem;
  margin-bottom: 0;
  z-index: 3;
  text-align: center;
  max-width: 82rem; }
  section.job-aboutus::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 900px;
    background: url(/frontend/689a38d4b53c64438728334fc224bddc.svg) repeat;
    opacity: .2;
    z-index: 2; }
  section.job-aboutus > div {
    margin: 0 auto;
    max-width: 800px; }
  section.job-aboutus h3 {
    color: #ffffff; }
  section.job-aboutus p.big, section.job-aboutus p {
    margin-bottom: 1.6rem; }
  section.job-aboutus .btn {
    margin-top: 1.6rem; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.position-feature {
  margin-top: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .position-feature__title {
    color: #0c1013;
    font-family: 'graphik-semibold-webfont', sans-serif;
    font-weight: normal;
    font-size: 2.2rem;
    -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
    margin-top: 0.5rem;
    padding-right: 1rem;
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .position-feature__features-container {
    padding-right: 1rem; }
  .position-feature__features {
    list-style-type: none; }
  .position-feature__features-item {
    padding-left: 1.6rem;
    position: relative;
    line-height: 2.2; }
    .position-feature__features-item::before {
      content: '';
      position: absolute;
      top: 1.3rem;
      left: 0;
      border-radius: 50%;
      background: #1262fb;
      width: 0.74rem;
      height: 0.74rem; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.has-float-label {
  display: block;
  position: relative;
  width: 100%; }
  .has-float-label > span {
    position: absolute;
    top: .4rem;
    left: 1.7rem;
    cursor: text;
    font-size: 1.1rem;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 100%;
    color: #1262fb; }
  .has-float-label textarea {
    width: 100%;
    min-height: 100px;
    resize: vertical; }
  .has-float-label input, .has-float-label textarea {
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: inherit;
    border-radius: .5rem;
    border: 2px solid rgba(102, 108, 113, 0.2);
    padding: 2.2rem 1.6rem .6rem 1.5rem;
    color: #666C71;
    width: 100%; }
    .has-float-label input::-webkit-input-placeholder, .has-float-label textarea::-webkit-input-placeholder {
      opacity: .5;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .has-float-label input:-ms-input-placeholder, .has-float-label textarea:-ms-input-placeholder {
      opacity: .5;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .has-float-label input::-ms-input-placeholder, .has-float-label textarea::-ms-input-placeholder {
      opacity: .5;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .has-float-label input::placeholder, .has-float-label textarea::placeholder {
      opacity: .5;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .has-float-label input:placeholder-shown:not(:focus)::-webkit-input-placeholder, .has-float-label textarea:placeholder-shown:not(:focus)::-webkit-input-placeholder {
      opacity: 0; }
    .has-float-label input:placeholder-shown:not(:focus):-ms-input-placeholder, .has-float-label textarea:placeholder-shown:not(:focus):-ms-input-placeholder {
      opacity: 0; }
    .has-float-label input:placeholder-shown:not(:focus)::-ms-input-placeholder, .has-float-label textarea:placeholder-shown:not(:focus)::-ms-input-placeholder {
      opacity: 0; }
    .has-float-label input:placeholder-shown:not(:focus)::placeholder, .has-float-label textarea:placeholder-shown:not(:focus)::placeholder {
      opacity: 0; }
    .has-float-label input:placeholder-shown:not(:focus) + *, .has-float-label textarea:placeholder-shown:not(:focus) + * {
      font-size: 1.6rem;
      opacity: 1;
      top: 1.7rem;
      left: 1.6rem;
      color: #666C71; }
    .has-float-label input:focus, .has-float-label textarea:focus {
      outline: none;
      border-color: #1262fb; }
  .has-float-label span.is-required {
    color: #fe4a49;
    margin-left: .2rem; }
  .has-float-label.error > span {
    color: #fe4a49; }
  .has-float-label.error input, .has-float-label.error textarea {
    color: #fe4a49; }
    .has-float-label.error input::-webkit-input-placeholder, .has-float-label.error input:placeholder-shown:not(:focus) + *, .has-float-label.error textarea::-webkit-input-placeholder, .has-float-label.error textarea:placeholder-shown:not(:focus) + * {
      color: #fe4a49; }
    .has-float-label.error input:-ms-input-placeholder, .has-float-label.error input:placeholder-shown:not(:focus) + *, .has-float-label.error textarea:-ms-input-placeholder, .has-float-label.error textarea:placeholder-shown:not(:focus) + * {
      color: #fe4a49; }
    .has-float-label.error input::-ms-input-placeholder, .has-float-label.error input:placeholder-shown:not(:focus) + *, .has-float-label.error textarea::-ms-input-placeholder, .has-float-label.error textarea:placeholder-shown:not(:focus) + * {
      color: #fe4a49; }
    .has-float-label.error input::placeholder, .has-float-label.error input:placeholder-shown:not(:focus) + *, .has-float-label.error textarea::placeholder, .has-float-label.error textarea:placeholder-shown:not(:focus) + * {
      color: #fe4a49; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  position: relative; }
  .dropdown .icon {
    position: absolute;
    right: 16px;
    top: 20px;
    fill: rgba(102, 108, 113, 0.5);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    width: 16px;
    height: 16px;
    pointer-events: none; }
  .dropdown select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: .5rem;
    background: white;
    color: #666C71;
    border: 2px solid rgba(102, 108, 113, 0.2);
    width: 100%; }
    .dropdown select:active, .dropdown select:focus {
      outline: none;
      border-color: #1262fb; }
  .dropdown_required select {
    padding: 2.2rem 1.6rem .6rem 1.5rem; }
  .dropdown_without-label select {
    color: #666C71;
    padding: 1.5rem 1.6rem 1.3rem 1.6rem; }
  .dropdown label {
    position: absolute;
    top: -6px;
    left: 0;
    cursor: text;
    font-size: 1.1rem;
    width: 100%;
    color: #1262fb; }
  .dropdown label.on {
    opacity: 1; }
  .dropdown label.show {
    opacity: 1;
    color: #1262fb; }
  .dropdown form * {
    margin-top: .6rem; }
  .dropdown form div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .dropdown form div label {
      margin-right: 1rem; }
      .dropdown form div label:last-child {
        margin-right: 0; }
  .dropdown form label + p {
    margin-top: 1.2rem; }
  .dropdown form p + .dropdown {
    margin-top: 0; }
  .dropdown.error label > span {
    color: #fe4a49; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.job-apply {
  border-top: 2px solid rgba(102, 108, 113, 0.2);
  margin: 6rem auto;
  padding-top: 6rem;
  position: relative; }
  .job-apply .job-apply-heading {
    max-width: 50%;
    margin-bottom: 1.6rem; }
    @media screen and (max-width: 769px) {
      .job-apply .job-apply-heading {
        max-width: 100%; } }
  .job-apply .job-apply__section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px; }
    @media screen and (max-width: 769px) {
      .job-apply .job-apply__section {
        grid-template-columns: 1fr; } }
    .job-apply .job-apply__section.job-apply__section_gapped {
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(102, 108, 113, 0.2); }
    .job-apply .job-apply__section div {
      display: block; }
    .job-apply .job-apply__section .attachments {
      display: block;
      margin-top: 2.4rem; }
      .job-apply .job-apply__section .attachments .feedback {
        border: 1px solid #fe4a49; }
      .job-apply .job-apply__section .attachments .dropzone {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: 2px solid rgba(102, 108, 113, 0.2);
        background: white;
        border-radius: .5rem;
        padding: 4.6rem;
        text-align: center; }
        .job-apply .job-apply__section .attachments .dropzone.feedback {
          border: 1px solid #fe4a49; }
        .job-apply .job-apply__section .attachments .dropzone p.big {
          color: #666C71; }
        .job-apply .job-apply__section .attachments .dropzone p {
          color: rgba(102, 108, 113, 0.5);
          margin-top: 0;
          max-width: 75%; }
          .job-apply .job-apply__section .attachments .dropzone p a {
            color: inherit;
            text-decoration: underline; }
        .job-apply .job-apply__section .attachments .dropzone p.small {
          color: rgba(102, 108, 113, 0.5);
          margin-top: .4rem; }
          .job-apply .job-apply__section .attachments .dropzone p.small.feedback-message {
            color: #fe4a49; }
        .job-apply .job-apply__section .attachments .dropzone .icon {
          width: 4.2rem;
          height: 4.2rem;
          margin-bottom: 1.6rem; }
        .job-apply .job-apply__section .attachments .dropzone.has-upload {
          text-align: left;
          padding: 2rem;
          display: block; }
          .job-apply .job-apply__section .attachments .dropzone.has-upload ul {
            margin-bottom: 1.6rem;
            margin-top: 0; }
            .job-apply .job-apply__section .attachments .dropzone.has-upload ul li {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              border-bottom: 2px solid rgba(102, 108, 113, 0.1);
              padding: 1.2rem 0;
              max-width: 100%; }
              .job-apply .job-apply__section .attachments .dropzone.has-upload ul li .status {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                .job-apply .job-apply__section .attachments .dropzone.has-upload ul li .status span {
                  font-size: 1.1rem;
                  color: white;
                  margin-right: .6rem;
                  font-family: 'Graphik-Medium-Web', sans-serif;
                  font-weight: normal; }
                  .job-apply .job-apply__section .attachments .dropzone.has-upload ul li .status span.success {
                    color: #3ddc97; }
                  .job-apply .job-apply__section .attachments .dropzone.has-upload ul li .status span.idle {
                    color: #ffbe0d; }
                  .job-apply .job-apply__section .attachments .dropzone.has-upload ul li .status span.error {
                    color: #fe4a49; }
                .job-apply .job-apply__section .attachments .dropzone.has-upload ul li .status .icon {
                  width: 16px;
                  height: 16px;
                  margin-bottom: 0;
                  cursor: pointer; }
                  .job-apply .job-apply__section .attachments .dropzone.has-upload ul li .status .icon:hover {
                    color: #1262fb; }
          .job-apply .job-apply__section .attachments .dropzone.has-upload p.small {
            max-width: 100%; }
            .job-apply .job-apply__section .attachments .dropzone.has-upload p.small b {
              color: rgba(102, 108, 113, 0.5); }
      .job-apply .job-apply__section .attachments .is-required {
        color: #fe4a49;
        margin-left: .2rem; }
    .job-apply .job-apply__section .checkbox {
      display: grid;
      grid-template-columns: 32px auto; }
      .job-apply .job-apply__section .checkbox label {
        font-size: 1.2rem; }
  .job-apply .btn {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem; }
  .job-apply .textred {
    color: #fe4a49; }

.submit-message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(252, 252, 252, 0.75);
  z-index: 5;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .submit-message .box {
    background: #ffffff;
    text-align: center;
    padding: 4rem;
    border-radius: 1.3rem;
    -webkit-box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
    max-width: 600px; }
    .submit-message .box .icon {
      width: 62px;
      height: 62px;
      color: #3ddc97; }
      @media screen and (max-width: 769px) {
        .submit-message .box .icon {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
  .submit-message.submit-message-error .icon {
    color: #fe4a49; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

section.studios {
  max-width: 1440px;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 4rem;
  margin-bottom: 180px; }
  @media screen and (max-width: 768px) {
    section.studios {
      display: block;
      padding: 0 2.4rem; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.studios-image {
  position: relative; }
  @media screen and (min-width: 769px) {
    .studios-image {
      -webkit-transition: -webkit-transform 1s ease;
      transition: -webkit-transform 1s ease;
      transition: transform 1s ease;
      transition: transform 1s ease, -webkit-transform 1s ease;
      will-change: transform; } }
  .studios-image::after {
    content: '';
    position: absolute;
    bottom: -120px;
    width: 100%;
    height: 100%;
    left: 0;
    background-image: url(/frontend/54092ee83f79ebc250c4fbe7abb8c064.png);
    background-size: cover;
    z-index: -1;
    opacity: .75; }
    @media screen and (min-width: 769px) {
      .studios-image::after {
        -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 1s cubic-bezier(0.4, 0, 0.2, 1); } }
  .studios-image h4 {
    position: absolute;
    bottom: 10px;
    color: #1262fb; }
    @media screen and (min-width: 769px) {
      .studios-image h4 {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        -webkit-transition: all 1s ease;
        transition: all 1s ease; } }
  .studios-image h5 {
    position: absolute;
    bottom: 0;
    left: 0; }
    @media screen and (min-width: 769px) {
      .studios-image h5 {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        -webkit-transition: all 1s ease;
        transition: all 1s ease; } }
  .studios-image p {
    position: absolute;
    bottom: -360px;
    height: 300px;
    opacity: 0; }
    @media screen and (min-width: 769px) {
      .studios-image p {
        -webkit-transform: translateY(-60px);
                transform: translateY(-60px);
        -webkit-transition: all 1s ease;
        transition: all 1s ease; } }
  @media screen and (max-width: 768px) {
    .studios-image {
      margin-bottom: 100px; }
      .studios-image h4 {
        bottom: -20px; }
      .studios-image h5 {
        bottom: -25px; }
      .studios-image p {
        opacity: 1; } }
    @media screen and (max-width: 768px) and (min-width: 769px) {
      .studios-image p {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0); } }
  @media screen and (min-width: 769px) {
    .studios-image:hover {
      -webkit-transform: translateY(-40px);
              transform: translateY(-40px); }
      .studios-image:hover h4, .studios-image:hover h5 {
        -webkit-transform: translateY(20px);
                transform: translateY(20px); }
      .studios-image:hover p {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      .studios-image:hover::after {
        -webkit-transform: translateY(70px) scale(0.8);
                transform: translateY(70px) scale(0.8);
        opacity: .5; } }
  .studios-image img {
    margin: 0 auto; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
  text-align: center;
  background: white;
  padding: 25px;
  border-radius: 1.3rem;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15); }
  @media screen and (max-width: 769px) {
    .benefit {
      margin-bottom: 20px; } }
  .benefit:hover {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
    -webkit-box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2); }
    .benefit:hover .icon {
      -webkit-transform: translate(0);
              transform: translate(0); }
    .benefit:hover .benefit__text h4 {
      -webkit-transform: translate(0);
              transform: translate(0); }
    .benefit:hover .benefit__text p {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .benefit .icon {
    width: 8.6rem;
    height: 8.6rem;
    fill: #1262fb;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    margin-bottom: 1.6rem; }
    @media screen and (max-width: 769px) {
      .benefit .icon {
        -webkit-transform: translateY(0px);
                transform: translateY(0px); } }
  .benefit .benefit__text h4 {
    font-size: 2.2rem;
    font-family: 'graphik-semibold-webfont', sans-serif;
    font-weight: normal;
    color: #151C22;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
    -webkit-transition: all 600ms ease 66ms;
    transition: all 600ms ease 66ms; }
    @media screen and (max-width: 769px) {
      .benefit .benefit__text h4 {
        -webkit-transform: translateY(0px);
                transform: translateY(0px); } }
  .benefit .benefit__text p {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all 600ms ease 166ms;
    transition: all 600ms ease 166ms;
    line-height: 1.4; }
    @media screen and (max-width: 769px) {
      .benefit .benefit__text p {
        opacity: 1;
        -webkit-transform: translate(0);
                transform: translate(0); } }

section.benefits .benefits-headline {
  text-align: center;
  margin-bottom: 60px; }

section.benefits .benefits-row {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(4, 1fr); }
  @media screen and (max-width: 1280px) {
    section.benefits .benefits-row {
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 769px) {
    section.benefits .benefits-row {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 0; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.jobs-hero {
  text-align: center;
  margin-top: 22vh;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .jobs-hero p {
    max-width: 92rem;
    margin: 0 auto; }

.jobs-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 1.6rem; }
  .jobs-label .icon {
    margin-right: 1rem;
    width: 2.2rem;
    margin-top: .4rem;
    min-width: 2.2rem;
    height: 2.2rem; }

.jobs-listing {
  display: grid;
  grid-template-columns: repeat(7, 1fr); }
  @media screen and (max-width: 769px) {
    .jobs-listing {
      display: block; } }

.jobs-list {
  grid-column: 2/8;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 6rem 2rem;
  margin-top: .8rem; }
  @media screen and (max-width: 769px) {
    .jobs-list {
      display: block; } }
  .jobs-list h5 {
    font-size: 2.2rem;
    letter-spacing: 0;
    text-transform: none;
    font-family: 'graphik-semibold-webfont', sans-serif;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 1.6rem; }

.job {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.2rem 0rem 1.2rem 0rem;
  position: relative; }
  .job h3, .job p {
    -webkit-transition: all 1200ms ease;
    transition: all 1200ms ease; }
  .job::before {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: -2;
    border-bottom: 2px solid rgba(102, 108, 113, 0.1);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
  .job:hover {
    cursor: pointer; }
    .job:hover h3, .job:hover p {
      -webkit-transform: translateX(10px);
              transform: translateX(10px);
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    .job:hover::before {
      border-bottom: 2px solid rgba(18, 98, 251, 0.15); }
  .job:active {
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#F1F5F9));
    background: linear-gradient(to right, transparent, #F1F5F9);
    -webkit-transition: none;
    transition: none; }
  .job:last-child {
    border-bottom: none; }
  .job .title h3 {
    color: #1262fb;
    font-size: 1.6rem;
    margin-bottom: 0;
    line-height: 1.6; }
  .job .description p {
    font-size: 1.5rem;
    color: #666C71;
    font-family: 'Graphik-Regular-Web', sans-serif;
    font-weight: normal; }

.jobs-dropdowns {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 1fr 1fr; }
  .jobs-dropdowns .dropdown {
    margin-right: 2rem; }
  @media screen and (max-width: 769px) {
    .jobs-dropdowns {
      display: block;
      margin-bottom: 0; }
      .jobs-dropdowns .dropdown {
        margin: .6rem 0; } }

input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: .5rem;
  position: relative;
  border: 2px solid rgba(102, 108, 113, 0.2);
  background: white; }
  input[type="checkbox"]::after {
    content: '';
    position: absolute;
    top: 1rem;
    left: 0;
    width: 1rem;
    height: .4rem;
    background: #1262fb;
    border-radius: .2rem 0 0 .2rem;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
  input[type="checkbox"]::before {
    content: '';
    position: absolute;
    top: .7rem;
    left: .4rem;
    width: 2.2rem;
    height: .4rem;
    background: #1262fb;
    border-radius: 0 .2rem .2rem 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease; }
  input[type="checkbox"]:checked::after {
    opacity: 1;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  input[type="checkbox"]:checked::before {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  input[type="checkbox"]:focus {
    outline: none; }

.jobs-opener {
  max-width: 960px;
  margin: 100px auto 20px auto;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .jobs-opener {
      margin-top: 20px; } }

p.no-positions {
  grid-area: 1 / 1 / auto / 3; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.faq-list .faq-list__item-title {
  font-size: 2rem;
  padding: 1.6rem 1.6rem;
  border-radius: .3rem;
  color: #666C71;
  outline: 0; }
  @media screen and (max-width: 769px) {
    .faq-list .faq-list__item-title {
      font-size: 1.6rem; } }
  .faq-list .faq-list__item-title:first-child {
    margin-top: 0; }
  .faq-list .faq-list__item-title:hover {
    cursor: pointer;
    color: #1262fb; }
  .faq-list .faq-list__item-title.faq-list__item-title_active {
    color: #1262fb; }

.faq-list .faq-list__item-body {
  color: #666C71;
  padding: 1.6rem 1.6rem;
  margin-bottom: 1.6rem;
  border-radius: .5rem;
  background: #F1F5F9;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }

.faq-list .faq-list__item-body_hidden {
  display: block;
  height: 0;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.career-hero {
  text-align: center;
  height: 50vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 92rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 12vh; }
  @media screen and (max-width: 768px) {
    .career-hero {
      margin-top: 130px; } }
  .career-hero a {
    white-space: nowrap; }

.career__keynotes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.career__filters .career__filters-list {
  margin: 20px 10px;
  display: grid;
  grid-template-columns: 1fr 5fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border-bottom: 2px solid rgba(102, 108, 113, 0.1); }

.career__filters .career__filters-label .icon {
  position: relative;
  top: 5px;
  margin-right: 10px; }

.career__filters .career__filters-label span {
  font-size: 2rem;
  line-height: 1.6; }

.career__positions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 96rem; }
  .career__positions .career-department {
    margin-top: 8rem;
    padding: 0 1rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

section.values {
  max-width: 960px; }
  section.values .value {
    display: grid;
    grid-template-columns: 1fr 4fr;
    margin-bottom: 40px; }
    @media screen and (max-width: 768px) {
      section.values .value {
        display: block; } }
    section.values .value p {
      font-size: 16px; }

.jobs-catcher {
  position: relative;
  padding: 12rem 0;
  background-color: #1262fb;
  z-index: 1; }
  @media screen and (max-width: 768px) {
    .jobs-catcher {
      padding: 4em 1em; } }
  .jobs-catcher::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/frontend/689a38d4b53c64438728334fc224bddc.svg);
    background-size: 900px;
    background-repeat: repeat;
    opacity: .2;
    z-index: 2; }
  .jobs-catcher .row {
    max-width: 72rem;
    margin: 0 auto;
    z-index: 3;
    position: relative; }
    .jobs-catcher .row .col {
      text-align: center; }
      .jobs-catcher .row .col * {
        color: #ffffff; }
      .jobs-catcher .row .col .button {
        border: 2px solid white;
        margin-top: 4rem;
        color: #ffffff; }

section.social {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1.25fr 2.5fr;
  grid-gap: 2rem; }
  @media screen and (max-width: 769px) {
    section.social {
      display: block; } }
  section.social ul.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 768px) {
      section.social ul.social {
        margin-top: 1em;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }
    section.social ul.social .icon {
      background: #F1F5F9;
      padding: 1rem;
      margin-right: .6rem;
      width: 4.6rem;
      height: 4.6rem;
      border-radius: 1.3rem; }
      section.social ul.social .icon:hover {
        fill: #1262fb; }
  section.social .recruiter {
    background: #ffffff;
    border-radius: 1.3rem;
    -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
    padding: 2rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    section.social .recruiter h4 {
      font-size: 1.6rem;
      margin-bottom: .6rem; }
    section.social .recruiter .img-recruiter {
      width: 120px;
      height: 120px;
      background-image: url(/frontend/4ad1a9d202a92d935f70556dff11de71.jpg);
      background-size: cover;
      border-radius: 50%;
      margin: 2rem auto; }
    section.social .recruiter .icon {
      margin-top: 2rem;
      background: #F1F5F9;
      padding: 1rem;
      width: 4.6rem;
      height: 4.6rem;
      border-radius: 1.3rem;
      fill: #1262fb; }
    section.social .recruiter:nth-child(2) .img-recruiter {
      background-image: url(/frontend/1e2c5cf93fd51a8c9caddffae3d710bb.jpg); }
  section.social .contact-form {
    background: #ffffff;
    border-radius: 1.3rem;
    -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
    padding: 2rem;
    position: relative; }

section.faqs {
  display: grid;
  grid-template-columns: 1fr 5fr 1fr;
  grid-gap: 2.4rem; }
  @media screen and (max-width: 768px) {
    section.faqs {
      display: block;
      margin: 0; } }

@font-face {
  font-family: Graphik-Regular-Web;
  src: url(/frontend//assets/fonts/Graphik-Regular-Web.eot?#iefix) format("embedded-opentype"), url(/frontend//assets/fonts/Graphik-Regular-Web.woff) format("woff"), url(/frontend//assets/fonts/Graphik-Regular-Web.ttf) format("truetype"), url(/frontend//assets/e1eeefbc7ab106d5b44d75a9d276be46.svg#graphik_webregular) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: Graphik-Medium-Web;
  src: url(/frontend//assets/fonts/Graphik-Medium-Web.eot?#iefix) format("embedded-opentype"), url(/frontend//assets/fonts/Graphik-Medium-Web.woff) format("woff"), url(/frontend//assets/fonts/Graphik-Medium-Web.ttf) format("truetype"), url(/frontend//assets/cc820551eca93987bc5ef6109dbbd416.svg#graphik_webmedium) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: graphik-semibold-webfont;
  src: url(/frontend//assets/fonts/graphik-semibold-webfont.eot?#iefix) format("embedded-opentype"), url(/frontend//assets/fonts/graphik-semibold-webfont.woff) format("woff"), url(/frontend//assets/fonts/graphik-semibold-webfont.ttf) format("truetype"), url(/frontend//assets/1d0eb163e1398ebeaeb2c591f212e50e.svg#graphik_webregular) format("svg");
  font-weight: normal;
  font-style: normal; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

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

body, ul, form, dd, h1, h2, h3, h4, h5, p, dl, dd, dt {
  margin: 0;
  padding: 0; }

html {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  font-size: 10px; }

body {
  font-family: 'Graphik-Regular-Web', sans-serif;
  font-weight: normal;
  color: #666c71;
  background: #fcfcfc;
  font-size: 1.6em;
  line-height: 1.6; }

::-moz-selection {
  background: #1262fb;
  color: #fff; }

::selection {
  background: #1262fb;
  color: #fff; }

a {
  font-family: 'Graphik-Medium-Web', sans-serif;
  font-weight: normal;
  color: #1262fb;
  text-decoration: none; }

h1, h2, h3, h4, h5 {
  color: #151c22;
  font-family: 'graphik-semibold-webfont', sans-serif;
  font-weight: normal; }

h1 {
  font-size: 5.8rem;
  line-height: 1;
  margin: 0 0 1.6rem 0; }
  h1 + span {
    display: block;
    color: #666c71;
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    margin-bottom: 1.6rem;
    opacity: 0.5;
    font-size: 1.3rem;
    font-family: 'graphik-semibold-webfont', sans-serif;
    font-weight: normal;
    line-height: 1.8; }
  @media screen and (max-width: 769px) {
    h1 {
      font-size: 4.2rem;
      line-height: 1; } }

h2 {
  font-size: 4.2rem;
  line-height: 1;
  margin-bottom: 2.6rem; }
  @media screen and (max-width: 769px) {
    h2 {
      font-size: 3.2rem; } }

h3 {
  font-size: 3.2rem;
  line-height: 1.2;
  margin-bottom: 1.6rem; }
  @media screen and (max-width: 769px) {
    h3 {
      font-size: 2.2rem; } }

h4 {
  font-size: 2.2rem;
  margin-bottom: 1.2rem; }

h5 {
  font-size: 1.3rem;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.16rem;
  line-height: 1.8; }

p {
  line-height: 1.6em; }
  p.big, p.big p {
    font-size: 2rem;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      p.big, p.big p {
        font-size: 1.6rem;
        line-height: 1.6; } }
  p.small, p.small p {
    font-size: 1.1rem;
    line-height: 1.6; }

div.big, div.big p {
  font-size: 2rem;
  line-height: 1.6; }
  @media screen and (max-width: 768px) {
    div.big, div.big p {
      font-size: 1.6rem;
      line-height: 1.6; } }

img {
  border-style: none;
  display: block;
  max-width: 100%; }

section {
  max-width: 1440px;
  padding: 2rem;
  margin: 0 auto 6rem; }
  @media screen and (max-width: 768px) {
    section {
      margin-bottom: 0; } }
  section.full-width {
    max-width: 100%; }

p + p {
  margin-top: 1.6rem; }

p b {
  font-family: 'graphik-semibold-webfont', sans-serif;
  font-weight: normal;
  color: #151c22; }

ul li {
  list-style-type: none; }

.label {
  font-family: 'graphik-semibold-webfont', sans-serif;
  font-weight: normal;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 0.9rem;
  padding: 0 0.4rem 0.1rem 0.4rem;
  line-height: 1.6rem;
  border-radius: 0.3rem; }
  .label_green {
    color: #22be7b;
    background: rgba(61, 220, 151, 0.1);
    border: 2px solid #3ddc97; }

code {
  background: rgba(12, 16, 19, 0.02);
  border: 2px solid rgba(12, 16, 19, 0.05);
  padding: 1.6rem;
  border-radius: 1.3rem;
  color: #666c71;
  font-size: 1em;
  display: block;
  margin: 10px 0; }

button,
input,
select,
textarea {
  font: inherit; }

form * {
  margin-top: .6rem; }

form div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  form div label {
    margin-right: 1rem; }
    form div label:last-child {
      margin-right: 0; }

form label + p {
  margin-top: 1.2rem; }

form p + .dropdown {
  margin-top: 0; }

#app > span {
  position: absolute;
  top: 10px;
  width: 1px;
  height: 1px; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.cryengine-hero {
  background: #161b1d;
  height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .cryengine-hero::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff url(/frontend/92c601132ed3ae87520f963a2c48b76e.jpg) bottom center;
    background-size: cover;
    z-index: 0; }
  .cryengine-hero .cryengine-hero-text {
    max-width: 1000px;
    margin: 8.2rem auto 0;
    text-align: center;
    z-index: 1;
    padding: 2.4rem; }
    @media screen and (max-width: 769px) {
      .cryengine-hero .cryengine-hero-text {
        margin-top: 16rem; } }
    .cryengine-hero .cryengine-hero-text h1 {
      color: #ffffff; }
    .cryengine-hero .cryengine-hero-text p {
      max-width: 720px;
      margin: 2.6rem auto;
      color: #ffffff; }
    .cryengine-hero .cryengine-hero-text .button {
      letter-spacing: 0;
      font-size: 1.6rem;
      padding: 1rem 2.6rem;
      font-family: 'Graphik-Medium-Web', sans-serif;
      font-weight: normal; }

.cryengine-about {
  background: #161b1d;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  padding-top: 40px; }
  .cryengine-about section {
    margin-bottom: 0; }
    .cryengine-about section .cryengine-about-block {
      margin: 0 auto 160px;
      display: grid;
      grid-gap: 60px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      max-width: 1280px; }
      @media screen and (max-width: 768px) {
        .cryengine-about section .cryengine-about-block {
          margin-bottom: 40px;
          grid-gap: 20px;
          grid-template-columns: 1fr; }
          .cryengine-about section .cryengine-about-block img.pic-cryengineui {
            grid-area: 1; } }
      @media screen and (min-width: 769px) {
        .cryengine-about section .cryengine-about-block {
          grid-template-columns: 2fr 1fr; }
          .cryengine-about section .cryengine-about-block:nth-child(2n) {
            grid-template-columns: 1fr 2fr; } }
      .cryengine-about section .cryengine-about-block h3 {
        color: #ffffff; }
        @media screen and (max-width: 768px) {
          .cryengine-about section .cryengine-about-block h3 br {
            content: ''; }
            .cryengine-about section .cryengine-about-block h3 br:after {
              content: ' '; } }
      .cryengine-about section .cryengine-about-block .button {
        margin-top: 2.6rem; }
        .cryengine-about section .cryengine-about-block .button.button_blur {
          color: #b3b6b8; }
          .cryengine-about section .cryengine-about-block .button.button_blur:hover {
            color: white; }

@media screen and (min-width: 769px) {
  .pic-cryengineui {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transition: all 1s ease 0ms;
    transition: all 1s ease 0ms;
    margin-bottom: 30px; }
    .pic-cryengineui:hover {
      -webkit-transform: scale(1);
              transform: scale(1); } }

.pic-cryengineui:hover {
  -webkit-box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2); }

.pic-cryengineui.robinson:hover {
  -webkit-box-shadow: 0 30px 25px -15px #22292f, 0 15px 40px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 30px 25px -15px #22292f, 0 15px 40px -10px rgba(0, 0, 0, 0.2); }

.pic-cryengineui.hunt:hover {
  -webkit-box-shadow: 0 30px 25px -15px #2b2e27, 0 15px 40px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 30px 25px -15px #2b2e27, 0 15px 40px -10px rgba(0, 0, 0, 0.2); }

.pic-cryengineui.climb:hover {
  -webkit-box-shadow: 0 30px 25px -15px #232d2c, 0 15px 40px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 30px 25px -15px #232d2c, 0 15px 40px -10px rgba(0, 0, 0, 0.2); }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

section.legal {
  margin-top: 180px;
  max-width: 648px; }
  section.legal h1 {
    font-size: 4.6rem; }
  section.legal h3 {
    font-size: 2.2rem; }
  section.legal h4 {
    margin-top: 1.6rem;
    margin-bottom: .6rem; }
  section.legal h5 {
    text-transform: none;
    letter-spacing: 0;
    margin-top: 1.6rem;
    margin-bottom: .6rem;
    font-family: 'Graphik-Medium-Web', sans-serif;
    font-weight: normal;
    color: #666C71; }
  section.legal p + h3 {
    margin-top: 26px; }
  section.legal b {
    margin: 0;
    line-height: 1.2;
    color: #666C71;
    font-family: 'graphik-semibold-webfont', sans-serif;
    font-weight: normal; }
  section.legal p strong {
    font-family: 'graphik-semibold-webfont', sans-serif;
    font-weight: normal; }
  section.legal ul {
    margin-bottom: 1.6rem; }
    section.legal ul li {
      margin-top: .6rem;
      line-height: 2.5rem;
      margin-left: 1.6rem;
      position: relative; }
      section.legal ul li::after {
        content: '';
        position: absolute;
        top: 8px;
        left: -16px;
        border-radius: 50%;
        width: 6px;
        height: 6px;
        background: #1262fb; }
  section.legal small {
    margin-top: 1.6rem;
    font-size: 1.2rem;
    display: block;
    color: rgba(102, 108, 113, 0.75);
    line-height: 1.6; }

.imprint p + p {
  margin-top: 0; }

.legal_title {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid rgba(102, 108, 113, 0.15);
  padding-bottom: 1.6rem;
  margin-bottom: 4.6rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media screen and (max-width: 769px) {
    .legal_title {
      display: block; } }
  .legal_title h1 {
    margin-bottom: .6rem; }
  .legal_title p {
    justify-self: flex-end;
    font-size: 1.2rem;
    margin-bottom: 0;
    color: rgba(102, 108, 113, 0.5); }
    .legal_title p span {
      color: #666C71;
      font-family: 'Graphik-Medium-Web', sans-serif;
      font-weight: normal; }

section.page_contact {
  margin-top: 160px;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(3, 1fr); }
  section.page_contact > div:nth-child(1) {
    opacity: 0;
    -webkit-animation: fadeInUp 600ms ease forwards;
            animation: fadeInUp 600ms ease forwards;
    -webkit-animation-delay: 166ms;
            animation-delay: 166ms; }
  section.page_contact > div:nth-child(2) {
    opacity: 0;
    -webkit-animation: fadeInUp 600ms ease forwards;
            animation: fadeInUp 600ms ease forwards;
    -webkit-animation-delay: 332ms;
            animation-delay: 332ms; }
  section.page_contact > div:nth-child(3) {
    opacity: 0;
    -webkit-animation: fadeInUp 600ms ease forwards;
            animation: fadeInUp 600ms ease forwards;
    -webkit-animation-delay: 498ms;
            animation-delay: 498ms; }
  section.page_contact > div:nth-child(4) {
    opacity: 0;
    -webkit-animation: fadeInUp 600ms ease forwards;
            animation: fadeInUp 600ms ease forwards;
    -webkit-animation-delay: 664ms;
            animation-delay: 664ms; }
  @media screen and (max-width: 769px) {
    section.page_contact {
      display: block; } }
  section.page_contact h3 {
    margin-top: 2.4rem;
    margin-bottom: 1.6rem; }
  section.page_contact h4 {
    font-size: 2rem;
    margin-top: 1.6rem;
    margin-bottom: .6rem; }
  section.page_contact .page_heading {
    grid-column: span 5; }
  section.page_contact .contact_studios p + p {
    margin: 0; }
  section.page_contact .contact_mail .contact_mail_link {
    margin-bottom: 1.2rem; }
    section.page_contact .contact_mail .contact_mail_link a {
      line-height: 2.5rem; }
  section.page_contact .contact_websites p {
    max-width: 240px; }
  section.page_contact .contact_websitelink {
    display: block;
    line-height: 2.5rem;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease; }
    section.page_contact .contact_websitelink:hover {
      -webkit-transform: translateX(6px);
              transform: translateX(6px);
      -webkit-transition: all 200ms ease;
      transition: all 200ms ease; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.bg-lightblue {
  background: url(/frontend/577c38a7e4b02045d11846c2590110c1.jpg) top center #F1F5F9;
  background-size: cover; }

section.press {
  min-height: 720px;
  height: 70vh;
  -ms-flex-line-pack: center;
      align-content: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  z-index: 1; }
  @media screen and (max-width: 769px) {
    section.press {
      grid-template-columns: 1fr; } }
  section.press form.signup-form {
    margin-top: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 769px) {
      section.press form.signup-form {
        display: block; } }
    section.press form.signup-form .has-float-label {
      max-width: 50%; }
      @media screen and (max-width: 769px) {
        section.press form.signup-form .has-float-label {
          max-width: 100%; } }
    section.press form.signup-form .button {
      font-size: 1.6rem;
      font-family: 'graphik-semibold-webfont', sans-serif;
      font-weight: normal;
      padding: 1.1rem 2rem 1.2rem 2rem;
      margin-left: .6rem;
      margin-top: 1.1rem;
      -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
              box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15); }
  section.press .pressopener {
    z-index: 2; }
    section.press .pressopener h1 {
      font-size: 8.2rem; }
      @media screen and (max-width: 769px) {
        section.press .pressopener h1 {
          font-size: 4.2rem; } }
    section.press .pressopener .unsubscribe {
      margin-top: 10px; }
  section.press .pressopener-img {
    -webkit-transform: scale(1.3) translate(-12%, -7%);
            transform: scale(1.3) translate(-12%, -7%);
    z-index: 1; }
    section.press .pressopener-img img {
      -webkit-transform: scale(-1, 1);
              transform: scale(-1, 1); }

section.presslinks {
  margin-top: -120px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px; }
  @media screen and (max-width: 769px) {
    section.presslinks {
      display: block; } }
  section.presslinks .presslink {
    background: #ffffff;
    border-radius: 1.3rem;
    -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
    padding: 4rem;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #666C71;
    font-family: 'Graphik-Regular-Web', sans-serif;
    font-weight: normal; }
    @media screen and (max-width: 769px) {
      section.presslinks .presslink {
        display: block; } }
    section.presslinks .presslink:hover {
      -webkit-box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
      -webkit-transform: translateY(-5px);
              transform: translateY(-5px); }
    section.presslinks .presslink .icon {
      width: 7.2rem;
      height: 7.2rem;
      -ms-flex-item-align: start;
          align-self: start;
      margin-top: 2.1rem; }
      @media screen and (max-width: 769px) {
        section.presslinks .presslink .icon {
          width: 3.2rem;
          height: 3.2rem; } }
    section.presslinks .presslink:nth-child(2) .icon {
      fill: #2BB0E9; }
    section.presslinks .presslink h3 {
      font-size: 3.2rem;
      margin-bottom: .8rem; }
      @media screen and (max-width: 769px) {
        section.presslinks .presslink h3 {
          font-size: 2.2rem; } }
    section.presslinks .presslink p.big {
      font-size: 1.9rem; }
      @media screen and (max-width: 769px) {
        section.presslinks .presslink p.big {
          font-size: 1.6rem; } }
  section.presslinks .presscontact {
    background: #ffffff;
    border-radius: 1.3rem;
    -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
    padding: 4rem;
    z-index: 2; }
    section.presslinks .presscontact h4 {
      font-size: 1.8rem;
      margin-bottom: 0;
      margin-top: 2rem; }
    section.presslinks .presscontact h5 {
      margin-bottom: 0;
      line-height: 2;
      margin-top: .3rem; }

section.mediagalleries {
  margin-top: -60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px; }
  @media screen and (max-width: 769px) {
    section.mediagalleries {
      display: block; } }
  section.mediagalleries .opener {
    grid-column: span 3;
    text-align: center;
    max-width: 720px;
    margin: 60px auto 20px auto; }
  section.mediagalleries .mediagallery {
    background: #1262fb;
    padding: 4rem;
    height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
    background-size: cover;
    background-position: center center;
    position: relative;
    -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translate(0);
            transform: translate(0); }
    section.mediagalleries .mediagallery::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #1262fb;
      opacity: 0;
      z-index: 1;
      -webkit-transition: all 300ms ease;
      transition: all 300ms ease; }
    section.mediagalleries .mediagallery .title {
      font-size: 2.6rem;
      z-index: 2;
      font-family: 'Graphik-Medium-Web', sans-serif;
      font-weight: normal;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      -webkit-transition: all 300ms ease 66ms;
      transition: all 300ms ease 66ms;
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 25px rgba(0, 0, 0, 0.5); }
    section.mediagalleries .mediagallery:hover {
      -webkit-box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
      -webkit-transform: translate(0, -5px);
              transform: translate(0, -5px); }
      section.mediagalleries .mediagallery:hover::after {
        opacity: .5; }
      section.mediagalleries .mediagallery:hover .title {
        -webkit-transform: translate(0, -5px);
                transform: translate(0, -5px); }
    section.mediagalleries .mediagallery.mediagallery_crytek {
      background-image: url(/frontend/b961e420735704372fcc7b40a21d4e94.jpg); }
      @media screen and (max-width: 769px) {
        section.mediagalleries .mediagallery.mediagallery_crytek {
          margin-bottom: 2rem; } }
    section.mediagalleries .mediagallery.mediagallery_cryengine {
      background-image: url(/frontend/2f15a21564ec98470b422f58890eddbf.jpg); }
      @media screen and (max-width: 769px) {
        section.mediagalleries .mediagallery.mediagallery_cryengine {
          margin-bottom: 2rem; } }
    section.mediagalleries .mediagallery.mediagallery_robinson {
      background-image: url(/frontend/ed2ba5982e56b8a9795b453bc0ea7408.jpg); }
      @media screen and (max-width: 769px) {
        section.mediagalleries .mediagallery.mediagallery_robinson {
          margin-bottom: 2rem; } }
    section.mediagalleries .mediagallery.mediagallery_climb {
      background-image: url(/frontend/043bc531012b1d3c87a160d8b22970ec.jpg); }
      @media screen and (max-width: 769px) {
        section.mediagalleries .mediagallery.mediagallery_climb {
          margin-bottom: 2rem; } }
    section.mediagalleries .mediagallery.mediagallery_hunt {
      background-image: url(/frontend/552437d0b88fba0fecbca59082ad23a0.jpg); }
      @media screen and (max-width: 769px) {
        section.mediagalleries .mediagallery.mediagallery_hunt {
          margin-bottom: 2rem; } }
    section.mediagalleries .mediagallery.mediagallery_ryse {
      background-image: url(/frontend/1197f3173ca57cc418871890aae2dc23.jpg); }
      @media screen and (max-width: 769px) {
        section.mediagalleries .mediagallery.mediagallery_ryse {
          margin-bottom: 2rem; } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.cookies {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  max-width: 75vw;
  background: #ffffff;
  border-radius: 1.3rem;
  -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
  padding: 2rem;
  -webkit-box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
  padding: 1.6rem;
  z-index: 1000;
  opacity: 0;
  -webkit-animation-direction: both;
          animation-direction: both;
  -webkit-animation: fadeInCookie 600ms ease 5s forwards;
          animation: fadeInCookie 600ms ease 5s forwards; }
  @media screen and (max-width: 769px) {
    .cookies {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      max-width: 100%; } }
  .cookies p {
    margin-right: 1.6rem;
    margin-left: .6rem; }
    @media screen and (max-width: 769px) {
      .cookies p {
        margin: 0 0 .6rem 0; } }
  .cookies .button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .cookies .button-container .button {
      margin-right: 10px; }
    .cookies .button-container .button:last-child {
      margin-right: 0; }

@-webkit-keyframes fadeInCookie {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 8rem);
            transform: translate(-50%, 8rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%); } }

@keyframes fadeInCookie {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 8rem);
            transform: translate(-50%, 8rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@-webkit-keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@-webkit-keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@-webkit-keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 2rem);
            transform: translate(0, 2rem); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInHero {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.07);
            transform: scale(1.07); } }

@keyframes fadeInHeroSide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2rem, 0rem);
            transform: translate3d(0, -2rem, 0rem);
    color: #1262fb; }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0rem, 0);
            transform: translate3d(0, 0rem, 0); } }

@keyframes wiggleSliderRight {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    fill: rgba(21, 28, 34, 0.9); } }

@keyframes wiggleSliderLeft {
  0% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg); }
  30% {
    -webkit-transform: scale(1.25) rotate(180deg);
            transform: scale(1.25) rotate(180deg);
    fill: #151C22; }
  100% {
    -webkit-transform: scale(1) rotate(180deg);
            transform: scale(1) rotate(180deg);
    fill: rgba(21, 28, 34, 0.9); } }

.searchresults {
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem;
  margin: 12rem auto;
  width: 100%;
  min-height: 50vh;
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  background: white;
  z-index: 5; }
  .nav_sticky-fixed .searchresults {
    margin-top: 6.8rem; }
  .searchresults h5 {
    color: rgba(102, 108, 113, 0.5);
    margin-top: 2.4rem;
    margin-bottom: .6rem; }
  .searchresults .searchresult-games {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.4rem; }
    .searchresults .searchresult-games .searchresult-game {
      max-width: 240px;
      margin-right: 2.4rem; }
  .searchresults .searchresult-article {
    display: grid;
    grid-template-columns: 240px auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 768px;
    margin-bottom: 1.6rem;
    border-radius: 1.3rem;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background: #ffffff;
    -webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    position: relative; }
    @media screen and (max-width: 769px) {
      .searchresults .searchresult-article {
        display: block; } }
    .searchresults .searchresult-article .article-image {
      width: 240px;
      height: 150px;
      background-size: cover;
      background-position: center center;
      border-radius: .5rem 0 0 .5rem; }
      @media screen and (max-width: 769px) {
        .searchresults .searchresult-article .article-image {
          display: none; } }
    .searchresults .searchresult-article .article-text {
      padding: 2.4rem;
      color: #666C71;
      overflow: hidden;
      font-family: 'Graphik-Regular-Web', sans-serif;
      font-weight: normal; }
      .searchresults .searchresult-article .article-text p {
        font-size: 1.4rem;
        line-height: 1.6;
        width: 100%; }
      .searchresults .searchresult-article .article-text h4 {
        font-size: 2rem;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .searchresults .searchresult-article .article-text h5 {
        font-size: 1.1rem;
        margin-top: 0;
        font-family: 'Graphik-Medium-Web', sans-serif;
        font-weight: normal;
        color: #151C22; }
    .searchresults .searchresult-article:hover {
      -webkit-box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
              box-shadow: 0 30px 25px -15px rgba(18, 98, 251, 0.2), 0 15px 40px -10px rgba(0, 0, 0, 0.2);
      -webkit-transform: translate(0, -5px);
              transform: translate(0, -5px); }
  .searchresults .searchresult-job {
    max-width: 384px; }
    .searchresults .searchresult-job .desc p {
      font-size: 1.5rem;
      color: #666c71;
      font-family: 'Graphik-Regular-Web', sans-serif;
      font-weight: normal; }