* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Geometria Regular';
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'Geometria Regular';
  src: url("../fonts/Geometria.eot");
  src: url("../fonts/Geometria.eot?#iefix") format("embedded-opentype"), url("../fonts/Geometria.woff") format("woff"), url("../fonts/Geometria.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Geometria Bold';
  src: url("../fonts/Geometria-Bold.eot");
  src: url("../fonts/Geometria-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Geometria-Bold.woff") format("woff"), url("../fonts/Geometria-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.a-title {
  font-size: 2rem;
  margin-bottom: 1.75rem;
  font-weight: 400;
}

@media (min-width: 768px) {
  .a-title {
    font-size: 3rem;
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1366px) {
  .a-title {
    font-size: 5rem;
  }
}

.a-title.--center {
  text-align: center;
}

.a-title.--ourGamesTitle {
  font-size: 3rem;
  color: #fff;
}

@media (min-width: 1024px) {
  .a-title.--ourGamesTitle {
    font-size: 4rem;
    margin-bottom: unset;
  }
}

@media (min-width: 768px) {
  .a-title--robots {
    order: 1;
  }
}

@media (min-width: 1024px) {
  .a-title--robots {
    font-size: 3rem;
  }
}

@media (min-width: 1024px) {
  .a-title.--contact {
    font-size: 4rem;
  }
}

@media (min-width: 1366px) {
  .a-title.--contact {
    font-size: 5rem;
    margin-bottom: 4rem;
  }
}

.a-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 17.61px;
  text-decoration: none;
  color: #000;
}

.a-text.--white {
  color: #fff;
}

.a-text.--bigger {
  font-size: 1rem;
  line-height: 20.13px;
}

.a-text.--bold {
  font-family: 'Geometria Bold';
  font-weight: 700;
}

.a-text.--center {
  text-align: center;
}

.a-text.--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.a-text.--mb1rem {
  margin-bottom: 1rem;
}

@media (min-width: 1366px) {
  .a-text.--ourGames {
    font-size: 1.5rem;
    line-height: 30.19px;
    max-width: 800px;
  }
}

@media (min-width: 768px) {
  .a-text.--robots {
    order: 3;
  }
}

@media (min-width: 1024px) {
  .a-text.--robots {
    font-size: 1rem;
    line-height: 20.13px;
  }
}

.a-icon__logo rect {
  transition: 0.3s ease-in-out;
  fill: #fff;
}

.a-icon__logo path {
  transition: 0.3s ease-in-out;
  stroke: #000;
  fill: #000;
}

.a-icon__logo:hover rect {
  fill: #000;
  transition: 0.3s ease-in-out;
}

.a-icon__logo:hover path {
  transition: 0.3s ease-in-out;
  stroke: #fff;
  fill: #fff;
}

.a-icon.--companyName {
  width: 100%;
  margin-bottom: 15px;
}

@media (min-width: 1024px) {
  .a-icon.--companyName {
    width: unset;
    margin-bottom: 3.75rem;
  }
}

.a-icon.--robot {
  transform: translate(0, -7.5%);
  height: 800px;
}

@media (min-width: 768px) {
  .a-icon.--robot {
    transform: translate(0, -15.5%);
    height: 650px;
    object-fit: contain;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
  }
}

@media (min-width: 1024px) {
  .a-icon.--robot {
    transform: translate(10%, -15.5%);
    height: 750px;
  }
}

@media (min-width: 1366px) {
  .a-icon.--robot {
    transform: translate(20%, -14.5%);
    height: 800px;
  }
}

.a-icon.--center {
  display: flex;
  align-self: center;
}

.a-icon.--star {
  margin-bottom: 1.75rem;
}

@media (min-width: 768px) {
  .a-icon.--star {
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1366px) {
  .a-icon.--star {
    margin-bottom: unset;
  }
}

.a-icon.--ourGamesStar {
  margin-bottom: 3.75rem;
}

@media (min-width: 768px) {
  .a-icon.--robots {
    order: 2;
  }
}

.a-section {
  margin: 10px;
}

@media (min-width: 768px) {
  .a-section {
    margin: 20px;
  }
}

@media (min-width: 1024px) {
  .a-section:first-child {
    margin-top: 0;
  }
}

.a-section.--blackBackground {
  background: #000;
  color: #fff;
}

.a-section.--noMarginV {
  margin-bottom: 0;
  margin-top: 0;
}

.a-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Geometria Bold';
  font-weight: 700;
  height: 3.5rem;
  flex: 1 1 20px;
  padding: 5px 33px;
  border: 2px solid #000;
  color: #000;
  margin: 0 5px 0 10px;
  background: #fff;
}

.a-image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.m-navbar {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex: 0.8;
  transition: 0.3s ease-in-out;
}

.m-navbar.--mobile {
  display: none;
}

@media (max-width: 767px) {
  .m-navbar.--mobile {
    display: flex;
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background: #000;
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    padding: 5rem 0;
    opacity: 0;
  }
}

.m-navbar.--active {
  left: 0;
  opacity: 1;
  transition: 0.3s ease-in-out;
}

.m-navbar__item {
  color: #000;
  text-decoration: none;
  font-family: 'Geometria Bold';
  font-weight: 700;
}

@media (max-width: 767px) {
  .m-navbar__item {
    margin: 2rem 0;
    color: #fff;
    font-weight: bold;
  }
}

.m-navbar__item.--close {
  position: absolute;
  top: 1rem;
  right: 2rem;
}

@media (min-width: 1024px) {
  .m-navbar__item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 20px 0;
    flex: 1 1;
    transition: 0.3s ease-in-out;
  }
  .m-navbar__item.--press {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 20px 0;
    flex: 0.5 1;
    transition: 0.3s ease-in-out;
  }
  .m-navbar__item:hover {
    background: #000;
    transition: 0.3s ease-in-out;
    color: #fff;
  }
}

