/*
@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-ExtraBold.eot');
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url('/font/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-ExtraBold.woff') format('woff'),
        url('/font/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url('/font/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-Heavy.woff') format('woff'),
        url('/font/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-LightItalic.eot');
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url('/font/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-LightItalic.woff') format('woff'),
        url('/font/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-ThinItalic.eot');
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url('/font/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-ThinItalic.woff') format('woff'),
        url('/font/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-BlackItalic.eot');
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url('/font/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-BlackItalic.woff') format('woff'),
        url('/font/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('/font/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-BoldItalic.woff') format('woff'),
        url('/font/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}
*/
@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-SemiBold.eot');
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
        url('/font/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-SemiBold.woff') format('woff'),
        url('/font/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-UltraLightItalic.eot');
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url('/font/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-UltraLightItalic.woff') format('woff'),
        url('/font/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-SemiBoldItalic.eot');
    src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
        url('/font/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-SemiBoldItalic.woff') format('woff'),
        url('/font/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('/font/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-Light.woff') format('woff'),
        url('/font/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('/font/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-MediumItalic.woff') format('woff'),
        url('/font/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-ExtraBoldItalic.eot');
    src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
        url('/font/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-ExtraBoldItalic.woff') format('woff'),
        url('/font/Gilroy-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-HeavyItalic.eot');
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url('/font/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-HeavyItalic.woff') format('woff'),
        url('/font/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('/font/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-Medium.woff') format('woff'),
        url('/font/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('/font/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-RegularItalic.woff') format('woff'),
        url('/font/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('/font/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-UltraLight.woff') format('woff'),
        url('/font/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

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

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-Thin.eot');
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url('/font/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-Thin.woff') format('woff'),
        url('/font/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}*/

@font-face {
    font-family: 'Gilroy';
    src: url('/font/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url('/font/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('/font/Gilroy-Black.woff') format('woff'),
        url('/font/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

body{
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	background: url('/img/bg.png') center;
	background-size: cover;
	font-family: 'Gilroy';
}

h1{
	margin: 0 0 40px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	font-size: 24px;
	line-height: 1;
}

.toMainPageLink{

}

.games-wrapper{
	max-width: calc(100% - 30px);
    margin: 60px 0;
	padding: 40px 42px;
	border-radius: 25px;
	background: linear-gradient(194.3deg, #1C91D0 0%, #86D5FF 100%);
}

.games-wrapper-inner{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.games-item{
	padding: 30px 16px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	align-items: center;
	gap: 10px;
	background: linear-gradient(0deg, #D9F2FF 0%, rgba(255, 255, 255, 0.94) 100%);
	border-radius: 25px;
	text-decoration: none;
	transition: .3s;
}

.games-item:hover{
	box-shadow: 0px 21px 21px 8px rgba(0,0,0,0.1);
}

.games-item-title{
	/*max-width: 190px;*/
	font-size: 20px;
	font-weight: 900;
	line-height: 1.3;
	color: #1C91D0;
	text-transform: uppercase;
	text-align: center;
}

.games-item-img{
	max-width: 213px;
	/*margin: auto 0 0;*/
}

.games-item button{
	padding: 10px 40px;
	border-radius: 30px;
	background: #F4D319;
	font-family: 'Gilroy';
	font-size: 20px;
	font-weight: 900;
	line-height: 1.55;
	color: #7659A1;
	border: none;
	text-transform: uppercase;
	transition: .3s;
}
.games-item button:hover{
	box-shadow: 0px 8px 21px 8px rgba(0,0,0,0.1);
}

@media(min-width: 414px){
	.games-item-img{
		max-width: 100%;
	}
}

@media(min-width: 992px){
	h1{
		font-size: 45px;
	}
    .games-wrapper{
        margin: 0;
        padding: 60px;
    }

	.games-wrapper-inner{
		flex-direction: row;
	}
    .games-item{
        width: 22%;
    }

    .games-item-title{
        max-width: 190px;
    }
}	

@media(min-width: 1366px){
	.games-wrapper{
		padding: 60px 123px;
	}
	.games-wrapper-inner{
		gap: 18px;
	}
	.games-item{
		gap: 28px;
	}
	.games-item-title{
		font-size: 25px;
		line-height: 1.3;
	}
	.games-item-img{
		width: 290px;
	}
	.games-item button{
		padding: 8px 66px;
		font-size: 24px;
		line-height: 1.3;
	}
}


@media(min-width: 1680px){
    .games-wrapper{
        max-width: 1256px;
        padding: 60px 92px;
    }
	.games-item{
		padding: 40px;
	}
	.games-item-img{
		/*max-height: 198px;*/
        width: auto;
	}
}