@charset "utf-8";
/* CSS Document */

@media screen  and (min-width:1760px) and (max-width:1919px) {}
@media screen  and (min-width:1680px) and (max-width:1759px) {
	.wrap-header-home {
		min-height: 1530px;
	}
}
@media screen  and (min-width:1600px) and (max-width:1679px) {
	.wrap-header-home {
		min-height: 1520px;
	}
	.custom-story .desc-story .big-title {
		font-size: 110px;
	}
	.custom-story .desc-story .markets a img {
		width: 250px;
	}
}
@media screen  and (min-width:1440px) and (max-width:1599px) {
	.wrap-header-home {
		min-height: 1510px;
	}
	.custom-story .desc-story .big-title {
		font-size: 96px;
	}
	.custom-story .desc-story .markets a img {
		width: 240px;
	}
}
@media screen  and (min-width:1400px) and (max-width:1439px) {
	.wrap-header-home {
		min-height: 1510px;
	}
	.custom-story .desc-story .big-title {
		font-size: 96px;
	}
	.custom-story .desc-story .markets a img {
		width: 240px;
	}
	#goTop {
		bottom: 50px;
	}
}
@media screen  and (min-width:1366px) and (max-width:1399px) {}
@media screen  and (min-width:1280px) and (max-width:1365px) {}
@media screen  and (min-width:1200px) and (max-width:1279px) {}
@media screen  and (min-width:1200px) and (max-width:1365px) {}
@media screen  and (min-width:1200px) and (max-width:1399px) {
	body {
		font-size: 16px;
	}
	h1, .h1 {
	    font-size: 48px;
	}
	h2, .h2 {
	    font-size: 36px;
	}
	h3, .h3 {
	    font-size: 30px;
	}
	h4, .h4 {
	    font-size: 24px;
	}
	h5, .h5 {
	    font-size: 20px;
	}
	h6, .h6 {
	    font-size: 16px;
	}
	.top-site {
		padding: 20px;
	}
	.desktop .main-menu ul li {
		margin: 0 10px;
	}
	.titles-home {
		padding-top: 170px;
	}
	.titles-home .desc-header ul {
		margin: 30px 0;
	}
	.wrap-header-home {
		min-height: 1340px;
	}
	.custom-story .desc-story .big-title {
		font-size: 76px;
	}
	.custom-story .desc-story .markets a img {
		width: 190px;
	}
	#goTop {
		bottom: 50px;
	}
}
@media screen  and (max-width:1199px) {
	.burger a.call-burger span.img-burger {
		display: block;
		width: 59px;
    	height: 46px;
		background-image: url(../images/img-buger.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		cursor: pointer;
		transition:
        background-image 0.15s linear,
        transform 0.15s ease;
        filter: drop-shadow(1.166px 1.166px 17.901px rgba(0, 0, 0, 0.34));
	}
	.burger a.call-burger:hover span.img-burger {
		background-image: url(../images/img-buger-hover.svg);
	}
	/*--------- offcanvas ---------*/
	.offcanvas {
    	background: linear-gradient(180deg, #223659 0%, #2E5292 100%);
	}
	.offcanvas-backdrop {
	    width: 100%;
	    height: 100vh;
	    position: fixed;
	    top: 0;
	    left: 0;
	    background: rgba(0, 0, 0, 0.4);
	    z-index: 10;
	}
	.offcanvas-header {
	    padding-left: 20px;
	    align-items: center;
	}
	.offcanvas-header .offcanvas-title img {
	    width: 140px;
	}
	.offcanvas-header .btn-close {
	    background: none;
	    width: 59px;
    	height: 46px;
    	padding: 0;
    	opacity: 1;
    	margin-right: 5px;
	}
	.offcanvas-header .btn-close span.img-close {
		display: block;
		width: 59px;
    	height: 46px;
		background-image: url(../images/close-menu.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		cursor: pointer;
		transition:
        background-image 0.15s linear,
        transform 0.15s ease;
        filter: drop-shadow(1.166px 1.166px 17.901px rgba(0, 0, 0, 0.34));
	}
	.offcanvas-header .btn-close:hover span.img-close {
	    background-image: url(../images/close-menu-hover.svg);
	}
	.offcanvas-body {}
	.offcanvas-body .main-menu-mob {
		height: 100%;
    	display: flex;
    	align-items: center;
	}
	.offcanvas-body .main-menu-mob ul {
		display: block;
	}
	.offcanvas-body .main-menu-mob ul li {
		line-height: 2;
	}
	.offcanvas-body .main-menu-mob ul li a {
		font-family: "Coiny", system-ui;
		font-size: 24px;
		color: #ffffff;
		text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.06);
	}
	.offcanvas-body .main-menu-mob ul li.active a {
		text-decoration: underline;
	}
	/*---------- other --------*/
	#goTop {
		padding: 2px 10px;
		bottom: 50px;
	}
	#goTop i {
		font-size: 30px;
	}
}
@media screen  and (min-width:992px) and (max-width:1199px) {
	body {
		font-size: 14px;
	}
	h1, .h1 {
	    font-size: 36px;
	}
	h2, .h2 {
	    font-size: 32px;
	}
	h3, .h3 {
	    font-size: 28px;
	}
	h4, .h4 {
	    font-size: 22px;
	}
	h5, .h5 {
	    font-size: 18px;
	}
	h6, .h6 {
	    font-size: 14px;
	}
	.offcanvas-body .main-menu-mob {
		justify-content: end;
		padding-right: 80px;
	}
	/********* top-site **********/
	.top-site {
		padding: 10px 15px;
	}
	.top-site .tablet-mob {
		position: relative;
		z-index: 10;
	}
	.logo a img {
		width: 200px;
	}
	.top-imgs a img {
		width: 155px;
	}
	.mod-languages button.btn-secondary {
		font-size: 14px;
		padding: 9px 8px;
	}
	.mod-languages ul li a {
		font-size: 14px;
	}
	/************ home **********/
	.wrap-header-home {
		min-height: 1360px;
	}
	/*-------- titles-home ------*/
	.titles-home {
		padding-top: 150px;
	}
	.titles-home .desc-header ul {
		margin: 20px 0;
	}
	/*-------- section portal -------*/
	.btn-green {
		font-size: 20px;
	}
	/*---------- section Game ------*/
	.desc-game .custom-meet .sec-room-inner .block-card .wrap,
	.desc-game .how-looks .block-look .wrap {
		box-shadow:
        0 0 0 8px #E19D4A,
        0 -3px 6px rgba(255, 255, 255, 0.35),
        0 22px 32px rgba(0, 0, 0, 0.35),
        inset 0 4px 18px rgba(255, 255, 255, 0.20),
        inset 0 0 4px rgba(0, 0, 0, 0.55);
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap {
		text-align: center;
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap .h5 {
		margin-bottom: 0;
	}
	.desc-game .custom-meet .sec-room-inner .block-card-1,
	.desc-game .custom-meet .sec-room-inner .block-card-2 {
		margin-bottom: 30px;
	}
	.desc-game .custom-meet .container,
	.desc-game .collect-set .container {
		padding-bottom: 20px;
	}
	.desc-game .how-looks .h1 {
		margin-bottom: 30px;
	}
	.desc-game .how-looks .block-look-1,
	.desc-game .how-looks .block-look-2,
	.desc-game .how-looks .block-look-3 {
		margin-bottom: 40px;
	}
	.desc-game .how-looks .container {
		padding-bottom: 45px;
	}
	/*--------- Story -------*/
	.custom-story .desc-story .big-title {
		font-size: 70px;
	}
	.custom-story .desc-story .markets a img {
		width: 185px;
	}
	/******* footer ********/
}
@media screen  and (min-width:768px) and (max-width:991px) {
	body {
		font-size: 14px;
	}
	h1, .h1 {
	    font-size: 36px;
	}
	h2, .h2 {
	    font-size: 32px;
	}
	h3, .h3 {
	    font-size: 28px;
	}
	h4, .h4 {
	    font-size: 22px;
	}
	h5, .h5 {
	    font-size: 18px;
	}
	h6, .h6 {
	    font-size: 14px;
	}
	.offcanvas-body .main-menu-mob {
		justify-content: end;
		padding-right: 80px;
	}
	/********* top-site **********/
	.top-site {
		padding: 10px 15px;
	}
	.top-site .tablet-mob {
		position: relative;
		z-index: 10;
	}
	.logo a img {
		width: 200px;
	}
	.top-imgs a img {
		width: 155px;
	}
	.mod-languages button.btn-secondary {
		font-size: 14px;
		padding: 9px 8px;
	}
	.mod-languages ul li a {
		font-size: 14px;
	}
	/************ home **********/
	.wrap-header-home {
		min-height: 100%;
		height: auto;
		padding-bottom: 45px;
	}
	/*-------- titles-home ------*/
	.titles-home {
		padding-top: 120px;
	}
	.titles-home .desc-header ul {
		margin: 20px 0;
	}
	.titles-home .desc-header .header-blocks .header-block-1 {
		min-height: clamp(230px, 24vw, 244px);
	}
	.titles-home .desc-header .header-blocks .header-block-2 {
		min-height: clamp(230px, 22vw, 224px);
	}
	.titles-home .desc-header .header-blocks .header-block-3 {
		padding: 25px;
	}
	/*-------- section portal -------*/
	.custom-portal .img-portal {
		margin-bottom: 25px;
	}
	.custom-portal .desc-portal .link {
  		margin-top: 20px;
	}
	.btn-green {
		font-size: 20px;
	}
	/*---------- section Game ------*/
	.desc-game .custom-meet .sec-room-inner .h1 {
		margin-bottom: 30px;
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap,
	.desc-game .how-looks .block-look .wrap {
		box-shadow:
        0 0 0 8px #E19D4A,
        0 -3px 6px rgba(255, 255, 255, 0.35),
        0 22px 32px rgba(0, 0, 0, 0.35),
        inset 0 4px 18px rgba(255, 255, 255, 0.20),
        inset 0 0 4px rgba(0, 0, 0, 0.55);
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap {
		text-align: center;
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap .h5 {
		margin-bottom: 0;
	}
	.desc-game .custom-meet .sec-room-inner .block-card-1,
	.desc-game .custom-meet .sec-room-inner .block-card-2 {
		margin-bottom: 30px;
	}
	.desc-game .custom-meet .link {
  		margin-top: 40px;
	}
	.desc-game .custom-meet .container {
		padding-bottom: 50px;
	}
	.desc-game .collect-set .container {
		padding-bottom: 0;
	}
	.desc-game .how-looks .h1 {
		margin-bottom: 30px;
	}
	.desc-game .how-looks .block-look-1,
	.desc-game .how-looks .block-look-2,
	.desc-game .how-looks .block-look-3 {
		margin-bottom: 40px;
	}
	.desc-game .how-looks .container {
		padding-bottom: 45px;
	}
	/*--------- Story -------*/
	.custom-story .desc-story .big-title {
		font-size: 60px;
		margin-bottom: 15px;
	}
	.custom-story .desc-story .markets a img {
		width: 170px;
	}
	/******* footer ********/
	.copyright {
		text-align: center;
		padding-bottom: 10px;
	}
	.privacy {
		text-align: center;
	}
}
@media screen and (max-width:767px) {
	body {
		font-size: 14px;
	}
	h1, .h1 {
	    font-size: 36px;
	}
	h2, .h2 {
	    font-size: 30px;
	}
	h3, .h3 {
	    font-size: 20px;
	}
	h4, .h4 {
	    font-size: 21px;
	}
	h5, .h5 {
	    font-size: 18px;
	}
	h6, .h6 {
	    font-size: 16px;
	}
	.offcanvas-body .main-menu-mob {
		justify-content: center;
	}
	/********* top-site **********/
	.top-site {
		padding: 10px 15px;
	}
	.top-site .tablet-mob {
		position: relative;
		z-index: 10;
	}
	.logo a img {
		width: 140px;
	}
	.top-imgs a img {
		width: 155px;
	}
	.mod-languages button.btn-secondary {
		font-size: 14px;
		padding: 6px 8px;
	}
	.mod-languages ul li a {
		font-size: 14px;
	}
	.burger a.call-burger span.img-burger,
	.offcanvas-header .btn-close,
	.offcanvas-header .btn-close span.img-close {
		height: 40px;
	}
	/************ home **********/
	.wrap-header-home {
		min-height: 100%;
		height: auto;
		padding-bottom: 45px;
	}
	/*-------- titles-home ------*/
	.titles-home {
		padding-top: 90px;
	}
	.titles-home .desc-header {
		padding: 0;
	}
	.titles-home .desc-header ul {
		margin: 20px 0;
	}
	.titles-home .desc-header .header-blocks {
		gap: 10px;
	}
	.titles-home .desc-header .header-blocks .header-block .header-block-frame,
	.titles-home .desc-header .header-blocks .header-block {
		border-radius: 25px;
	}
	.titles-home .desc-header .header-blocks .header-block::after {
		inset: 5px;
  		border-radius: 25px;
	}
	.titles-home .desc-header .header-blocks .header-block-1 {
		min-height: 117px;
		padding-left: 25px;
	}
	.titles-home .desc-header .header-blocks .header-block-1 .header-block-img {
		bottom: 14px;
		width: 104px;
	}
	.titles-home .desc-header .header-blocks .header-block-2 {
		min-height: 117px;
		padding: 25px;
	}
	.titles-home .desc-header .header-blocks .header-block-2 .header-block-img {
		right: clamp(3px, -1.6vw, -24px);
		width: clamp(200px, 34vw, 344px);
		bottom: clamp(30px, -0.6vw, -10px);
		width: 175px;
	}
	.titles-home .desc-header .header-blocks .header-block-2 .header-block-content {
		padding-right: 140px;
	}
	.titles-home .desc-header .header-blocks .header-block-3 {
		padding: 25px;
		min-height: 117px;
	}
	.titles-home .desc-header .header-blocks .header-block-3 .header-block-img {
		width: 115px;
		margin-bottom: 6px;
	}
	/*-------- section portal -------*/
	.custom-portal .img-portal {
		margin-bottom: 25px;
	}
	.custom-portal .desc-portal .link {
  		margin-top: 20px;
	}
	.btn-green {
		font-size: 14px;
	}
	/*---------- section Game ------*/
	.desc-game .custom-meet .sec-room-inner .h1 {
		margin-bottom: 30px;
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap,
	.desc-game .how-looks .block-look .wrap {
		box-shadow:
        0 0 0 8px #E19D4A,
        0 -3px 6px rgba(255, 255, 255, 0.35),
        0 22px 32px rgba(0, 0, 0, 0.35),
        inset 0 4px 18px rgba(255, 255, 255, 0.20),
        inset 0 0 4px rgba(0, 0, 0, 0.55);
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap {
		text-align: center;
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap .h5 {
		margin-bottom: 0;
	}
	.desc-game .custom-meet .sec-room-inner .block-card-1,
	.desc-game .custom-meet .sec-room-inner .block-card-2 {
		margin-bottom: 30px;
	}
	.desc-game .custom-meet .link {
  		margin-top: 40px;
	}
	.desc-game .custom-meet .container {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.desc-game .collect-set .container {
		padding-bottom: 0;
	}
	.desc-game .collect-set .desc-collect .h5 br {
		display: none;
	}
	.desc-game .how-looks .h1 {
		margin-bottom: 30px;
	}
	.desc-game .how-looks .block-look-1,
	.desc-game .how-looks .block-look-2,
	.desc-game .how-looks .block-look-3 {
		margin-bottom: 30px;
	}
	.desc-game .how-looks .container {
		padding-bottom: 45px;
	}
	/*--------- Story -------*/
	.custom-story .desc-story {
		top: 0;
	}
	.custom-story .desc-story .big-title {
		font-size: 46px;
		margin-bottom: 15px;
	}
	.custom-story .desc-story .markets a img {
		width: 170px;
	}
	/******* footer ********/
	.copyright {
		text-align: center;
		padding-bottom: 10px;
	}
	.privacy {
		text-align: center;
	}
}
@media screen and (max-width:575px) {
	.top-imgs .row {
		justify-content: center;
	}
	.top-imgs a img {
		width: 125px;
	}
	div.mod-languages .btn-group .btn {
		line-height: 0;
		padding: 14px 8px;
	}
	.mod-languages .dropdown-menu {
		background-color: #ffffff;
		border: none;
	}
	.langs .mod-languages ul.lang-block li a {
		color: #000;
	}
	.langs .mod-languages ul.lang-block li a:hover,
	.langs .mod-languages ul.lang-block li.lang-active a {
		color: #254264;
	}
	.titles-home .desc-header .header-blocks {
		display: block;
	}
	.titles-home .desc-header .header-block {
		display: flex !important;
    	padding: 15px !important;
	}
	.titles-home .desc-header .header-block-1,
	.titles-home .desc-header .header-block-2 {
		margin-bottom: 10px;
	}
	.titles-home .desc-header .header-blocks .header-block .header-block-frame,
	.titles-home .desc-header .header-blocks .header-block {
		border-radius: 20px;
	}
	 .titles-home .desc-header .header-blocks .header-block::after {
	 	inset: 2px;
	 }
	.titles-home .desc-header .header-blocks .header-block-1,
	.titles-home .desc-header .header-blocks .header-block-2,
	.titles-home .desc-header .header-blocks .header-block-3 {
		min-height: 140px;
	}
	.titles-home .desc-header .header-blocks .header-block-1 .header-block-content {
		flex: 0 0 60%;
	}
	.titles-home .desc-header .header-blocks .header-block-2 .header-block-content {
		padding-right: 0;
		flex: 0 0 50%;
	}
	.titles-home .desc-header .header-blocks .header-block-2 .header-block-img {
		width: 135px;
	}
	.titles-home .desc-header .header-blocks .header-block-3 .header-block-img {
		width: 100px;
		margin-bottom: 8px;
	}
	.titles-home .desc-header .header-blocks .header-block .h4 {
		font-size: 18px;
	}
	.titles-home .desc-header .header-blocks .header-block .h6 {
		font-size: 12px;
	}
	.desc-game .custom-meet .sec-room-inner .row-cards,
	.desc-game .how-looks .row-looks {
		margin-right: -12px;
		margin-left: -12px;
	}
	.desc-game .custom-meet .sec-room-inner .block-card-1,
	.desc-game .custom-meet .sec-room-inner .block-card-2,
	.desc-game .custom-meet .sec-room-inner .block-card-3 {
		margin-bottom: 25px;
	}
	.desc-game .custom-meet .sec-room-inner .block-card .wrap,
	.desc-game .how-looks .block-look .wrap {
		box-shadow:
        0 0 0 5px #E19D4A,
        0 -3px 6px rgba(255, 255, 255, 0.35),
        0 22px 32px rgba(0, 0, 0, 0.35),
        inset 0 4px 18px rgba(255, 255, 255, 0.20),
        inset 0 0 4px rgba(0, 0, 0, 0.55);
	}
	.desc-game .how-looks .block-look .wrap,
	.desc-game .how-looks .block-look .wrap .img-look img {
		border-radius: 15px;
	}
	.desc-game .how-looks .block-look .wrap .desc-look {
		left: 15px;
		bottom: 10px;
	}
	.desc-game .how-looks .block-look .wrap .desc-look .h5 {
		line-height: 1;
		text-shadow: 2px 3px 5px #000;
	}
	.custom-story .desc-story .h1 {
		margin-bottom: 5px;
	}
	.custom-story .desc-story .big-title {
		margin-bottom: 10px;
	}
	.custom-story .desc-story .markets a img {
		width: 117px;
	}
	#goTop {
		bottom: 85px;
		right: 10px;
	}
}
@media screen and (max-width:359px) {
	.custom-story .story-bg img.story-bg-img {
		display: none;
	}
	.custom-story .story-bg img.story-bg-img-sm {
		display: block;
	}
}