/* cyrillic-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gTD_vx3rCubqg.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3g3D_vx3rCubqg.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gbD_vx3rCubqg.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gfD_vx3rCubqg.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_c5H3gTD_vx3rCubqg.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_c5H3g3D_vx3rCubqg.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_c5H3gbD_vx3rCubqg.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_c5H3gfD_vx3rCubqg.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(../fonts/JTURjIg1_i6t8kCHKm45_c5H3gnD_vx3rCs.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Nunito Regular'), local('Nunito-Regular'), url(../fonts/XRXV3I6Li01BKofIOOaBTMnFcQIG.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Nunito Regular'), local('Nunito-Regular'), url(../fonts/XRXV3I6Li01BKofIMeaBTMnFcQIG.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Nunito Regular'), local('Nunito-Regular'), url(../fonts/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Nunito Regular'), local('Nunito-Regular'), url(../fonts/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Nunito Regular'), local('Nunito-Regular'), url(../fonts/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html body {
    background: #0d1118;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
	height: 100%;
    min-width: 500px;
    font-size: 15px;
    line-height: 1.4;
	overflow-x: hidden;

}
a, a:hover, a:visited {
	text-decoration: none;	
}

/* ie 10+ */
body {-ms-overflow-style: none;} 
/* FF */
body {overflow: -moz-scrollbars-none;} 
/* Chrome, Safari */
body::-webkit-scrollbar { width: 0; }

.iScrollIndicator {
    display: none !important;
}

.second-page {
	width: 100%;
    heght: 100vh;
	overflow: hidden;
	background-image: url(../images/screen3-bg.jpg);
	background-position: top;
    background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 100vh;
	display:flex;
	align-items:center;
}
@media (max-width: 600px) {
	.second-page {  background-size: 600px auto; }
}

.first-page {
	width: 100%;
    height: 100%;
	overflow: hidden;
	background-image: url(../images/1bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top;
	align: middle;
}

.gradient-overlay {
	position: absolute;
	z-index: 1;
    width: 100%;
    height: 100%;
	background: linear-gradient(to bottom, 
	rgba(0,36,39,0.50) 0%,
	rgba(0,36,39,0.30) 10%,
	rgba(0,36,39,0.20) 25%,
	rgba(0,36,39,0.01) 30%,
	
	rgba(0,36,39, 0.0) 35%,
	
	rgba(0,36,39,0.01) 60%,
	rgba(0,36,39,0.20) 75%,
	rgba(0,36,39,0.30) 90%,
	rgba(0,36,39,0.50) 100%
	);
	
 
}        
.video-overlay[data-video] {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAySURBVHgBNcpBEQAgDAPBtAaQAaoQihNcIIHrTPPYR+YSkiYuNkb2WDXwwgWnYrr4+QHgcgd0tgg1cAAAAABJRU5ErkJggg==);
    background-repeat: repeat;
	
}
.video-container {
	overflow: hidden;
	width: 100%; 
	height: 100vh;
	min-width: 500px;
	max-height: 100vh;

}
.bgvideo {
	width: 100%;
	height: auto;
	min-height: 100vh;
	min-width: 100vw;
}
@media screen and (max-aspect-ratio: 16/9) { 
	.bgvideo {
		width: auto;
		height: 100%;
		
	}
}

.first-page-container {
	width: 100%;
	height: 100%;
	z-index: 5;
	position:absolute;
	text-align:middle;
	overflow: hidden;
}


.landing-logo {
	
	width: 750px;
	height: auto;
	display: block;
	z-index: 5;
	border: 0px;
	margin-bottom: 0;
	margin-top: auto;
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right: auto;
}
.logo-container {
	height:35%;
	min-height: 120px;
	display: flex;
	align-items: bottom;

}
.first-page-carousel {
	
	width: 100%;
	height: 100%;
}

.big-button-container {
	height:35%;
	width:100%;
	min-height: 200px;

}
.carousel-container {
	height: 30%;

}

