body {
  font-family:proxima-nova,sans-serif;
  font-style:normal;
  overflow-x:hidden
}
a {
  text-decoration:none
}
p {
  margin:0
}
b,
strong {
  font-weight:700
}
@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {
    .header-nav {
      padding-top:26px
    }
    .social-icons-container {
      padding-top:20px
    }
  }
}
header {
  background:#000;
  padding:20px
}
.header-nav-mobile {
  display:none
}
.jobsletter {
  position:relative
}
.logo-jobsletter {
  position:absolute;
  right:-50px;
  top:50%;
  transform:translateY(-50%)
}
.nav-dropdown-menu ul {
  padding:10px
}
.header-nav {
  align-items:center;
  -webkit-align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
  -webkit-justify-content:center
}
.header-nav ul {
  list-style:none!important;
  margin:0;
  padding:0
}
.main-video video {
  bottom:0;
  display:block;
  height:100vh;
  left:0;
  object-fit:cover;
  object-position:center center;
  position:absolute;
  right:0;
  top:60px;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  width:100%;
  z-index:-1
}
.modal-dialog {
  height:100vh;
  margin:0;
  max-width:100%!important
}
.modal {
  background:#fff
}
.modal-content {
  border:none;
  border-radius:0;
  height:100vh
}
button.close {
  align-items:center;
  background-color:#dbdbdb;
  border:none;
  color:#db0d15;
  display:flex;
  font-family:inherit;
  font-size:62px;
  font-weight:200;
  height:112px;
  justify-content:center;
  position:absolute;
  right:0;
  top:0;
  width:112px
}
.modal-header {
  border:none
}
.modal-title {
  color:#0e1a23;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:50px;
  font-weight:800;
  line-height:34px;
  line-height:48px;
  margin:0 auto;
  max-width:790px;
  padding-bottom:20px;
  padding-top:50px;
  text-align:center;
  text-transform:uppercase;
  width:100%
}
.modal-body {
  border:none;
  padding-left:5%;
  padding-right:5%;
  text-align:center
}
.modal-body .carousel .carousel-content img {
  max-width:100%
}
.modal-gallery .modal-title {
  color:#db0d15;
  padding-bottom:15px;
  padding-top:40px
}
.modal-gallery .carousel-content {
  margin-left:-5%;
  max-width:100%
}
.modal-gallery .carousel-control-next,
.modal-gallery .carousel-control-prev {
  opacity:1
}
.modal-gallery .modal-content {
  background:#000000de
}
.modal-gallery button.close {
  align-items:center;
  background-color:#db0d15;
  border:none;
  color:#fff;
  display:flex;
  font-family:inherit;
  font-size:62px;
  font-weight:200;
  height:112px;
  justify-content:center;
  position:absolute;
  right:0;
  top:0;
  width:112px;
  z-index:999
}
.header-nav {
  justify-content:end;
  -webkit-justify-content:end
}
.logo-video {
  display:block;
  height:193px;
  margin-left:auto;
  margin-right:auto;
  margin-top:3%;
  -webkit-transition:background-image .2s ease-in-out;
  transition:background-image .2s ease-in-out;
  width:280px
}
.logo-video,
.logo-video:hover {
  background:url(/build/images/logo-5eac85f8.svg);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:98%
}
.header-nav ul[data-depth="0"]>li {
  display:inline-flex
}
.header-nav ul[data-depth="0"] li a {
  color:#fff;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:21px;
  font-weight:800;
  margin-right:30px;
  text-transform:uppercase;
  transition:.3s
}
.header-nav ul[data-depth="1"] li a {
  font-size:17px;
  font-weight:700;
  margin-right:0;
  text-transform:unset
}
.nav-dropdown {
  position:relative
}
.nav-dropdown-menu {
  background:#db0d15;
  left:0;
  min-width:180px;
  opacity:0;
  position:absolute;
  top:35px;
  transition:all .3s;
  visibility:hidden;
  z-index:1
}
.nav-dropdown-menu ul {
  padding:25px
}
.nav-dropdown-menu ul a:hover {
  color:#fff!important;
  opacity:.7;
  transition:.4s
}
.nav-dropdown:hover .nav-dropdown-menu {
  opacity:1!important;
  visibility:visible!important
}
.social-icons-header {
  align-items:center;
  -webkit-align-items:center;
  display:inline-flex;
  height:100%
}
.social-icons-header a {
  align-content:center;
  border:1px solid #3a3a3a;
  border-radius:26px;
  display:inline-grid;
  height:35px;
  justify-content:center;
  margin-right:4px;
  transition:.3s;
  width:35px
}
.header-nav ul[data-depth="0"] li a:hover,
.page .header-nav ul[data-depth="0"] li a:hover {
  color:#db0d15;
  transition:.3s
}
.social-icons-header a:hover {
  border:1px solid #db0d15;
  color:#fff!important;
  transition:.3s
}
.page .social-icons-header a path {
  fill:#000
}
.page .social-icons-header a {
  border-color:#0e1a231a
}
.page .social-icons-header a:hover {
  border-color:#db0d15
}
.page .social-icons-header a:hover g,
.social-icons-header a:hover g {
  opacity:1
}
.page .social-icons-header a:hover path,
.social-icons-header a:hover path {
  fill:#db0d15;
  opacity:1
}
.page footer .social-icons-header a {
  border-color:#3a3a3a
}
.page footer .social-icons-header a path {
  fill:#fff
}
.language-list-header {
  color:#fff;
  display:inline-flex;
  font-size:15px;
  font-weight:700;
  margin-left:20px
}
.language-list-header a {
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:17px;
  font-weight:800;
  transition:all .3s
}
.language-list-header a:hover {
  color:#fff;
  transition:.4s
}
.lang-active {
  color:#fff!important
}
.language-list-header a:first-child {
  margin-right:5px
}
.language-list-header a:last-child {
  margin-left:5px
}
.social-icons-container {
  text-align:right
}
.down-arrow {
  align-self:flex-end;
  animation-duration:4s;
  animation-iteration-count:infinite;
  animation-name:bounce-1;
  animation-timing-function:linear;
  display:block;
  margin-top:40px;
  text-align:center
}
@keyframes bounce-1 {
  0% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-20px)
  }
  to {
    transform:translateY(0)
  }
}
.down-arrow img {
  width:40px
}
.main-video {
  background:#0003;
  height:100vh;
  margin-top:-58px;
  min-height:600px;
  overflow:hidden;
  padding-bottom:70px;
  padding-top:70px
}
.video-intro {
  color:#fff;
  display:block;
  font-family:proxima-nova-condensed,sans-serif;
  font-size:39px;
  font-weight:800;
  letter-spacing:7px;
  line-height:41px;
  margin:0 auto;
  padding-left:36px;
  padding-top:20px;
  position:relative;
  text-align:center;
  text-transform:uppercase;
  width:100%
}
#more {
  margin-top:50px;
  padding-top:30px
}
.home-box-overlay {
  position:relative
}
.home-box-overlay img {
  width:100%
}
.home-box-overlay-caption {
  align-items:center;
  -webkit-align-items:center;
  background:#0006;
  display:flex;
  height:100%;
  justify-content:center;
  -webkit-justify-content:center;
  position:absolute;
  top:0;
  width:100%
}
.home-box .overlay-title {
  -webkit-text-stroke:1px #fff;
  color:#0000;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:120px;
  font-weight:800;
  text-align:center
}
.gallery-btn,
.home-box .overlay-button {
  align-items:center;
  -webkit-align-items:center;
  border:2px solid #db0d15;
  border-radius:99px;
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  font-family:proxima-nova-condensed,sans-serif;
  font-size:17px;
  font-weight:800;
  height:50px;
  justify-content:center;
  margin:0 10px;
  text-transform:uppercase;
  transition:.4s;
  transition:all .3s;
  width:225px
}
.gallery-btn {
  left:39%;
  position:absolute;
  top:44%;
  z-index:9
}
.gallery-btn,
.home-box .overlay-button:hover {
  background:#db0d15
}
.home-box-content {
  margin-top:35px;
  padding:0 10px
}
.home-box-title {
  color:#171717;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:35px;
  font-weight:800;
  line-height:39px;
  text-transform:uppercase
}
.home-box-title .caption-red {
  color:#db0d15!important
}
.home-box-caption {
  font-size:15px;
  line-height:25px
}
#jobsletter_section {
  margin-top:90px
}
.jobsletter {
  background:#171717;
  color:#fff;
  padding:30px 0 50px;
  text-align:center
}
.jobsleter-title {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:55px;
  font-weight:800;
  text-transform:uppercase
}
.jobsletter-caption {
  color:#ffffff4d;
  font-family:proxima-nova-condensed,sans-serif;
  font-size:25px;
  font-weight:300;
  line-height:0px;
  margin-bottom:40px;
  position:relative
}
.jobsletter-caption:after {
  background:#fff;
  content:"";
  display:block;
  height:3px;
  margin:40px auto 0;
  width:45px
}
.jobsletter form {
  margin:0 auto!important;
  position:relative;
  width:727px
}
.jobsletter form input[type=email] {
  border:0;
  border-radius:99px;
  font-family:proxima-nova-condensed,sans-serif;
  font-size:16px;
  height:60px;
  padding:20px;
  width:100%
}
.jobsletter form input[type=email]::placeholder {
  color:#7e7e7e;
  font-family:proxima-nova-condensed,sans-serif;
  opacity:.5
}
.jobsletter form input[type=email]:focus {
  outline:none
}
.jobsletter form input[type=email].invalid {
  outline:3px solid red
}
#newsletter_newsletterAcceptance.invalid+label {
  border-color:red
}
.jobsletter form button {
  background:#db0d15;
  border:2px solid #0000;
  border-radius:99px;
  color:#fff;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:17px;
  font-weight:800;
  height:50px;
  position:absolute;
  right:6px;
  text-transform:uppercase;
  top:5px;
  transition:.4s;
  width:225px
}
.jobsletter form button:hover {
  background:#fff;
  border-color:#db0d15;
  color:#db0d15
}
#contact_section {
  background:#f6f6f6;
  margin-top:130px;
  padding-bottom:25px;
  padding-top:50px
}
.contact-title {
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:45px;
  font-weight:800;
  margin-bottom:40px;
  text-transform:uppercase
}
.contact-title:after {
  background:#0e1a23;
  content:" ";
  display:block;
  height:3px;
  margin-bottom:20px;
  width:45px
}
.studio-loc {
  height:145px;
  margin-bottom:27px;
  overflow:hidden;
  position:relative
}
.studio-loc img {
  width:100%
}
.studio-loc-overlay {
  align-items:center;
  -webkit-align-items:center;
  background:#0009;
  display:flex;
  height:100%;
  justify-content:center;
  -webkit-justify-content:center;
  position:absolute;
  top:0;
  width:100%
}
.studio-loc-overlay-content {
  color:#fff;
  text-align:center
}
.studio-loc-title {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:25px;
  font-weight:700;
  margin-bottom:13px;
  padding-top:4px
}
.studio-loc-caption {
  font-family:proxima-nova-condensed,sans-serif;
  font-size:16px;
  line-height:23px
}
.contact-info-title {
  color:#171717;
  font-size:14px;
  font-weight:600;
  line-height:11px
}
.contact-info-caption a {
  color:#171717;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:24px;
  font-weight:800;
  transition:all .3s
}
.contact-info-caption a:hover {
  color:#db0d15
}
.contact-info-container {
  padding-left:40px
}
.contact-info-content {
  margin-top:30px
}
.contact-info-content:first-child {
  margin-top:60px!important
}
.contact-info-button {
  align-content:center;
  background:#db0d15;
  border:2px solid #0000;
  border-radius:99px;
  color:#fff;
  display:grid;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:17px;
  font-weight:800;
  height:50px;
  justify-content:center;
  margin-top:40px;
  text-transform:uppercase;
  transition:.4s;
  transition:all .3s;
  width:225px
}
.contact-info-button:hover {
  background:#fff;
  border-color:#db0d15;
  color:#db0d15
}
.footer-logo img {
  max-width:150px
}
#footer-nav {
  background:#171717;
  padding:40px 20px
}
.footer-nav ul {
  display:flex;
  list-style:none!important;
  padding:0!important;
  width:100%
}
.footer-nav ul li {
  margin-right:30px
}
.footer-nav ul li:last-child {
  margin-right:0
}
.footer-nav ul li a {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:16px;
  font-weight:700;
  transition:all .3s
}
.footer-nav ul li a:hover {
  color:#db0d15
}
.cookiebot-declaration,
.copyright-footer {
  color:#4f575e;
  font-size:14px;
  margin-top:10px
}
.footer-logo {
  text-align:right
}
#footer-nav .social-icons-header {
  align-items:flex-start!important
}
.social-icons-footer {
  text-align:center
}
.page header {
  background:#fff
}
.page header .header-nav ul[data-depth="0"] li a,
.page header .language-list-header {
  color:#171717
}
.page header .lang-active,
.page header .language-list-header a:hover {
  color:#171717!important
}
.page header .nav-dropdown-menu a {
  color:#fff!important
}
.social-icons-header svg {
  max-width:15px;
  width:15px
}
.games-header {
  position:relative
}
.games-header img {
  /*! filter:brightness(70%); */
  /*! max-height:647px; */
  /*! object-fit:cover; */
  /*! width:100% */
}
.games-header-overlay {
  /*! background:#17171770; */
  /*! color:#fff; */
  /*! display:flex; */
  /*! height:100%; */
  /*! justify-content:center; */
  left:0;
  /*! padding-top:235px; */
  /*! position:absolute; */
  /*! top:0; */
  /*! width:100% */
}
.teams-header-overlay {
  align-items:center;
  -webkit-align-items:center;
  padding-top:0!important
}
.games-header-overlay-caption {
  text-align:center
}
.games-header-title-1 {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:95px;
  font-weight:800;
  line-height:90px;
  text-shadow:2px 4px 3px #0000004d;
  text-transform:uppercase
}
.games-header-title-1:before {
  -webkit-text-stroke:1px #fff;
  color:#0000;
  content:attr(data-feature-letter);
  font-size:105px
}
.games-header-title-2 {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:40px;
  font-weight:600;
  text-shadow:2px 4px 3px #0000004d;
  text-transform:uppercase
}
.games-header-caption {
  font-family:proxima-nova,sans-serif;
  font-size:17px;
  font-weight:300;
  line-height:27px;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  max-width:815px;
  text-align:justify;
  text-shadow:2px 4px 3px #0000004d
}
#gamestatistic-section {
  margin-top:90px
}
.statistic-content {
  position:relative;
  text-align:center
}
.statistic-content:before {
  color:#c1c1c126;
  content:"#";
  display:inline-block;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:347px;
  font-weight:900;
  left:-35px;
  line-height:1em;
  position:absolute;
  top:-80px
}
.statistic-small {
  color:#db0d15;
  font-family:proxima-nova,sans-serif;
  font-size:20px;
  font-weight:400;
  letter-spacing:3px;
  min-height:31px;
  text-transform:uppercase
}
.statistic-caption {
  font-size:50px;
  margin-top:-25px;
  text-transform:uppercase
}
.statistic-caption,
.statistic-title {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-weight:800
}
.statistic-title {
  -webkit-text-stroke:2px #171717;
  color:#0000;
  font-size:145px;
  margin-top:-60px
}
.statistic-content .statistic-small:last-child {
  margin-top:-55px
}
#games-section,
.game {
  margin-top:90px
}
.game {
  height:450px;
  margin-left:auto;
  margin-right:auto;
  max-width:1118px;
  overflow:hidden;
  position:relative
}
.game .game-img {
  top:-450px
}
.game .game-img,
.game-video {
  position:relative;
  width:100%
}
.game-video {
  border:0;
  height:100%;
  object-fit:cover;
  transition:all .3s ease-in-out;
  z-index:2
}
.game .game-img:hover {
  opacity:0
}
.game-overlay {
  display:flex;
  margin-top:-605px;
  padding:0 20px;
  position:relative;
  width:100%;
  z-index:3
}
.game-caption {
  background:#010b0d;
  color:#fff;
  font-family:proxima-nova,sans-serif;
  font-size:15px;
  font-weight:300;
  padding:30px 60px 30px 30px;
  width:50%
}
.game-title {
  align-items:center;
  -webkit-align-items:center;
  background:#fff;
  bottom:23px;
  display:flex;
  height:110px;
  padding:10px 10px 20px 20px;
  position:relative;
  right:25px;
  width:45%
}
.game-title-red {
  color:#db0d15;
  font-size:18px;
  letter-spacing:4px;
  line-height:17px;
  padding-bottom:6px;
  text-transform:uppercase
}
.game-title-content {
  color:#0e1a23;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:50px;
  font-weight:700;
  font-weight:800;
  line-height:34px;
  text-transform:uppercase
}
.game-arrow {
  align-items:center;
  -webkit-align-items:center;
  background:#fff;
  bottom:24px;
  cursor:pointer;
  display:flex;
  height:110px;
  justify-content:center;
  -webkit-justify-content:center;
  padding:10px;
  position:relative;
  transition:.4s;
  width:10%
}
.game-arrow img {
  transition:all .3s
}
.game-arrow:hover img {
  transform:translateX(20px)
}
#perks-section {
  margin-top:0
}
.perks-red {
  background-color:#db0d15!important
}
.perk-content {
  margin-top:90px;
  text-align:center
}
.perk-img {
  align-items:center;
  -webkit-align-items:center;
  background:#f2f3f3;
  border-radius:300px;
  display:grid;
  height:190px;
  justify-content:center;
  -webkit-justify-content:center;
  margin:0 auto;
  width:190px
}
.perk-img img {
  max-height:70px;
  max-width:80px
}
.perk-overlay {
  margin-top:20px
}
.perk-title-1 {
  color:#db0d15;
  font-size:17px;
  font-weight:700;
  text-transform:uppercase
}
.perk-title-2 {
  color:#0e1a23;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:39px;
  font-weight:800;
  line-height:54px;
  text-transform:uppercase
}
.perk-caption {
  cursor:pointer;
  font-size:17px;
  font-weight:300;
  line-height:27px;
  max-height:103px;
  overflow:hidden;
  padding:0 30px;
  position:relative;
  transition:.3s ease-in-out
}
.perk-caption:hover {
  height:100%;
  max-height:100%;
  overflow:visible;
  transition:.3s ease-in-out
}
.perk-caption-overlay {
  background:linear-gradient(180deg,#fffc,#fff);
  display:block;
  height:50px;
  left:0;
  position:absolute;
  top:60px;
  transition:.4s;
  width:100%
}
.perk-caption:hover .perk-caption-overlay {
  opacity:0;
  transition:.4s;
  visibility:hidden
}
#team-section {
  margin-top:90px
}
.team-intership {
  text-align:left
}
.team-intership .team-title {
  text-transform:none
}
.team-intership .team-caption {
  font-size:16px;
  line-height:13px;
  margin:0
}
.team-intership ul {
  list-style:none;
  margin-left:40px;
  margin-top:30px;
  padding:0
}
.team-note {
  font-size:13px;
  line-height:15px
}
.team-intership ul li {
  padding-bottom:20px
}
.team-intership ul li:before {
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.783' height='18.836'%3E%3Cpath d='M24.783 2.78 22 0 8.725 13.275 2.784 7.334 0 10.114l8.725 8.722Z' fill='%23db0c14'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:25px;
  content:"";
  display:inline-block;
  height:24px;
  left:-35px;
  margin:8px -24px 0 0;
  position:relative;
  top:-2px;
  vertical-align:middle;
  width:24px
}
.team-img img {
  width:100%
}
.team-content-overlay {
  -webkit-align-items:center;
  background:#f4f4f4;
  display:grid;
  height:100%;
  -webkit-justify-content:center;
  padding:20px;
  text-align:center;
  width:100%
}
.internship-advice {
  -webkit-align-items:start;
  -webkit-justify-content:start
}
.team-content-overlay img {
  max-height:100px
}
.team-caption {
  color:#0e1a23;
  font-size:17px;
  font-weight:300;
  line-height:26px;
  margin:30px 70px 70px 70px;
}
.team-button {
  align-content:center;
  background:#db0d15;
  border:2px solid #db0d15;
  border-radius:99px;
  color:#fff;
  display:inline-grid;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:17px;
  font-weight:800;
  height:50px;
  margin:0 10px;
  text-transform:uppercase;
  transition:.3s;
  width:225px
}
.team-button:hover {
  background:#fff;
  color:#db0d15
}
.team-buttons .team-button:last-child {
  background:#0000;
  color:#db0d15
}
.team-buttons .team-button:last-child:hover {
  background:#db0d15;
  color:#fff
}
.team-row {
  margin-top:40px
}
#teamreviews-section {
  margin-top:90px;
  margin-bottom: 90px;
}
.carousel-title {
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:45px;
  font-weight:800;
  line-height:45px;
  margin-bottom:50px;
  text-align:center;
  text-transform:uppercase
}
.carousel-img {
  margin-left:20px;
  margin-top:0;
  max-width:300px
}
.carousel {
  padding-left:80px;
  position:relative
}
.quote-img {
  left:0;
  position:absolute;
  width:60px
}
.carousel {
  margin:0 auto;
  max-width:870px
}
.carousel-half {
  float:left
}
.carousel-content {
  color:#0e1a23;
  font-size:15px;
  font-weight:300;
  line-height:23px;
  max-width:700px;
  padding-left:0
}
.carousel-author {
  margin-top:20px
}
.carousel-author-title {
  color:#0e1a23;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:29px;
  font-weight:800;
  line-height:20px
}
.carousel-author-work {
  color:#db0d15;
  font-size:17px;
  font-weight:700
}
.carousel-buttons-content {
  display:block;
  left:34%;
  position:relative;
  top:-54px
}
.carousel-control-next {
  left:52px;
  right:auto!important
}
.carousel-control-next img {
  transform:rotate(180deg)
}
.slider-content {
  margin-top:50px
}
.slider-img {
  text-align:center
}
#recruitment-section {
  margin-top:90px
}
.open-job:last-child {
  line-height:12px;
  padding-bottom:4px;
  padding-top:10px
}
.open-job {
  -webkit-align-items:center;
  background:#f2f3f3;
  border-radius:99%;
  display:inline-grid;
  font-size:13px;
  font-weight:600;
  height:135px;
  -webkit-justify-content:center;
  line-height:15px;
  margin:3px 10px;
  padding:2px;
  text-align:center;
  text-transform:uppercase;
  width:135px
}
.open-job,
.open-job:hover {
  color:inherit
}
.recruitment-title {
  font-size:55px;
  text-transform:uppercase
}
.recruitment-title,
.recruitment-title-alt {
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-weight:800;
  text-align:center
}
.recruitment-title-alt {
  font-size:35px;
  text-transform:none
}
.recruitment-caption {
  color:#0e1a23;
  font-size:17px;
  font-weight:300;
  text-align:center
}
.recruitment-steps {
  margin-top:90px
}
.recruitment-step-img {
  align-items:center;
  -webkit-align-items:center;
  background:#f2f3f3;
  border-radius:200px;
  display:grid;
  height:190px;
  justify-content:center;
  -webkit-justify-content:center;
  margin:0 auto;
  position:relative;
  width:190px
}
.recruitment-step-img img {
  max-height:70px
}
.recruitment-img-caption {
  align-items:center;
  -webkit-align-items:center;
  background:#db0d15;
  border-radius:200px;
  color:#fff;
  display:grid;
  font-size:36px;
  font-weight:700;
  height:64px;
  justify-content:center;
  -webkit-justify-content:center;
  left:-10px;
  position:absolute;
  top:-10px;
  width:64px
}
.recruitment-img-caption-alt {
  font-size:12px;
  font-weight:600;
  line-height:12px;
  text-align:center
}
.tips {
  margin:0 auto;
  max-width:95%
}
.recruitment-step-title {
  color:#0e1a22;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:39px;
  font-weight:800;
  margin-bottom:15px;
  margin-top:20px;
  text-align:center;
  text-transform:uppercase
}
.recruitment-step-title-alt {
  font-size:28px
}
.recruitment-step-content {
  color:#0e1a23;
  font-size:17px;
  font-weight:300;
  max-height:129px;
  overflow:hidden;
  position:relative;
  text-align:center;
  transition:.3s
}
.recruitment-step-content:hover {
  height:100%;
  max-height:100%;
  transition:.3s
}
.recruitment-step-content:hover .recruitment-step-content-overlay {
  opacity:0!important;
  transition:.4s;
  visibility:hidden!important
}
.recruitment-step-content-overlay {
  background:linear-gradient(180deg,#fffc,#fff);
  display:block;
  height:50px;
  left:0;
  position:absolute;
  top:80px;
  transition:.4s;
  width:100%
}
.carousel-author-button {
  align-content:center;
  background:#db0d15;
  border-radius:99px;
  color:#fff;
  display:grid;
  float:left;
  font-size:17px;
  font-weight:700;
  height:43px;
  justify-content:center;
  position:relative;
  top:5px;
  transition:.4s;
  width:191px
}
.carousel-author-button:hover {
  color:#fff;
  opacity:.7;
  transition:.4s
}
#ask-section {
  margin-top:80px
}
.ask-title {
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:35px;
  font-weight:800;
  text-align:center;
  text-transform:none
}
.ask-caption {
  color:#0e1a23;
  font-size:17px;
  font-weight:300;
  text-align:center
}
.ask-caption a {
  color:inherit
}
#faq-section {
  margin-top:90px
}
.header-logo img {
  margin-top:-5px
}
.faq-title {
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:55px;
  font-weight:800;
  text-align:center;
  text-transform:uppercase
}
.faq-content {
  margin-top:40px
}
.faq-content .accordion-button:not(.collapsed) {
  background:#fff;
  border-bottom:0;
  box-shadow:none;
  color:#db0d15;
  font-size:20px;
  font-weight:700
}
.accordion-button:not(.collapsed):after {
  filter:grayscale(1)
}
.faq-content .accordion-body a {
  color:#db0d15;
  font-weight:600
}
.faq-content .accordion-body {
  color:#0e1a22;
  font-size:17px;
  font-weight:300;
  padding-bottom:30px
}
.faq-content .accordion-item {
  border-left:0;
  border-right:0;
  border-top:0
}
.accordion-button:focus {
  box-shadow:none;
  outline:none
}
.faq-content .accordion-button {
  padding-left:0!important
}
.accordion-button {
  background:#fff;
  color:#0e1a22;
  font-size:20px;
  font-weight:600
}
#glassdoor-section {
  margin-top:90px
}
.glassdoor-banner {
  background:#171717;
  position:relative
}
.glassdoor-banner .glassdoor-banner-bg {
  opacity:.7;
  width:100%
}
.glassdoor-banner .glassdoor-banner-bg-alt {
  opacity:.5;
  width:100%
}
.glassdoor-icon {
  align-content:center;
  border:1px solid #fff;
  border-radius:200px;
  height:107px;
  left:40px;
  top:50%;
  transform:translateY(-50%);
  width:107px
}
.glassdoor-banner-overlay,
.glassdoor-icon {
  display:grid;
  justify-content:center;
  position:absolute
}
.glassdoor-banner-overlay {
  align-items:center;
  -webkit-align-items:center;
  height:100%;
  -webkit-justify-content:center;
  left:0;
  top:0;
  width:100%
}
.glassdoor-banner-caption {
  color:#fff;
  text-align:center
}
.team-row-alt {
  margin-bottom:-15px
}
.glasdoor-title {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:55px;
  font-weight:800;
  text-transform:uppercase
}
.glassdor-caption {
  color:#fff;
  line-height:23px
}
.glassdor-caption,
.glassdor-caption-alt {
  font-family:proxima-nova-condensed,sans-serif;
  font-size:25px;
  font-weight:300;
  text-transform:none
}
.glassdor-caption-alt {
  color:#ffffffb3;
  line-height:22px;
  max-width:830px
}
.glassdor-caption:after {
  background:#fff;
  content:" ";
  display:block;
  height:3px;
  margin:40px auto 0;
  width:45px
}
.glassdoor-button {
  align-items:center;
  -webkit-align-items:center;
  background:#db0d15;
  border-radius:99px;
  color:#fff;
  display:grid;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:20px;
  font-weight:800;
  height:50px;
  justify-content:center;
  -webkit-justify-content:center;
  margin:40px auto 0;
  text-transform:uppercase;
  transition:all .3s;
  width:225px
}
.glassdoor-button:hover {
  background:#fff;
  color:#db0d15;
  transition:all .3s
}
.offer-baner .glassdoor-button {
  width:280px
}
#offerfilter-section {
  margin-top:40px
}
.offer-filter .form-select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  background-image:none;
  border-radius:0;
  font-size:17px;
  height:60px
}
.offer-filter .form-select:focus {
  border-color:#db0d15;
  box-shadow:none
}
.offer-filter .form-select::-ms-expand {
  display:none
}
.offer-filter-select {
  position:relative
}
.offer-filter-select:after {
  background-color:#db0d15;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-position:50%;
  background-repeat:no-repeat;
  background-size:70%;
  border-radius:50%;
  content:"";
  height:20px;
  pointer-events:none;
  position:absolute;
  right:20px;
  top:20px;
  width:20px
}
#offer-section {
  margin-top:50px
}
.offers {
  justify-content:end;
  position:relative
}
.offers:after {
  background:#f4f4f4;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  width:85%
}
.offers .accordion-button {
  border:1px solid #f7f7f7;
  color:#0e1a23;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:32px;
  font-weight:800;
  min-height:73px;
  text-transform:uppercase
}
.offers .accordion {
  padding:50px 0;
  position:relative;
  z-index:1
}
.offers .accordion-item {
  background:none;
  border:0;
  margin-bottom:20px
}
.offers .accordion-button:not(.collapsed) {
  background:#db0d15;
  border:0;
  color:#fff;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:37px;
  font-weight:800;
  min-height:99px;
  text-transform:uppercase
}
.offers .accordion-button:not(.collapsed):after {
  background-color:#fff;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DB0D15'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-position:50%;
  border-radius:50%;
  filter:none;
  padding:20px
}
.offers .accordion-button:after {
  background-color:#db0d15;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-position:50%;
  border-radius:50%;
  filter:none;
  padding:20px
}
.job-offer {
  border:1px solid #0000;
  cursor:pointer;
  padding:20px;
  position:relative;
  transition:all .3s
}
.job-offer:hover {
  background:#fff;
  border:1px solid #f4f4f4;
  transition:.3s ease-in-out
}
.job-offer-content {
  align-items:center;
  -webkit-align-items:center;
  display:flex
}
.job-offer-name {
  font-size:31px;
  width:30%
}
.job-offer-name,
.job-offer-town {
  color:#0e1a23;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-weight:800
}
.job-offer-town {
  font-size:20px;
  width:70%
}
.job-offer-project {
  font-size:15px;
  margin-top:-7px
}
.job-offer-line {
  background:#db0d15;
  content:"";
  display:block;
  height:4px;
  margin-top:10px;
  width:113px
}
.job-offer-button {
  align-items:center;
  -webkit-align-items:center;
  background:#fff;
  border:2px solid #db0d15;
  border-radius:99px;
  color:#0e1a23;
  display:grid;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:21px;
  font-weight:800;
  height:50px;
  justify-content:center;
  -webkit-justify-content:center;
  opacity:0;
  position:absolute;
  right:40px;
  text-transform:uppercase;
  top:50%;
  transform:translateY(-50%);
  transition:.4s;
  visibility:hidden;
  width:225px
}
.job-offer-button:hover {
  color:#0e1a23;
  opacity:.7;
  transition:.4s
}
.accordion-body {
  padding:0
}
.job-offer:hover .job-offer-button {
  opacity:1!important;
  transition:.2s ease-in-out;
  visibility:visible!important
}
#studio-section {
  margin-top:90px
}
.studio-title-1 {
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:55px;
  font-weight:800;
  line-height:32px;
  line-height:54px;
  text-align:center;
  text-transform:uppercase
}
.studio-title-2 {
  color:#0000004d;
  font-family:proxima-nova-condensed,sans-serif;
  font-size:25px;
  font-weight:300;
  text-align:center
}
.totop img {
  margin-bottom:4px;
  width:38px
}
#toTop {
  background:#0000!important;
  border:none;
  border-radius:4px;
  bottom:20px;
  cursor:pointer;
  display:none;
  font-size:18px;
  outline:none;
  padding:15px;
  position:fixed;
  right:30px;
  z-index:99
}
.offer-left img {
  margin-right:5px;
  width:40px
}
.offer-left {
  align-items:center;
  -webkit-align-items:center;
  background:#db0d15;
  border-radius:100px 0 0 100px;
  color:#fff;
  display:grid;
  grid-template-columns:2fr 5fr;
  padding:16px 16px 16px 25px;
  position:fixed;
  right:-118px;
  text-transform:uppercase;
  top:50%;
  transform:scale(.8);
  transition:.4s;
  z-index:2000
}
.offer-left:hover {
  color:#fff;
  opacity:1;
  right:-40px;
  transition:.4s
}
.offer-caption-left {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:17px;
  font-weight:800;
  line-height:17px;
  margin-left:10px
}
.studio {
  background:#000;
  margin-top:90px;
  position:relative
}
.studio img {
  transition:all .3s;
  width:100%
}
.gallery-btn {
  opacity:0
}
.studio:hover .gallery-btn {
  opacity:1
}
.studio:hover img {
  opacity:.3
}
.studio-title-content {
  background:#fff;
  left:20px;
  min-width:262px;
  padding:20px;
  position:absolute;
  text-align:center;
  top:0
}
.studio-title-content-1 {
  color:#db0d15;
  font-family:proxima-nova,sans-serif;
  font-size:20px;
  font-weight:400;
  text-transform:uppercase
}
.studio-title-content-2 {
  color:#0e1a23;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:50px;
  font-weight:800;
  line-height:40px;
  text-transform:uppercase
}
.studio-caption {
  background:#010b0d;
  bottom:-20px;
  color:#fff;
  font-family:proxima-nova,sans-serif;
  font-size:17px;
  font-weight:300;
  left:20px;
  padding:20px 40px 25px 35px;
  position:absolute
}
.studios-content .studio:nth-child(2n) .studio-caption,
.studios-content .studio:nth-child(2n) .studio-title-content {
  left:auto!important;
  right:20px
}
#studioabout-section {
  margin-top:90px
}
.studio-about-baner-1 {
  position:relative
}
.studio-about-baner-1 img {
  width:100%
}
.studio-about-baner-caption {
  background:#fff;
  bottom:-52px;
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:45px;
  font-weight:800;
  line-height:42px;
  padding:30px 275px 30px 40px;
  position:absolute;
  right:40px;
  text-transform:uppercase
}
.studio-about-content {
  border-left:2px solid #db0d15;
  margin:0 40px;
  padding-bottom:40px
}
.studio-about-row-1 {
  display:grid;
  grid-template-columns:7fr 10fr;
  padding-top:100px
}
.studio-about-title {
  color:#c6c6c6;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:40px;
  font-weight:800;
  line-height:32px;
  padding-left:120px;
  position:relative
}
.studio-about-caption {
  color:#0e1a23;
  font-family:proxima-nova,sans-serif;
  font-size:17px;
  font-weight:300
}
.studio-about-title:before {
  background-color:#db0d15;
  content:"";
  display:block;
  height:2px;
  left:0;
  position:absolute;
  top:15px;
  width:110px
}
.studio-about-row-2 {
  padding-top:100px
}
.studio-about-counter {
  position:relative;
  text-align:center
}
.studio-about-counter:before {
  color:#c1c1c126;
  content:"#";
  display:inline-block;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:347px;
  font-weight:900;
  left:0;
  line-height:1em;
  position:absolute;
  top:-80px
}
.counter-content {
  left:0;
  position:absolute
}
.counter {
  position:relative
}
.studio-about-counters .studio-about-counter:first-child .counter:before {
  -webkit-text-stroke:1px #d1d1d1;
  content:attr(data-counter);
  display:block;
  left:128px;
  position:absolute;
  top:-5px;
  z-index:-1
}
.studio-about-counters .studio-about-counter:last-child .counter:before {
  -webkit-text-stroke:1px #d1d1d1;
  content:attr(data-counter);
  display:block;
  left:65px;
  position:absolute;
  top:-5px;
  z-index:-1
}
.statistic-title-games:before {
  left:45px
}
.statistic-title-copies:before,
.statistic-title-games:before {
  -webkit-text-stroke:1px #d1d1d1;
  content:attr(data-counter);
  display:block;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-weight:800;
  position:absolute;
  top:15px;
  z-index:-1
}
.statistic-title-copies:before {
  left:85px
}
.count.completed:before {
  display:block!important
}
.statistic-icon {
  left:0;
  position:absolute
}
.counter-title {
  color:#db0d15;
  font-family:proxima-nova,sans-serif;
  font-size:20px;
  font-weight:300;
  letter-spacing:3px;
  text-transform:uppercase
}
.coutner-caption {
  color:#0e1a23;
  font-size:50px;
  line-height:42px;
  text-transform:uppercase
}
.counter,
.coutner-caption {
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-weight:800
}
.counter {
  -webkit-text-stroke:2px #0e1a23;
  color:#0000;
  font-size:145px;
  line-height:134px
}
.studio-about-counters {
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-left:299px
}
.studio-about-baner-2 img {
  width:100%
}
.studio-about-content-2 {
  margin:0 40px;
  padding-bottom:40px
}
.studio-about-content-2 .studio-about-row-1 {
  padding-top:0
}
.studio-about-content-2 .studio-about-title {
  padding-top:105px
}
.studio-about-content-2 .studio-about-title:after {
  background:#db0d15;
  content:" ";
  display:block;
  height:120px;
  left:0;
  position:absolute;
  top:0;
  width:2px
}
.studio-about-content-2 .studio-about-title:before {
  top:120px
}
.studio-about-content-2 .studio-about-caption {
  padding-top:100px
}
.navbar-light .navbar-toggler:focus {
  box-shadow:none
}
.tips-more {
  margin-top:60px
}
@media only screen and (min-width:1600px) {
  .logo-video {
    margin-top:10%
  }
}
@media only screen and (max-width:1400px) {
  .logo-video {
    margin-top:2%
  }
  .header-nav ul[data-depth="0"] li a {
    font-size:17px
  }
  .footer-nav ul li {
    margin-right:10px
  }
  .job-offer-name {
    font-size:24px
  }
  .carousel-content {
    font-size:15px;
    line-height:23px
  }
  .studio-about-counters .studio-about-counter:first-child .counter:before {
    left:80px;
    top:-5px
  }
  .studio-about-counters .studio-about-counter:last-child .counter:before {
    left:20px;
    top:-5px
  }
  .statistic-title-games:before {
    left:15px;
    top:15px
  }
  .statistic-title-copies:before {
    left:55px;
    top:15px
  }
}
@media only screen and (max-width:1200px) {
  .logo-video {
    margin-top:3%!important
  }
  .games-header-overlay {
    padding-top:120px
  }
  .home-box .overlay-title {
    font-size:70px;
    line-height:97px
  }
  .nav-dropdown-menu {
    left:-60px
  }
  .studio-about-counters .studio-about-counter:first-child .counter:before {
    left:65px;
    top:-5px
  }
  .home-box .overlay-button {
    max-width:180px
  }
  .home-box-caption {
    font-size:12px
  }
  .contact-info-caption a {
    font-size:22px
  }
  .header-nav ul {
    margin-top:10px
  }
  .language-list-header {
    margin-left:0
  }
  .statistic-title {
    font-size:110px;
    margin-top:-53px
  }
  .counter-content,
  .statistic-icon {
    top:50%;
    transform:translateY(-50%);
    width:138px
  }
  .statistic-caption {
    margin-top:-22px
  }
  .statistic-content .statistic-small:last-child {
    margin-top:-48px
  }
  .game-caption {
    font-size:14px;
    padding:20px 60px 20px 20px
  }
  .game-title-red {
    color:#db0d15;
    font-size:18px;
    letter-spacing:4px;
    line-height:17px;
    padding-bottom:6px;
    text-transform:uppercase
  }
  .game-title-content {
    font-size:24px
  }
  .games-header-title-1 {
    font-size:92px
  }
  .recruitment-step-img {
    height:140px;
    width:140px
  }
  .recruitment-img-caption {
    font-size:24px;
    height:40px;
    width:40px
  }
  .recruitment-step-title {
    font-size:28px
  }
  .carousel-content {
    font-size:15px;
    line-height:23px
  }
  .carousel-author-work {
    font-size:12px
  }
  .carousel-author-button {
    top:0
  }
  .recruitment-step-content {
    font-size:14px
  }
  .team-title {
    font-size:38px
  }
  .team-button {
    font-size:11px;
    width:172px
  }
  .team-caption {
    font-size:14px
  }
  .coutner-caption {
    font-size:32px
  }
  .counter {
    font-size:102px;
    line-height:120px
  }
  .statistic-title-games:before {
    left:25px;
    top:25px
  }
  .statistic-title-copies:before {
    left:55px;
    top:25px
  }
  .recruitment-img-caption-alt {
    font-size:12px;
    height:80px;
    margin-left:-40px;
    margin-top:-20px;
    width:80px
  }
}
@media only screen and (max-width:1199px) {
  .footer-nav ul {
    justify-content:center
  }
}
@media only screen and (max-width:996px) {
  #ask-section {
    margin-bottom:40px;
    margin-top:10px
  }
  .ask-title,
  .recruitment-title-alt {
    font-size:23px!important;
    line-height:25px!important
  }
  .recruitment-title-alt {
    margin-bottom:-40px!important;
    margin-top:-20px!important
  }
  .tips-more {
    margin-top:30px
  }
  .games-header-overlay {
    padding-top:0px;
  }
  .modal-gallery {
    background:#0000
  }
  .carousel-inner-alt {
    float:left;
    margin-left:-60px;
    width:124%
  }
  .modal-gallery .carousel-content {
    max-width:100%;
    width:100%
  }
  .modal-gallery .modal-title {
    color:#db0d15;
    font-size:30px;
    margin-bottom:-44px;
    margin-top:-6px;
    padding-bottom:0;
    padding-left:9px;
    padding-top:0;
    text-align:left
  }
  button.close {
    background-color:#dbdbdb;
    color:#db0d15
  }
  .modal-gallery button.close,
  button.close {
    align-items:center;
    border:none;
    display:flex;
    font-family:inherit;
    font-size:38px;
    font-weight:200;
    height:62px;
    justify-content:center;
    position:absolute;
    right:0;
    top:0;
    width:62px
  }
  .modal-gallery button.close {
    background-color:#db0d15;
    color:#fff
  }
  .footer-nav ul {
    justify-content:center
  }
  .language-list-header {
    font-size:12px
  }
  .home-box .overlay-button {
    font-size:14px;
    max-width:135px
  }
  .jobsletter form {
    width:500px
  }
  .footer-nav ul li a {
    font-size:16px
  }
  .contact-info-button {
    font-size:14px
  }
  .studio-loc-title {
    margin-bottom:0
  }
  .studio-loc-caption {
    font-size:14px
  }
  .game-title-content {
    font-size:28px
  }
  .game {
    margin-top:30px
  }
  .game-title-red {
    font-size:14px
  }
  .game-caption br {
    display:none
  }
  .games-header-title-1 {
    font-size:70px
  }
  .games-header-title-2 {
    font-size:25px
  }
  .games-header-caption {
    font-size:14px;
    line-height:23px;
    margin-top:40px;
    max-width:500
  }
  .statistic-caption {
    font-size:38px;
    margin-top:-20px
  }
  .statistic-title {
    font-size:89px;
    margin-top:-41px
  }
  .statistic-content .statistic-small:last-child {
    margin-top:-36px
  }
  .job-offer-name {
    font-size:17px;
    width:40%
  }
  .job-offer-project,
  .job-offer-town {
    font-size:14px
  }
  .job-offer-button {
    font-size:13px;
    height:32px;
    opacity:1;
    right:4px;
    visibility:visible;
    width:106px
  }
  #glassdoor-section {
    margin-top:50px
  }
  .glassdoor-banner {
    overflow:hidden
  }
  .glassdoor-banner .glassdoor-banner-bg {
    height:250px;
    opacity:.7;
    width:auto
  }
  .glassdoor-banner .glassdoor-banner-bg-alt {
    height:250px;
    opacity:.3;
    width:auto
  }
  glasdoor-title {
    font-size:38px;
    line-height:37px;
    margin-left:auto;
    margin-right:auto;
    max-width:80%
  }
  .glasdoor-title {
    font-size:29px!important
  }
  .glassdor-caption:after {
    margin-top:20px
  }
  .offer-baner .glassdoor-button {
    font-size:18px!important;
    height:40px!important;
    margin-top:20px;
    width:230px!important
  }
  .perk-img {
    height:140px;
    width:140px
  }
  .perk-title-2 {
    font-size:22px
  }
  .perk-caption {
    font-size:15px;
    line-height:23px;
    max-height:107px
  }
  .recruitment-title {
    font-size:35px;
    margin-left:auto;
    margin-right:auto;
    max-width:80%
  }
  .recruitment-step-title {
    font-size:22px
  }
  .carousel-title {
    font-size:34px
  }
  .carousel-img {
    width:100%
  }
  .glassdoor-button {
    margin-top:20px
  }
  .glassdoor-icon {
    height:90px;
    width:90px
  }
  .faq-title {
    font-size:34px
  }
  #team-section .team-row:nth-child(2n) {
    /*! flex-direction:column-reverse */
  }
  .team-title {
    font-size:28px
  }
  .team-caption {
    margin:10px 0
  }
  .team-button {
    width:192px
  }
  .studio-about-baner-caption {
    bottom:0;
    position:relative;
    right:0;
    text-align:center
  }
  .studio-about-title {
    font-size:17px
  }
  .studio-about-caption {
    font-size:14px
  }
  .studio-about-caption br {
    display:none
  }
  .studio-about-counters {
    margin-left:100px
  }
  .coutner-caption {
    font-size:28px
  }
  .counter {
    font-size:82px
  }
  .studio-caption {
    left:0;
    position:relative;
    top:0
  }
  .studio-caption br {
    display:none
  }
  .studios-content .studio:nth-child(2n) .studio-caption {
    right:0
  }
  .studio-about-counters .studio-about-counter:first-child .counter:before {
    left:70px;
    top:-5px
  }
  .studio-about-counters .studio-about-counter:last-child .counter:before {
    left:35px;
    top:-5px
  }
  .statistic-title-games:before {
    left:5px;
    top:24px
  }
  .statistic-title-copies:before {
    left:30px;
    top:22px
  }
}
@media only screen and (max-width:768px) {
  html {
    overflow-x:hidden!important
  }
  body {
    overflow-x:hidden
  }
  .logo-video {
    max-width:260px
  }
  .video-intro {
    font-size:30px;
    line-height:32px;
    padding-left:40px;
    width:300px
  }
  .main-video video {
    height:704px
  }
  .main-video {
    height:648px
  }
  .contact-info-container {
    text-align:center
  }
  .contact-title:after {
    margin-left:43%
  }
  .studio-about-row-2 {
    padding-top:30px
  }
  .contact-info-button {
    margin-left:auto;
    margin-right:auto
  }
  .contact-title {
    margin-bottom:-30px;
    margin-top:20px
  }
  .footer-nav ul li a {
    text-align:center;
    width:100%
  }
  .studio-loc {
    margin-bottom:12px
  }
  .home-box-title {
    text-align:center
  }
  .offer-left {
    right:-115px
  }
  .offer-left:hover {
    right:-20px
  }
  .game-arrow {
    bottom:unset;
    height:40px;
    position:absolute;
    right:0;
    top:35px
  }
  .glassdoor-button {
    font-size:19px!important;
    height:40px!important;
    margin-top:20px!important;
    width:170px!important
  }
  .home-top {
    margin-top:-20px
  }
  .games-header-title-1 {
    font-size:47px!important
  }
  .games-header-title-1:before {
    font-size:46px!important
  }
  .recruitment-caption {
    margin-left:auto;
    margin-right:auto;
    max-width:90%
  }
  .games-header img {
    /*! height:300px; */
    width:auto
  }
  .games-header {
    overflow:hidden
  }
  .accordion {
    margin:10px auto 40px;
    max-width:90%
  }
  .glassdoor-icon {
    height:70px;
    top:45px;
    width:70px
  }
  .glassdor-caption {
    font-size:18px;
    line-height:18px;
    margin-left:auto;
    margin-right:auto;
    max-width:90%
  }
  .carousel-content {
    max-width:100%;
  }
  .team-caption {
    padding-bottom:20px
  }
  .footer-logo img {
    margin-bottom:20px;
    max-width:110px
  }
  .contact-title {
    padding-bottom:30px;
    text-align:center
  }
  #contact_section {
    margin-top:50px;
    padding-top:30px
  }
  .perk-content {
    margin-top:40px
  }
  .perk-caption {
    font-size:16px;
    line-height:20px
  }
  #jobsletter_section {
    margin-top:20px
  }
  .home-box-caption {
    font-size:16px;
    margin:20px 0;
    text-align:center
  }
  .jobsleter-title {
    font-size:42px
  }
  .jobsletter-caption {
    font-size:17px
  }
  .jobsletter form {
    width:90%
  }
  .jobsletter form button {
    font-size:12px;
    width:107px
  }
  .contact-title {
    font-size:28px
  }
  .contact-info-container {
    margin-bottom:20px;
    padding-left:0
  }
  .footer-nav ul {
    flex-wrap:wrap
  }
  .footer-nav ul li {
    margin-bottom:10px;
    width:calc(50% - 30px)
  }
  .footer-nav ul li:nth-child(2n) {
    margin-right:0
  }
  .footer-nav ul li a br {
    display:none
  }
  .copyright-footer,
  .footer-logo {
    text-align:center
  }
  .games-header-caption {
    display:none
  }
  .statistic-content {
    margin-top:20px
  }
  .game-overlay {
    bottom:220px;
    flex-flow:column-reverse;
    margin-top:0;
    padding:0;
    position:relative
  }
  .game {
    height:420px
  }
  .game-video {
    height:200px
  }
  .game .game-img {
    top:-220px
  }
  .game-caption {
    font-size:14px;
    line-height:18px;
    min-height:100px;
    padding:16px 20px;
    width:100%
  }
  .game-title {
    bottom:0;
    padding:10px 20px;
    right:0;
    width:100%
  }
  .game-arow {
    display:none
  }
  .offer-filter .form-select {
    margin-top:10px
  }
  .offers .accordion-button:not(.collapsed) {
    font-size:24px;
    min-height:40px
  }
  .offers .accordion-button {
    font-size:22px;
    min-height:32px
  }
  .job-offer-button {
    font-size:14px;
    height:32px;
    opacity:1;
    right:4px;
    visibility:visible;
    width:96px
  }
  .team-button {
    margin-bottom:10px!important
  }
  .job-offer-name {
    font-size:22px;
    line-height:21px;
    margin-bottom:10px;
    width:70%
  }
  .glasdoor-title {
    font-size:21px
  }
  .glassdor-caption:after {
    margin-top:10px
  }
  .offer-baner .glassdoor-button {
    height:30px;
    margin-top:20px
  }
  .games-header-title-1 {
    font-size:52px;
    line-height:40px
  }
  .games-header-title-1:before {
    font-size:52px
  }
  .studio-about-content {
    margin-top:-80px
  }
  .recruitment-title {
    line-height:32px;
    margin-bottom:20px
  }
  .recruitment-step-content {
    margin-bottom:40px;
    margin-left:auto;
    margin-right:auto;
    max-width:90%
  }
  .carousel-title {
    line-height:29px;
    margin-bottom:0
  }
  .carousel-content {
    font-size:15px;
    line-height:23px
  }
  .carousel-author-button {
    float:left;
    margin-top:20px
  }
  .carousel-img {
    /*! margin:-10px 0 20px -20px; */
    padding:20px;
    width:100%
  }
  .carousel-buttons-content {
    /*! left:-78px; */
    margin-bottom:20px;
    top:-36px;
  }
  .carousel-content br {
    display:none
  }
  .glassdor-caption {
    font-size:14px;
    line-height:15px
  }
  .glassdoor-button {
    font-size:13px;
    height:28px;
    margin-top:10px;
    width:148px
  }
  .glassdoor-icon {
    height:40px;
    left:10px;
    width:40px
  }
  .glassdoor-icon img {
    width:20px
  }
  .faq-title {
    line-height:29px
  }
  .faq-content .accordion-body {
    font-size:14px;
    padding:10px 0
  }
  .faq-content .accordion-button:not(.collapsed) {
    font-size:16px
  }
  .faq-content .accordion-button,
  .team-caption {
    font-size:14px
  }
  .team-caption {
    line-height:20px
  }
  .team-button {
    font-size:16px;
    margin:0;
    width:205px
  }
  #gamestatistic-section,
  #perks-section,
  #recruitment-section,
  #teamreviews-section {
    margin-top:90px
  }
  .slider-img {
    display:none
  }
  .slider-content {
    margin-bottom:50px
  }
  .statistic-content:before {
    font-size:240px;
    left:40px;
    top:-40px
  }
  .studio {
    margin-top:30px
  }
  .studio-about-baner-caption {
    font-size:22px;
    line-height:27px;
    padding:20px 0 0;
    right:-80px;
    top:-20px;
    width:80%
  }
  .studio-about-title {
    padding-left:40px
  }
  .studio-about-title:before {
    width:32px
  }
  .studio-about-title {
    font-size:24px;
    line-height:30px;
    padding-right:10px
  }
  .studio-about-counter:before {
    font-size:240px;
    left:40px;
    top:0
  }
  .studio-about-row-1 {
    grid-template-columns:1fr
  }
  .studio-about-caption {
    padding-left:40px;
    padding-top:20px
  }
  .studio-about-counters {
    grid-template-columns:1fr;
    margin-left:20px
  }
  .studio-about-counter {
    margin-top:20px
  }
  .studio-about-content-2 .studio-about-caption {
    padding-top:20px
  }
  .studio-title-1 {
    line-height:48px
  }
  .studio-title-content {
    left:0
  }
  .studios-content .studio:nth-child(2n) .studio-title-content {
    right:0
  }
  .studio-title-content-1 {
    font-size:12px
  }
  .studio-title-content-2 {
    font-size:32px;
    line-height:29px
  }
  .studio-title-content {
    min-width:150px;
    padding:10px
  }
  .studio-caption {
    font-size:14px;
    padding:20px 30px
  }
  .header-logo {
    margin-top:20px;
    order:2;
    text-align:left
  }
  .header-logo img {
    margin-bottom:20px;
    max-width:150px
  }
  .header-nav {
    display:none!important
  }
  .social-icons-container {
    display:flex;
    justify-content:space-between;
    margin-top:22px;
    order:1;
    text-align:center
  }
  #more {
    margin-top:50px
  }
  .language-list-header {
    display:block;
    font-size:20px;
    margin-left:15px
  }
  .header-nav-mobile {
    background-color:initial!important;
    display:block;
    margin-bottom:20px;
    margin-top:-35px
  }
  .navbar-light .navbar-toggler-icon {
    filter:invert(1)
  }
  .navbar-light .navbar-toggler {
    float:right;
    margin-bottom:22px;
    margin-top:-39px;
    text-align:right;
    width:100%
  }
  header {
    padding:0
  }
  .header-nav-mobile .container-fluid {
    padding:0;
    position:relative
  }
  .navbar-collapse {
    background:#db0d15;
    padding:10px;
    position:absolute;
    top:28px;
    width:100%;
    z-index:10
  }
  .social-icons-header a {
    height:30px;
    width:30px
  }
  .social-icons-header a svg {
    max-height:10px
  }
  .navbar-light .navbar-nav .nav-link {
    color:#fff;
    font-family:proxima-nova-extra-condensed,sans-serif;
    font-size:17px;
    font-weight:800;
    text-transform:uppercase
  }
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .show>.nav-link {
    color:#fff
  }
  .navbar-nav .dropdown-menu {
    background:#0000;
    border:0
  }
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
    color:#fff!important
  }
  .dropdown-item {
    color:#fff;
    font-family:proxima-nova-extra-condensed,sans-serif;
    font-size:17px;
    font-weight:700
  }
  .navbar-light .navbar-toggler {
    border:0!important
  }
  .statistic-title-copies:before,
  .statistic-title-games:before,
  .studio-about-counters .studio-about-counter:first-child .counter:before,
  .studio-about-counters .studio-about-counter:last-child .counter:before {
    display:none
  }
  .page header .navbar-light .navbar-toggler-icon {
    filter:invert(0)!important
  }
}
@media screen and (max-width:480px) {
  .team-button {
    font-size:16px;
    margin-bottom:10px;
    width:100%
  }
  .team-button:last-child {
    margin-bottom:0
  }
  .jobsletter form {
    width:300px
  }
}
@media (min-width:768px) and (max-width:1200px) {
  .home-box-title {
    font-size:24px;
    line-height:24px
  }
}
@media (min-width:1240px) {
  .carousel {
    max-width:80%
  }
}
.hide-offer {
  display:none
}
.footer-nav ul li {
  display:inline-flex;
  margin-right:15px
}
.footer-nav ul li a {
  color:#fff;
  font-size:15px;
  line-height:17px;
  text-align:center
}
.job-offer-name {
  font-size:29px;
  line-height:29px;
  padding-bottom:12px;
  text-transform:uppercase;
  width:70%
}
.game .game-img {
  opacity:1;
  top:-457px;
  transition:all .7s ease-in-out;
  z-index:3
}
.s-newsletter__acceptance p {
  color:#fff;
  display:inline-block;
  font-size:14px;
  font-size:12px;
  margin-top:30px;
  padding-left:20px;
  text-align:left;
  width:calc(100% - 32px)
}
.team-title {
  color:#db0d15;
  font-family:proxima-nova-extra-condensed,sans-serif;
  font-size:40px;
  font-weight:800;
  line-height:42px;
  text-transform:uppercase
}
.cookiebot-container {
  display:none
}
body #CybotCookiebotDialogBodyButtonAccept {
  background-color:#db0d15;
  border:1px solid #db0d15
}
body .CybotCookiebotDialogBodyButton {
  padding:10px
}
body #CybotCookiebotDialog {
  border:4px solid #db0d15;
  border-radius:0;
  box-shadow:2px 2px 14px 2px #12121230;
  color:#000;
  padding:20px
}
body #CybotCookiebotDialogBodyContent {
  padding:15px
}
body #CybotCookiebotDialogPoweredbyLink {
  display:none
}
body #CybotCookiebotDialogBodyButtons {
  padding-left:0
}
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  background-color:#333;
  border:1px solid #333
}
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background-color:#db0d15;
  border:1px solid #db0d15
}
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  padding:10px 5px
}
#internship-button-join-us {
  display:none
}
#boxCookiebot .modal-body {
  margin-top:80px
}
.none-max-width {
  max-width:none
}
.internship-glasdoor-title {
  line-height:55px;
  padding-bottom:30px
}
@media only screen and (max-width:996px) {
  .jobs .games-header-overlay {
    padding:150px 28px 20px
  }
}
@media only screen and (max-width:768px) {
  .jobs .games-header img {
    height:100%;
    max-height:100%;
    max-width:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    width:100%
  }
  .jobs .games-header-overlay {
    padding:110px 28px 20px;
    position:relative
  }
  .jobs .games-header-overlay-caption {
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:10px;
    justify-content:flex-end;
    padding:0
  }
  .jobs .games-header-title-1 {
    font-size:48px;
    line-height:120%
  }
  .jobs .games-header-caption {
    display:block;
    font-size:16px;
    line-height:120%;
    margin:0;
    text-align:left
  }
}
@media only screen and (max-width:400px) {
  .jobs .games-header-overlay {
    padding:130px 28px 20px
  }
}