.m-navbar__item rect {
  transition: 0.3s ease-in-out;
  fill: #fff;
}

.m-navbar__item path {
  transition: 0.3s ease-in-out;
  fill: #000;
}

.m-navbar__item:hover rect {
  fill: #000;
  transition: 0.3s ease-in-out;
}

.m-navbar__item:hover path {
  transition: 0.3s ease-in-out;
  fill: #fff;
}

@media (min-width: 1366px) {
  .m-navbar__item {
    padding: 20px 10px;
  }
}

.m-navbar.--pressKit {
  position: relative;
  flex: 1;
}

@media (min-width: 1366px) {
  .m-navbar.--pressKit {
    width: 200px;
    flex: unset;
  }
}

.m-navbar.--pressKit .m-navbar__item {
  color: #000;
}

@media (min-width: 768px) {
  .m-navbar.--pressKit .m-navbar__item:hover {
    color: #fff;
  }
}

.m-languagebar {
  display: flex;
  left: -100%;
  flex: 0.8;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  z-index: 10;
  padding: 5rem 0;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease-in-out;
}

.m-languagebar.--active {
  display: flex;
  left: 0;
  opacity: 1;
}

.m-languagebar__item {
  color: #000;
  text-decoration: none;
  font-family: 'Geometria Bold';
  font-weight: 700;
}

@media (max-width: 767px) {
  .m-languagebar__item {
    margin: 2rem 0;
    color: #fff;
    font-weight: bold;
  }
}

@media (min-width: 768px) {
  .m-languagebar__item {
    margin: 2rem 0;
    color: #fff;
    font-weight: bold;
  }
}

.m-languagebar__item.--close {
  position: absolute;
  top: 1rem;
  right: 2rem;
}

@media (min-width: 768px) {
  .m-languagebar__item {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out;
  }
}

.m-languagebar__item:hover {
  background: #000;
  transition: 0.3s ease-in-out;
  color: #fff;
}

.m-languagebar__item rect {
  transition: 0.3s ease-in-out;
  fill: #fff;
}

.m-languagebar__item path {
  transition: 0.3s ease-in-out;
  fill: #000;
}

.m-languagebar__item:hover rect {
  fill: #000;
  transition: 0.3s ease-in-out;
}

.m-languagebar__item:hover path {
  transition: 0.3s ease-in-out;
  fill: #fff;
}

.m-container {
  display: flex;
  flex-direction: column;
  position: relative;
}

.m-container.--offset {
  margin: 0 0 0 0.625rem;
  box-shadow: -10px 10px 0px #000;
}

.m-container.--offsetTop {
  margin: 20px 0 0 0.625rem;
  box-shadow: -10px -10px 0px #000;
}

.m-container.--ourGames {
  border: 2px solid #fff;
  box-shadow: -10px 10px 0 #000;
  background: #000;
  margin: 20px 0 20px 0.625rem;
}

.m-container__decoBottomCenter {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 172px;
}

@media (min-width: 1366px) {
  .m-container__decoBottomCenter {
    width: 350px;
  }
}

.m-container__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .m-container__row {
    height: 100%;
  }
}

