@import url(https://db.onlinewebfonts.com/c/6b4314492a871720b781b3fd405aa079?family=Dax-Black);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

@font-face {
    font-family: "Dax-Black";url('fonts/DaxBlack.ttf');
    src: url("https://db.onlinewebfonts.com/t/6b4314492a871720b781b3fd405aa079.eot");
    src: url("https://db.onlinewebfonts.com/t/6b4314492a871720b781b3fd405aa079.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/6b4314492a871720b781b3fd405aa079.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/6b4314492a871720b781b3fd405aa079.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/6b4314492a871720b781b3fd405aa079.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/6b4314492a871720b781b3fd405aa079.svg#Dax-Black")format("svg");
	
}
@import url(https://db.onlinewebfonts.com/c/87658b33c80e7aaf04b2e7e2bb1f7e13?family=Dax-Medium);
@font-face {
    font-family: "Dax-Medium";url("fonts/Dax-Medium.otf");
    src: url("https://db.onlinewebfonts.com/t/87658b33c80e7aaf04b2e7e2bb1f7e13.eot");
    src: url("https://db.onlinewebfonts.com/t/87658b33c80e7aaf04b2e7e2bb1f7e13.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/87658b33c80e7aaf04b2e7e2bb1f7e13.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/87658b33c80e7aaf04b2e7e2bb1f7e13.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/87658b33c80e7aaf04b2e7e2bb1f7e13.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/87658b33c80e7aaf04b2e7e2bb1f7e13.svg#Dax-Medium")format("svg");
	
}
html {
  scroll-behavior: smooth;
  
}
 body {
	  background-color:#6dcbf0;
	  margin:0px;padding:0px;
	  font-family: Arial, sans-serif;
	  font-size:14px;
	  color:#fff;
	 
  }
a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}
a:visited, a:link {color:#6dcbf0;}
a:hover, a:active {color:#fff;}
.menu-link a:visited, a:link {color:#fff;}
.menu-link a:hover, a:active {color:#fff;}

  h1, h2, h3 {font-family: "Dax-Black","Montserrat", cursive;}
  h4 {font-family: "Dax-Medium","Montserrat", cursive;}
  h1 {font-size:60px;color:#000;line-height:60px;margin:0px;}
  h2 {font-size:32px;margin:18px 0 0 0;line-height:32px;}
  h3 {font-size:20px;margin:16px 0 0 0;line-height:24px;}
  h4 {font-size:18px;margin:16px 0 0 0;line-height:20px;}
  p {line-height: 1.5;}
  b {color:#6dcbf0;}
  nav {
	  position:fixed; top:0px; left:0px; height:96px; width:100%; margin:0px;z-index:99;color:#fff;display: flex;justify-content:space-between;align-items:center;
background-color: rgba(0, 0, 0, 0.5);
  }
  section {position:relative;width:100%;margin:0px;}
  footer {position:relative;background-color:black;margin:0px;padding-bottom:40px;}
/*===BUTTON===*/ 
.button {position:relative;width:200px;background-color:#fff;height:47px;clip-path: polygon(100% 0, 100% 80%, 95% 100%, 0 100%, 0 0%);} 
.button h3 {position:relative;color:#000;text-align:center;line-height:47px;z-index:2;}
.button > div {position:absolute;top:0px;left:0px;width:10px;height:47px;background-color:#6dcbf0;z-index:0;}
.button:hover div {    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    width:100%;}
/*-----------------------*/
.video-dlc {background-image: url("img/DLC.jpg");}
.description {min-height:200px;}
.gallery {height:200px;}
.crab {height:200px;}

/*======= MENU ====*/
.logo {height:120px;display: inline-block;padding-top:80px;margin-left:100px;background-color:#000;}
.logo img {max-height:110px;}
.logo:hover {background-color:#6dcbf0;}
.menu-link {display:inline-block;font-family: "Dax-Black","Montserrat", sans-serif;font-size:18px;margin-right:100px;display: flex;
  flex-wrap: wrap;}
.menu-link a {}
.menu-link a div {background-color:;height:64px;padding-left:10px; padding-right:10px;padding-top:42px;}
.menu-link a div:hover {color:#6dcbf0;background-color: rgba(0, 0, 0, 0.1);height:60px;border-bottom: 4px solid #6dcbf0;}
.menu-link a .ico:hover  {height:64px;border-bottom: 0px solid #fff;}
.mobile {display:none;}
.mobile div {background-image: url("img/mobBtn1.png");background-size: cover;background-position:center;}
.mobile:hover div {background-image: url("img/mobBtn2.png");}
.cross div {background-image: url("img/cross1.png");background-size: cover;background-position:center;}
.cross:hover div {background-image: url("img/cross2.png");}
/*=======MOBILE-MENU=========*/
.mobilemenu {display:flex;justify-content:center;flex-direction:column-reverse;}
.mobilemenu .mobilemenuicon {display:flex;justify-content:center;flex-direction:row;}
.mobilemenuicon a {width:50px;}
.mobilemenuicon a div {height:80px;}
.mobilemenu a {text-align:center;padding-top:20px;}
/*-------icony-----*/
.ico {width:30px;background-size: 70%;background-position:center;background-repeat: no-repeat;}
.ico1 {background-image: url("img/icons/twitter.png");}
.ico1:hover {background-image: url("img/icons/twitter2.png");}
.ico2 {background-image: url("img/icons/facebook.png");}
.ico2:hover {background-image: url("img/icons/facebook2.png");}
.ico3 {background-image: url("img/icons/linkedin.png");}
.ico3:hover {background-image: url("img/icons/linkedin2.png");}
.ico4 {background-image: url("img/icons/discord.png");}
.ico4:hover {background-image: url("img/icons/discord2.png");}
.ico5 {background-image: url("img/icons/europ.png");}
.ico5:hover {background-image: url("img/icons/europ2.png");}
.mobilemenuicon .ico {width:40px;}
/*====== VIDEO =====
.play-btn {position:absolute; top:50%; left:0px;right:0px; margin:auto; height:150px; width:150px; background-image: url("img/play2.png");background-size: cover;background-position:center;}
.play-btn:hover { background-image: url("img/play1.png");-webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.3s ease-in-out;}*/
.video {height:100%;width:100%;display: flex; justify-content: center;overflow: hidden;background-color:#000;}
.video video {width:100%;}
.video .title {position:absolute; top:350px;left:100px;text-align:left;width:50%;}
.video .title h1 {font-size:160px;line-height:132px;margin-bottom:5px;color:#fff;}
.video .title p {margin-top:5px;}
/*======GAMES=====*/
.games {max-width:100%;}

.gamesBg {position:relative;top:0px;max-width:100%;min-height:750px;padding-bottom:50px;} /*clip-path: polygon(47% 40px, 100% 0, 100% 100%, 0 100%, 0 0%);*/
.gamesBg2 {position:absolute;top:-50px;width:100%;min-height:100%;padding-bottom:50px;background-color:;clip-path: polygon(47% 40px, 100% 0, 100% 100%, 0 100%, 0 0%);}
.games-bg-opacity{position:absolute;width:100%;height:100%;background-image: url("img/background.jpg");background-size: cover;background-position:center;background-attachment: fixed;}

.games-penal {position:relative;background-color:;top:100px;width:1580px;min-height:650px;margin:auto;left:0px; rigth:0px;display:flex;justify-content:center;flex-wrap:wrap;margin-bottom: 100px;}
.games-tab {position:relative;top:10px;width:350px;height:500px;margin:20px 20px;background-color: rgba(0, 0, 0, 0.5);}
.gametext {position:relative;top:70px;left:80px;width:50%;}
.gametext h1 {color:#fff;}
.gametext h1 b {color:#000;}
.bluetxt h1 b {color:#6dcbf0;}
.allcarts-h3 {color:#fff;margin:6px;}
.allcarts-h4 {font-size:16px;color:#888;margin:5px;}
/*======DISCRIPTION=====*/
.description {display:flex;justify-content:center;flex-wrap:wrap;padding-top:150px;clip-path: polygon(47% 6%, 100% 0, 100% 100%, 0 100%, 0 3%);top:-100px;}
.description-bg {position:absolute;width:100%;min-height:1500px;background-image: url("img/backbround3.jpg");background-size: cover;background-position:center;z-index:-1;top:-150px;}
.left-text {width:500px;padding:20px;background-color:;height:200px;}
.left-text img {left:auto;right:20px;top:-20px;width:400px;}
.right-text {width:800px;min-height:100px;background-color:;text-align:right;}
.paddingBttom {padding-bottom:150px;}
.right-text h2 {color:#fff;}
.right-text h4 {color:#000;}

.right-text img {width:700px;margin-left:-100px;}
/*====== GALLERY=======*/
.gallery {display:flex;justify-content:center;}
.in-gallery {width:1600px;min-height:200px;background-color:;display:flex;justify-content:center;align-items:center;}
.in-gallery img {width:200px;padding:0px 10px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;}
.in-gallery img:hover {width:220px;}
/*====== Press =====*/
.pressInfo {background-color:#6dcbf0;padding:150px 0px 150px 0px;} /*{background-image: url("img/backbround2.png");background-size: cover;padding:150px 0px 150px 0px;background-color: rgba(109, 203, 240, 0.4); background-blend-mode: overlay;background-attachment:fixed;border-top:5px solid #fff;border-bottom:5px solid #fff;}
.pressInfo-home {top:-100px;}*/
.pressInfo h1, .pressInfo a {color:#fff;max-width:70%;}
.pressInfo h1 b {color:#6dcbf0;}
.pressInfo-panel {position:relative;left:0px;right:0px;margin:auto;width:1500px;padding:40px 40px 100px 40px;
background-image: url("img/press-bg.jpg");background-size: cover;background-position-x: center;background-position-y: top;background-repeat:no-repeat;}
.pressInfo-panel-right, .mc_embed_signup_scroll, .mc-field-group {text-align:right;}
.pressInfo-panel-right h1 {display: inline-block;margin-top:20px;}
.pressInfo-panel-right h3 {color:#6dcbf0;}
.pressInfo-panel-right .button h3 {color:#000;}
.pressInfo-panel-right .button {margin-left:auto;margin-right:0px;}
/*====== FOOTER =====*/
.befor-footer {position:relative;top:10px;height:100px;width:100%; clip-path: polygon(51% 4%, 100% 30%, 100% 100%, 0 100%, 0 20%);background-color:#000;}
.befor-footer img {width:150px;text-align:center; top:-150px;  display: block;margin-left: auto;margin-right: auto;padding-top:10px;}
.footer-txt{font-size:10px;width:100%;padding:10px 0px;text-align:center;}
.footer-menu, .footer-menu-ncbr {position:relative;width:100%;min-height:50px;font-family: "Dax-Black", sans-serif;font-size:18px;display: flex;
justify-content:center;flex-wrap: wrap;padding-top:20px;}
.footer-menu-ncbr div {display:flex;}
.footer-menu a {line-height: 64px;margin:0 5px;height:64px;display: block;}
.footer-menu a:hover {color:#6dcbf0;}
.footer-menu a div {height:64px;padding-left:10px; padding-right:10px;display: block;}
.footer-menu-ncbr a {display: flex;justify-content:center;flex-wrap: wrap;}
.footer-menu-ncbr a img {height:40px;display: block;}
.footer-ico {display: flex;justify-content:center;flex-wrap: wrap;}
=====PRIVACY==========
.privacy-section{clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0%);top:0px;padding-top: 0px;}
.privacy {position:relative;bottom-top:200px;text-align:left;}
.privacy-bg {position:relative;background-attachment: fixed;min-height: 300px;top:0px;}
.privacy p {color:black;text-align:left;}
/*========mobile=======*/
.mobilemenu {visibility:hidden;width:0px;position:fixed; top:0px; right:0px;height:0px;
  transform-origin:0 50%;
  transform:scaleY(0);transition-duration:550ms;
}

.show {visibility:visible;min-width:400px; transform:scaleY(1);min-height:calc(100% - 110px);padding-top:110px;background-color:#000;z-index:10;}











/* Larger than Desktop HD */
@media (max-width: 1600px) {
	/*======video=======*/
	 .video .title h1 {font-size:120px;line-height:102px;}
	/*======GAME=======*/
	.games-penal {width:1282px;}
	.games-tab {width:298px;height:450px;margin:20px 10px;}
			/*-----TAB------*/
				.bggame {width:300px;height:300px;}
				.all-hero {width:290px;height:290px;}
				.undercart {max-width:300px;height:300px;}
	.pressInfo-panel {width:1250px;}
	.pressInfo {width:100%;}
}
/* Larger than Desktop HD */
@media (max-width: 1300px) {
	/*======Menu========*/
	.logo {height:100px;padding-top:60px;margin-left:60px;}
	/*======video=======*/
	 .video .title h1 {font-size:90px;line-height:72px;margin-bottom:4px;}
	 .video .title {max-width:500px;}

	 .video video {width:1400px;}
	 
	 /*======GAME=======*/
	.games-penal {width:1020px;}
	.games-tab {width:240px;height:400px;margin:20px 5px;}
			/*-----TAB------*/
				.bggame {width:240px;height:240px;}
				.all-hero {width:230px;height:230px;}
				.undercart {width:240px;height:240px;}
				.pressInfo-panel {padding-left:0px;padding-right:0px;}
				.pressInfo-panel h1, .pressInfo-panel .button {margin-left:20px;}
				.pressInfo-panel-right h1, .pressInfo-panel-right .button {margin-right:20px;margin-left:auto;}
	 .pressInfo-panel, .pressInfo {width:100%;}

}

/* Larger than desktop */
@media (max-width: 1020px) {
	h1 {font-size:46px;line-height:46px;}
	/*======MENU========*/
	.menu-link {display:none;}
	.mobile {margin-right:10px;}
	.mobile, .mobile div {display:block;height:50px;width:50px;background-color:;cursor:pointer;}
	.show {display: flex;flex-direction: column;}
	.show a {font-size:28px;color:#fff;letter-spacing: 2px;font-family: "Dax-Black", cursive;}
	.show a:hover {color:#6dcbf0;}
	.logo {height:110px;padding-top:30px;margin-left:20px;}
	/*======video=======*/
	 .video .title h1 {font-size:60px;line-height:53px;margin-bottom:3px;}
	 .video .title {max-width:350px;left:10px;top:40%;}
	 .video {height:600px;}
	 .video video {width:1200px;}
	/*======GAMES=======*/
	.games-bg {clip-path: polygon(47% 2%, 100% 0, 100% 100%, 0 100%, 0 3%);}
			 /*clip-path: polygon(47% 6%, 100% 0, 100% 100%, 0 100%, 0 3%)*/
		.games-penal {width:100%;padding-bottom:100px;}
		.games-bg-opacity {background-repeat: repeat;background-attachment: fixed;}
	/*=======DESCRIPTION=====*/
	.description {padding-top:100px;clip-path: polygon(47% 2%, 100% 0, 100% 100%, 60% 98%, 0 100%, 0 3%);top:-100px;}
	/*======GALLERY=====*/
	.gallery {height:390px;}
	.in-gallery img {width:300px;}
	.in-gallery img:hover {width:300px;}
	.video-dlc {background-image: url("img/DLCT.jpg");}
}


/* Larger than tablet */
@media (max-width: 750px) {
	/*MENU*/
	
	.crab img:first-child {max-width:90%;}
	.crab img:last-child {display:none;}
	.video-dlc {background-image: url("img/DLCM.jpg");}
	/*VIDEO*/
	.video .title { bottom:30px;}
	 .video {height:460px;}
	 .video video {width:850px;background-color:#fff;padding-right:120px;}
	 h1 {font-size:40px;line-height:32px;}
	 .video .title h1 {font-size:40px;line-height:32px;}
	 .video .title h4 {font-size:16px;}
	 .games-bg {clip-path: polygon(47% 1%, 100% 0, 100% 100%, 0 100%, 0 3%);}
	.left-text {width:100%;}
	.left-text img {width:250px;}
	/*Games*/
	.games-bg-opacity {background-image: url("");background-color:#6dcbf0;}
	/*DICRIPTION*/
	.right-text {text-align:left;padding:0 10px 100px 10px;}
	.pressInfo {padding: 80px 0px 80px 0px;}
}

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 650px) {
		.gallery {height:700px;}
}

/* Larger than mobile */
@media (max-width: 400px) {}