@charset "UTF-8";  @font-face { 	font-family: ClearSans; 	src: url(/shared/1662/ClearSansRegular.eot); 	src: url(/shared/1662/ClearSansRegular.eot) format("embedded-opentype"), url(/shared/1662/ClearSansRegular.woff) format("woff"), url(/shared/1662/ClearSansRegular.ttf) format("truetype"); 	font-style: normal; 	font-weight: 400; } html { 	font-family: sans-serif; 	-ms-text-size-adjust: 100%; 	-webkit-text-size-adjust: 100%; 	height: 100%; } body { 	margin: 0; 	background-color: #09203a; 	font-family: ClearSans, sans-serif; 	-webkit-font-smoothing: antialiased; 	-moz-osx-font-smoothing: grayscale; 	min-height: 100%; 	position: relative; 	overflow-x: hidden; } *,:after,:before { 	-moz-box-sizing: border-box; 	box-sizing: border-box; } aside,footer,header,main,section { 	display: block; } a { 	background-color: transparent; 	-webkit-text-decoration-skip: objects; 	cursor: pointer; } a:active,a:hover { 	outline-width: 0; } h1 { 	font-size: 2em; 	margin: .67em 0; } img { max-height:100%; max-width:100%; border-style: none; } svg:not(:root) { 	overflow: hidden; } button,input { 	font: inherit; 	margin: 0; 	overflow: visible; } button { 	text-transform: none; } button,html [type=button] { 	-webkit-appearance: button; } [type=button]::-moz-focus-inner,button::-moz-focus-inner { 	border-style: none; 	padding: 0; } [type=button]:-moz-focusring,button:-moz-focusring { 	outline: 1px dotted ButtonText; } ::-webkit-input-placeholder { 	color: inherit; 	opacity: .54; } ::-webkit-file-upload-button { 	-webkit-appearance: button; 	font: inherit; } .icon { 	display: inline-block; 	vertical-align: top; } .icon_info { 	background-image: url(/shared/1662/sprite.png); 	background-position: -965px -543px; 	width: 7px; 	height: 15px; } .icon_visa { 	background-image: url(/shared/1662/sprite.png); 	background-position: -725px -227px; 	width: 36px; 	height: 11px; } .icon_mastercard { 	background-position: -498px -443px; 	width: 76px; 	height: 12px; } .icon_mastercard,.icon_qiwi { 	background-image: url(/shared/1662/sprite.png); } .icon_qiwi { 	background-position: -797px -566px; 	width: 59px; 	height: 24px; } .icon_yandex { 	background-position: -797px -620px; 	width: 65px; 	height: 19px; } .icon_webmoney,.icon_yandex { 	background-image: url(/shared/1662/sprite.png); } .icon_webmoney { 	background-position: -269px -766px; 	width: 101px; 	height: 24px; } .icon_moneta { 	background-position: -122px -831px; 	width: 86px; 	height: 33px; } .icon_moneta,.icon_wallet { 	background-image: url(/shared/1662/sprite.png); } .icon_wallet { 	background-position: -360px -831px; 	width: 33px; 	height: 28px; } .icon_sberbank { 	background-position: -129px -766px; 	width: 110px; 	height: 27px; } .icon_alfabank,.icon_sberbank { 	background-image: url(/shared/1662/sprite.png); } .icon_alfabank { 	background-position: -688px -600px; 	width: 78px; 	height: 28px; } .icon_promsvyazbank { 	background-position: -589px -666px; 	width: 128px; 	height: 21px; 	background-image: url(/shared/1662/sprite.png); } .icon_18 { 	background-position: -538px -490px; 	width: 36px; } .icon_18,.icon_curagao { 	background-image: url(/shared/1662/sprite.png); 	height: 36px; } .icon_curagao { 	background-position: -904px 0; 	width: 31px; } .icon_ecorga { 	background-position: 0 -831px; 	width: 92px; 	height: 36px; 	background-image: url(/shared/1662/sprite.png); } svg { 	pointer-events: none; } .svg-cancel { 	fill: #fff; } .svg-cancel-dims { 	width: 16px; 	height: 16px; } .svg-game-hall-dims { 	width: 23px; 	height: 18px; } .svg-lottery-dims { 	width: 20px; 	height: 24px; } .svg-promo-dims { 	width: 23px; 	height: 24px; } .svg-tournament-dims { 	width: 20px; 	height: 24px; } .svg-vip-level-dims { 	width: 24px; 	height: 24px; } @supports (-ms-overflow-style:none) { } .button { 	text-align: center; 	display: inline-block; 	vertical-align: top; 	position: relative; 	cursor: pointer; 	padding: 11px 21px; 	background-color: #185e9c; 	background-image: linear-gradient(180deg, #1b87d5, #163464); 	box-shadow: inset 0 0 7px hsla(0, 0%, 100%, .13), inset 0 1px 0 #7ac7ff, 0 2px 0 rgba(0, 0, 0, .11); 	border: none; 	border-radius: 3px; 	text-shadow: 0 2px 0 rgba(0, 0, 0, .22); 	color: #fff; 	font-family: ClearSans, sans-serif; 	font-size: 16px; 	font-weight: 700; 	text-transform: uppercase; 	transition: box-shadow .2s ease; } .button:hover { 	box-shadow: 0 0 11px 0 #355b8a, inset 0 1px 6px 0 hsla(0, 0%, 100%, .32); } .button:active { 	color: #fff; } .button_font_cond { 	font-family: ClearSans, sans-serif; 	font-weight: 600; } .button_small { 	text-shadow: 0 2px 3px rgba(6, 23, 42, .65); 	font-size: 13px; 	line-height: 20px; 	padding: 1px 5px; } .button_shape_round,.button_small { 	font-family: ClearSans, sans-serif; 	font-weight: 700; 	text-transform: uppercase; } .button_shape_round { 	padding: 9px 20px 8px; 	background-color: #e2d533; 	background-image: linear-gradient(180deg, #ff8d00, #e2d533); 	text-shadow: 1px 1px 4px #3a0404; 	border-radius: 17px; 	border: none; 	box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .34), 0 3px 2px rgba(4, 4, 4, .26); 	display: inline-block; 	font-size: 15px; } .button_shape_round:hover { 	background-color: #c6b91c; 	background-image: linear-gradient(180deg, #cc7100, #c6b91c); 	box-shadow: none; } .button_color_yellow { 	background-color: #e2d533; 	background-image: linear-gradient(180deg, #ff8d00, #e2d533); 	text-shadow: 1px 1px 4px #3a0404; 	border-radius: 1px; 	box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .11), 0 0 16px rgba(0, 0, 0, .26), 0 4px 8px rgba(0, 0, 0, .13); } .button_color_yellow:hover { 	background-color: #c6b91c; 	background-image: linear-gradient(180deg, #cc7100, #c6b91c); 	box-shadow: none; } .wrap { 	margin: 0 auto; 	width: 940px; }  @media only screen and (min-width: 1440px) {  	.wrap { 		width: 1420px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.wrap { 		width: 1180px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.wrap { 		width: 700px; 	} }   @media only screen and (max-width: 767px) {  	.wrap { 		width: 100%; 	} }  .section { 	width: 940px; 	margin: 0 auto; 	position: relative; 	display: table; }  @media only screen and (min-width: 1440px) {  	.section { 		width: 1420px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.section { 		width: 1180px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.section { 		width: 700px; 	} }   @media only screen and (max-width: 767px) {  	.section { 		width: 100%; 		max-width: 480px; 		display: block; 		position: relative; 	} }  .section__main { 	display: table-cell; 	vertical-align: top; 	position: relative; 	background-color: #132e4d; 	width: 100%; } .section_full .section__main { 	border-radius: 5px; 	box-shadow: inset 0 1px 0 0 #334356, inset -1px 0 0 0 #2d517d, inset 1px 0 0 0 #2d517d; } .section_full .section__main:before { 	content: ""; 	display: block; 	position: absolute; 	top: 0; 	left: 0; 	right: 0; 	height: 200px; 	border-radius: 5px 5px 0 0; 	box-shadow: inset 0 1px 0 0 #334356, inset -1px 0 0 0 #2d517d, inset 1px 0 0 0 #2d517d; }  @media only screen and (max-width: 767px) {  	.section__main { 		width: 100%; 		display: block; 		position: relative; 		background-image: none; 	} }  .section__aside { 	min-width: 300px; 	display: table-cell; 	vertical-align: top; 	background-color: #122d4c; 	border-left: 1px solid #09203a; }  @media only screen and (min-width: 1440px) {  	.section__aside { 		min-width: 460px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.section__aside { 		min-width: 380px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.section__aside { 		min-width: 220px; 	} }   @media only screen and (max-width: 767px) {  	.section__aside { 		min-width: 100%; 		display: block; 		position: relative; 	} }  .section_winsline { 	margin-top: 23px; 	overflow: hidden; 	display: none; }  @media only screen and (max-width: 767px) {  	.section_winsline { 		padding-left: 20px; 		padding-right: 20px; 	} }  .section_main { 	margin-top: 20px; 	height: 100%; 	border: 2px solid #132e4d; 	border-radius: 5px; }  @media only screen and (max-width: 767px) {  	.section_main { 		margin-top: 0; 		border-radius: 0; 	} }  .section_main:after { 	content: ""; 	width: 1px; 	display: block; 	position: absolute; 	top: 0; 	right: 300px; 	bottom: 0; 	background-color: #10253d; 	box-shadow: 1px 0 0 #214268; }  @media only screen and (min-width: 1440px) {  	.section_main:after { 		right: 459px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.section_main:after { 		right: 380px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.section_main:after { 		right: 220px; 	} }   @media only screen and (max-width: 767px) {  	.section_main:after { 		right: 0; 		display: none; 	} }   @media only screen and (max-width: 767px) {  	.section_main { 		height: auto; 	} }  .section_full { 	margin-top: 34px; } .aside { 	display: block; 	position: relative; } .aside__curtour { 	margin: 0 auto; 	width: 93%; 	position: absolute; 	left: 0; 	top: 120px; 	right: 0; 	z-index: 2; 	display: block; 	padding: 15px 0 12px 140px; 	text-align: left; 	height: 50px; 	background-color: #10253d; 	border: 2px solid #1a5a91; 	border-bottom: 0; 	border-top: 0; }  @media only screen and (min-width: 1440px) {  	.aside__curtour { 		top: 0px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.aside__curtour { 		padding: 15px 0 12px 100px; 		top: 135px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.aside__curtour { 		padding: 15px 0 12px 70px; 		top: 137px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.aside__curtour { 		padding: 18px 0 12px 36px; 		top: 140px; 	} }   @media only screen and (max-width: 767px) {  	.aside__curtour { 		padding: 18px 0 12px; 		border: 2px solid #1a5a91; 	} }  .aside__icon { 	display: block; 	position: absolute; } .aside__icon_trophy { 	top: 0; 	left: 5px; 	background-image: url(/shared/1662/trophy.png); 	width: 60px; 	height: 50px; 	background-size: 60px 50px; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.aside__icon_trophy { 		display: none; 	} }   @media only screen and (max-width: 767px) {  	.aside__icon_trophy { 		display: none; 	} }  .aside__icon_info { 	right: 21px; 	top: 16px; 	cursor: pointer; } .aside__tooltip.tooltip { 	display: none; 	right: -13px; 	top: 27px; } .aside__icon_info:hover .aside__tooltip.tooltip { 	display: block; } .aside__title { 	text-shadow: 0 2px 0 rgba(0, 0, 0, .23); 	color: #fff001; 	font-size: 20px; 	font-weight: 700; 	text-transform: uppercase; 	margin-top: 70px; 	padding-top: 15px; 	margin-bottom: 15px; 	text-align: center; }  @media only screen and (min-width: 1440px) {  	.aside__title { 		margin-top: 35px; 		padding-top: 0; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.aside__title { 		margin-top: 45px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.aside__title { 		margin-top: 47px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.aside__title { 		margin-top: 50px; 	} }   @media only screen and (max-width: 767px) {  	.aside__title { 		padding-top: 0; 	} }  .aside__subtitle { 	color: #fff; 	font-size: 16px; 	font-weight: 700; 	text-transform: uppercase; 	display: inline-block; 	vertical-align: top; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.aside__subtitle { 		font-size: 12px; 	} }   @media only screen and (max-width: 767px) {  	.aside__subtitle { 		width: 100%; 		text-align: center; 	} }  .aside__tournament { 	margin-top: 15px; 	padding-bottom: 20px; 	padding-top: 20px; 	background-color: #15355a; } .aside__tournament__holder { 	border: 2px solid #1a5a91; 	border-bottom: 0; 	border-top: 0; 	margin: 0 auto; 	width: 93%; 	background-color: #132e4d; }  @media only screen and (min-width: 1440px) {  	.aside__tournament__holder { 		padding: 30px 15px; 	} }   @media only screen and (max-width: 767px) {  	.aside__tournament__holder { 		border: 2px solid #1a5a91; 	} }  .aside__tournament__holder:before { 	content: ""; 	width: 93%; 	height: 3px; 	background-image: linear-gradient(90deg, #04469c, #52baff 50%, #04469c); 	display: block; 	position: absolute; 	top: 0px; 	left: 16px; 	z-index: 99; }  @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.aside__tournament__holder:before { 		left: 13px; 		top: 132px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.aside__tournament__holder:before { 		left: 10px; 		top: 134px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.aside__tournament__holder:before { 		top: 137px; 		left: 7px; 	} }   @media only screen and (max-width: 767px) {  	.aside__tournament__holder:before { 		display: none; 	} }  .aside__tournament__holder:after { 	content: ""; 	width: 93%; 	height: 3px; 	background-image: linear-gradient(90deg, #04469c, #52baff 50%, #04469c); 	display: block; 	position: absolute; 	bottom: 17px; 	left: 16px; }  @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.aside__tournament__holder:after { 		left: 13px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.aside__tournament__holder:after { 		left: 10px; 	} }   @media only screen and (max-width: 767px) {  	.aside__tournament__holder:after { 		display: none; 	} }  .main { 	display: block; 	position: relative; } .main__inner { 	text-align: left; } .main_gallery { 	padding: 18px 12px 12px; 	font-size: 0; }  @media only screen and (min-width: 1440px) {  	.main_gallery { 		padding: 17px 22px 12px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.main_gallery { 		padding: 18px 11px 12px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.main_gallery { 		padding: 18px 10px 12px; 	} }   @media only screen and (max-width: 767px) {  	.main_gallery { 		padding: 18px 3% 12px; 	} }  .main__item { 	display: inline-block; 	vertical-align: top; } .main_gallery .main__item { 	margin: 10px; 	vertical-align: top; 	margin: 9px; 	box-shadow: 0 0 15px 1px #0095ff; } .header { 	display: table; 	position: relative; 	background-color: #091b2f; 	height: 182px; 	width: 100%; 	overflow: hidden; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.header { 		height: 230px; 	} }   @media only screen and (max-width: 767px) {  	.header { 		min-height: 156px; 		height: 156px; 		z-index: 100; 		overflow: auto; 	} }  .header__inner { 	display: block; 	position: relative; } .header__wrap { 	display: table-cell; 	z-index: 1; 	position: relative; 	height: 100%; }  @media only screen and (max-width: 767px) {  	.header__wrap { 		width: 480px; 	} }  .header__toppanel { 	position: absolute; 	display: block; 	width: 100%; 	top: 0; 	left: 0; 	right: 0; 	background-color: #091420; }  @media only screen and (max-width: 767px) {  	.header__toppanel { 		position: relative; 		padding-left: 0; 		width: 100%; 		margin-left: 0; 	} }  .header__logo { 	display: block; 	top: 56px; 	left: 4px; 	position: absolute; 	z-index: 2; 	width: 206px; 	height: 124px; 	background-image: url(/shared/1662/logo.png); }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.header__logo { 		top: 74px; 	} }   @media only screen and (max-width: 767px) {  	.header__logo { 		background-image: url(/shared/1662/logo.png); 		background-size: 125px 80px; 		background-position: 50%; 		background-repeat: no-repeat; 		width: 125px; 		height: 80px; 		top: 65px; 		left: 15px; 	} }  .header__panel { 	top: 44px; 	padding: 3px 0 40px 222px; 	display: block; 	position: absolute; 	right: 0; 	left: 0; }  @media only screen and (min-width: 1440px) {  	.header__panel { 		padding: 3px 0 40px 330px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.header__panel { 		padding: 3px 0 40px 295px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.header__panel { 		padding: 27px 0 40px 182px; 	} }   @media only screen and (max-width: 767px) {  	.header__panel { 		display: block; 		width: 170px !important; 		top: 62px; 		z-index: 100; 		left: auto; 		padding: 2px 19px; 	} 	.header__panel .head-panel { 		display: none; 	} }   @media only screen and (max-width: 767px) {  	.header__panel .signup { 		height: 36px; 	} 	.header__panel .signup__button { 		padding: 10px 9px; 	} }  .header__head-nav { 	display: block; 	position: absolute; 	width: 100%; 	bottom: 0; 	left: 0; 	right: 0; 	background-color: #09203a; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.header__head-nav { 		padding-left: 0; 		z-index: 1; 	} }   @media only screen and (max-width: 767px) {  	.header__head-nav { 		background-image: linear-gradient(1turn, #324c69, #132e4d); 		height: 106px; 		padding-left: 184px; 		bottom: auto; 		top: 50px; 	} 	.header__head-nav .nav { 		display: none; 	} }  .header__head-nav_top { 	position: relative; } .header__head-nav_top:after { 	content: ""; 	width: 80%; 	position: absolute; 	right: 35px; 	bottom: 0; 	height: 2px; 	background-image: linear-gradient(90deg, rgba(87, 185, 220, .29), #35d0ff 50%, rgba(87, 185, 220, .29)); 	box-shadow: 0 0 80px 10px #3fc8fa; }  @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.header__head-nav_top:after { 		right: 25px; 		width: 75%; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.header__head-nav_top:after { 		right: 20px; 		width: 70%; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.header__head-nav_top:after { 		height: 0; 		box-shadow: none; 	} }  .head-panel { 	display: table; 	position: relative; 	font-family: ClearSans, sans-serif; 	font-size: 0; 	text-transform: uppercase; 	color: #fff; 	margin-left: 24px; 	margin-top: 13px; 	width: calc(100% - 24px); }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.head-panel { 		margin-top: 4px; 	} }  .head-panel__cell { 	display: table-cell; 	vertical-align: middle; 	width: 1px; 	white-space: nowrap; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.head-panel__cell { 		vertical-align: middle; 		width: auto; 	} }   @media only screen and (max-width: 767px) {  	.head-panel__cell { 		display: block; 		width: 130px; 	} }  .head-panel__cell_fluid { 	width: auto; 	text-align: right; }  @media only screen and (max-width: 767px) {  	.head-panel__cell_fluid { 		display: block; 	} }  .head-panel__pointer { 	margin-top: -2px; 	margin-right: 3px; 	width: 145px; 	height: 50px; 	display: inline-block; 	vertical-align: top; 	position: relative; 	background-image: url(/shared/1662/reg_and_get_bonus.png); 	background-repeat: no-repeat; 	background-size: 147px 54px; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.head-panel__pointer { 		background-image: url(/shared/1662/reg_and_get_bonus_small.png); 		background-size: 56px 43px; 		width: 60px; 		height: 43px; 	} }  .head-panel__button,.head-panel__signup { 	display: inline-block; 	vertical-align: top; 	position: relative; 	border-radius: 2px; } .head-panel__button { 	margin-left: 24px; 	margin-right: 20px; 	line-height: 16px; 	padding: 13px 21px 14px; 	background-image: linear-gradient(180deg, #2c85ca, #164278); 	box-shadow: inset 0 1px 0 0 #7ac7ff, inset 0 1px 6px 0 rgba(204, 242, 255, .5); 	font-size: 16px; 	font-weight: 600; 	font-stretch: condensed; 	text-align: center; 	color: #fff; 	text-shadow: 0 1px 1px rgba(0, 0, 0, .38); }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.head-panel__button { 		padding: 10px; 		margin-left: 8px; 		margin-right: 10px; 	} }  .mobile-panel { 	display: none; 	position: relative; }  @media only screen and (max-width: 767px) {  	.mobile-panel { 		display: block; 		z-index: 1; 	} }  .mobile-panel__button { 	display: block; 	width: 130px; 	height: 36px; 	padding: 10px 9px; 	font-size: 16px; 	font-family: ClearSans, sans-serif; 	font-weight: 400; 	line-height: 16px; 	outline: none; 	z-index: 2; 	min-width: 130px; 	box-shadow: 0 2px 0 rgba(0, 0, 0, .11); 	border-radius: 2px; } .mobile-panel__button_blue { 	margin-top: 10px; 	background-image: linear-gradient(180deg, #2c85ca, #164278); 	box-shadow: inset 0 1px 0 0 #7ac7ff, inset 0 1px 6px 0 rgba(204, 242, 255, .5); } .toppanel { 	display: block; 	position: relative; 	font-size: 0; 	padding: 19.5px 10px 19.5px 17px; 	font-weight: 700; 	font-family: ClearSans, sans-serif; 	white-space: nowrap; 	overflow: visible; } .toppanel__title { 	color: #fefefe; 	display: none; 	vertical-align: top; 	font-size: 15px; 	line-height: 18px; }  @media only screen and (max-width: 767px) {  	.toppanel__title { 		display: block; 	} }  .toppanel__icon { 	display: none; 	vertical-align: top; 	position: relative; 	width: 14px; 	height: 20px; 	fill: #fff; }  @media only screen and (max-width: 767px) {  	.toppanel__icon { 		display: inline-block; 	} }  .toppanel__icon_menu { 	display: block; 	position: absolute; 	width: 12px; 	background-color: #fff; 	top: 50%; 	left: 8px; 	-webkit-transform: translateY(-50%); 	-ms-transform: translateY(-50%); 	transform: translateY(-50%); 	height: 2px; } .toppanel__icon_menu:after,.toppanel__icon_menu:before { 	content: ""; 	display: block; 	position: absolute; 	width: 12px; 	height: 2px; 	left: 0; 	background-color: #fff; } .toppanel__icon_menu:before { 	top: -4px; } .toppanel__icon_menu:after { 	bottom: -4px; } .toppanel__icon_close { 	display: none; } .toppanel__button { 	display: none; 	position: absolute; 	top: 10px; 	right: 10px; 	font-family: ClearSans, sans-serif; 	font-size: 12px; 	font-weight: 400; 	font-stretch: condensed; 	letter-spacing: -.2px; 	color: #fff; 	padding: 6px 8px 6px 25px; 	outline: none; 	width: 64px; 	height: 29px; 	border-radius: 2px; 	background-image: linear-gradient(180deg, #2c85ca, #164278); 	box-shadow: inset 0 1px 0 0 #7ac7ff, inset 0 1px 6px 0 rgba(204, 242, 255, .5); }  @media only screen and (max-width: 767px) {  	.toppanel__button { 		display: block; 	} }  .tooltip { 	text-shadow: 0 2px 0 rgba(0, 0, 0, .17); 	text-align: left; 	z-index: 2; 	color: #fefefe; 	font-family: ClearSans, sans-serif; 	font-size: 14px; 	line-height: 16px; 	position: absolute; 	padding: 12px 14px; 	width: auto; 	max-width: 200px; 	white-space: normal; 	min-width: 190px; 	background-color: #305a84; 	border-radius: 3px; 	box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .11), 0 0 16px rgba(0, 0, 0, .26), 0 8px 10px rgba(0, 0, 0, .16); 	display: block; } .tooltip__arrow { 	display: block; 	position: absolute; 	z-index: 3; 	top: 18px; 	left: -6px; 	box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .11), 0 0 16px rgba(0, 0, 0, .26), 0 8px 10px rgba(0, 0, 0, .16); } .tooltip__arrow:after { 	content: " "; 	position: absolute; 	bottom: 100%; 	left: 50%; 	z-index: 3; 	margin-left: -7px; 	border-style: solid; 	border-width: 7px; 	border-color: transparent #305a84 transparent transparent; } .tooltip__arrow_right { 	right: 3px; 	top: 1px; 	left: auto; } .tooltip__arrow_right:after { 	right: 5px; 	left: auto; 	border-color: transparent transparent #305a84; } .nav { 	list-style-type: none; 	display: table; 	margin: 0 auto; 	padding: 0; 	padding-left: 250px; 	font-size: 0; } .nav_hero { 	padding-left: 0 !important; 	width: 100%; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.nav { 		padding-left: 210px; 	} }   @media only screen and (max-width: 767px) {  	.header__head-nav .nav { 		position: absolute; 		top: 50%; 		-webkit-transform: translateY(-50%); 		-ms-transform: translateY(-50%); 		transform: translateY(-50%); 	} }  .nav__item { 	display: table-cell; 	vertical-align: top; 	position: relative; }  @media only screen and (max-width: 767px) {  	.nav__item { 		display: inline-block; 	} }   @media only screen and (max-width: 767px) {  	.header__head-nav .nav__item { 		display: block; 	} }  .nav__item:after { 	content: "-"; 	display: block; 	position: absolute; 	color: #fff; 	font-size: 18px; 	top: 50%; 	left: 100%; 	-ms-transform: translate(-50%, -50%); 	-webkit-transform: translate(-50%, -50%); 	transform: translate(-50%, -50%); }  @media only screen and (max-width: 767px) {  	.nav__item:after { 		display: none; 	} }  .nav__item:last-child:after { 	content: none; } .nav__link { 	text-shadow: 0 2px 0 rgba(4, 4, 4, .19); 	font-size: 16px; 	line-height: 20px; 	font-weight: 700; 	text-transform: uppercase; 	color: #fff; 	display: block; 	padding: 19px 17px; 	text-align: center; 	white-space: nowrap; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.nav__link { 		padding: 29px 13px; 		font-size: 15px; 	} }  .nav__link:hover { 	color: #ffea00; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.header__head-nav .nav__link { 		padding: 29px 15px; 		text-transform: capitalize; 		font-size: 15px; 	} }   @media only screen and (max-width: 767px) {  	.header__head-nav .nav__link { 		display: block; 		font-size: 12px; 		padding: 4px 20px; 		line-height: 12px; 		text-align: left; 		text-transform: capitalize; 	} }   @media only screen and (max-width: 767px) {  	.footer__nav .nav__link { 		font-size: 10px; 		padding: 4px 20px; 		line-height: 12px; 		text-align: left; 	} }  .nav_footer { 	display: inline-block; 	width: auto; 	padding-left: 0; } .nav_footer .nav__item { 	display: inline-block; 	vertical-align: top; } .mobile-nav { 	display: none; 	position: relative; }  @media only screen and (max-width: 767px) {  	.mobile-nav { 		display: block; 	} }  .mobile-nav__list { 	margin: 0; 	padding: 0 10px; 	list-style-type: none; } .mobile-nav__item { 	display: block; 	position: relative; 	width: 100%; } .mobile-nav__link { 	height: 42px; 	font-family: ClearSans, sans-serif; 	font-size: 14px; 	font-weight: 700; 	line-height: 44px; 	color: #00a6ff; 	display: block; 	position: relative; 	padding-left: 40px; } .mobile-nav__link:before { 	display: block; 	content: ""; 	top: 1px; 	left: 0; 	right: 0; 	position: absolute; 	width: 100%; 	height: 2px; 	background-color: #08203a; 	z-index: -1; } .mobile-nav__icon { 	display: block; 	position: absolute; 	top: 50%; 	-webkit-transform: translateY(-50%); 	-ms-transform: translateY(-50%); 	transform: translateY(-50%); 	z-index: 3; } .mobile-nav__icon svg { 	fill: #fff; 	display: block; } .mobile-nav_dropdown { 	display: none;     background: #091420;     width: 100%;     height: auto;     padding: 0;     position: absolute;     z-index: 9999; } .signup { 	position: relative; 	display: block; 	height: 43px; 	margin-top: 2px; }  @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.signup { 		width: auto; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.signup { 		width: auto; 		height: 36px; 	} }   @media only screen and (max-width: 767px) {  	.signup { 		width: auto; 	} }  .signup__button { 	font-size: 16px; 	line-height: 16px; 	padding: 14px 9px; 	top: 0; 	left: 0; 	background-color: #e2d533; 	background-image: linear-gradient(180deg, #ff8d00, #ada434); 	z-index: 2; 	min-width: 170px; 	box-shadow: 0 2px 0 rgba(0, 0, 0, .11); }  @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.signup__button { 		position: relative; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.signup__button { 		position: relative; 		padding: 10px 9px; 	} }   @media only screen and (max-width: 767px) {  	.head-panel__signup .signup__button { 		position: relative; 	} }  .hero { 	display: block; 	position: relative; 	overflow: hidden; }  @media only screen and (max-width: 767px) {  	.hero { 		max-width: 480px; 		margin: 0 auto; 	} }  .hero__slider { 	z-index: 1; 	position: absolute; 	top: 0; 	left: 50%; 	-webkit-transform: translateX(-50%); 	transform: translateX(-50%); 	-ms-transform: translateX(-50%); 	width: 940px; 	height: 390px; 	display: block; 	overflow: hidden; 	margin: 0 auto; }  @media only screen and (min-width: 1440px) {  	.hero__slider { 		width: 1420px; 	} 	.hero__slider,.hero__slider .slick-list { 		overflow: visible; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.hero__slider { 		width: 1180px; 		height: 324px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.hero__slider { 		height: 258px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.hero__slider { 		width: 700px; 		height: 192px; 	} }   @media only screen and (max-width: 767px) {  	.hero__slider { 		height: auto; 		width: 100%; 		position: absolute; 	} }  .hero__wrap { 	position: relative; 	transition: height .3s; }  @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.hero__wrap { 		min-height: 382px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {      .hero__wrap {         min-height: 0px;         height: 0;     } }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.hero__wrap {         min-height: 0px;         height: 0; 	} }   @media only screen and (max-width: 767px) {  	.hero__wrap {         height: 5px;         min-height: 0px;         width: 100% !important; 	} }  .hero__nav {     display: block;     position: relative;     text-align: left;     width: 100%;     top: 0px;     left: 0;     right: 0;     z-index: 99; }  @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.hero__nav { 		top: 324px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.hero__nav { 		top: 258px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.hero__nav { 		top: 192px; 	} }   @media only screen and (max-width: 767px) {  	.hero__nav { 		top: 250px; 	} }  .hero__subnav { 	display: block; 	text-align: center; 	background-color: #365477; 	height: 0; 	transition: height .1s; }  @media only screen and (max-width: 767px) {  	.hero__subnav { 		display: none; 	} }  .hero__subnav .nav__link { 	padding: 14px 28px; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.hero__subnav .nav__link { 		padding: 14px 21px; 	} }  .main-nav { 	display: table; 	position: relative; 	list-style: none; 	margin: 0; 	padding: 0; 	font-size: 0; 	width: 100%; 	background-color: #09203a; 	border-radius: 5px; 	overflow: hidden; } .main-nav:before { 	content: ""; 	width: 100%; 	position: absolute; 	top: 0; 	height: 2px; 	background-image: linear-gradient(90deg, rgba(87, 185, 220, .3), #35d0ff 50%, rgba(87, 185, 220, .3)); 	box-shadow: -2px 10px 61px 7px #3fc8fa; }  @media screen and (max-width: 430px) {      .main-nav {         display: flex;         flex-wrap: wrap;         white-space: nowrap;         align-items: center;         justify-content: center;     } }  .main-nav__item { 	display: table-cell; 	vertical-align: top; 	width: auto; 	white-space: normal; }  @media screen and (max-width: 430px) {      .main-nav__item {         display: block;         width: 30%;     }     .section_full {         margin-top: 4px;     } }  .main-nav__item:after { 	content: ""; 	font-size: 18px; 	color: #fff; 	display: block; 	position: absolute; 	top: 50%; 	-ms-transform: translate(-50%, -50%); 	-webkit-transform: translate(-50%, -50%); 	transform: translate(-50%, -50%); } .main-nav__item:first-child:after,.main-nav__item_active + .main-nav__item:after,.main-nav__item_active:after { 	content: none; } .main-nav__link { 	display: block; 	position: relative; 	text-align: center; 	padding: 22px 36px; 	text-shadow: 0 2px 0 rgba(4, 4, 4, .19); 	font-size: 18px; 	line-height: 18px; 	font-weight: 700; 	text-transform: uppercase; 	color: #fff; 	z-index: 2; 	height: 55px; } .main-nav__link:hover { 	color: #ffea00; } .main-nav__link:hover .main-nav__img { 	background-image: url(/shared/1662/sprite_active.png); } .main-nav__link:hover:after { 	color: #fff; } .main-nav__item:first-child .main-nav__link { 	padding-top: 22px; 	padding-bottom: 43px; } .main-nav__item_active .main-nav__link { 	color: #ff0; } .main-nav__item_active .main-nav__link:after { 	content: none; } .main-nav__item_active .main-nav__link .main-nav__img { 	background-image: url(/shared/1662/sprite_active.png); }  @media only screen and (min-width: 1440px) {  	.main-nav__link { 		padding-bottom: 43px; 		padding-left: 50px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.main-nav__link { 		padding-bottom: 43px; 		padding-left: 70px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.main-nav__link { 		padding-bottom: 43px; 		padding-left: 47px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.main-nav__link { 		font-size: 14px; 		padding: 21px 25px; 		padding-bottom: 41px; 	} }   @media only screen and (max-width: 767px) {  	.main-nav__item .main-nav__link,.main-nav__item:first-child .main-nav__link { 		padding: 16px 8px; 		font-size: 12px; 	} }  .main-nav__img { 	display: inline-block; 	background-image: url(/shared/1662/sprite_inactive.png); 	background-repeat: no-repeat; 	overflow: hidden; 	background-size: cover; 	text-indent: -9999px; 	text-align: left; 	position: absolute; 	top: 4px; 	left: 23px; 	width: 79px; 	height: 53px; } .main-nav__img__like { 	background-position: -2px -9px; } .main-nav__img__slots { 	background-position: -9px -298px; } .main-nav__img__jackpot { 	background-position: -10px -150px; } .main-nav__img__bord { 	background-position: -10px -223px; } .main-nav__img__fav { 	background-position: -10px -78px; }  @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.main-nav__img { 		left: 0; 		width: 70px; 	} 	.main-nav__img__like { 		background-position: -6px -6px; 	} 	.main-nav__img__slots { 		background-position: -10px -263px; 	} 	.main-nav__img__jackpot { 		background-position: -10px -130px; 	} 	.main-nav__img__bord { 		background-position: -10px -195px; 	} 	.main-nav__img__fav { 		background-position: -10px -67px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.main-nav__img { 		display: none; 	} }   @media only screen and (max-width: 767px) {  	.main-nav__img { 		display: none; 	} }  .winsline { 	display: block; 	position: relative; 	font-size: 0; 	width: 959px; 	overflow: hidden; 	margin-right: -19px; }  @media only screen and (min-width: 1440px) {  	.winsline { 		width: 1440px; 		margin-right: -20px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.winsline { 		width: 1203px; 		margin-right: -23px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.winsline { 		width: 719px; 	} }   @media only screen and (max-width: 767px) {  	.winsline { 		width: calc(100% + 20px); 		margin-right: -20px; 	} }  .winsline__item { 	display: inline-block; 	vertical-align: top; 	position: relative; 	height: 76px; 	padding-right: 19px; }  @media only screen and (min-width: 1440px) {  	.winsline__item { 		padding-right: 20px; 	} }   @media only screen and (max-width: 767px) {  	.winsline__item { 		height: 64px; 	} }  .winsline__block { 	background-color: #15355a; 	border-radius: 2px; 	height: 100%; 	transition: background-color .2s ease; 	text-decoration: none; } .winsline__item:hover .winsline__block { 	background-color: #1f4c7e; } .winsline__img { 	width: 88px; 	height: 76px; 	position: absolute; 	top: 0; 	left: 0; 	border-radius: 2px; 	border: 3px solid #2c82ff; }  @media only screen and (max-width: 767px) {  	.winsline__img { 		width: 64px; 		height: 63px; 	} }  .winsline__overlay { 	box-shadow: inset 0 0 0 4px rgba(0, 0, 0, .47), 0 2px 3px rgba(6, 23, 42, .26); 	transition: background-color .1s ease; 	background-color: transparent; 	border-radius: 2px; 	width: 82px; 	height: 71px; 	display: block; 	position: absolute; 	top: 3px; 	left: 3px; 	right: 0; 	bottom: 0; 	opacity: 0; 	visibility: hidden; }  @media only screen and (max-width: 767px) {  	.winsline__overlay { 		width: 64px; 		height: 63px; 	} }  .winsline__item:hover .winsline__overlay { 	background-color: rgba(0, 0, 0, .63); 	opacity: 1; 	visibility: visible; }  @media only screen and (max-width: 767px) {  	.winsline__item:hover .winsline__overlay { 		opacity: 0; 		visibility: hidden; 	} }  .winsline__button { 	display: block; 	position: absolute; 	bottom: 3px; 	left: 50%; 	white-space: nowrap; 	-webkit-transform: translateX(-50%); 	-ms-transform: translateX(-50%); 	transform: translateX(-50%); } .winsline__content { 	display: block; 	position: relative; 	line-height: 20px; 	height: 76px; 	font-size: 14px; 	font-weight: 700; 	text-transform: uppercase; 	padding: 12px 13px 10px 97px; }  @media only screen and (min-width: 1440px) {  	.winsline__content { 		padding: 9px 13px 10px 105px; 	} }   @media only screen and (max-width: 767px) {  	.winsline__content { 		padding: 8px 13px 8px 80px; 		height: 64px; 	} }  .winsline__title { 	color: #fff; 	margin: 0; 	text-overflow: ellipsis; 	white-space: nowrap; 	overflow: hidden; }  @media only screen and (max-width: 767px) {  	.winsline__title { 		font-size: 10px; 		line-height: 12px; 		padding-top: 1px; 		margin-right: 11px; 	} }  .winsline__title_color_yellow { 	color: #ffe400; } .winsline__note { 	color: #01ff25; 	font-size: 12px; 	font-weight: 400; 	text-transform: uppercase; 	text-overflow: ellipsis; 	display: block; 	float: left; 	overflow: hidden; 	max-width: 74px; 	white-space: nowrap; }  @media only screen and (max-width: 767px) {  	.winsline__note { 		line-height: 14px; 		font-size: 10px; 	} }  .winsline__note_small { 	color: #3c90f0; 	text-transform: lowercase; 	margin-left: 4px; } .preview { 	position: relative; 	background-color: #08203a; 	border: 1px solid #15355a; 	border-radius: 4px; 	box-shadow: 0 2px 4px rgba(0, 0, 0, .5); } .preview__item { 	display: block; 	position: relative; } .preview__img { 	max-width: 100%; 	width: 100%; 	display: block; 	max-height: 188px; } .preview__overlay { 	display: block; 	position: absolute; 	text-align: center; 	top: 0; 	left: 0; 	right: 0; 	bottom: 0; 	opacity: 0; 	transition: all .1s ease; 	z-index: -1; } .preview__item:hover .preview__overlay { 	background-color: rgba(0, 0, 0, .73); 	box-shadow: inset 0 0 2.9px 1.1px hsla(0, 0%, 100%, .28), inset 0 1px 0 hsla(0, 0%, 100%, .08), 0 2px 1px rgba(13, 25, 39, .37); 	opacity: 1; 	z-index: 1; } .preview__action { 	display: block; 	position: absolute; 	top: 50%; 	left: 50%; 	-webkit-transform: translate(-50%, -50%); 	-ms-transform: translate(-50%, -50%); 	transform: translate(-50%, -50%); } .preview__button { 	font-size: 15px; 	width: 105px; 	height: 34px; 	padding: 7px 15px; 	display: inline-block; 	white-space: nowrap; } .preview__icon { 	display: block; 	position: absolute; 	bottom: 10px; 	right: 12px; 	cursor: pointer; } .preview__icon.fa { 	font-size: 25px; 	color: #fff; } .preview__info { 	padding: 10px 13px; 	text-align: left; } .preview__title { 	text-shadow: 0 2px 0 #111c28; 	color: #a2bedc; 	font-size: 14px; 	margin: 0; } .preview__note,.preview__title { 	font-weight: 700; 	text-transform: uppercase; 	text-overflow: ellipsis; 	white-space: nowrap; 	overflow: hidden; 	max-width: calc(100% - 40px); } .preview__note { 	text-shadow: 0 1px 0 #0a1829; 	color: #4d7bb0; 	font-size: 11px; 	margin: 5px 0 0; }  @media only screen and (max-width: 767px) {  	.preview__note { 		max-width: 100%; 	} }  .tournament { 	display: block; 	position: relative; 	text-align: center; } .tournament__promo { 	display: block; 	position: relative; 	padding: 0 20px; } .tournament__head { 	position: relative; 	overflow: hidden; 	background-color: #2d517a; 	height: 41px; 	border-radius: 2px; 	box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2); } .tournament__title { 	font-weight: 700; 	text-transform: uppercase; 	z-index: 1; 	text-shadow: 0 2px 0 rgba(13, 25, 39, .23); 	color: #fff; 	font-size: 20px; 	padding: 7px 0; 	position: relative; }  @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.tournament__title { 		padding: 16px 0; 		white-space: nowrap; 		font-size: 17px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.tournament__title { 		padding: 16px 0; 		white-space: nowrap; 		font-size: 17px; 	} }  .tournament__img-overlay { 	border-radius: 2px; 	background-color: #737373; 	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5), inset 0 1px 2px 0 hsla(0, 0%, 100%, .5); 	display: block; 	position: relative; 	overflow: hidden; 	margin-bottom: 15px; } .tournament__img { 	display: inline-block; 	vertical-align: top; 	position: relative; 	width: 100%; 	height: 100%; } .tournament__button { 	position: absolute; 	white-space: nowrap; 	bottom: -38px; 	left: 50%; 	-ms-transform: translateX(-50%); 	-webkit-transform: translateX(-50%); 	transform: translateX(-50%); 	z-index: 1; } .tournament__timer { 	padding-top: 35px; 	height: 186px; 	background-position: 50%; 	background-repeat: no-repeat; } .timer { 	display: block; 	position: relative; } .timer__note { 	text-shadow: 0 1px 0 #243344; 	color: #ffd801; 	font-size: 13px; 	font-weight: 700; 	text-transform: uppercase; 	padding-bottom: 20px; } .timer__note_large { 	font-size: 14px; } .timer__table { 	display: table; 	margin: 0 auto; } .timer__row { 	display: table-row; } .timer__cell { 	display: table-cell; } .timer__row_digit .timer__cell { 	text-shadow: 0 2px 0 rgba(0, 0, 0, .26); 	color: #fff; 	font-size: 40px; 	font-weight: 700; 	text-transform: uppercase; 	font-family: ClearSans, sans-serif; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	.timer__row_digit .timer__cell { 		font-size: 28px; 	} }  .timer__row_caption .timer__cell { 	text-shadow: 0 2px 0 rgba(0, 0, 0, .18); 	color: #ffd801; 	font-size: 14px; 	font-weight: 700; 	text-transform: uppercase; 	text-align: center; } .timer__cell_empty { 	padding: 0 12px 0 0; } .footer { 	display: block; 	position: relative; 	padding-bottom: 37px; } .footer,.footer__head { 	width: 100%; 	text-align: center; } .footer__head { 	height: 93px; 	background-color: #091b2f; 	box-shadow: inset 0 1px 0 0 #18385f; 	margin-top: 178px; }  @media only screen and (max-width: 767px) {  	.footer__head { 		width: 100%; 		height: 43px; 		margin-top: 76px; 	} }  .footer__logo { 	display: block; 	top: -80px; 	left: 50%; 	margin-left: 36px; 	-webkit-transform: translateX(-50%); 	-ms-transform: translateX(-50%); 	transform: translateX(-50%); 	position: absolute; 	z-index: 2; 	width: 215px; 	height: 140px; }  @media only screen and (max-width: 767px) {  	.footer__logo { 		width: 120px; 		height: 85px; 		top: -48px; 		margin-left: 0; 	} }  .footer__nav { 	background-color: #102a47; 	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .24); 	text-align: center; }  @media only screen and (max-width: 767px) {  	.footer__nav { 		padding: 6px 4px; 	} }   @media only screen and (max-width: 767px) {  	.footer__nav .nav { 		display: inline-block; 		vertical-align: top; 		width: auto; 		max-width: 300px; 	} }  .footer__nav:before { 	content: ""; 	width: 45%; 	margin: 0 auto; 	height: 3px; 	background: linear-gradient(90deg, rgba(161, 239, 235, 0.06), #52baff 50%, rgba(161, 239, 235, 0.06)); 	display: block; 	box-shadow: 0 29px 84px 3px #1fa9db; }  @media only screen and (max-width: 767px) {  	.footer__nav:before { 		margin-top: -6px; 		margin-bottom: 8px; 	} }  .footer__icons { 	display: block; 	margin: 30px auto; } .footer__cell { 	display: inline-block; 	vertical-align: middle; 	padding-right: 18px; } .footer__cell:last-child { 	padding-right: 0; } .footer__rules {     color: #ccc;     font-size: 14px;     font-weight: 400;     max-width: 100%;     padding: 17px 29px 12px;     margin: 0 auto; } .slider { 	display: block; 	margin: 0 auto !important; 	position: relative; } .slider__item { 	display: block; 	padding: 0 4px; } .slider__item:focus { 	outline: none; } .slider__img { 	display: block; 	position: relative; } .slider__img_desktop { 	display: block !important; }  @media only screen and (max-width: 767px) {  	.slider__img_desktop { 		display: none !important; 	} }  .slider__img_mobile { 	display: none !important; }  @media only screen and (max-width: 767px) {  	.slider__img_mobile { 		display: block !important;         object-fit: contain; 	} }  .slider .slick-dots { 	display: block; 	width: 100%; 	bottom: -24px; } .slider .slick-dots li,.slider .slick-dots li button { 	width: 33px; 	height: 4px; 	margin: 0 4px; } .slider .slick-dots li button:before { 	width: 33px; 	height: 4px; 	background-color: #1f3957; 	content: ""; } .slider_hero { 	display: none; }  @media only screen and (max-width: 767px) {  	.slider_hero { 		height: auto; 	} }  .slider_hero .slider__item { 	width: 100%; 	padding: 0; } .slider_hero .slider__img { 	width: 100%; 	height: 390px; }  @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.slider_hero .slider__img { 		height: 324px; 	} }   @media only screen and (min-width: 1000px) and (max-width: 1239px) {  	.slider_hero .slider__img { 		height: 258px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.slider_hero .slider__img { 		height: 192px; 	} }   @media only screen and (max-width: 767px) {  	.slider_hero .slider__img { 		height: 250px; 	} }  .slider_hero .slick-dots { 	bottom: 10px; 	right: 167px; 	display: inline-block; 	width: auto; 	z-index: 100; }  @media only screen and (min-width: 1440px) {  	.slider_hero .slick-dots { 		right: 0; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.slider_hero .slick-dots { 		right: 45px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.slider_hero .slick-dots { 		right: 82px; 		bottom: 11px; 	} }   @media only screen and (max-width: 767px) {  	.slider_hero .slick-dots { 		top: 17px; 		right: 17px; 		bottom: auto; 	} }  .slider_hero .slick-dots li,.slider_hero .slick-dots li button { 	width: 15px; 	height: 15px; 	margin: 0 4px; } .slider_hero .slick-dots li button:before { 	width: 15px; 	height: 15px; 	background-color: #27425f; 	border-radius: 50%; 	content: ""; 	opacity: 1; }  @media only screen and (max-width: 767px) {  	.wrap { 		width: 97%; 	} }  body,html { 	height: 100%; }  @media only screen and (min-width: 768px) and (max-width: 999px) {  	body { 		min-width: 320px !important; 	} }   @media only screen and (max-width: 767px) {  	body { 		min-width: 320px !important; 	} }  .main_gallery .main__item:before { 	top: -3px; } .main_gallery .main__item:after,.main_gallery .main__item:before { 	content: ""; 	width: 100%; 	height: 3px; 	background: linear-gradient(90deg, rgba(254, 254, 255, 0), #52baff 50%, rgba(254, 254, 255, 0)); 	display: block; 	position: absolute; }  @media only screen and (min-width: 1440px) {  	.main_gallery .main__item .preview__info { 		padding: 20px 22px; 	} }  .main_gallery .main__item.preview { 	width: 186px; }  @media only screen and (min-width: 1440px) {  	.main_gallery .main__item.preview { 		width: 210px; 	} }   @media only screen and (min-width: 1240px) and (max-width: 1439px) {  	.main_gallery .main__item.preview { 		width: 240px; 	} }   @media only screen and (min-width: 768px) and (max-width: 999px) {  	.main_gallery .main__item.preview { 		width: 210px; 	} }   @media only screen and (max-width: 767px) {  	.main_gallery .main__item.preview { 		width: 43%; 		max-width: 300px; 		margin: 3.33%; 	} }   @media only screen and (min-width: 1440px) {  	.main_gallery .main__item:first-child,.main_gallery .main__item:nth-child(2),.main_gallery .main__item:nth-child(3) { 		width: 286px; 	} }  .rules { 	padding: 33px 35px; } .rules.page_content { 	color: #ccc; 	font-size: 14px; } .rules.page_content h1 { 	color: #ccc; 	margin: 0; } .rules.page_content p { 	margin: 16px 0 0; } .rules.page_content p,.rules.page_content ul { 	font-weight: 400; 	color: #ccc; 	font-size: 14px; 	line-height: 17px; 	margin-top: 5px; } .scroller { 	display: block; 	z-index: 200; 	cursor: pointer; 	position: fixed; 	bottom: 20%; 	left: 2%; 	width: 43px; 	height: 50px; 	border-radius: 2px; 	box-shadow: inset 0 1px 6px 0 hsla(0, 0%, 100%, .32); 	border: 1px solid rgba(92, 92, 92, .4); 	text-align: center;     transition: .4s linear;     opacity: 0; } .scroller:hover { 	border: 1px solid #93d1ff; } .scroller__icon { 	font-size: 21px; 	padding-top: 4px; 	color: #a8d1ff; 	text-shadow: 0 1px 1px rgba(0, 0, 0, .5); } .scroller__note { 	display: block; 	position: relative; 	font-family: ClearSans, sans-serif; 	font-size: 10px; 	line-height: 10px; 	font-weight: 400; 	text-align: center; 	color: #a8d1ff; 	text-shadow: 0 2px 4px rgba(0, 0, 0, .5); }  @media only screen and (max-width: 767px) {  	body { 		overflow-x: hidden; 	} }  a,a:active,a:hover { 	color: #fff; 	text-decoration: none; } .text__wrap { 	min-height: 70px; 	margin-top: 70px; } .text__wrap .hero__nav { 	position: relative; 	top: 4px; 	left: 0; 	right: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {     left: auto;     right: 10px;     bottom: 10px;     display: inline-block;     width: auto;     z-index: 100; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {     width: 15px;     height: 15px;     margin: 0 4px;     background-color: #27425f;     border-radius: 50%;     content: "";     opacity: 1; } .swiper-pagination-bullet-active{     background-color: #00455e;     background-image: linear-gradient(180deg,#1b87d5,#3a6dbf);     box-shadow: inset 0 0 7px hsla(0,0%,100%,.13), inset 0 1px 0 rgba(122,199,255,.38), 0 2px 4px rgba(0,0,0,.24); } .rules.page_content h1{     line-height:1.38;     margin-top:0pt;     margin-bottom:0pt;     font-size: 23pt;     font-family: Arial;     font-weight: 700;     font-variant-numeric: normal;     font-variant-east-asian: normal;     vertical-align: baseline;     white-space: pre-wrap; } .rules.page_content{     font-size: 11.5pt;     font-family: Arial; 	white-space: normal; } @media only screen and (max-width: 767px) {     .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{         display: none;     }     .footer__icons{         padding: 0 0px 0 15px;     }     .swiper-slide img{         height: 250px;         min-height: 250px;     }  } @media only screen and (max-width: 1024px) {     .aside__curtour {         top: 20px;     }     .aside__tournament__holder:before {         top: 20px;     }     .aside__tournament__holder:after{         left: 7px;     } } .main_game { 	width: 100%; 	height: auto; 	padding: 7px 0; } .main_game iframe{ 	width: 100%; 	height: auto; 	min-height: 540px; } @media only screen and (max-width: 768px) { 	.main_game iframe { 		min-height: auto; 	} }