.m-container__column {
  display: flex;
  flex-direction: column;
  padding: 1.75rem 1.75rem 3.5rem 1.75rem;
  flex: 1;
  border: 2px solid #000;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .m-container__column {
    padding: 3.75rem 4rem 3.75rem 4rem;
  }
}

.m-container__column.--decoUpperRight::after {
  content: url("../images/decoUpperRight.svg");
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: -1;
}

@media (min-width: 1366px) {
  .m-container__column.--decoUpperRight::after {
    content: url("../images/decoUpperRightBig.svg");
  }
}

.m-container__column.--decoUpperRightWhite::after {
  content: url("../images/decoUpperRightWhite.svg");
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

@media (min-width: 1366px) {
  .m-container__column.--decoUpperRightWhite::after {
    content: url("../images/decoUpperRightWhiteBig.svg");
    transform: rotate(270deg);
  }
}

.m-container__column.--decoUpperLeft::before {
  content: url("../images/decoUpperLeft.svg");
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: -1;
}

@media (min-width: 1366px) {
  .m-container__column.--decoUpperLeft::before {
    content: url("../images/decoUpperRightBig.svg");
    transform: rotate(270deg);
    top: -4px;
    left: 0;
  }
}

.m-container__column.--decoBottomCenter::before {
  content: url("../images/decoBottomCenter.svg");
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 172px;
}

@media (min-width: 1366px) {
  .m-container__column.--decoBottomCenter::before {
    content: url("../images/decoBottomCenterBig.svg");
    width: 350px;
    height: 12px;
    bottom: 0px;
  }
}

.m-container__column.--equalPadding {
  padding: 2rem;
}

.m-container__column.--centeredItems {
  justify-content: center;
  align-items: center;
}

.m-container__column.--robotContainer {
  position: relative;
  flex: unset;
  width: 100%;
}

@media (max-width: 767px) {
  .m-container__column.--robotContainer {
    height: 400px;
  }
}

@media (min-width: 768px) {
  .m-container__column.--robotContainer {
    flex: 1 1;
    border-right: 0;
  }
}

.m-container__column.--companyName {
  background: #fff;
  position: relative;
  align-items: flex-start;
  z-index: 1;
}

@media (min-width: 1366px) {
  .m-container__column.--companyName {
    height: 650px;
    flex: 1.5 1.5;
  }
}

.m-container__column.--ourGames {
  border: none;
}

@media (min-width: 768px) {
  .m-container__column.--ourGames::after {
    content: url("../images/decoUpperRightWhite.svg");
    position: absolute;
    top: -4px;
    left: 0px;
    transform: rotate(270deg);
    z-index: -1;
  }
}

@media (min-width: 768px) and (min-width: 1366px) {
  .m-container__column.--ourGames::after {
    content: url("../images/decoUpperRightWhiteBig.svg");
    transform: rotate(270deg);
  }
}

.m-container__column.--ourGames::before {
  content: url("../images/decoUpperRightWhite.svg");
  position: absolute;
  top: -1px;
  right: -1px;
}

@media (min-width: 1366px) {
  .m-container__column.--ourGames::before {
    content: url("../images/decoUpperRightWhiteBig.svg");
    top: -2px;
    right: -2px;
    z-index: -1;
  }
}

@media (min-width: 768px) {
  .m-container__column.--robots {
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
  }
}

@media (min-width: 1024px) {
  .m-container__column.--robots {
    padding-right: 10rem;
    padding-left: 10rem;
  }
}

@media (min-width: 1366px) {
  .m-container__column.--robots {
    align-items: center;
    padding: 7.5rem 15rem;
  }
}

@media (min-width: 1920px) {
  .m-container__column.--robots {
    padding: 7.5rem 25rem;
  }
}

.m-container__column.--bottomFooter {
  flex-direction: row;
  justify-content: space-around;
  padding: unset;
  border: unset;
  order: 1;
}

@media (max-width: 767px) {
  .m-container__column.--bottomFooter {
    flex: auto;
    text-align: center;
  }
  .m-container__column.--bottomFooter:first-child {
    order: 2;
  }
  .m-container__column.--bottomFooter:last-child {
    order: 1;
    margin-bottom: 1rem;
  }
}

.m-game {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-left: 10px;
  gap: 10px;
}

@media (min-width: 1024px) {
  .m-game {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
  }
}

.m-game__item {
  padding-bottom: 1.7rem;
  padding-bottom: 3.75rem;
  box-shadow: -15px 5px 0px -5px #000;
  background: #000;
}

.m-game__item.--empty {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media (max-width: 1024px) {
  .m-game__item.--empty {
	   display: none;
  }
}

.m-game__header {
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
}

.m-game__image {
  width: 100%;
  border: 2px solid #000;
  background: #000;
  position: relative;
  top: 0px;
  left: 0px;
}

.m-game__logo{
  position: absolute;
  z-index: 1;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  top: 70%;
  left: 5%;
}

.m-game__logo_wide{
  position: absolute;
  z-index: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 55%;
  top: 50%;
  left: 2%;
}


@media (min-width: 1024px) {
  .m-game__image {
    height: 310px;
    object-fit: cover;
  }
}

@media (min-width: 1366px) {
  .m-game__image {
    height: 386px;
  }
}

@media (min-width: 1920px) {
  .m-game__image {
    min-height: 500px;
  }
}

@media (min-width: 2520px) {
  .m-game__image {
    height: 1000px;
  }
}

.m-game__title {
  display: flex;
  flex: 1 1 100%;
  justify-content: center;
  margin: 1.875rem 0;
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
  text-underline-offset: 6px;
  color: #fff;
}

.m-game__title:hover {
  transition: 0.3s ease-in-out;
  text-decoration: underline;
}

@media (max-width: 767px) {
  .m-game__title {
    text-align: center;
    padding: 0 1rem;
  }
}

@media (min-width: 768px) {
  .m-game__title {
    font-size: 2rem;
    line-height: 32px;
  }
}

.m-game__link {
  display: block;
  text-decoration: none;
}

.m-game__buttonWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

@media (min-width: 768px) {
  .m-game__buttonWrapper {
    justify-content: center;
  }
}

.m-game__button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Geometria Bold';
  font-weight: 700;
  text-align: center;
  height: 3.7rem;
  flex: 1 1;
  padding: 5px 33px;
  border: 2px solid #000;
  color: #000;
  margin: 0 5px 0 10px;
  max-width: 180px;
  background: #fff;
  text-decoration: none;
}

.m-game__button:last-child {
  margin: 0 10px 0 5px;
}

.m-game__button:hover {
  background: #000;
  border: 2px solid #fff;
  transition: 0.3s ease-in-out;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 767px) {
  .m-game__button {
    margin: 0 10px 0 5px;
    padding: 5px 20px;
    max-width: unset;
  }
}

.m-faces {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  flex-direction: row;
  flex-wrap: wrap;
  background: #000;
  border: 2px solid #000;
}

@media (min-width: 768px) {
  .m-faces {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 1440px) {
  .m-faces {
    grid-template-columns: repeat(7, 1fr);
  }
}

.m-faces__item {
  display: flex;
  position: relative;
  flex: 1 1;
  background: #000;
}

.m-faces__item:hover .m-faces__description {
  transition: 0.3s ease-in-out;
  opacity: 1;
}

@media (max-width: 767px) {
  .m-faces__item:nth-child(2n) {
    padding-left: 0;
  }
}

.m-faces__item.--empty {
  justify-content: center;
  align-items: center;
}

@media (max-width: 1439px) {
  .m-faces__item.--empty {
    display: none;
  }  
}

@media (min-width: 1440px) {
  .m-faces__item.--empty {
    display: flex;
  }  
}

.m-faces__imageWrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex: 1 1;
  background: #fff;
  padding: 20px 20px 0 20px;
}

.m-faces__image {
  width: 100%;
  object-fit: contain;
  background: #fff;
  max-height: 205px;
}

@media (min-width: 1440px) {
  .m-faces__image {
    max-height: 250px;
  }
}

@media (min-width: 2520px) {
  .m-faces__image {
    max-height: 350px;
  }
}

.m-faces__description {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0.9rem;
  background: #000;
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.m-faces__hr {
  width: 100%;
  background: #fff;
}

@media (min-width: 1024px) {
  .m-faces__role {
    font-size: 1rem;
  }
}

@media (min-width: 1024px) {
  .m-faces__name {
    font-size: 1.5rem;
    line-height: 30.19px;
  }
}

.m-faces__social {
  font-weight: bold;
}

@media (min-width: 1024px) {
  .m-faces__social {
    font-size: 1rem;
  }
}

.m-newsletter__title {
  font-size: 2rem;
}

@media (min-width: 1366px) {
  .m-newsletter__title {
    font-size: 3rem;
  }
}

.m-newsletter__input {
  margin: 2rem 0 0.875rem 0;
  border: 2px solid white;
  height: 3.5rem;
  background: transparent;
  padding: 0 1rem;
  color: #fff;
  width: 100%;
  font-size: 1rem;
}

.m-newsletter__input::placeholder {
  color: #fff;
}

.m-newsletter__description {
  display: flex;
  color: #fff;
  font-size: 1rem;
  line-height: 20.13px;
}

.m-project__description {
  display: flex;
  color: #fff;
  font-size: 1rem;
  line-height: 20.13px;
  margin-left: 25px;
  margin-right: 10px;
}

.m-project__title {
  display: flex;
  color: #fff;
  font-size: 1.35rem;
  line-height: 20.13px;
  margin-left: 25px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-weight: bold;
}

.m-project__title.--empty {
  font-size: 1.75rem;
}

@media (min-width: 1366px) {
  .m-newsletter__description {
    font-size: 1.5rem;
    line-height: 30.19px;
  }
}

.m-newsletter__tos {
  color: #fff;
}

@media (min-width: 1366px) {
  .m-newsletter__tos {
    font-size: 1rem;
  }
}

.m-newsletter__button {
  min-width: 155px;
  height: 3.5rem;
  flex: 1 1 3.5rem;
  transition: 0.3s ease-in-out;
  margin: 0.875rem 0 2rem 0;
}

.m-newsletter__button:hover {
  background: #000;
  color: #fff;
  cursor: pointer;
  border: 2px solid #fff;
  transition: 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .m-newsletter__button {
    flex: unset;
    max-width: 200px;
  }
}

@media (min-width: 1024px) {
  .m-newsletter__button {
    width: 180px;
  }
}

@media (min-width: 1366px) {
  .m-newsletter__button {
    flex: unset;
  }
}

@media (max-width: 767px) {
  .m-newsletter__recaptcha {
    width: auto;
  }
  .m-newsletter__recaptcha > div {
    width: 100% !important;
  }
  .m-newsletter__recaptcha iframe {
    width: 100%;
  }
}

.m-tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
}

.m-tabs__item.--active {
  transition: 0.3s ease-in-out;
}

.m-tabs__item.--active .m-tabs__header {
  background: #000;
  color: #fff;
}

.m-tabs__item.--active .m-tabs__body {
  height: auto;
  padding: 1.875rem;
  transition: 0.3s ease-in-out;
  border-bottom: 2px solid #000;
}

.m-tabs__item.--active .m-tabs__body.--noPadding {
  padding: 0;
}

.m-tabs__item:first-child {
  border-top: 2px solid #000;
}

.m-tabs__item:last-child {
  border-bottom: 2px solid #000;
}

.m-tabs__header {
  border-top: 0px solid #000;
  border-bottom: 2px solid #000;
  cursor: pointer;
}

.m-tabs__header:hover {
  background: #000;
  color: #fff;
  transition: 0.3s ease-in-out;
}

.m-tabs__title {
  margin-bottom: 0;
  padding: 0.875rem 2rem;
}

@media (min-width: 768px) {
  .m-tabs__title {
    font-size: 2rem;
  }
}

@media (min-width: 1366px) {
  .m-tabs__title {
    font-size: 3rem;
  }
}

.m-tabs__body {
  height: 0;
  overflow: hidden;
  transition: 0.3s ease-in-out;
  padding: 0 2rem;
}

.m-tabs__body > .a-text {
  font-size: 1rem;
  margin-bottom: 0.875rem;
}

.m-tabs__body > .a-text:last-child {
  margin-bottom: 0;
}

@media (min-width: 1366px) {
  .m-tabs__body > .a-text {
    font-size: 1rem;
    margin-bottom: 0.875rem;
  }
  .m-tabs__body > .a-text:last-child {
    margin-bottom: 0;
  }
  .m-tabs__body > .--bigger {
    font-size: 1.5rem;
  }
}

.m-tabs__logos {
  display: flex;
  flex-wrap: wrap;
}

.m-tabs__logoWrapper {
  flex: 1 1;
  padding: 4rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .m-tabs__logoWrapper {
    padding: 2rem 2rem;
  }
}

@media (min-width: 1024px) {
  .m-tabs__logoWrapper {
    padding: 3rem 3rem;
  }
}

@media (min-width: 1366px) {
  .m-tabs__logoWrapper {
    padding: 4rem 4rem;
  }
}

.m-tabs__logoWrapper > .a-text {
  margin-bottom: 4rem;
}

.m-tabs__logoWrapper.--white {
  background: #fff;
}

.m-tabs__logoWrapper.--black {
  background: #000;
}

.m-form {
  display: flex;
  flex-direction: column;
}

.o-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 2px solid #000;
  padding: 0 0.65rem;
  margin-bottom: 3.5rem;
}

