html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {  display: block;}body {  line-height: 1;}ol, ul {  list-style: none;}blockquote, q {  quotes: none;}blockquote:before, blockquote:after,q:before, q:after {  content: "";  content: none;}table {  border-collapse: collapse;  border-spacing: 0;}@font-face {  font-family: "hello_headlineregular";  src: url("../css/deartype_-_helloheadline-regular.woff2") format("woff2"), url("../css/deartype_-_helloheadline-regular.woff") format("woff");  font-weight: normal;  font-style: normal;}@font-face {  font-family: "euclid_circular_bsemibold";  src: url("../css/euclidcircularb-semibold.woff2") format("woff2"), url("../css/euclidcircularb-semibold.woff") format("woff");  font-weight: normal;  font-style: normal;}@font-face {  font-family: "euclid_circular_bregular";  src: url("../css/euclidcircularb.woff2") format("woff2"), url("../css/euclidcircularb.woff") format("woff");  font-weight: normal;  font-style: normal;}html {  -webkit-tap-highlight-color: transparent;}body {  font-family: "euclid_circular_bregular", sans-serif;  font-weight: normal;  font-style: normal;  background: #fafafa;  color: #222222;  overflow-x: hidden;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  letter-spacing: -0.002em;  font-size: 18px;  line-height: 1.6em;}.bg-white {  background: #FFF;}::selection {  background: rgba(249, 184, 28, 0.4);}a {  text-decoration: none;  color: #f9b81c;}a:hover, a:active, a:focus {  text-decoration: none;}/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */.owl-carousel, .owl-carousel .owl-item {  -webkit-tap-highlight-color: transparent;  position: relative;}.owl-carousel {  display: none;  width: 100%;  z-index: 1;}.owl-carousel .owl-stage {  position: relative;  -ms-touch-action: pan-Y;  touch-action: manipulation;  -moz-backface-visibility: hidden;}.owl-carousel .owl-stage:after {  content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}.owl-carousel .owl-stage-outer {  position: relative;  overflow: hidden;  -webkit-transform: translate3d(0, 0, 0);}.owl-carousel .owl-item, .owl-carousel .owl-wrapper {  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  -ms-backface-visibility: hidden;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);}.owl-carousel .owl-item {  min-height: 1px;  float: left;  -webkit-backface-visibility: hidden;  -webkit-touch-callout: none;}.owl-carousel .owl-item img {  display: block;  width: 100%;}.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {  display: none;}.no-js .owl-carousel, .owl-carousel.owl-loaded {  display: block;}.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {  cursor: pointer;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {  background: 0 0;  color: inherit;  border: none;  padding: 0 !important;  font: inherit;}.owl-carousel.owl-loading {  opacity: 0;  display: block;}.owl-carousel.owl-hidden {  opacity: 0;}.owl-carousel.owl-refresh .owl-item {  visibility: hidden;}.owl-carousel.owl-drag .owl-item {  -ms-touch-action: pan-y;  touch-action: pan-y;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}.owl-carousel.owl-grab {  cursor: move;  cursor: grab;}.owl-carousel.owl-rtl {  direction: rtl;}.owl-carousel.owl-rtl .owl-item {  float: right;}.owl-carousel .animated {  animation-duration: 1s;  animation-fill-mode: both;}.owl-carousel .owl-animated-in {  z-index: 0;}.owl-carousel .owl-animated-out {  z-index: 1;}.owl-carousel .fadeOut {  animation-name: fadeOut;}@keyframes fadeOut {  0% {    opacity: 1;  }  100% {    opacity: 0;  }}.owl-height {  transition: height 0.5s ease-in-out;}.owl-carousel .owl-item .owl-lazy {  opacity: 0;  transition: opacity 0.4s ease;}.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {  max-height: 0;}.owl-carousel .owl-item img.owl-lazy {  transform-style: preserve-3d;}.owl-carousel .owl-video-wrapper {  position: relative;  height: 100%;  background: #000;}.owl-carousel .owl-video-play-icon {  position: absolute;  height: 80px;  width: 80px;  left: 50%;  top: 50%;  margin-left: -40px;  margin-top: -40px;  background: url(../images/owl.video.play.png) no-repeat;  cursor: pointer;  z-index: 1;  -webkit-backface-visibility: hidden;  transition: transform 0.1s ease;}.owl-carousel .owl-video-play-icon:hover {  -ms-transform: scale(1.3, 1.3);  transform: scale(1.3, 1.3);}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {  display: none;}.owl-carousel .owl-video-tn {  opacity: 0;  height: 100%;  background-position: center center;  background-repeat: no-repeat;  background-size: contain;  transition: opacity 0.4s ease;}.owl-carousel .owl-video-frame {  position: relative;  z-index: 1;  height: 100%;  width: 100%;}.animatedLogo {  display: inline-flex;  position: relative;  min-width: 202px;  height: 28px;  background: url("../images/Game 6,LLC-logo.svg") no-repeat left;}.animatedLogo:before {  content: "";  display: block;  width: 40px;  height: 12px;  background: url("../images/biyik.svg");  margin-top: 16px;}.logoWrapper:hover .animatedLogo:before {  animation: biyikAnimation 0.8s ease-in-out;}@keyframes biyikAnimation {  0% {    transform: rotate(0deg);  }  20% {    transform: rotate(-10deg);  }  25% {    transform: rotate(0deg);  }  30% {    transform: rotate(10deg);  }  35% {    transform: rotate(0deg);  }  40% {    transform: rotate(-10deg);  }  45% {    transform: rotate(0deg);  }  50% {    transform: rotate(10deg);  }  60% {    transform: rotate(0deg);  }}.logoWrapper {  display: inline-flex;  padding: 20px 20px 20px 0;}.mainHeader {  position: absolute;  left: 0;  right: 0;  z-index: 2000;  top: 0;  padding: 40px 0;  transition: 0.6s all;}.mainHeader.scrolled {  margin-top: -250px;}.mainHeader.scrolled.fixed {  position: fixed;  background: rgba(255, 255, 255, 0.98);  padding: 40px 0;  top: 0;  margin-top: 0;}.mainHeader.scrolled.outfixed {  margin-top: -250px;  position: fixed;}.mainHeader header {  height: 60px;  display: flex;  align-items: center;  justify-content: space-between;}.mainHeader .logo {  display: block;  padding: 10px 0;  margin: 0;  font-size: 0;  line-height: 0;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;}.mainHeader .logo img {  margin: 0;  padding: 0;  width: 202px;  height: 28px;}.mainHeader .navigation {  padding: 0;  margin: 0;  width: 100%;  display: inline-flex;  justify-content: flex-end;  font-size: 18px;  line-height: 1.7em;}.mainHeader .navigation .links {  display: inline-flex;  margin: 0;  padding: 0;}.mainHeader .navigation .links li {  margin-left: 48px;}.mainHeader .navigation .links li a {  color: #666666;  transition: 0.3s all;  display: block;  padding: 4px 5px;}.mainHeader .navigation .links li a:hover {  color: #222222;}.mainHeader .navigation .links li.active a {  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;  color: #222222;  border-bottom: 2px solid #f9b81c;}.mainHeader .social-buttons {  display: none;  align-content: center;  justify-content: center;  position: absolute;  left: 0;  right: 0;  bottom: 40px;  padding-left: 16px;}.mainHeader .social-buttons .button {  width: 40px;  height: 40px;  background: #4e4e4e;  display: inline-flex;  align-content: center;  justify-content: center;  border-radius: 100%;  font-size: 0;  line-height: 0;  margin-right: 16px;  transition: 0.2s all;}.mainHeader .social-buttons .button img {  width: 22px;  height: auto;  font-size: 0;  line-height: 0;}.mainHeader .social-buttons .button.fix img {  margin-right: -4px;}.mainHeader .social-buttons .button:hover {  background: #f9b81c;}.mainHeader .toggleButton {  position: absolute;  z-index: 2001;  right: 0;  top: 0;  height: 72px;  width: 56px;  display: none;  align-items: center;  justify-content: center;}.mainHeader .toggleButton .holder {  width: 38px;  height: 38px;  position: relative;}.mainHeader .toggleButton .holder span {  display: block;  width: 20px;  height: 2px;  background: #222222;  margin-bottom: 4px;  border-radius: 10px;  position: absolute;  left: 9px;  transition: 0.4s all;}.mainHeader .toggleButton .holder span:nth-child(1) {  top: 12px;}.mainHeader .toggleButton .holder span:nth-child(2) {  top: 18px;}.mainHeader .toggleButton .holder span:nth-child(3) {  top: 24px;}body.menu-active {  overflow: hidden;}body.menu-active .mainHeader .navigation {  display: block;}body.menu-active .mainHeader .navigation ul.links {  animation: mobileMenuGroup 1.25s ease-in-out;}body.menu-active .mainHeader .navigation ul.links li:nth-child(1) {  animation: mobileMenuLink1 0.5s ease-in-out;}body.menu-active .mainHeader .navigation ul.links li:nth-child(2) {  animation: mobileMenuLink2 0.75s ease-in-out;}body.menu-active .mainHeader .navigation ul.links li:nth-child(3) {  animation: mobileMenuLink3 1s ease-in-out;}body.menu-active .mainHeader .navigation ul.links li:nth-child(4) {  animation: mobileMenuLink4 1.25s ease-in-out;}body.menu-active .mainHeader .navigation ul.links li:nth-child(5) {  animation: mobileMenuLink4 1.5s ease-in-out;}body.menu-active .mainHeader .navigation ul.links li:nth-child(6) {  animation: mobileMenuLink4 1.75s ease-in-out;}body.menu-active .toggleButton .holder span:nth-child(2) {  opacity: 0;}body.menu-active .toggleButton .holder span:nth-child(1) {  transform: rotate(-45deg);  top: 18px;}body.menu-active .toggleButton .holder span:nth-child(3) {  top: 18px;  transform: rotate(45deg);}@keyframes mobileMenuLink1 {  0% {    opacity: 0;  }  30% {    opacity: 1;  }  100% {    opacity: 1;  }}@keyframes mobileMenuLink2 {  0% {    opacity: 0;  }  30% {    opacity: 0;  }  50% {    opacity: 1;  }  100% {    opacity: 1;  }}@keyframes mobileMenuLink3 {  0% {    opacity: 0;  }  50% {    opacity: 0;  }  70% {    opacity: 1;  }  100% {    opacity: 1;  }}@keyframes mobileMenuLink4 {  0% {    opacity: 0;  }  70% {    opacity: 0;  }  80% {    opacity: 1;  }  100% {    opacity: 1;  }}@keyframes mobileMenuGroup {  0% {    transform: translate(0, 40px);  }  100% {    opacity: 1;    transform: translate(0, 0);  }}.mainFooter {  background: #222222;  padding: 144px 0 0 0;}.mainFooter .footerBlock {  text-align: center;  color: #f5f5f5;  line-height: 1.8em;  font-size: 18px;  margin-bottom: 100px;}.mainFooter .footerBlock .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  color: #fff;  font-size: 72px;  line-height: 88px;  text-transform: uppercase;}.mainFooter .footerBlock .text {  margin-top: 24px;}.mainFooter .footerBlock .button {  display: inline-flex;  align-items: center;  justify-content: center;  font-size: 16px;  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;  background-color: #fff;  background-size: 16px 16px;  color: #222;  border-radius: 200px;  height: 56px;  padding: 0 32px;  margin-top: 46px;  transition: 0.2s all;}.mainFooter .footerBlock .button:hover {  background-color: #f9b81c;}.footerBar {  padding: 56px 0;  display: flex;  align-items: center;  justify-content: space-between;  font-size: 18px;}.footerBar .links {  display: flex;  align-content: flex-start;}.footerBar .links a {  color: #fafafa;  margin-right: 42px;  transition: 0.2s all;}.footerBar .links a:last-child {  margin-right: 0;}.footerBar .links a:hover {  color: #f9b81c;}.footerBar .links a.visible-mobile {  display: none;}.footerBar .text {  color: #939393;  display: flex;  align-items: center;  justify-content: space-between;}.footerBar .text .icons {  display: flex;  align-items: center;  justify-content: flex-start;  margin-right: 40px;}.footerBar .text .icons a {  margin-right: 24px;  transition: 0.2s all;  width: 40px;  height: 40px;  background: #3D3D3D;  font-size: 0;  text-indent: -9999999px;  display: inline-flex;  border-radius: 100%;  background-repeat: no-repeat;  background-position: center center;}.footerBar .text .icons a:last-child {  margin-right: 0;}.footerBar .text .icons a.instagram {  background-image: url("../images/instagram-light.svg");}.footerBar .text .icons a.linkedin {  background-image: url("../images/linkedin-light.svg");}.footerBar .text .icons a:hover {  background-color: #f9b81c;}.footerBar.outed .links a {  color: #939393;}.footerBar.outed .links a:hover {  color: #f9b81c;}.footerBar.outed .text .icons a {  background-color: #939393;}.footerBar.outed .text .icons a:hover {  background-color: #f9b81c;}.buttoned {  border-radius: 200px;  height: 48px;  font-size: 16px;  line-height: 2em;  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;  display: inline-flex;  color: #f5f5f5;  align-items: center;  justify-content: center;  transition: 0.2s all;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;}.buttoned.appstore {  background: #3d3d3d url("../images/appstore.svg") no-repeat left 24px top 10px;  padding: 0 40px 0 62px;}.buttoned.playstore {  background: #3d3d3d url("../images/playstore.svg") no-repeat left 24px top 11px;  padding: 0 22px 0 60px;}.buttoned:hover {  background-color: #fff;  color: #222;}.buttoned:hover.appstore {  background-image: url("../images/appstore-dark.svg");}.buttoned:hover.playstore {  background-image: url("../images/playstore-dark.svg");}.buttoned.outlined {  border: 2px solid #222222;  background-color: transparent;  color: #222222;}.buttoned.outlined.appstore {  background-image: url("../images/appstore-dark.svg");}.buttoned.outlined.playstore {  background-image: url("../images/playstore-dark.svg");}.buttoned.outlined:hover {  background-color: #222222;  color: #fff;}.buttoned.outlined:hover.appstore {  background-image: url("../images/appstore-light.svg");}.buttoned.outlined:hover.playstore {  background-image: url("../images/playstore-light.svg");}.buttoned.primary {  border: 0;  background: #222222;  color: #fff;  outline: 0 !important;  height: 56px;  padding: 0 40px;  transition: 0.15s ease-in;  cursor: pointer;}.buttoned.primary:hover {  background: #f9b81c;  color: #fff;}.form-group {  margin-bottom: 20px;}.form-group label {  display: block;  font-size: 18px;  color: #222222;  margin-bottom: 12px;}.form-group .text-small {  font-size: 14px;  line-height: 16px;  color: #a5a5a5;  margin-top: 14px;}.form-group .row {  display: flex;  align-items: center;  justify-content: space-between;}.form-group .row .col {  width: calc((100% - 16px) / 2);}.form-style {  display: block;  width: calc(100% - 52px);  height: 64px;  padding: 0 24px;  color: #222222;  font-family: "euclid_circular_bregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 18px;  font-weight: 400;  line-height: 1.5;  color: #495057;  background-color: #fff;  background-clip: padding-box;  border: 2px solid #dbdbdb;  color: #222222;  border-radius: 8px;  outline: 0;}.form-error .form-style{    border: 2px solid #db0000;}.form-error .form-select{    border: 2px solid #db0000;}.form-error .file-upload-wrapper:after{    border: 2px solid #db0000;}.form-error span{    color: #b70808;    font-size: 14px;}.form-error .radioButton label:before {    border-color: #db0000;}.form-style:focus {  box-shadow: none;  outline: 0;  border-color: #f9b81c;}.form-style::-webkit-input-placeholder {  color: #a5a5a5;}.form-style:-ms-input-placeholder {  color: #a5a5a5;}.form-style::placeholder {  color: #a5a5a5;}textarea.form-style {  height: auto;  padding: 20px 24px;  resize: none;  color: #222222;}.form-select {  width: calc(100% - 4px);  height: 64px;  cursor: pointer;  background: #fff;  border-radius: 8px;  position: relative;  border: 2px solid #dbdbdb;  transition: all 0.2s;}.form-select:after {  content: "";  display: block;  width: 14px;  height: 8px;  position: absolute;  top: 50%;  margin-top: -4px;  right: 22px;  z-index: 1;  background: url("../images/caret.svg") no-repeat center center;}.form-select select {  font-size: 18px;  border: none;  background: transparent;  height: 64px;  width: 100%;  padding: 0 24px;  outline: none;  appearance: none;  -webkit-appearance: none;  -moz-appearance: none;  cursor: pointer;  position: relative;  z-index: 2;  color: #222222;  font-family: "euclid_circular_bregular", sans-serif;  font-weight: normal;  font-style: normal;}.file-upload-wrapper {  position: relative;  width: 100%;  height: 64px;}.file-upload-wrapper:after {  content: attr(data-text);  font-size: 18px;  position: absolute;  top: 0;  left: 0;  background: #fff url("../images/plus.svg") no-repeat right 22px center;  border: 2px solid #dbdbdb;  padding: 12px 70px 10px 24px;  display: block;  width: calc(100% - 98px);  pointer-events: none;  z-index: 20;  height: 44px;  line-height: 44px;  color: #222222;  border-radius: 8px;  font-weight: 300;}.file-upload-wrapper input {  opacity: 0;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 99;  height: 64px;  margin: 0;  padding: 0;  display: block;  cursor: pointer;  width: 100%;}.container {  max-width: 1408px !important;  margin-left: auto;  margin-right: auto;  padding-left: 16px;  padding-right: 16px;}.content-wrapper {  max-width: 1168px;  margin: auto;}.hero {  min-height: 100vh;  background: #fafafa;  display: flex;  align-items: center;  justify-content: center;}.hero .container {  width: 100% !important;  display: flex;  align-items: center;  justify-content: space-between;  position: relative;  min-height: 100vh;}.hero .text h1 {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  color: #222222;  font-size: 80px;  line-height: 1.19em;  margin-bottom: 40px;  text-transform: uppercase;}.hero .text h1 span {  color: #f9b81c;}.hero .text p {  margin: 0;  font-size: 24px;  line-height: 48px;  color: #222222;  max-width: 560px;}.hero .image {  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;}.hero .image img {  max-width: 770px;  height: auto;  margin-right: -147px;}.hero-down {  position: absolute;  left: 16px;  bottom: 0;  line-height: 1.6em;  font-size: 18px;}.scroll-down {  display: block;  height: 74px;  width: 2px;  position: relative;  background: #e5e5e5;  margin-left: 2px;  overflow: hidden;  margin-top: 23px;}.scroll-down:before {  content: "";  position: absolute;  display: block;  top: 0;  left: 0;  margin-top: -50px;  width: 2px;  height: 35px;  background: #222222;  animation: 2s;  animation: scrollDownAnimation 1s ease-in infinite;}@keyframes scrollDownAnimation {  100% {    margin-top: 90px;    bottom: 0;  }}.game-list {  background: transparent;  padding: 156px 0;  transition: 0.7s ease-in-out;}.game-list .game-wrapper {  max-width: 1168px;  margin: auto;}.game-list .game-wrapper .item {  display: block;  align-items: center;  justify-content: space-between;  margin-bottom: 140px;}.game-list .game-wrapper .item::after {  display: block;  content: "";  clear: both;}.game-list .game-wrapper .item:last-child {  margin-bottom: 0;}.game-list .game-wrapper .item::last-child {  margin-bottom: 0;  background: blue;}.game-list .game-wrapper .item .image {  font-size: 0;  line-height: 0;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;  border-radius: 24px;  background: #939393;  max-width: 568px;  float: right;}.game-list .game-wrapper .item .image img {  max-width: 568px;  border-radius: 24px;}.game-list .game-wrapper .item .detail {  color: #ececec;  max-width: 450px;  float: left;  min-height: 440px;  display: flex;  align-items: center;}.game-list .game-wrapper .item .detail .caption {  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;  color: #939393;  font-size: 12px;  line-height: 1.6em;  letter-spacing: 0.16em;  margin-bottom: 20px;  transition: 0.6s ease-in-out;}.game-list .game-wrapper .item .detail .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  color: #222222;  transition: 0.6s ease-in-out;}.game-list .game-wrapper .item .detail .text {  font-size: 18px;  line-height: 1.8em;  color: #222222;  transition: 0.6s ease-in-out;}.game-list .game-wrapper .item .detail .button-wrapper {  display: flex;  align-items: center;  margin-top: 40px;}.game-list .game-wrapper .item .detail .button-wrapper .buttoned {  margin-right: 16px;}.game-list.active {  background: #222222;}.game-list.active .game-wrapper .item .detail .caption {  color: #f9b81c;}.game-list.active .game-wrapper .item .detail .title {  color: #fafafa;}.game-list.active .game-wrapper .item .detail .text {  color: #ECECEC;}.game-list .more {  text-align: center;  font-size: 18px;  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;  margin-top: 130px;  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;}.game-list .more a {  color: #f5f5f5;  background: url("../images/arrow-light-24.svg") no-repeat right 6px center;  display: inline-flex;  padding: 6px 40px;  transition: 0.2s ease-in;}.game-list .more a:hover {  background-position: right 0 center;  color: #f9b81c;  background-image: url("../images/arrow-primary-24.svg");}.index-who-we-are {  padding: 156px 0;}.index-who-we-are .content {  display: flex;  align-items: flex-start;}.index-who-we-are .content .title {  width: 448px;  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  margin-right: 32px;  color: #222222;}.index-who-we-are .content .text {  max-width: 678px;  font-size: 18px;  line-height: 1.88em;  color: #3d3d3d;}.index-who-we-are .content .button {  margin-top: 50px;  display: inline-flex;  font-size: 18px;  line-height: 24px;  color: #3d3d3d;  padding: 5px 40px 5px 0;  background: url("../images/arrow-dark-24.svg") no-repeat right 7px center;  transition: 0.2s ease-in;  color: #3d3d3d;  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;}.index-who-we-are .content .button:hover {  background-position: right 0 center;  color: #f9b81c;  background-image: url("../images/arrow-primary-24.svg");}.index-slider .owl-item {  width: 448px !important;}.index-slider .owl-item img {  width: 448px;}.index-slider-wrapper .in {  background: #222222;  position: relative;  padding-bottom: 10px;}.index-slider-wrapper .in:before {  content: "";  display: block;  background: #fafafa;  height: 170px;  position: absolute;  left: 0;  right: 0;  top: 0;}.index-slider-wrapper.white .in:before {  background: #FFF;}.subhero {  background: #fff;  padding: 224px 0 0 0;}.subhero .in {  display: flex;  align-items: flex-start;  justify-content: space-between;}.subhero .container .image {  -webkit-user-select: none;  -ms-user-select: none;  user-select: none;  font-size: 0;  line-height: 0;}.subhero .container .image img {  max-width: 684px;  height: auto;}.subhero .container .text {  margin-top: 50px;  margin-right: 30px;}.subhero .container .text h1 {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  color: #222222;  font-size: 80px;  line-height: 1.19em;  margin-bottom: 40px;  text-transform: uppercase;}.subhero .container .text h1 span {  color: #f9b81c;}.subhero .container .text p {  margin: 0;  font-size: 24px;  line-height: 48px;  color: #222222;  max-width: 580px;}.game-content-wrapper {  padding: 172px 0 146px 0;}.showcase .item {  margin-bottom: 140px;}.showcase .item::after {  display: block;  content: "";  clear: both;}.showcase .item .image {  float: right;  border-radius: 24px;  font-size: 0;  line-height: 0;  background: #C4C4C4;}.showcase .item .image img {  max-width: 568px;  height: auto;  border-radius: 24px;}.showcase .item .detail {  float: left;  max-width: 460px;  margin-right: 16px;  min-height: 440px;  display: flex;  align-items: center;}.showcase .item .detail .caption {  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 12px;  line-height: 1.1em;  color: #939393;  letter-spacing: 0.16em;  margin-bottom: 15px;}.showcase .item .detail .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  color: #222222;  line-height: 1.2em;  margin-bottom: 20px;}.showcase .item .detail .text {  color: #3d3d3d;  font-size: 18px;  line-height: 32px;  margin-bottom: 30px;  max-width: 450px;}.showcase .item .detail .button-wrapper {  display: flex;  align-items: center;  justify-content: flex-start;}.showcase .item .detail .button-wrapper .buttoned {  margin-right: 16px;}.showcase .item:nth-child(2n) .image {  float: left;}.showcase .item:nth-child(2n) .detail {  float: right;  margin-left: 16px;  margin-right: 0;}.other-games {  margin-top: -4px;}.gamecard-wrapper {  margin: 0 -16px;}.gamecard-wrapper::after {  display: block;  content: "";  clear: both;}.gamecard-wrapper .col {  padding: 20px 16px;  width: calc(50% - 32px);  float: left;}.gamecard {  background: #fff;  padding: 0 0 64px 0;  border-radius: 24px;  overflow: hidden;  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);  text-align: center;  transition: 0.3s ease-in;}.gamecard:hover {  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);  transform: translate(0%, -8px);}.gamecard .game-cover {  width: 100%;  height: 152px;  background-color: #f9b81c;  background-size: cover;  background-position: center center;}.gamecard .image {  font-size: 0;  line-height: 0;}.gamecard .image img {  width: 160px;  height: 160px;  margin-top: -88px;  border-radius: 24px;}.gamecard .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  text-transform: uppercase;  font-size: 32px;  line-height: 1.1em;  margin-top: 28px;  padding: 0 24px;}.gamecard .button-wrapper {  display: flex;  align-items: center;  justify-content: center;  padding-left: 16px;  margin-top: 30px;}.gamecard .button-wrapper .buttoned {  margin-right: 16px;}.contact-page {  padding: 156px 0 100px 0;}.contact-page .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 80px;  color: #222222;  text-align: center;  margin-bottom: 126px;  margin-top: 60px;}.contact-page .wrapper::after {  display: block;  content: "";  clear: both;}.contact-page .wrapper .form-area {  float: left;  width: 100%;  max-width: 688px;}.contact-page .wrapper .form-area .button-wrapper {  margin-top: 56px;}.contact-page .wrapper .infos {  float: right;  padding-top: 10px;  max-width: 322px;  margin-left: 32px;  font-size: 18px;  line-height: 1.8em;}.contact-page .wrapper .infos .block {  margin-bottom: 76px;}.contact-page .wrapper .infos .block a {  color: #222222;}.contact-page .wrapper .infos .subtitle {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 24px;  margin-bottom: 18px;  line-height: 1.2em;}.benefits {  color: #222;  background: #FFF;  text-align: center;  padding: 156px 0 116px 0;  transition: 0.5s ease-in-out;}.benefits .title {  max-width: 700px;  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 56px;  line-height: 1.18em;  margin: 0 auto 0 auto;}.benefits .title span {  color: #f9b81c !important;}.benefits .content-wrapper {  margin-top: 64px;}.benefits .content-wrapper::after {  display: block;  content: "";  clear: both;}.benefits .content-wrapper .item {  padding: 36px 0;  width: 50% !important;  float: left;}.benefits .content-wrapper .item .image {  font-size: 0;  line-height: 0;}.benefits .content-wrapper .item .image img {  width: 164px;  height: 164px;}.benefits .content-wrapper .item p {  margin: 18px auto 0 auto;  max-width: 350px;  font-size: 18px;  line-height: 1.8em;}.benefits.active {  color: #ececec;  background: #222222;}.benefits.active ~ .imageroll:after {  background: #222222;}.benefits.active .title {  color: #ececec;}.benefits.active .content-wrapper .item p {  color: #ececec;}.imageroll {  position: relative;  transition: 0.5s ease-in-out;}.imageroll:after {  position: absolute;  left: 0;  top: 0;  right: 0;  content: "";  display: block;  height: 400px;  background: #FFF;  transition: 0.5s ease-in-out;}.imageroll .wrapper {  position: relative;  z-index: 10;}.photogrid .row1,.photogrid .row2 {  display: flex;  justify-content: space-between;  width: calc(100% + 32px);  margin: 0 -16px;}.photogrid .row1 .item,.photogrid .row2 .item {  padding: 0 16px;  font-size: 0;  line-height: 0;}.photogrid .row1 .item img,.photogrid .row2 .item img {  width: 100%;  height: auto;  background: #282828;}.photogrid .row1 {  align-items: flex-end;  margin-bottom: 32px;}.photogrid .row1 .item:nth-child(1) {  width: 33.33333333%;}.photogrid .row1 .item:nth-child(2) {  width: 33.33333333%;}.photogrid .row1 .item:nth-child(3) {  width: 33.33333333%;}.photogrid .row2 {  align-items: flex-start;}.photogrid .row2 .item:nth-child(1) {  width: 50%;}.photogrid .row2 .item:nth-child(2) {  width: 50%;}.imageroll-about {  position: relative;  transition: 0.5s ease-in-out;}.imageroll-about:after {  position: absolute;  left: 0;  top: 0;  right: 0;  content: "";  display: block;  height: 300px;  background: #FFF;  transition: 0.5s ease-in-out;}.imageroll-about .wrapper {  position: relative;  z-index: 10;}.imageroll-about .photogrid .row1,.imageroll-about .photogrid .row2 {  display: flex;  justify-content: space-between;  width: calc(100% + 32px);  margin: 0 -16px;}.imageroll-about .photogrid .row1 .item,.imageroll-about .photogrid .row2 .item {  padding: 0 16px;  font-size: 0;  line-height: 0;}.imageroll-about .photogrid .row1 .item img,.imageroll-about .photogrid .row2 .item img {  width: 100%;  height: auto;  background: #282828;}.imageroll-about .photogrid .row1 {  align-items: flex-end;  margin-bottom: 32px;}.imageroll-about .photogrid .row1 .item:nth-child(1) {  width: 50%;}.imageroll-about .photogrid .row1 .item:nth-child(2) {  width: 50%;}.imageroll-about .photogrid .row2 {  align-items: flex-start;}.imageroll-about .photogrid .row2 .item:nth-child(1) {  width: 33.33333%;}.imageroll-about .photogrid .row2 .item:nth-child(2) {  width: 33.33333%;}.imageroll-about .photogrid .row2 .item:nth-child(3) {  width: 33.33333%;}.offers {  padding: 156px 0 0 0;}.offers .container {  display: flex;  align-items: flex-end;  justify-content: flex-start;}.offers .container::after {  display: block;  content: "";  clear: both;}.offers .image {  font-size: 0;  line-height: 0;  margin-right: 175px;}.offers .image img {  width: 382px;  height: auto;}.offers .detail {  margin-bottom: 90px;}.offers .detail .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 56px;  margin-bottom: 80px;}.offers .detail .wrapper {  max-width: 724px;}.offers .detail .wrapper::after {  display: block;  content: "";  clear: both;}.offers .detail .item {  font-size: 22px;  width: calc(50% - 32px);  margin-right: 32px;  float: left;  margin-bottom: 70px;}.offers .detail .item .icon {  font-size: 0;  line-height: 0;  margin-bottom: 20px;  transition: 0.2s all;}.offers .detail .item p {  margin: 0;}.open-positions {  padding: 156px 0 0 0;  background: #222222;}.open-positions .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  color: #fafafa;  margin-bottom: 80px;}.open-positions .wrapper {  margin-bottom: 84px;}.open-positions .item {  background: #282828;  padding: 32px 40px;  border-radius: 8px;  display: flex;  align-items: center;  transition: 0.2s ease-in;  justify-content: space-between;  margin-bottom: 24px;}.open-positions .item:last-child {  margin-bottom: 0;}.open-positions .item .detail {  margin-right: 40px;}.open-positions .item .detail strong {  display: block;  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  color: #fafafa;  text-transform: uppercase;  font-size: 24px;  margin-bottom: 16px;}.open-positions .item .detail p {  margin: 0;  font-size: 18px;  color: #939393;}.open-positions .item .button {  height: 56px;  background: #fafafa url("../images/arrow-darker-24.svg") no-repeat right 25px center;  color: #222;  display: inline-flex;  align-items: center;  font-size: 18px;  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;  border-radius: 200px;  padding: 0 56px 0 22px;  transition: 0.3s ease-in-out;}.open-positions .item .button:hover {  background-color: #f9b81c;  background-position: right 18px center;}.open-positions .item:hover {  background: #313131;}.open-positions .bottom-block {  text-align: center;  color: #fafafa;  margin-bottom: 94px;}.open-positions .bottom-block p {  font-size: 24px;  line-height: 1.6em;  margin-bottom: 20px;}.open-positions .bottom-block .button {  height: 56px;  border: 2px solid #fafafa;  color: #fafafa;  font-size: 16px;  font-family: "euclid_circular_bsemibold", sans-serif;  font-weight: normal;  font-style: normal;  transition: 0.16s ease-in;  padding: 0 34px;  display: inline-flex;  align-items: center;  justify-content: center;  border-radius: 200px;}.open-positions .bottom-block .button:hover {  background: #fafafa;  color: #222222;}.texthero {  background: #fff;  padding: 210px 0 140px 0;}.texthero .in {  display: flex;  align-items: flex-start;  justify-content: space-between;}.texthero .in h1 {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 72px;  color: #222222;  line-height: 1.2em;  max-width: 688px;}.texthero .in h1 span {  color: #f9b81c;}.texthero .in .text {  font-size: 24px;  line-height: 2em;  color: #222222;  max-width: 568px;  margin-left: 40px;}.mainstats {  background: #222222;  color: #fafafa;  padding: 156px 0 0 0;}.mainstats .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 40px;  line-height: 1.66em;  max-width: 928px;  margin: 0 auto 150px auto;  text-align: center;}.mainstats .title span {  color: #f9b81c;}.mainstats .wrapper {  display: flex;  align-items: flex-end;  justify-content: space-between;}.mainstats .wrapper .image {  margin-right: 155px;  font-size: 0;  line-height: 0;}.mainstats .wrapper .image img {  max-width: 568px;}.mainstats .wrapper .detail {  margin-bottom: 100px;}.mainstats .wrapper .detail::after {  display: block;  content: "";  clear: both;}.mainstats .wrapper .detail .item {  float: left;  width: 328px;  margin-bottom: 86px;}.mainstats .wrapper .detail .item strong {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  color: #fafafa;  font-size: 64px;  display: block;  margin-bottom: 10px;}.mainstats .wrapper .detail .item p {  max-width: 208px;  font-size: 18px;  line-height: 1.7em;  color: #ececec;  margin-bottom: 26px;}.mainstats .wrapper .detail .item .bar {  width: 1px;  height: 4px;  transition: 3s ease-in;  background: #f9b81c;}.mainstats .wrapper .detail .item .bar.active {  width: 40px;}.ourvalues {  padding: 156px 0;  background: #fff;}.ourvalues .wrapper {  display: flex;  align-items: center;  justify-content: space-between;}.ourvalues .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 56px;  color: #222222;  line-height: 1.2em;  margin-bottom: 90px;}.ourvalues .image {  font-size: 0;  line-height: 0;  margin-left: 40px;}.ourvalues .image img {  max-width: 568px;}.ourvalues .listed {  max-width: 444px;}.ourvalues .listed .item {  margin-bottom: 64px;}.ourvalues .listed .item:last-child {  margin-bottom: 0;}.ourvalues .listed .item strong {  display: block;  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 24px;  margin-bottom: 16px;  line-height: 1.3em;}.ourvalues .listed .item p {  font-size: 18px;  line-height: 1.8em;  margin-bottom: 0;}.ourteam {  padding: 166px 0;}.ourteam .headline {  display: flex;  align-items: center;  justify-content: space-between;  margin-bottom: 96px;}.ourteam .headline .title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 56px;  color: #222222;  line-height: 1.2em;  margin-bottom: 0;}.ourteam .headline .subtext {  font-size: 18px;  line-height: 1.8em;  max-width: 568px;  margin: 0 30px;}.teamgrid::after {  display: block;  content: "";  clear: both;}.teamgrid .item {  width: 267px;  text-align: center;  float: left;  margin-right: 32px;  margin-bottom: 40px;    transition: 0.3s ease-in;}.teamgrid .item:nth-child(4n) {  margin-right: 0;}.teamgrid .item .image {  font-size: 0;  line-height: 0;  position: relative;  width: 267px;  height: 267px;  overflow: hidden;  transition: 0.3s ease-in;}.teamgrid .item .image img {  width: 100%;  height: auto;  width: 267px;  position: absolute;  left: 0;  bottom: 0;  transition: 0.3s ease-in;}.teamgrid .item strong {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  text-transform: uppercase;  font-size: 24px;  line-height: 1em;  color: #222222;  display: block;  margin-bottom: 0;  margin-top:-15px;}.teamgrid .item p {  margin: 7px 0 20px 0;  font-size: 18px;  color: #7d7d7d;}.teamgrid .item:hover {  transform: scale(1.03);    background: #ffffff;    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);    border-radius: 24px;    transition: 0.3s ease-in;}.single-page {  padding: 235px 0 96px 0;}.single-page .button-wrapper {  margin-top: 56px;  margin-bottom: 54px;}.single-page .page-wrapper {  max-width: 926px;  margin: auto;}.single-page .page-wrapper .page-title {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  color: #222222;  font-size: 80px;  line-height: 1.2em;  margin-bottom: 56px;}.single-page .page-wrapper .text-content {  font-size: 18px;  line-height: 1.7em;}.single-page .page-wrapper .text-content .text-head .subtitle {  font-size: 24px;  line-height: 40px;  padding-right: 20px;  margin-top: 24px;  margin-bottom: -4px;}.single-page .page-wrapper .text-content .text-light {  color: #939393;}.single-page .page-wrapper .text-content .form-group {  margin-bottom: 26px;}.single-page .page-wrapper .text-content h2 {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 32px;  line-height: 1.2em;  margin-bottom: 32px;  margin-top: 56px;}.single-page .page-wrapper .text-content h4 {  font-family: "hello_headlineregular", sans-serif;  font-weight: normal;  font-style: normal;  font-size: 56px;  line-height: 1.1em;  margin-bottom: 21px;  text-transform: uppercase;  font-size: 24px;  margin-bottom: 8px;}.single-page .page-wrapper .text-content p {  margin-bottom: 32px;}.single-page .page-wrapper .text-content ul {  margin-left: 20px;  margin-bottom: 32px;}.single-page .page-wrapper .text-content ul li {  list-style-type: disc;  margin-bottom: 16px;}.single-page .page-wrapper .text-content ul li:last-child {  margin-bottom: 0;}.single-page .page-wrapper .text-content ol {  margin-left: 20px;  margin-bottom: 32px;}.single-page .page-wrapper .text-content ol li {  list-style-type: decimal;}#animation_container {  position: relative;  width: 690px !important;  height: 500px !important;}.animatedblock {  position: absolute;  background: transparent !important;  width: 100% !important;    height: 100% !important;}.pageAnimation {  background-color: #f9b81c;  position: fixed;  width: 200%;  left: -50%;  right: -50%;  top: 0;  bottom: 0;  z-index: 9999;  display: flex;  align-items: center;  justify-content: center;  transition: 1s all;  -webkit-transform: skew(-15deg);  -moz-transform: skew(-15deg);  -ms-transform: skew(-15deg);  -o-transform: skew(-15deg);  transform: skew(-15deg);}.pageAnimation.deactive {  left: -300%;  animation: pageAnimation 0.4s ease-in-out;}.pageAnimation.active {  left: -25%;  transition: 0.6s all;}.pageLoaded .pageAnimation {  left: -250%;  transition: 0s all !important;}@keyframes pageAnimation {  0% {    left: 0;    transition: 1s;  }  99% {    left: 120%;    transition: 1s;  }  100% {    left: -130%;    transition: 0s;  }}@keyframes navbarOpeningAnimation {  0% {    transform: translate(0, -300%);  }  100% {    transform: translate(0, 0);  }}.mainHeader {  animation: navbarOpeningAnimation 2.3s ease-in-out;}@keyframes heroImageOpeningAnimation {  0% {    transform: translate(0, 10%);    opacity: 0;  }  100% {    opacity: 1;    transform: translate(0, 0);  }}.subhero .image {  animation: heroImageOpeningAnimation 1.2s ease-in-out;}@keyframes downtoup {  0% {    transform: translate(0, 50%);  }  100% {    transform: translate(0, 0);  }}@keyframes opacity0to1 {  0% {    opacity: 0;  }  75% {    opacity: 0;  }  100% {    opacity: 1;  }}.hero h1,.subhero h1 {  animation: downtoup 2s ease-in-out;}.hero p,.subhero p {  animation: opacity0to1 2s ease-in;}.texthero h1 {  animation: downtoup 2s ease-in-out;}.texthero .text {  animation: opacity0to1 3s ease-in;}.contact-page h1.title {  animation: downtoup 1.4s ease-in;}.contact-page .wrapper {  animation: downtoup 1.4s ease-in-out;}.single-page .page-title {  animation: downtoup 1.4s ease-in;}.single-page .text-content {  animation: downtoup 2s ease-in-out;}.animatedLine {  transition: ease-in-out 2s;  opacity: 0;}.pageLoaded .animatedLine {  opacity: 1;}.pageLoaded .animatedLine:nth-child(1) {  animation: animatedLine1 4s ease-in-out;}.pageLoaded .animatedLine:nth-child(2) {  animation: animatedLine2 4s ease-in-out;}.pageLoaded .animatedLine:nth-child(3) {  animation: animatedLine3 4s ease-in-out;}@keyframes animatedLine1 {  0% {    opacity: 0;  }  10% {    opacity: 0;  }  20% {    opacity: 1;  }}@keyframes animatedLine2 {  0% {    opacity: 0;  }  20% {    opacity: 0;  }  30% {    opacity: 1;  }}@keyframes animatedLine3 {  0% {    opacity: 0;  }  30% {    opacity: 0;  }  40% {    opacity: 1;  }}@media only screen and (min-width: 1800px) {  .index-slider .owl-item {    width: 578px !important;  }  .index-slider .owl-item img {    width: 578px;  }}@media only screen and (max-width: 1440px) {  .container {    max-width: 1200px !important;  }  .hero .image img {    max-width: 600px;  }  .index-slider {    width: calc(100% + 200px);  }  .mainstats .wrapper .image {    width: 360px;    margin-right: 200px;  }  .mainstats .wrapper .detail {    max-width: 520px;  }  .mainstats .wrapper .detail .item {    width: 100%;    max-width: 220px;    margin-right: 40px;  }}@media only screen and (max-width: 1199px) {  .container {    max-width: 900px !important;  }  .hero .container {    width: 100%;  }  .hero .text {    max-width: 500px;  }  .hero .text h1 {    font-size: 60px;  }  .hero .image {    margin-top: 40px;  }  .hero .image img {    max-width: 470px;  }  .game-list .game-wrapper .item .image img {    max-width: 360px;  }  .game-list .game-wrapper .item .detail {    min-height: 310px;  }  .game-list .game-wrapper .item .detail .title {    font-size: 40px;  }  .subhero .container .in {    align-items: flex-start;  }  .subhero .container .image {    margin-top: 20px;  }  .subhero .container .image img {    width: 460px;  }  .subhero .container .text {    margin-top: 0;  }  .subhero .container .text h1 {    font-size: 60px;  }  .showcase .item .image img {    max-width: 360px;  }  .showcase .item .detail {    min-height: 260px;  }  .showcase .item .detail .title {    font-size: 40px;  }  .contact-page .wrapper .form-area {    padding: 0;    margin: 0;    width: auto;    max-width: calc(100% - 48px);  }  .mainstats .wrapper .image {    margin-right: 40px;    width: 400px;  }  .mainstats .wrapper .image img {    max-width: 100%;    height: auto;  }  .mainstats .wrapper .detail {    max-width: 500px;  }  .mainstats .wrapper .detail .item {    width: 100%;    max-width: 240px;    margin-right: 10px;    margin-bottom: 40px;  }  .ourvalues .image img {    max-width: 400px;  }  .teamgrid {    text-align: center;  }  .teamgrid .item {    float: none;    display: inline-block;  }  .teamgrid .item:nth-child(4n) {    margin-right: 32px;  }  .teamgrid .item:nth-child(3n) {    margin-right: 0;  }  #animation_container {    width: 480px !important;    height: 338px !important;  }  .animatedblock {    width: 520px !important;    height: 367px !important;  }  .footerBar {    display: block;    text-align: center;    padding: 48px 0 40px 0;  }  .footerBar .links {    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 20px;  }  .footerBar .links a {    display: inline-flex;  }  .footerBar .text {    display: block;  }  .footerBar .text .icons {    justify-content: center;    margin: 0 0 24px 0;  }  .footerBar .text .icons a {    margin-right: 12px !important;    margin-left: 12px !important;  }}@media only screen and (max-width: 991px) {  .container {    padding-left: 30px;    padding-right: 30px;  }  .index-who-we-are .content {    display: block;  }  .game-list .game-wrapper .item .image {    width: 40%;  }  .game-list .game-wrapper .item .image img {    max-width: 100%;  }  .game-list .game-wrapper .item .detail {    width: 60%;    min-height: auto;    max-width: auto;  }  .game-list .game-wrapper .item .detail .text {    padding-right: 40px;  }  .showcase .item .image {    max-width: 40%;  }  .showcase .item .image img {    max-width: 100%;  }  .showcase .item .detail {    width: calc(60% - 16px);    min-height: auto;    max-width: auto;  }  .gamecard .button-wrapper {    display: block;    padding: 0;  }  .gamecard .button-wrapper .buttoned {    margin: 0 0 16px 0;  }  .subhero .container .in {    align-items: flex-end;  }  .subhero .container .text {    padding-bottom: 40px;    margin-top: 0;  }  .subhero .container .image img {    width: 340px;  }  .mainFooter .footerBlock .title {    font-size: 60px;  }  .contact-page {    padding: 120px 0;  }  .contact-page .title {    margin-bottom: 60px;  }  .contact-page .wrapper .form-area {    padding: 0;    margin: 0;    max-width: calc(100% - 48px);    float: none;  }  .contact-page .wrapper .infos {    margin: 0;    float: none;    display: flex;    align-items: center;    justify-content: space-between;    width: 100%;    max-width: 100%;  }  .contact-page .wrapper .infos .block {    max-width: 320px;  }  .texthero .in {    display: block;  }  .texthero .in h1 {    font-size: 60px;  }  .texthero .in .text {    margin: 0;  }  .mainstats {    padding-bottom: 60px;  }  .mainstats .wrapper {    display: block;  }  .mainstats .wrapper .image {    display: none;  }  .mainstats .wrapper .detail {    margin-bottom: 0;    width: 100%;    max-width: 100%;    padding: 0;    margin: 0;  }  .mainstats .wrapper .detail .item {    width: 50%;    max-width: 50%;    margin-right: 0;    margin-bottom: 100px;  }  .ourvalues .wrapper {    display: block;  }  .ourvalues .wrapper .listed {    max-width: 100%;  }  .ourvalues .wrapper .image {    width: 100%;    margin: 80px 0 0 0;  }  .ourvalues .wrapper .image img {    max-width: 600px;  }  .ourteam .headline {    text-align: center;    display: block;  }  .ourteam .headline .subtext {    padding: 0;    margin: 30px auto 0 auto;  }  .teamgrid {    text-align: center;    max-width: 768px;    margin: auto;  }  .teamgrid .item {    width: 190px;    float: none;    display: inline-block;  }  .teamgrid .item:nth-child(4n) {    margin-right: 32px;  }  .teamgrid .item:nth-child(3n) {    margin-right: 0;  }  .teamgrid .item .image {    width: 190px;    height: 190px;  }  .teamgrid .item .image img {    width: 190px;  }  .benefits .content-wrapper .item p {    padding-left: 20px;    padding-right: 20px;  }  .offers {    background-image: url("../images/what-we-offer.png");    background-repeat: no-repeat;    background-position: center bottom;    background-size: 448px 646px;    padding-bottom: 646px;  }  .offers .container {    display: block;  }  .offers .container .title {    text-align: center;  }  .offers .container .wrapper .item {    text-align: center;  }  .offers .container .wrapper .item p {    padding-left: 20px;    padding-right: 20px;  }  .offers .container .image {    display: none;  }  #animation_container {    width: 380px !important;    height: 268px !important;  }  .animatedblock {    width: 380px !important;    height: 268px !important;  }}@media only screen and (max-width: 767px) {  .container {    padding-left: 16px;    padding-right: 16px;  }  .mainHeader {    padding: 6px 0 !important;    transition: 0.3s all;  }  .mainHeader:after {    content: "";    background: #fff;    position: absolute;    left: 0;    top: 0;    right: 0;    height: 72px;    z-index: 2000;  }  .mainHeader.scrolled.fixed {    background: #fff;  }  .mainHeader header .logo,.mainHeader header .logoWrapper {    position: relative;    z-index: 2001;    transform: scale(0.72) translate(-44px, 0);  }  .mainHeader header .logo img,.mainHeader header .logoWrapper img {    width: 144px;    height: 20px;  }  .mainHeader .navigation {    display: none;    background: #fff;    position: fixed;    z-index: 1000;    top: 72px;    left: 0;    right: 0;    bottom: 0;    font-size: 32px;    line-height: 1.6em;    font-family: "euclid_circular_bsemibold", sans-serif;    font-weight: normal;    font-style: normal;    padding-top: 22px;    transition: 0.5s all;  }  .mainHeader .navigation .links {    padding: 0;    margin: 0;    display: block;  }  .mainHeader .navigation .links li {    display: block;    margin: 0 0 16px 0;    padding: 0;  }  .mainHeader .navigation .links li a {    display: block;    padding: 6px 16px;    color: #222222;  }  .mainHeader .navigation .links li.active a {    border: 0;    color: #f9b81c;  }  .mainHeader .toggleButton,.mainHeader .social-buttons {    display: flex;  }  .hero {    padding: 112px 0 60px 0;    min-height: auto;    background: #fff;  }  .hero .container {    min-height: auto;    display: block;  }  .hero .text h1 {    font-size: 40px;    margin-bottom: 16px;  }  .hero .text p {    font-size: 16px;    line-height: 1.8em;  }  .hero .image img {    width: 100%;  }  .hero-down {    display: none;  }  .buttoned {    height: 40px;    font-size: 14px;    line-height: 1em;  }  .buttoned.appstore {    padding: 0 24px 0 46px;    word-wrap: none;    background-position: left 16px top 8px;    background-size: 22px 22px;  }  .buttoned.playstore {    padding: 0 24px 0 46px;    background-position: left 16px top 10px;    background-size: 20px 20px;  }  .game-list {    padding: 64px 0;  }  .game-list .game-wrapper .item {    margin-bottom: 64px;  }  .game-list .game-wrapper .item .image {    float: none;    max-width: 100%;    width: 100%;    border-radius: 14px;  }  .game-list .game-wrapper .item .image img {    max-width: 100%;    width: 100%;    border-radius: 14px;  }  .game-list .game-wrapper .item .detail {    min-height: auto;    margin-top: 24px;    width: 100%;    max-width: 100%;    float: none;  }  .game-list .game-wrapper .item .detail .caption {    font-size: 10px;    letter-spacing: 0.16em;    margin-bottom: 6px;  }  .game-list .game-wrapper .item .detail .title {    font-size: 32px;    margin-bottom: 12px;  }  .game-list .game-wrapper .item .detail .text {    font-size: 14px;    line-height: 24px;    padding-right: 0;  }  .game-list .game-wrapper .item .detail .button-wrapper {    margin-top: 24px;  }  .game-list .more {    margin-top: 64px;    font-family: "hello_headlineregular", sans-serif;    font-weight: normal;    font-style: normal;    text-transform: uppercase;    font-size: 14px;  }  .game-list .more a {    padding-right: 32px;    background-size: 16px 16px;  }  .index-who-we-are {    padding: 64px 0;  }  .index-who-we-are .content {    display: block;  }  .index-who-we-are .content .title {    font-size: 32px;    width: auto;    max-width: auto;  }  .index-who-we-are .content .text {    font-size: 14px;    line-height: 24px;  }  .index-who-we-are .content .button {    margin-top: 24px;    padding-right: 32px;    font-family: "hello_headlineregular", sans-serif;    font-weight: normal;    font-style: normal;    font-size: 14px;    text-transform: uppercase;    background-size: 16px 16px;  }  .index-slider {    width: 100%;  }  .index-slider .owl-item {    width: auto !important;  }  .index-slider .owl-item:first-child {    background: #000;  }  .index-slider .owl-item img {    width: 300px;  }  .index-slider .owl-stage .owl-item:first-child {    background: #000;    margin-right: -16px;  }  .index-slider-wrapper .in .container {    width: 100%;    padding: 0;  }  .index-slider-wrapper .in .content-wrapper {    width: 100%;  }  .index-slider-wrapper .in:before {    background: #fafafa;    height: 60px;  }  .mainFooter {    padding: 64px 0 0 0;  }  .mainFooter .footerBlock {    margin-bottom: 0;  }  .mainFooter .footerBlock .title {    font-size: 32px;    line-height: 1.1em;  }  .mainFooter .footerBlock .text {    font-size: 14px;    line-height: 24px;    margin-top: 16px;    max-width: 400px;    margin: 16px auto 0 auto;  }  .mainFooter .footerBlock .text br {    display: none;  }  .mainFooter .footerBlock .button {    height: 48px;    font-size: 14px;    margin-top: 32px;  }  .footerBar {    display: block;    text-align: center;    padding: 64px 0 40px 0;  }  .footerBar .links {    padding-right: 8px;    margin-bottom: 20px;    display: block;  }  .footerBar .links a.button {    display: inline-flex;    align-items: center;    justify-content: center;    background: #3D3D3D;    width: 40px;    min-width: 40px;    height: 40px;    min-height: 40px;    border-radius: 100%;    font-size: 0;    text-indent: -999999px;    margin-right: 14px;    background-repeat: no-repeat !important;    background-position: center center !important;    background-size: 22px 22px;  }  .footerBar .links a.button:first-child {    margin-left: 14px;  }  .footerBar .links a.button.applestore {    background-image: url("../images/appstore-light.svg");  }  .footerBar .links a.button.playstore {    background-image: url("../images/playstore-light.svg");    background-position: center left 10px !important;  }  .footerBar .links a.button.instagram {    background-image: url("../images/instagram-light.svg");  }  .footerBar .links a.button.linkedin {    background-image: url("../images/linkedin-light.svg");  }  .footerBar .links a.button:hover {    background-color: #f9b81c;  }  .footerBar .links a.button.visible-mobile {    display: inline-flex;  }  .footerBar .textlink {    display: block;    font-size: 12px;    margin-top: 20px;  }  .footerBar .textlink a {    margin: 0 8px;  }  .footerBar .text {    font-size: 12px;  }  .footerBar .text .icons {    display: none;  }  .footerBar.outed .links a.button {    background-color: #939393;  }  .footerBar.outed .links a.button:hover {    background-color: #f9b81c;  }  .subhero {    padding: 112px 0 0 0;  }  .subhero .container .in {    display: block;    align-items: flex-end;  }  .subhero .container .text {    padding-bottom: 40px;    margin: 0;  }  .subhero .container .text h1 {    font-size: 40px;    line-height: 40px;    margin-bottom: 16px;  }  .subhero .container .text p {    font-size: 14px;    line-height: 24px;  }  .subhero .container .image {    margin: 0;  }  .subhero .container .image img {    width: 100%;    height: auto;  }  .game-content-wrapper {    padding: 64px 0 32px 0;  }  .showcase .item {    margin-bottom: 56px;  }  .showcase .item .image {    float: none;    max-width: 100%;    width: 100%;  }  .showcase .item .image img {    width: 100%;    max-width: 100%;    height: auto;    border-radius: 14px;  }  .showcase .item .detail {    float: none;    margin-top: 24px;    max-width: 100%;    width: 100%;  }  .showcase .item .detail .caption {    font-size: 10px;    margin-top: 5px;    margin-bottom: 8px;  }  .showcase .item .detail .title {    font-size: 32px;    margin-bottom: 12px;  }  .showcase .item .detail .text {    font-size: 14px;    line-height: 24px;    margin-bottom: 0;  }  .showcase .item .detail .button-wrapper {    margin-top: 24px;  }  .showcase .item .detail .button-wrapper .buttoned:last-child {    margin-right: 0;  }  .showcase .item:nth-child(2n) .image {    float: none;  }  .showcase .item:nth-child(2n) .detail {    float: none;    margin-left: 0;  }  .gamecard-wrapper {    margin: 0;  }  .gamecard-wrapper .col {    width: 100%;    padding: 0;  }  .gamecard {    border-radius: 16px;    margin-bottom: 24px;    padding: 0 0 36px 0;  }  .gamecard .game-cover {    height: 96px;  }  .gamecard .image img {    width: 96px;    height: auto;    margin-top: -58px;  }  .gamecard .title {    font-size: 20px;    margin-top: 16px;  }  .gamecard .button-wrapper {    display: flex;    align-items: center;    justify-content: center;    padding-left: 10px;    margin-top: 18px;  }  .gamecard .button-wrapper .buttoned {    height: 30px;    background-position: left 13px center;    background-size: 18px 18px;    padding-left: 40px;    padding-right: 16px;    font-size: 11px;    margin: 0 10px 0 0;  }  .contact-page {    padding: 128px 0 0 0;  }  .contact-page .title {    margin-top: 0;    margin-bottom: 34px;    font-size: 40px;    text-align: left;  }  .contact-page .wrapper .form-area {    width: 100%;    margin: 0;    padding: 0;    max-width: 100%;  }  .contact-page .wrapper .form-area .button-wrapper {    margin-top: 24px;  }  .contact-page .wrapper .form-area .button-wrapper .buttoned {    width: 100%;  }  .contact-page .wrapper .infos {    margin: 0;    display: block;  }  .contact-page .wrapper .infos .block {    width: 100%;    font-size: 14px;    line-height: 24px;    margin-bottom: 40px;  }  .contact-page .wrapper .infos .block .subtitle {    font-size: 18px;  }  .form-group {    margin-bottom: 12px;  }  .form-group label {    font-size: 14px;    margin-bottom: 6px;  }  .form-group .text-small {    font-size: 12px;  }  .file-upload-wrapper {    height: 48px;  }  .file-upload-wrapper:after {    height: 36px;    overflow: hidden;    font-size: 14px;    line-height: 3.3em;    padding-top: 2px;    padding-left: 16px;    width: calc(100% - 90px);  }  .file-upload-wrapper input {    height: 28px;  }  .form-style {    height: 48px;    font-size: 14px;    padding: 0 16px;    width: calc(100% - 36px);  }  textarea.form-style {    padding: 16px 16px;  }  .form-select {    width: calc(100% - 4px);    height: 48px;  }  .form-select select {    font-size: 14px;    height: 48px;    padding: 0 16px;  }  .texthero {    padding: 110px 0 64px 0;  }  .texthero .in h1 {    margin-bottom: 16px;    font-size: 32px;    line-height: 40px;  }  .texthero .in .text {    font-size: 14px;    line-height: 24px;  }  .mainstats {    padding: 64px 0;  }  .mainstats .title {    font-size: 20px;    line-height: 32px;    margin-bottom: 60px;  }  .mainstats .wrapper .detail {    margin: 0;  }  .mainstats .wrapper .detail .item {    margin-bottom: 40px;  }  .mainstats .wrapper .detail .item:nth-child(3), .mainstats .wrapper .detail .item:nth-child(4) {    margin-bottom: 0;  }  .mainstats .wrapper .detail .item strong {    font-size: 32px;  }  .mainstats .wrapper .detail .item p {    font-size: 12px;    line-height: 18px;    max-width: 140px;  }  .ourvalues {    padding: 64px 0;  }  .ourvalues .title {    font-size: 32px;    line-height: 1.2em;    margin-bottom: 50px;  }  .ourvalues .listed .item {    margin-bottom: 54px;  }  .ourvalues .listed .item strong {    font-size: 16px;  }  .ourvalues .listed .item p {    font-size: 14px;    line-height: 24px;  }  .ourvalues .image {    width: 100%;    margin: 48px 0 0 0 !important;    padding: 0;  }  .ourvalues .image img {    margin: 0;    width: 100%;  }  .ourteam {    padding: 64px 0 48px 0;  }  .ourteam .headline .title {    font-size: 32px;    line-height: 1.2em;    margin-bottom: 0;  }  .ourteam .headline .subtext {    margin-top: 16px;    font-size: 14px;    line-height: 24px;  }  .teamgrid {    max-width: 342px;    text-align: left;  }  .teamgrid .item {    margin-right: 16px;    width: 160px;    margin-bottom: 20px;  }  .teamgrid .item .image {    width: 160px;    height: 160px;  }  .teamgrid .item .image img {    width: 160px;  }  .teamgrid .item strong {    font-size: 18px;  }  .teamgrid .item p {    font-size: 12px;    margin-top: 5px;    line-height: 1.6em;  }  .teamgrid .item:nth-child(3n), .teamgrid .item:nth-child(4n) {    margin-right: 16px;  }  .teamgrid .item:nth-child(2n) {    margin-right: 0;  }  .benefits {    padding: 64px 0 48px 0;  }  .benefits .title {    font-size: 20px;    line-height: 32px;    max-width: 270px;    display: inline-block;  }  .benefits .content-wrapper {    margin-top: 20px;  }  .benefits .content-wrapper .item {    width: 100% !important;    padding: 22px 0;    margin: 0;  }  .benefits .content-wrapper .item .image img {    width: 120px;    height: 120px;  }  .benefits .content-wrapper .item p {    margin: 16px auto 0 auto;    max-width: 262px !important;    padding: 0;    font-size: 14px;    line-height: 24px;  }  .offers {    padding: 64px 0 330px 0;    background-size: 221px 319px;  }  .offers .detail {    margin: 0;  }  .offers .detail .title {    font-size: 32px;    margin-bottom: 64px;  }  .offers .detail .wrapper .item {    width: 50%;    margin: 0 0 48px 0;    padding: 0;  }  .offers .detail .wrapper .icon {    margin-bottom: 16px;  }  .offers .detail .wrapper .icon img {    width: 48px;    height: 48px;  }  .offers .detail .wrapper p {    font-size: 14px;    line-height: 24px;  }  .open-positions {    padding: 64px 0 0 0;  }  .open-positions .title {    font-size: 32px;    margin-bottom: 46px;  }  .open-positions .wrapper {    margin-bottom: 64px;  }  .open-positions .item {    padding: 24px 24px 32px 24px;    display: block;  }  .open-positions .item .detail {    margin-bottom: 22px;  }  .open-positions .item .detail strong {    font-size: 18px;    margin-bottom: 8px;  }  .open-positions .item .detail p {    font-size: 14px;  }  .open-positions .item .button {    display: flex;    height: 40px;    align-items: center;    justify-content: center;    font-size: 14px;    background-size: 16px 16px;    padding: 0;  }  .open-positions .bottom-block {    margin-bottom: 0;  }  .open-positions .bottom-block p {    font-size: 14px;    line-height: 24px;    margin-bottom: 24px;  }  .open-positions .bottom-block .button {    height: 48px;    font-size: 14px;    padding: 0 36px;  }  .single-page {    padding: 112px 0 0 0;  }  .single-page .button-wrapper {    margin-top: 24px;    margin-bottom: 0;  }  .single-page .button-wrapper .buttoned {    width: 100%;    height: 48px;  }  .single-page .page-wrapper .page-title {    font-size: 40px;    margin-bottom: 56px;  }  .single-page .page-wrapper .text-content {    font-size: 14px;    line-height: 24px;  }  .single-page .page-wrapper .text-content .text-head .subtitle {    font-size: 18px;    line-height: 28px;    padding-right: 0;    margin-top: 16px;    margin-bottom: -4px;  }  .single-page .page-wrapper .text-content h2 {    font-size: 24px;    margin-bottom: 24px;    margin-top: 40px;  }  .single-page .page-wrapper .text-content h4 {    font-size: 18px;  }  .single-page .page-wrapper .text-content ul, .single-page .page-wrapper .text-content ol, .single-page .page-wrapper .text-content p {    margin-bottom: 24px;  }  #animation_container {    width: 360px !important;    margin-left: auto !important;    margin-right: auto !important;    height: 220px !important;  }  .animatedblock {    width: 360px !important;    height: 254px !important;  }  .imageroll .container {    padding: 0;  }  .imageroll:after {    height: 260px;  }  .imageroll .photogrid .row1,.imageroll .photogrid .row2 {    margin-left: -8px;    margin-right: -8px;    width: calc(100% + 16px);  }  .imageroll .photogrid .row1 .item,.imageroll .photogrid .row2 .item {    padding: 0px 8px;  }  .imageroll .photogrid .row1 {    margin-bottom: 16px;  }  .imageroll .photogrid .row1 .item:nth-child(1) {    width: 33.333333%;  }  .imageroll .photogrid .row1 .item:nth-child(2) {    width: 33.333333%;  }  .imageroll .photogrid .row1 .item:nth-child(3) {    width: 33.333333%;  }}.mobile {  display: none;}@media only screen and (max-width: 1100px) {  .mobile {    display: block;  }  .desktop {    display: none;  }}.joinus-slider-wrapper .in {  background: #fafafa;  position: relative;  padding-bottom: 10px;}.joinus-slider-wrapper .in:before {  content: "";  display: block;  background: #222222;  height: 170px;  position: absolute;  left: 0;  right: 0;  top: 0;}.joinus-slider-wrapper.black .in:before {  background: #222222;}