.big-button {
	width: 750px;
	height: 100%;
	display: block;
	z-index: 5;
	border: 0px;
	margin: 0px;
	background-image: url(../images/big-button.png);
	background-size:100%;
	background-repeat: no-repeat;
	background-position: top;
	margin-left:auto;
	margin-right: auto;
	padding-top: 74px;
}
.big-button-overlay {

	width:450px;
	height: 85px;
	cursor: pointer;
	display: block;
	
	margin-left:auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	text-align: center;
}
.big-button-overlay-a, .big-button-overlay-a a {
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	opacity: 0.9;
	background: rgba(0,0,0,0);
	color: #ffffff;
	text-decoration: none;
}
.big-button-overlay-a:hover {
	opacity: 1;
	background: linear-gradient(to right, rgba(100,250,250,0) 20%, rgba(100,250,250,0.3) 50%, rgba(100,250,250,0) 80%);
	
	-webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
.big-button-icon, .big-button-download {
	margin-left:auto;
	background: url(../images/win-logo.png) 0px 7px;
	background-size:32px;
	background-repeat: no-repeat;
	display: block;
	width: 50px;
	height: 40px;
}

.big-button-icon.steam {
	background-image: url(../images/steam-logo3.png)!important;
}

.big-button-download {
	
	background: url(../images/download-icon.png) 0px 7px;
	background-size:32px;
	background-repeat: no-repeat;
}

.big-button-content {
	margin-right:auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px black;
}

/* welcome_13 steam */
.big-button-container.inline {
	display: inline-flex;
}

.big-button-container.inline .left {
	margin-left: auto;
}

.big-button-container.inline .right {
	margin-right: auto;
}

.content {
	max-width: 70%;
	z-index: 1;
	display: block;
	margin-left:auto;
	margin-right: auto;
	margin-top: 40px;
}
.container {
    width: 80%;
    margin: 0 auto;
}

.screen-footer {
	display: block;
    background: #0f1720;
	height: 100px;
	width: 100vw;
	font-size: 14pt;	
}
.screen-footer a {
    color: #84d5de;
    text-decoration: none;
}
.screen-footer a:hover {
    text-decoration: underline;
}
.screen-footer .links a {
    margin-right: 18px;
}
.screen-footer .links a:last-child {
    margin-right: 0;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.inner {
	padding: 0;
    padding-top: 40px;
	width: 82%;
	margin: 0 auto;
}
.screen-title {
	font-size: 42pt;
	text-transform: uppercase;
	
}
.note {
    width: 100%;
	padding: 20px;
	margin: 0 auto;
	padding-top: 40px;
	font-size: 14pt;
	text-shadow: 1px 1px 2px black;
}
.note p {
	padding: 0px;
	margin: 0px;
	margin-bottom:10px;
	
}
.requires {
	padding-top: 20px;
}
.requires td {
	padding-bottom: 4px;
}
.play-button {
}

.owl-carousel {
    display: flex;
    flex-direction: column;
    position: relative;
	z-index: 6;
    width: 100%;
	overflow: hidden;
	display:flex;
	flex-direction:row;
	backface-visibility: hidden;
	transform: translate(0px, 0px); 
	transition: transform 0.5s ease 0s; 
	flex-basis: 100vw; 
	visibility: visible; 
	height: auto;
}



.carousel-item {
	flex-basis: inherit;
	flex-grow: 0;
	flex-shrink: 0;
	user-select: none;
	backface-visibility: hidden;
	outline: none;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 6;
	margin: auto;
}

.carousel-title {
	font-size: 40pt;
	text-shadow: 2px 2px 4px black;
	padding-bottom: 20px;
	text-align: center;
	width: 65%;
	text-transform: uppercase;

}

.carousel-descr {
	font-size: 22pt;
	text-shadow: 1px 1px 2px black;
	width: 65%;
	text-align: center;
}

span.nowrap {
	white-space: nowrap;
}
@media screen and (max-width: 6000px), screen and (max-height: 2000px) {
	.carousel-descr {  font-size: 52pt; }
	.carousel-title, .screen-title {  font-size: 120pt; }
	.big-button {
		width: 2400px;
		padding-top: 236px;
	}
	.big-button-overlay {
		width:1440px;
		height: 272px;
	}
	.landing-logo {
		width: 2400px;
	}
	.big-button-icon, .big-button-download {
		width: 160px;
		height: 92px;
		background-size:96px;
	}
	.big-button-content {
		font-size: 96px;
	}
	.note {
		padding: 20px;
		padding-top: 40px;
		font-size: 32pt;
	}
	.screen-footer {
		height: 200px;
		font-size: 32pt;	
	}
	/* welcome_13 steam */
	.big-button-container.inline .left .big-button {
		margin-right: -480px;
	}
	.big-button-container.inline .right .big-button {
		margin-left: -480px;
	}
}
@media screen and (max-width: 3200px), screen and (max-height: 1600px) {
	.carousel-descr {  font-size: 50pt; }
	.carousel-title, .screen-title {  font-size: 92pt; }
	.big-button {
		width: 1800px;
		padding-top: 177px;
	}
	.big-button-overlay {
		width:1080px;
		height: 204px;
	}
	.landing-logo {
		width: 1800px;
	}
	.big-button-icon, .big-button-download {
		width: 120px;
		height: 69px;
		background-size:72px;
		background-position-y: 4px;
	}
	.big-button-content {
		font-size: 72px;
	}
	.note {
		padding: 20px;
		padding-top: 40px;
		font-size: 32pt;
	}
	.screen-footer {
		height: 200px;
		font-size: 32pt;	
	}
	/* welcome_13 steam */
	.big-button-container.inline .left .big-button {
		margin-right: -360px;
	}
	.big-button-container.inline .right .big-button {
		margin-left: -360px;
	}
}
@media screen and (max-width: 2048px), screen and (max-height: 1200px) {
	.carousel-descr {  font-size: 30pt; }
	.carousel-title, .screen-title {  font-size: 60pt; }
	.big-button {
		width: 1200px;
		padding-top: 118px;
	}
	.big-button-overlay {
		width:720px;
		height: 136px;
	}
	.landing-logo {
		width: 1200px;
	}
	.big-button-icon, .big-button-download {
		width: 80px;
		height: 56px;
		background-size:48px;
		background-position-y: 6px;
	}
	.big-button-content {
		font-size: 48px;
	}
	.note {
		padding: 20px;
		padding-top: 40px;
		font-size: 18pt;
	}
	.screen-footer {
		height: 100px;
		font-size: 18pt;	
	}
	/* welcome_13 steam */
	.big-button-container.inline .left .big-button {
		margin-right: -260px;
	}
	.big-button-container.inline .right .big-button {
		margin-left: -260px;
	}
}
@media screen and (max-width: 1960px), screen and (max-height: 740px) {
	.carousel-descr {  font-size: 22pt; }
	.carousel-title, .screen-title {  font-size: 40pt; }
	.big-button {
		width: 750px;
		padding-top: 74px;
	}
	.big-button-overlay {
		width:450px;
		height: 85px;
	}
	.landing-logo {
		width: 750px;
	}
	.big-button-icon, .big-button-download {
		width: 50px;
		height: 40px;
		background-size:32px;
		background-position-y: 5px;
	}
	.big-button-content {
		font-size: 30px;
	}
	
	.note {
		padding: 20px;
		padding-top: 40px;
		font-size: 14pt;
	}
	.screen-footer {
		height: 100px;
		font-size: 14pt;	
	}

	/* welcome_13 steam */
	.big-button-container.inline .left .big-button {
		 margin-right: -150px;
	}
	.big-button-container.inline .right .big-button {
		margin-left: -150px;
	}
}
	
@media screen and (max-width: 1200px), screen and (max-height: 540px) {
	.carousel-descr {  font-size: 20pt; width: 90%;}
	.carousel-title, .screen-title {  font-size: 22pt; padding-bottom: 10px; width: 90%;}
	.big-button {
		width: 550px;
		padding-top: 54px;
	}
	.big-button-overlay {
		width: 330px;
		height: 62px;
	}
	.landing-logo {
		width: 550px;
	}
	.big-button-icon, .big-button-download {
		width: 36px;
		height: 29px;
		background-size:23px;
		background-position-y: 3px;
	}
	.big-button-content {
		font-size: 22px;
	}
	/* welcome_13 steam */
	.big-button-container.inline .left .big-button {
		margin-right: -110px;
	}
	.big-button-container.inline .right .big-button {
		margin-left: -110px;
	}
}

.wm-overlay {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;

	background-image: url(../images/wm-logo.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 20% auto;
}