@media (min-width: 1024px) {
  .o-nav {
    margin-bottom: 0.675rem;
    padding: 0 1.25rem;
  }
}

.o-nav__mobileMenu {
  display: none;
  justify-content: space-between;
  align-items: center;
  flex: 1 1;
  margin-left: 4rem;
  margin-right: 1.5rem;
}

@media (max-width: 767px) {
  .o-nav__mobileMenu {
    margin-left: 2rem;
    margin-right: unset;
    justify-content: space-between;
  }
}

.o-nav__menuButton.--press {
  margin-bottom: 5px;
}

.o-nav__menuButton.--menu {
  margin-top: 3px;
}

.o-nav__languageButton {
  margin-bottom: 2px;
}

.o-nav__mobileMenu > a {
  font-weight: bold;
}

.o-nav__mobileLangMenu {
  display: none;
  justify-content: space-between;
  align-items: center;
  flex: 1 1;
  margin-left: 4rem;
  margin-right: 1.5rem;
}

@media (max-width: 767px) {
  .o-nav__mobileLangMenu {
    margin-left: 2rem;
    margin-right: unset;
    justify-content: space-around;
  }
}

.o-nav__mobileLangMenu > a {
  font-weight: bold;
}

.o-nav__logo.--home {
  background: #000;
}

@media (min-width: 1366px) {
  .o-nav__navbar {
    margin-left: 20%;
  }
}

.o-footer {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .o-footer {
    display: flex;
    flex-direction: row;
  }
}

.o-footer__newsletter {
  display: flex;
  flex-direction: column;
  background: #000;
  color: #fff;
  padding: 3.5rem 2rem;
}

@media (min-width: 768px) {
  .o-footer__newsletter {
    flex: 1 1;
  }
}

@media (min-width: 1024px) {
  .o-footer__newsletter {
    padding: 3.5rem;
    justify-content: space-between;
  }
}

@media (min-width: 1366px) {
  .o-footer__newsletter {
    padding: 7.5rem 3.5rem;
  }
}

.o-project__socialMediaWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.75rem;
}

@media (min-width: 768px) {
  .o-project__socialMediaWrapper {
    align-items: center;
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1366px) {
  .o-project__socialMediaWrapper {
    margin-bottom: 5.5rem;
  }
}

.o-project__socialMediaIcons {
  width: 100%;
  padding-right: 20px;
  padding-left: 10px;
}

.o-project__socialMediaIconsClamp {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 10px;
}

@media (min-width: 1024px) {
  .o-project__socialMediaIcons {
    width: unset;
  }
}

.o-project__socialMediaIcons a {
  text-decoration: none;
}

.o-project__socialMediaIcon {
  height: 36px;
  width: 36px;
  filter: invert(0);
  transition: 0.3s ease-in-out;
  z-index: 5;
  margin-left: 10px;
  margin-right: 10px;
}

.o-project__socialMediaIcon:hover {
  cursor: pointer;
  filter: invert(1);
  transition: 0.3s ease-in-out;
}

@media (min-width: 768px) {
  .o-project__socialMediaIcon {
    width: 42px;
    height: 42px;
  }
}

@media (min-width: 1024px) {
  .o-project__socialMediaIcon {
    width: 59px;
    height: 59px;
    margin-left: 20px;
  }
}

.o-project__socialMediaIconBig {
  height: 50px;
  width: 50px;
  filter: invert(0);
  transition: 0.3s ease-in-out;
  z-index: 5;
  margin-left: 10px;
  margin-right: 10px;
}

.o-project__socialMediaIconBig:hover {
  cursor: pointer;
  filter: invert(1);
  transition: 0.3s ease-in-out;
}

@media (min-width: 768px) {
  .o-project__socialMediaIconBig {
    width: 50px;
    height: 50px;
  }
}

@media (min-width: 1024px) {
  .o-project__socialMediaIconBig {
    width: 75px;
    height: 75px;
	margin-top: 40px;
    margin-left: 20px;
  }
}

.o-footer__socialMediaWrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.75rem;
}

@media (min-width: 768px) {
  .o-footer__socialMediaWrapper {
    align-items: center;
    margin-bottom: 1.875rem;
  }
}

@media (min-width: 1366px) {
  .o-footer__socialMediaWrapper {
    margin-bottom: 5.5rem;
  }
}

.o-footer__socialMediaIcons {
  width: 100%;
}

@media (min-width: 1024px) {
  .o-footer__socialMediaIcons {
    width: unset;
  }
}

.o-footer__socialMediaIcons a {
  text-decoration: none;
}

.o-footer__socialMediaIcon {
  height: 36px;
  width: 36px;
  filter: invert(0);
  transition: 0.3s ease-in-out;
  z-index: 5;
}

.o-footer__socialMediaIcon:hover {
  cursor: pointer;
  filter: invert(1);
  transition: 0.3s ease-in-out;
}

@media (min-width: 768px) {
  .o-footer__socialMediaIcon {
    width: 42px;
    height: 42px;
  }
}

@media (min-width: 1024px) {
  .o-footer__socialMediaIcon {
    width: 59px;
    height: 59px;
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .o-footer__star {
    margin-bottom: 1.75rem;
  }
}

@media (min-width: 1366px) {
  .o-footer__star {
    margin-bottom: unset;
  }
}

.o-footer__hr {
  color: #000;
  width: 100%;
  border: 1px solid #000;
  margin: 1rem 0;
}

.o-footer__contact {
  height: auto;
  background: #fff;
}

@media (max-width: 767px) {
  .o-footer__contact {
    margin: 0 0 0 0.625rem !important;
  }
}

@media (min-width: 768px) {
  .o-footer__contact {
    display: flex;
    flex: 2 2;
    margin-top: 0 !important;
    transform: translateY(10px);
  }
}

.o-footer__text {
  font-size: 0.875rem;
}

@media (min-width: 1366px) {
  .o-footer__text {
    font-size: 1rem;
  }
}

.o-footer__text.--big {
  font-size: 1rem;
}

@media (min-width: 1366px) {
  .o-footer__text.--big {
    font-size: 1.5rem;
    line-height: 35.19px;
  }
}

@media (min-width: 1366px) {
  .o-footer__contactWrapper {
    padding: 7.5rem 3.5rem;
  }
}

.o-presskit {
  display: flex;
}

@media (max-width: 767px) {
  .o-presskit {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .o-presskit {
    flex-direction: row;
  }
}

.o-presskit__leftColumn {
  height: 100%;
}

@media (min-width: 1024px) {
  .o-presskit__leftColumn {
    flex: 1 1;
  }
}

@media (min-width: 1024px) {
  .o-presskit__rightColumn {
    flex: 2 2;
  }
}

@media (min-width: 768px) {
  .o-presskit__factsheetTitle {
    font-size: 2rem;
    margin-bottom: 0.685rem;
  }
}

@media (min-width: 1366px) {
  .o-presskit__factsheetTitle {
    font-size: 3rem;
  }
}

.o-presskit__column {
  padding: 1.875rem;
}

.o-presskit__hr {
  border: 1px solid #000;
  margin-bottom: 1.875rem;
}

.o-presskit__galleryHeader {
  margin: 1rem 0;
}

@media (min-width: 1024px) {
  .o-presskit__galleryHeader {
    margin: 3rem 0;
  }
}

.o-presskit__galleryTitle {
  font-size: 1rem;
  text-decoration: underline;
  font-weight: 400;
  text-underline-offset: 3px;
}

.o-presskit__galleryList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}

@media (min-width: 1024px) {
  .o-presskit__galleryList.--gameGallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

.o-presskit__image {
  width: 100%;
  height: auto;
  line-height: 150px;
  background: #EC985A;
  color: white;
  margin: 0 1rem 1rem 0;
  text-align: center;
  font-family: system-ui;
  font-weight: 900;
  font-size: 2rem;
  flex: 1 0 auto;
  object-fit: cover;
}

.o-presskit__image div:nth-child(1) {
  width: 168px;
}

.o-presskit__image div:nth-child(2) {
  width: 447px;
}

.o-presskit__image div:nth-child(3) {
  width: 446px;
}

.o-presskit__image div:nth-child(4) {
  width: 178px;
}

.o-presskit__image div:nth-child(5) {
  width: 225px;
}

.o-presskit__image div:nth-child(6) {
  width: 324px;
}

.o-presskit__image div:nth-child(7) {
  width: 468px;
}

.o-presskit__image div:nth-child(8) {
  width: 193px;
}

.o-presskit__image div:nth-child(9) {
  width: 251px;
}

.o-presskit__image div:nth-child(10) {
  width: 303px;
}

.o-presskit__image div:nth-child(11) {
  width: 151px;
}

.o-presskit__image div:nth-child(12) {
  width: 357px;
}

.o-presskit__image div:nth-child(13) {
  width: 87px;
}

.o-presskit__image div:nth-child(14) {
  width: 321px;
}

.o-presskit__image div:nth-child(15) {
  width: 370px;
}

.o-presskit__image div:nth-child(16) {
  width: 342px;
}

.o-presskit__image div:nth-child(17) {
  width: 419px;
}

.o-presskit__image div:nth-child(18) {
  width: 188px;
}

.o-presskit__image div:nth-child(19) {
  width: 395px;
}

.o-presskit__image div:nth-child(20) {
  width: 193px;
}

.o-presskit__image div:nth-child(21) {
  width: 181px;
}

.o-presskit__image div:nth-child(22) {
  width: 109px;
}

.o-presskit__image div:nth-child(23) {
  width: 144px;
}

.o-presskit__image div:nth-child(24) {
  width: 127px;
}

.o-presskit__image div:nth-child(25) {
  width: 353px;
}

.o-presskit__image div:nth-child(26) {
  width: 383px;
}

.o-presskit__image div:nth-child(27) {
  width: 253px;
}

.o-presskit__image div:nth-child(28) {
  width: 423px;
}

.o-presskit__image div:nth-child(29) {
  width: 73px;
}

.o-presskit__image div:nth-child(30) {
  width: 232px;
}

.o-presskit__image div:nth-child(31) {
  width: 81px;
}

.o-presskit__image div:nth-child(32) {
  width: 466px;
}

.o-presskit__image div:nth-child(33) {
  width: 449px;
}

.o-presskit__image div:nth-child(34) {
  width: 313px;
}

.o-presskit__image div:nth-child(35) {
  width: 259px;
}

.o-presskit__image div:nth-child(36) {
  width: 163px;
}

@media (min-width: 1366px) {
  .o-presskit__image {
    width: auto;
    height: 240px;
  }
}

@media (min-width: 1440px) {
  .o-presskit__image {
    height: 200px;
  }
}

.o-presskit__image.--gameImage {
  width: 100%;
  margin: unset;
}

.o-presskit__header {
  margin-bottom: 1rem;
}

.o-presskit__list {
  margin-left: 20px;
}

.o-presskit__listItem {
  margin-bottom: 1rem;
}

.o-presskit__videoWrapper {
  margin-bottom: 1rem;
}

.o-presskit__video {
  aspect-ratio: 16/9;
  width: 100%;
}

.o-cookieModal {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
}

.o-cookieModal.--active {
  display: flex;
}

.o-cookieModal__body {
  width: 100%;
  background: #fff;
  padding: 4rem;
  z-index: 1000;
  position: relative;
  border: 2px solid #000;
}

@media (max-width: 767px) {
  .o-cookieModal__body {
    height: 100%;
    padding: 2rem;
    overflow-y: scroll;
  }
}

.o-cookieModal__body.--decoUpperRight::after {
  content: url("../images/decoUpperRight.svg");
  position: absolute;
  top: -2px;
  right: -2px;
  z-index: -1;
}

@media (min-width: 1366px) {
  .o-cookieModal__body.--decoUpperRight::after {
    content: url("../images/decoUpperRightBig.svg");
  }
}

.o-cookieModal__body.--decoUpperLeft::before {
  content: url("../images/decoUpperLeft.svg");
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: -1;
}

@media (min-width: 1366px) {
  .o-cookieModal__body.--decoUpperLeft::before {
    content: url("../images/decoUpperRightBig.svg");
    transform: rotate(270deg);
    top: -4px;
    left: 0;
  }
}

.o-cookieModal__item {
  display: grid;
  grid-template-columns: 11fr 1fr;
  align-items: center;
  gap: 1rem;
}

.o-cookieModal__input {
  width: 32px;
  height: 32px;
  accent-color: #000;
}

.o-cookieModal__settings {
  display: none;
  grid-template-columns: 1fr;
  gap: 1rem;
}

.o-cookieModal__intro {
  display: block;
}

.o-cookieModal__footer {
  display: grid;
  grid-template-columns: 1;
  gap: 1rem;
  align-items: center;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .o-cookieModal__footer {
    grid-template-columns: repeat(3, 1fr);
  }
}

.o-cookieModal__button {
  transition: 0.3s ease-in-out;
  width: 100%;
}

.o-cookieModal__button:hover {
  background: #000;
  color: #fff;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

@media (max-width: 767px) {
  .o-cookieModal__button {
    margin-bottom: 1rem;
  }
}

.o-cookieModal__button.--accept {
  font-weight: 900;
}
