html { 	top: auto; 	left: auto; } .h2{     width: 100%;     text-align: center;     margin: 30px auto;     color: #128d99;     text-transform: uppercase;     display: inline-block;     padding: 0 30px;     font: 100 50px/50px "Roboto", sans-serif; }     .game-hover,#main-slider .swiper-slide .slide-content {         display: -webkit-box; 	display: -moz-box; 	display: -ms-flexbox; 	display: -webkit-flex; 	display: flex; 	-webkit-flex-direction: column; 	flex-direction: column; 	-webkit-flex-wrap: nowrap; 	flex-wrap: nowrap; 	-webkit-justify-content: space-between; 	justify-content: space-between; 	-webkit-align-items: center; 	align-items: center; }  .menu-games { 	display: flex; 	-webkit-flex-direction: row; 	flex-direction: row; 	-webkit-flex-wrap: nowrap; 	flex-wrap: nowrap; 	-webkit-justify-content: space-between; 	justify-content: space-between; 	-webkit-align-items: center; 	align-items: center; 	position: relative; 	float: left; 	width: 75%; 	min-height: 1px; 	padding: 5px; 	-webkit-justify-content: space-around; 	justify-content: space-around; 	padding-right: 30px; 	padding-top: 0; 	padding-bottom: 0; } @keyframes autofill { 	to { 		color: #9fbabe; 		background: transparent; 	} } @-webkit-keyframes autofill { 	to { 		color: #9fbabe; 		background: transparent; 	} }     .game-hover .title,.game-hover .demo {         display: block; 	overflow: hidden; 	white-space: nowrap; 	text-overflow: ellipsis; 	width: 100%; 	height: 20px; 	padding: 0 5px; 	font-size: 14px; 	line-height: 20px; }     #main-slider .swiper-slide {         position: relative;         float: left;         width: 100%;         height: 340px;         background-position: 50% 50%;         background-repeat: no-repeat;         overflow: hidden; }  .fas{   -moz-osx-font-smoothing: grayscale;   -webkit-font-smoothing: antialiased;   display: inline-block;   font-style: normal;   font-variant: normal;   text-rendering: auto;   line-height: 1; } .fa-trophy:before {   content: "\f091"; }   .preloader { 	position: fixed; 	top: 0; 	bottom: 0; 	left: 0; 	right: 0; 	background: rgba(241, 247, 247, 0.75); 	z-index: 5000; 	margin: 0 !important; } html,body,div,span,h1,h2,h3,p,a,img,ul,li,form { 	margin: 0; 	padding: 0; 	border: 0; 	outline: 0; 	font-weight: inherit; 	font-style: inherit; 	font-size: 100%; 	font-family: inherit; 	vertical-align: baseline; } :focus { 	outline: 0; } body { 	line-height: 1; 	color: #000; 	background: #fff; 	background: #f1f7f7; 	color: #696969;; 	font: 300 16px/24px "Roboto", sans-serif; } ul { 	list-style: none; } a { 	text-decoration: none; } a:hover { 	text-decoration: none; } input { 	border: 0; 	-webkit-appearance: none; 	-moz-appearance: none; 	appearance: none; } input::-moz-focus-inner { 	border: 0; 	padding: 0; } img { 	max-width: 100%; } * { 	box-sizing: border-box; }     .header-right {         float: right; }     .jackpot:before,.game-hover {         position: absolute; 	top: 0; 	left: 0; 	right: 0; 	bottom: 0; }     .button {         display: inline-block;         vertical-align: middle;         padding: 0 42px;         height: 68px;         font: 700 18px/68px "Roboto", sans-serif;         text-transform: uppercase; 	color: #fff;         background: #ffa800;         text-align: center;         cursor: pointer;         border-radius: 0; }     .button span {         display: inline-block;         vertical-align: middle;         line-height: 22px; } .button.red.main{   display:block;     width: 260px;     margin: auto; }     .button-left.button:hover {         background-color: #41d8c7; }     .button:hover,.button-right.button:hover {         background-color: #fc0; }     .button.button-right { 	background: #ffa800; }     .button.button-left { 	background: #4ab3a7; }     html,body { 	position: relative; 	float: left; 	height: 100%; 	width: 100%; } body,nav { 	min-width: 320px; } section,footer { 	position: relative; 	float: left; 	width: 100%; } .text-character{text-align: center;     color: #ffa800;     font-size: 25px;     margin: 3%;     text-indent: 3%; } .game-window iframe{   height: 600px; } .breadcrumb li{       margin-top:10px;   display:inline-block; }     #block     {         overflow-x: hidden;         min-height: 260px; } .hidden { 	display: none; } .inner { 	position: relative; 	width: 100%; 	max-width: 1200px; 	padding: 0 16px; 	margin: 0 auto; } .table-sp{ 		border-collapse: collapse; 	} 	.table-sp td:nth-child(odd){ 		width: 200px; 	} .table-sp tr:nth-child(odd){   background: white;} .table-sp tr:nth-child(even){   background: #B0E0E6;} @media (max-width: 620px) {  	.inner { 		padding: 10px 15px; 	} }  .row { 	position: relative; 	float: left; 	width: 100%; } .form-search { 	position: relative; 	float: left; 	width: 25%; 	min-height: 1px; 	padding: 5px; 	padding-top: 0; 	padding-bottom: 0; } .col-12 { 	position: relative; 	float: left; 	width: 100%; 	min-height: 1px; 	padding: 5px; } h1,h2 { 	width: 100%; 	text-align: center; 	margin: 30px auto; 	color: #128d99; 	text-transform: uppercase; 	display: inline-block; 	padding: 0 30px; 	font: 100 50px/50px "Roboto", sans-serif; }  @media (max-width: 940px) {  	h1,h2 { 		font-size: 32px; 		line-height: 32px; 	} 	h2 { 		font-size: 28px; 		line-height: 32px; 	} } @media (max-width: 620px) {  	h1,h2 {     font-size: 24px;     line-height: 24px; 	}    .text-character{     font-size: 17px;   }}     a:not(.button),a:not(.button):link,a:not(.button):visited,a:not(.button):hover,a:not(.button):active {         color: #1676a3; }     input[type='text'] { 	height: 34px; 	font: 300 14px/34px "Roboto", sans-serif; 	background: #fff; 	text-align: left; 	box-shadow: inset 0 0 0 2px #c2d3d8; 	color: #9fbabe; 	padding: 0 14px; 	width: 100%; } input[type='text']:focus { 	box-shadow: inset 0 0 0 2px #058b9a; 	color: #058b9a; } input[type='text']::-webkit-input-placeholder { 	opacity: 1; 	color: #9fbabe; } input[type='text']:-moz-placeholder { 	opacity: 1; 	color: #9fbabe; } input[type='text']::-moz-placeholder { 	opacity: 1; 	color: #9fbabe; } input[type='text']:-ms-input-placeholder { 	opacity: 1; 	color: #9fbabe; } input[type='text']::placeholder,input[type='password']::placeholder { 	opacity: 1; 	color: #9fbabe; } input[type='text']:-webkit-autofill,input[type='text']:-webkit-autofill:hover,input[type='text']:-webkit-autofill:focus,input[type='text']:-webkit-autofill:active { 	-webkit-animation-name: autofill; 	-webkit-animation-fill-mode: both; } nav { 	position: fixed; 	z-index: 500; 	top: 0; 	left: 0; 	width: 100%; 	height: 67px; 	line-height: 67px; 	padding: 0 19px; 	background: -moz-linear-gradient(90deg, #0e4254 0%, #046572 100%); 	background: -webkit-linear-gradient(90deg, #0e4254 0%, #046572 100%); 	background: -o-linear-gradient(90deg, #0e4254 0%, #046572 100%); 	background: -ms-linear-gradient(90deg, #0e4254 0%, #046572 100%); 	background: linear-gradient(90deg, #0e4254 0%, #046572 100%); } nav + * { 	margin-top: 67px; }  @media (max-width: 620px) {  	nav { 		height: 52px; 		line-height: 52px; 		padding: 0 10px; 	} 	nav + * { 		margin-top: 52px; 	} } @media (max-width: 990px) {  	nav .logo { 		width: 192px; 	} }   @media (max-width: 480px) {  	nav .logo { 		width: 138px; 	} }     nav .button {         height: 38px;         font: 300 14px/38px "Roboto", sans-serif;         padding: 0 10px;         text-transform: none;         margin-top: -1px; }     nav .button.login {         margin-right: 14px;         font-weight: 500; } @media (max-width: 620px) {  	nav .button.login {     margin-right: 6px; 	} }     nav .button.login:hover {         background: none; } @media (max-width: 620px) {     nav .button .icon-register {         margin-top: -2px; 	} }     nav .button.login span + span,nav .button.button-register span + span {         display: none; } @media (max-width: 620px) {  	nav .button.login,nav .button.button-register {     width: auto;     padding: 0;     margin-top: -3px;     min-width: auto; 	}     nav .button.login:hover,nav .button.button-register:hover {         background: none;     }     nav .button.login span,nav .button.button-register span {         display: none; 	}     nav .button.login span + span,nav .button.button-register span + span {         display: inline-block; 	} }     nav .button-register { 	width: 160px; }  nav .logo { 	position: relative; 	float: left; 	height: 100%; 	max-width: 250px; }  nav .logo img { 	display: inline-block; 	vertical-align: middle; 	max-width: 100%; height:116%; } nav .button.login {   display: none !important; } nav .button.button-register span {   display: inline-block;   padding: 0 5px; }     ul.menu-navigation.open { 	left: 0 }     .menu {         position: relative;         float: left;         width: 30px;         height: 25px;         cursor: pointer;         -moz-user-select: none;         -webkit-user-select: none;         -ms-user-select: none;         user-select: none;         top: 50%;         margin: -12px 25px 0 0;         display: none }  @media (max-width: 1630px) {     .menu {         display: block 	} } @media (max-width: 700px) {     .menu {         width: 19px;         height: 18px;         margin: -9px 13px 0 0 	} }     .menu span {         position: absolute;         left: 0;         z-index: 1;         display: block;         height: 5px;         width: 100%;         background: #4ab3a7;         -o-transform: rotate(0deg);         -moz-transform: rotate(0deg);         -webkit-transform: rotate(0deg);         transform: rotate(0deg) }     .menu span:nth-child(1) { 	top: 0 }     .menu span:nth-child(2), .menu span:nth-child(3)     { 	top: 10px }     .menu span:nth-child(4)     { 	top: 20px }     @media (max-width: 700px) {         .menu span { 		height: 4px 	}         .menu span:nth-child(1) { 		top: 0 	}         .menu span:nth-child(2),         .menu span:nth-child(3) { 		top: 7px 	}         .menu span:nth-child(4) { 		top: 14px 	} }     .menu.open span {         -webkit-transition: 0.25s ease-in-out;         -o-transition: 0.25s ease-in-out;         -moz-transition: 0.25s ease-in-out;         transition: 0.25s ease-in-out }     .menu.open span:nth-child(1), .menu.open span:nth-child(4) { 	top: 16px; 	width: 0; 	left: 50% }     .menu.open span:nth-child(2)     { 	-o-transform: rotate(45deg);         -moz-transform: rotate(45deg);         -webkit-transform: rotate(45deg);         transform: rotate(45deg) }     .menu.open span:nth-child(3) {         -o-transform: rotate(-45deg);         -moz-transform: rotate(-45deg);         -webkit-transform: rotate(-45deg);         transform: rotate(-45deg) } @media (max-width: 700px) { 	.menu.open span:nth-child(1), .menu.open span:nth-child(4) {     top: 10px 	} }     #block.gamemode-screen .menu-navigation, #block.gamemode-screen .menu {         display: none !important }     ul.menu-navigation {         position: fixed;         z-index: 400;         top: 116px;         left: 0;         min-width: 122px;         text-align: center;         line-height: 26px; }     @media (max-width: 1630px) {         ul.menu-navigation {             top: 64px;             left: -193px;             border-top: 3px solid #4ab3a7;             -webkit-transition: left 0.3s ease-in;             -o-transition: left 0.3s ease-in;             -moz-transition: left 0.3s ease-in;             transition: left 0.3s ease-in; 	}         ul.menu-navigation:before {             display: none; 	} }     @media (max-width: 620px) {         ul.menu-navigation { 		top: 49px; 	} }     ul.menu-navigation:before,ul.menu-navigation:after {         content: '';         position: absolute;         top: 0;         left: 0;         right: 0;         bottom: 0;         z-index: -1; }     ul.menu-navigation:before {         transform: rotate(-3DEG);         background: #d2dbde;         top: -16px;         bottom: -10px;         left: -30px;         right: 6px; }     ul.menu-navigation:after {         background: -moz-linear-gradient(90deg, #0e4254 0%, #046572 100%);         background: -webkit-linear-gradient(90deg, #0e4254 0%, #046572 100%);         background: -o-linear-gradient(90deg, #0e4254 0%, #046572 100%);         background: -ms-linear-gradient(90deg, #0e4254 0%, #046572 100%);         background: linear-gradient(90deg, #0e4254 0%, #046572 100%); }     ul.menu-navigation li {         display: block;     vertical-align: middle;     padding: 0 10px;     color: #1676a3;     text-transform: uppercase;     font-weight: 400;     font-size: 16px;}     ul.menu-navigation li a {         font-size: 12px;         white-space: nowrap;         display: block;         height: 70px;         padding: 40px 8px 0;         position: relative; }     ul.menu-navigation li a:before     { 	content: '';         width: 32px;         height: 32px;         position: absolute;         top: 9px;         left: 0;         right: 0;         margin: 0 auto;         display: inline-block; }     ul.menu-navigation li a,ul.menu-navigation li a:link,ul.menu-navigation li a:visited,ul.menu-navigation li a:hover,ul.menu-navigation li a:active {         color: #fff; }     @media (max-width: 620px) {  	ul.menu-navigation li { 		padding: 0 6px; 	}         ul.menu-navigation li a {padding-top: 0;             height: 48px;             line-height: 48px;             text-align: left;             padding-right: 6px; 	}         ul.menu-navigation li a:before {             position: relative;             float: left;             margin: -15px 6px 0 0;             top: 50%;             -o-transform: scale(0.8);             -moz-transform: scale(0.8);             -webkit-transform: scale(0.8);             transform: scale(0.8); 	} }     ul.menu-navigation li + li {         position: relative; }     ul.menu-navigation li + li:before {         content: '';         position: absolute;         top: 0;         left: 8px;         right: 8px;         height: 1px;         background: #136270; }     ul.menu-navigation li:hover a { 	color: #ffa800; }     ul.menu-navigation li:hover a:before { 	background-position-x: 100%; }     ul.menu-navigation li.menu-navigation__item-2:hover.menu-navigation__item-2 a:before { 	background-size: 26px; }     ul.menu-navigation li.menu-navigation__item-3:hover.menu-navigation__item-3 a:before { 	background-size: 26px; }     .menu {         position: relative;         float: left;         width: 30px;         height: 25px;         cursor: pointer;         -moz-user-select: none;         -webkit-user-select: none;         -ms-user-select: none;         user-select: none;         top: 50%;         margin: -12px 25px 0 0;         display: none; }     @media (max-width: 1630px) {         .menu { 		display: block; 	} }     @media (max-width: 700px) {         .menu {             width: 19px;             height: 18px;             margin: -9px 13px 0 0; 	} }     .menu span     { 	position: absolute;         left: 0;         z-index: 1;         display: block;         height: 5px;         width: 100%;         background: #4ab3a7;         -o-transform: rotate(0deg);         -moz-transform: rotate(0deg);         -webkit-transform: rotate(0deg);         transform: rotate(0deg); }     .menu span:nth-child(1) { 	top: 0; }     .menu span:nth-child(2),.menu span:nth-child(3)     { 	top: 10px; }     .menu span:nth-child(4) {         top: 20px; }     @media (max-width: 700px) {         .menu span {             height: 4px; 	}         .menu span:nth-child(1) { 		top: 0; 	}         .menu span:nth-child(2),.menu span:nth-child(3) { 		top: 7px; 	}         .menu span:nth-child(4) { 		top: 14px; 	} }     .sitebar {         background: #fff; 	line-height: 68px; 	margin-bottom: 15px; 	z-index: 10; }     .sitebar [class^='col'] {         padding-top: 0; 	padding-bottom: 0; }  @media (max-width: 830px) {         .sitebar {             margin-bottom: 0; 	} }     @media (max-width: 620px) {         .sitebar { 		background: none; 		margin-bottom: 0; 	} }     .sitebar .inner:before,.sitebar .inner:after {         content: ''; 	position: absolute; 	pointer-events: none; }     @media (max-width: 620px) {         .sitebar .inner:before,.sitebar .inner:after {             display: none; 	} }          .sitebar .inner:after {         width: 205px; 	height: 46px; 	left: 50%; 	margin-left: -50px; 	top: -35px; }     .sitebar .row:before {         content: '';         position: absolute;         pointer-events: none; 	width: 73px; 	height: 56px; 	left: 100%; 	margin-left: 80px; 	top: -19px;}  @media (max-width: 620px) {  	.navigation .row:before { 		display: none; 	} }   @media (max-width: 830px) {  	.menu-games { 		width: 100%; 		padding-right: 5px; 	} }   @media (max-width: 620px) {  	.menu-games { 		display: none; 	} }  .menu-games-outer { 	width: 100%; 	display: flex; 	align-items: center; 	justify-content: center; } .menu-games-outer .close { 	display: none; }  @media (max-width: 620px) {  	.menu-games-outer { 		position: relative; 		float: left; 		width: 100%; 		padding: 0 8px; 		box-sizing: content-box; 		margin-left: -8px; 	} }  .menu-games-title { 	display: none; 	text-align: center; 	line-height: 10px; 	min-height: 68px; 	width: 70px; 	cursor: pointer; }  .menu-games-title:before { 	content: ''; 	display: inline-block; 	vertical-align: middle; 	margin-top: 16px; 	width: 26px; 	height: 26px;  } .menu-games-title span { 	display: block; 	font: 12px/12px "Roboto", sans-serif; 	color: #4ab3a7; }  @media (max-width: 620px) {  	.menu-games-title { 		display: block; 	} }  .menu-games li { 	position: relative; 	float: left; }   @media (min-width: 940px) {  	   .menu-games li { 		     height: 68px; 		     line-height: 68px; 		     display: -webkit-box; 		     display: -moz-box; 		     display: -ms-flexbox; 		     display: -webkit-flex; 		     display: flex; 		     -webkit-align-items: center; 		     align-items: center; 		     -webkit-justify-content: center; 		     justify-content: center;     vertical-align: middle;     padding: 0 10px;     color: #1676a3;     text-transform: uppercase;     font-weight: 400;     font-size: 16px;} }   .menu-games li:hover a { 	color: #ffa800; } .menu-games li:hover a:before { 	content: ''; 	position: absolute; 	left: 50%; 	margin-left: -7px; 	bottom: 3px; 	border-top: 0; 	border-bottom: 7px solid #ffa800; 	border-left: 7px solid transparent; 	border-right: 7px solid transparent; } .menu-games li:hover a:after { 	content: ''; 	position: absolute; 	bottom: 0; 	left: 0; 	right: 0; 	height: 3px; 	background: #ffa800; } .menu-games li a { 	display: inline-block; 	vertical-align: middle; 	padding: 0 10px; 	color: #1676a3; 	text-transform: uppercase; 	font-weight: 400; 	font-size: 16px; }  @media (min-width: 940px) {  	.menu-games li a { 		line-height: 20px; 	} }   @media (max-width: 940px) {  	.menu-games li a { 		font-size: 14px; 		padding: 0; 	} }   @media (max-width: 830px) {  	.menu-games { 		-webkit-justify-content: space-around; 		justify-content: space-around; 	} }   @media (max-width: 830px) {  	.form-search { 		float: none; 		width: 318px; 		top: 63px; 		position: absolute; 		left: 0; 		right: 0; 		margin: auto; 	} }   @media (max-width: 620px) {  	.form-search { 		width: calc(100% - 70px); 		position: relative; 		float: right; 		top: auto; 		right: auto; 		bottom: auto; 		left: auto; 		margin: -68px 0 0; 	} }  .form-search input { 	width: 100%; 	height: 38px; 	box-shadow: inset 0 0 0 2px #c2d3d8; 	font: 14px/34px "Roboto", sans-serif; 	color: #889ea4; 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIuMiAyMi40Ij48c3R5bGU%2BLnN0MHtmaWxsOiM4YTlkYTN9PC9zdHlsZT48cGF0aCBpZD0iRm9ybWFfMV8yXyIgY2xhc3M9InN0MCIgZD0iTTE5LjMgMTUuM2MzLjQtMy40IDMuNC04LjkgMC0xMi4zUzEwLjQtLjQgNyAzYy0yLjkgMi45LTMuMyA3LjItMS4zIDEwLjUgMCAwIC4xLjItLjEuNGwtNC40IDQuNGMtLjkuOS0xLjEgMi4xLS4zIDIuOWwuMS4yYy44LjggMiAuNiAyLjktLjNsNC40LTQuNGMuMS0uMS4zLS4xLjQtLjEgMy40IDIgNy43IDEuNSAxMC42LTEuM3pNOC41IDEzLjZDNiAxMS4xIDYgNy4xIDguNSA0LjVzNi42LTIuNSA5LjEgMCAyLjUgNi42IDAgOS4xYy0yLjUgMi42LTYuNSAyLjYtOS4xIDB6bS42LTVjLS41IDAtLjktLjQtLjktLjkgMC0uMSAwLS4yLjEtLjMgMS4yLTIuOSA0LjUtNC4yIDcuNC0zIC41LjIuNy43LjUgMS4yLS4yLjQtLjguNi0xLjIuNC0yLS44LTQuMi4xLTUuMSAyLS4xLjQtLjQuNi0uOC42eiIvPjwvc3ZnPgo%3D); 	background-position: right 8px top 50%; 	background-repeat: no-repeat; 	background-size: 22px auto; 	padding: 0 38px 0 14px; } .form-search input:focus { 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIuMiAyMi40Ij48c3R5bGU%2BLnN0MHtmaWxsOiMwNThiOWF9PC9zdHlsZT48cGF0aCBpZD0iRm9ybWFfMV8yXyIgY2xhc3M9InN0MCIgZD0iTTE5LjMgMTUuM2MzLjQtMy40IDMuNC04LjkgMC0xMi4zUzEwLjQtLjQgNyAzYy0yLjkgMi45LTMuMyA3LjItMS4zIDEwLjUgMCAwIC4xLjItLjEuNGwtNC40IDQuNGMtLjkuOS0xLjEgMi4xLS4zIDIuOWwuMS4yYy44LjggMiAuNiAyLjktLjNsNC40LTQuNGMuMS0uMS4zLS4xLjQtLjEgMy40IDIgNy43IDEuNSAxMC42LTEuM3pNOC41IDEzLjZDNiAxMS4xIDYgNy4xIDguNSA0LjVzNi42LTIuNSA5LjEgMCAyLjUgNi42IDAgOS4xYy0yLjUgMi42LTYuNSAyLjYtOS4xIDB6bS42LTVjLS41IDAtLjktLjQtLjktLjkgMC0uMSAwLS4yLjEtLjMgMS4yLTIuOSA0LjUtNC4yIDcuNC0zIC41LjIuNy43LjUgMS4yLS4yLjQtLjguNi0xLjIuNC0yLS44LTQuMi4xLTUuMSAyLS4xLjQtLjQuNi0uOC42eiIvPjwvc3ZnPgo%3D); }     .container { 	overflow: hidden; }     .container .game-block { 	width: 20%; 	padding: 5px;     display: inline-block;}     .container .game-block__row-2 { 	width: 60%; }     .container .game-block__row-1 { 	width: 40%; }     .container .game-block__row-1 .game-block { 	width: 49%; }     .container .game-block__row-2 .game-block { 	width: 33.33%; }     .container .game-block__row-1,.container .game-block__row-2 {         position: relative;         float: left; }     @media (max-width: 560px) {         .container .game-block__row-1,.container .game-block__row-2 {             width: 100%; 	}         .container .game-block__row-1 .game-block,.container .game-block__row-2 .game-block {             width: 50%; 	}         .container .game-block { 		width: 50%; 	}        .game-window iframe{         height:500px;       }}     @media (min-width: 560px) and (max-width: 830px) {         .container .game-block__row-1,.container .game-block__row-2 { 		width: 100%; 	}         .container .game-block__row-1 .game-block,.container .game-block__row-2 .game-block {             width: 33.33%; 	}         .container .game-block__row-1 .game-block:last-child {             display: none; 	}         .container .clear-col .game-block:nth-last-child(1),.container .clear-col .game-block:nth-last-child(2) {             display: none; 	}         .container .type-popular .game-block:nth-child(3),.container .type-popular .game-block:nth-child(4) { 		display: none; 	}         .container .game-block {             width: 33.33%; 	} }     @media (min-width: 830px) and (max-width: 1100px) {  	.container .game-block__row-1 {         width: 25%; 	}         .container .game-block__row-1 .game-block { 		width: 100%; 	}         .container .game-block__row-2 { 		width: 50%; 	}         .container .game-block__row-2 .game-block { 		width: 50%; 	}         .container .game-block__row-1 .game-block:nth-last-child(1),.container .game-block__row-1 .game-block:nth-last-child(2),.container .game-block__row-2 .game-block:nth-last-child(1),.container .game-block__row-2 .game-block:nth-last-child(2) {             display: none; 	}         .container .clear-col .game-block:nth-last-child(1) {             display: none; 	}         .container .type-popular .game-block:nth-child(4) {             display: none; 	}         .container .game-block { 		width: 25%; 	} }     .container .col-12 {         padding-top: 0; 	padding-bottom: 0; }     .container .col-12.clear-col .game-block:first-child .game {         background-size: 100% auto; 	background-position: 50% 0; }     .container .col-12.type-popular .game-block:last-child .game {         background-size: 100% auto; 	background-position: 50% 20%; }     .jackpot { 	position: relative; 	float: left; 	width: 100%; 	z-index: 1; 	text-align: center; 	color: #128d99; 	padding: 5px 5px 20px; }     .jackpot-title { 	text-align: center; 	margin: 40px 0 0; }     .jackpot-title span { 	display: inline-block; 	padding: 0 20px; 	position: relative; 	font: 100 28px/28px "Roboto", sans-serif; 	text-transform: uppercase; 	overflow: hidden; 	white-space: nowrap; 	text-overflow: ellipsis; }  @media (max-width: 1000px) {  	.jackpot-title span { 		font-size: 26px; 	} }   @media (max-width: 600px) {  	.jackpot-title span { 		font-size: 24px; 	} }     .jackpot-action .button span {         display: inline-block;         vertical-align: middle; }     .jackpot-counter { 	position: relative; 	margin: 2px auto 7px; 	text-align: center; 	letter-spacing: -.1vw; 	display: inline-block; }  .jackpot-counter .currency-block { 	position: relative; 	width: 100%; 	display: inline-block; 	font: 0/0 arial; } .jackpot-counter .currency-block >  * { 	display: inline-block; 	vertical-align: middle; 	font: 400 104px/1 "Roboto", sans-serif;    padding-right: 25px; }   @media (max-width: 1280px) {  	   .jackpot-counter .currency-block > *    { 		font: 400 9vw/1 "Roboto", sans-serif; 	} }   @media (max-width: 320px) {  	   .jackpot-counter .currency-block > * { 		font-size: 28px; 	} }  .jackpot-counter .currency-block:before,.jackpot-counter .currency-block:after { 	position: absolute; 	top: 0; 	content: ''; 	width: 138px; 	height: 100%; } .jackpot-counter .currency-block:before { 	right: 100%; 	background-size: contain; 	margin-right: 1%; } .jackpot-counter .currency-block:after { 	left: 100%; 	background-size: contain; 	margin-left: 1%; } .jackpot-counter span.some_cash:after,.jackpot-counter span.comma:after { 	content: ' '; } .jackpot:before { 	content: ''; 	position: absolute; 	z-index: -1; 	background-size: contain; } .game { 	text-align: center; 	position: relative; 	padding-top: 66.66%; 	overflow: hidden;  }     .game-game-block {         position: relative; 	float: left; }     .game:hover .game-hover {         display: flex; }     .game-hover {         -webkit-justify-content: space-around; 	justify-content: space-around; 	padding-top: 5%; 	padding-bottom: 5%; 	z-index: 2; 	background: rgba(7, 67, 94, 0.9); 	display: none; }     .game-hover .title {         color: #ffa800; }     .game-hover .demo a {         text-transform: uppercase; 	color: #fff; }     .game-hover .demo a:hover { 	color: #fc0; }     .game-hover .play {         display: block; 	width: 30%; 	position: relative; }     .game-hover:hover .play:after {         background-color: #4ab3a7; }     .game-hover:hover .play:after {         content: '';         display: block;         padding-top: 100%;         width: 100%;         background-color: #41d8c7;         background-image: url(/uploads/1226/play-solid.svg);         background-position: 56% 50%;         background-repeat: no-repeat; 	background-size: auto 45%; 	border-radius: 50%; }     .game-hover:hover .play:before {         position: absolute;         content: '';         background-size: 100% auto; 	width: 250%; 	margin-left: -125%; 	top: 0; 	bottom: 0; 	padding-top: 80.808%; 	z-index: -1; 	pointer-events: none; }     @media (max-width: 400px) {         .game-hover { 		padding-top: 3%; 		padding-bottom: 3%; 	}         .game-hover .title,.game-hover .demo {             font-size: 12px; 	}       .game-window iframe{         height:400px;       }}     .game-tag {         position: absolute; 	top: 0; 	right: 0; 	z-index: 1; 	color: #fff; 	padding-top: 2%; 	text-transform: uppercase; 	padding: 7px 8px 0 0; 	font: 500 14px/25px "Roboto", sans-serif; }     .game-tag:before {         content: ''; 	position: absolute; 	bottom: -21px; 	left: 4px; 	z-index: -1; 	width: 100px; 	height: 100px; 	background: #00a2b6; 	-o-transform: rotate(-60deg); 	-moz-transform: rotate(-60deg); 	-webkit-transform: rotate(-60deg); 	transform: rotate(-60deg); }  @media (max-width: 620px) {         .game-tag {             font: 500 10px/23px "Roboto", sans-serif; 	} }   .game img { 	position: absolute; 	top: 0; 	left: 0;  width:258px; height:172px;} footer { 	background: #dee6e8; 	text-align: center; 	font-weight: 400; 	font-size: 14px; 	color: #7b969e; 	margin-top: 50px; 	padding: 25px 15px; }  @media (max-width: 620px) {  	footer { 		font-size: 13px; 	} }  footer p { 	line-height: 20px; 	padding: 0 5px; 	margin: 50px 0; }  @media (max-width: 620px) {  	footer p { 		margin: 15px 0; 	} }     /*.icon {     display: inline-block;     vertical-align: middle;     width: 32px;     height: 32px;     cursor: pointer; }*/      ul.menu-navigation li.menu-navigation__games a:before { 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjYuNCAyNi41Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBpZD0iRm9ybWFfMV8zXyIgY2xhc3M9InN0MCIgZD0iTTIxLjcgMy4zYy0xLjgtMS42LTQuMS0yLjYtNi41LTMtNC4zLS43LTguOS45LTExLjkgNC40LTQuNyA1LjUtNC4xIDEzLjggMS40IDE4LjUgMS44IDEuNiA0LjEgMi42IDYuNSAzIDQuMy43IDguOS0uOSAxMS45LTQuNCA0LjgtNS42IDQuMS0xMy44LTEuNC0xOC41ek0yNC4zIDE3bC00LTEuNGMuNS0xLjYuNS0zLjMgMC00LjhsNC0xLjRjLjggMi41LjggNS4yIDAgNy42em0uMi03Ljd6TTIyIDUuNmwtMy4yIDIuOGMtLjgtMS0yLjktMi4yLTQuMi0yLjRsLjgtNC4xYzMuMi40IDUuOCAyLjkgNi42IDMuN3pNMTEgMS44bC44IDQuMWMtMS42LjMtMy4xIDEuMi00LjIgMi40TDQuNCA1LjZDNi4yIDMuMyA5LjcgMS44IDExIDEuOHpNMi4yIDkuNGw0IDEuNGMtLjUgMS42LS41IDMuMyAwIDQuOGwtNCAxLjRjLS45LTIuNC0uOS01LjEgMC03LjZ6bTIuMiAxMS41bDMuMi0yLjhjLjIuMy41LjUuOC44IDEgLjggMi4yIDEuNCAzLjQgMS43bC0uOCA0LjFjLTMuMy0uNi02LjMtMy4zLTYuNi0zLjh6bTExIDMuOGwtLjgtNC4xYzEuNi0uMyAzLjEtMS4yIDQuMi0yLjRMMjIgMjFjLTEuNyAyLjMtNS43IDMuNy02LjYgMy43em0tNy0yMC41Yy40IDAgLjcuMy43LjcgMCAuNC0uMy43LS43LjctLjQgMC0uNy0uMy0uNy0uNyAwLS40LjMtLjcuNy0uN3ptLTQuOSA4LjNjLjQgMCAuNy4zLjcuN3MtLjMuOC0uNy44Yy0uNCAwLS43LS4zLS43LS43IDAtLjQuNC0uOC43LS44em00LjkgOC40Yy40IDAgLjcuMy43LjcgMCAuNC0uMy43LS43LjctLjQgMC0uNy0uMy0uNy0uNyAwLS40LjMtLjcuNy0uN3ptOS43IDBjLjQgMCAuNy4zLjcuNyAwIC40LS4zLjctLjcuNy0uNCAwLS43LS4zLS43LS43LS4xLS40LjMtLjcuNy0uN3ptNC44LTguNGMuNCAwIC43LjMuNy43IDAgLjQtLjMuNy0uNy43LS40IDAtLjctLjMtLjctLjcgMC0uNC4zLS43LjctLjd6TTE4IDQuMWMuNCAwIC43LjMuNy43IDAgLjQtLjMuNy0uNy43LS40IDAtLjctLjMtLjctLjcgMC0uMy4zLS43LjctLjd6Ii8%2BPC9zdmc%2BCg%3D%3D); 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__games:hover a:before { 	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjYuNCAyNi41Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmE5MDB9PC9zdHlsZT48cGF0aCBpZD0iRm9ybWFfMV8zXyIgY2xhc3M9InN0MCIgZD0iTTIxLjcgMy4zYy0xLjgtMS42LTQuMS0yLjYtNi41LTMtNC4zLS43LTguOS45LTExLjkgNC40LTQuNyA1LjUtNC4xIDEzLjggMS40IDE4LjUgMS44IDEuNiA0LjEgMi42IDYuNSAzIDQuMy43IDguOS0uOSAxMS45LTQuNCA0LjgtNS42IDQuMS0xMy44LTEuNC0xOC41ek0yNC4zIDE3bC00LTEuNGMuNS0xLjYuNS0zLjMgMC00LjhsNC0xLjRjLjggMi41LjggNS4yIDAgNy42em0uMi03Ljd6TTIyIDUuNmwtMy4yIDIuOGMtLjgtMS0yLjktMi4yLTQuMi0yLjRsLjgtNC4xYzMuMi40IDUuOCAyLjkgNi42IDMuN3pNMTEgMS44bC44IDQuMWMtMS42LjMtMy4xIDEuMi00LjIgMi40TDQuNCA1LjZDNi4yIDMuMyA5LjcgMS44IDExIDEuOHpNMi4yIDkuNGw0IDEuNGMtLjUgMS42LS41IDMuMyAwIDQuOGwtNCAxLjRjLS45LTIuNC0uOS01LjEgMC03LjZ6bTIuMiAxMS41bDMuMi0yLjhjLjIuMy41LjUuOC44IDEgLjggMi4yIDEuNCAzLjQgMS43bC0uOCA0LjFjLTMuMy0uNi02LjMtMy4zLTYuNi0zLjh6bTExIDMuOGwtLjgtNC4xYzEuNi0uMyAzLjEtMS4yIDQuMi0yLjRMMjIgMjFjLTEuNyAyLjMtNS43IDMuNy02LjYgMy43em0tNy0yMC41Yy40IDAgLjcuMy43LjcgMCAuNC0uMy43LS43LjctLjQgMC0uNy0uMy0uNy0uNyAwLS40LjMtLjcuNy0uN3ptLTQuOSA4LjNjLjQgMCAuNy4zLjcuN3MtLjMuOC0uNy44Yy0uNCAwLS43LS4zLS43LS43IDAtLjQuNC0uOC43LS44em00LjkgOC40Yy40IDAgLjcuMy43LjcgMCAuNC0uMy43LS43LjctLjQgMC0uNy0uMy0uNy0uNyAwLS40LjMtLjcuNy0uN3ptOS43IDBjLjQgMCAuNy4zLjcuNyAwIC40LS4zLjctLjcuNy0uNCAwLS43LS4zLS43LS43LS4xLS40LjMtLjcuNy0uN3ptNC44LTguNGMuNCAwIC43LjMuNy43IDAgLjQtLjMuNy0uNy43LS40IDAtLjctLjMtLjctLjcgMC0uNC4zLS43LjctLjd6TTE4IDQuMWMuNCAwIC43LjMuNy43IDAgLjQtLjMuNy0uNy43LS40IDAtLjctLjMtLjctLjcgMC0uMy4zLS43LjctLjd6Ii8%2BPC9zdmc%2BCg%3D%3D) 50% 50% no-repeat; 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-2 a:before { 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjMuMyAyNS4xIj48c3R5bGU%2BLnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBpZD0iRm9ybWFfMV8yXyIgY2xhc3M9InN0MCIgZD0iTTAgMTEuNmgxMC41VjguNGgyLjF2My4xaDEwLjVWNS4zSDE5Yy44LTEuNS43LTMuMy0uNC00LjQtMS4yLTEuMy02LjEtMS44LTcuMSA0LS43LTUuOC01LjctNS40LTcuMS00LS42LjctLjkgMS44LS44IDIuOS4xLjUuMiAxIC41IDEuNUgwdjYuM3ptMTcuMS05LjFjMSAxLjktMSAzLjYtMy4zIDMuMy0uMy0yLjkgMi4xLTQuMSAzLjMtMy4zem0tMTEgMGMyLjMtLjYgMy41IDEuMiAzLjMgMy4zLTMtLjEtNC4xLTEuNS0zLjMtMy4zem00LjQgMTFWMjVIMS42VjEzLjVoOC45ek0xMi43IDI1VjEzLjVoOC45VjI1aC04Ljl6Ii8%2BPC9zdmc%2BCg%3D%3D); 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-2:hover a:before { 	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjMuMyAyNS4xIj48c3R5bGU%2BLnN0MHtmaWxsOiNmZmE5MDB9PC9zdHlsZT48cGF0aCBpZD0iRm9ybWFfMV8yXyIgY2xhc3M9InN0MCIgZD0iTTAgMTEuNmgxMC41VjguNGgyLjF2My4xaDEwLjVWNS4zSDE5Yy44LTEuNS43LTMuMy0uNC00LjQtMS4yLTEuMy02LjEtMS44LTcuMSA0LS43LTUuOC01LjctNS40LTcuMS00LS42LjctLjkgMS44LS44IDIuOS4xLjUuMiAxIC41IDEuNUgwdjYuM3ptMTcuMS05LjFjMSAxLjktMSAzLjYtMy4zIDMuMy0uMy0yLjkgMi4xLTQuMSAzLjMtMy4zem0tMTEgMGMyLjMtLjYgMy41IDEuMiAzLjMgMy4zLTMtLjEtNC4xLTEuNS0zLjMtMy4zem00LjQgMTFWMjVIMS42VjEzLjVoOC45ek0xMi43IDI1VjEzLjVoOC45VjI1aC04Ljl6Ii8%2BPC9zdmc%2BCg%3D%3D) 50% 50% no-repeat; 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-3 a:before { 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUuMyAyNi43Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBpZD0iRm9ybWFfMV8xXyIgY2xhc3M9InN0MCIgZD0iTTIwLjIgMS4zYzAtLjYtLjQtMS0xLTFINi4xYy0uNiAwLTEgLjUtMSAxdjguNWMwIDcuNyA1LjUgOS42IDcuNiA5LjYgMS40IDAgNy42LTEuNiA3LjYtOS42bC0uMS04LjV6TTQuMSAxMS45Yy0xLjQtLjUtMi0xLjgtMi0zLjhWMy41SDRWMS40SDEuMWMtLjYgMC0xIC41LTEgMXY1LjdjMCAzLjUgMS42IDUuNiA0LjUgNi4xLS4yLS43LS40LTEuNS0uNS0yLjN6bTMuNCA3LjVjLS42IDAtMSAuNS0xIDF2NS4xYzAgLjYuNCAxIDEgMWgxMC4yYy42IDAgMS0uNSAxLTF2LTUuMWMwLS42LS40LTEtMS0xSDcuNXptMTYuNy0xOGgtMi44djIuMWgxLjh2NC42YzAgMi0uNiAzLjMtMiAzLjgtLjEuOC0uMyAxLjUtLjUgMi4zIDIuOS0uNSA0LjUtMi42IDQuNS02LjFWMi41YzAtLjYtLjQtMS4xLTEtMS4xeiIvPjwvc3ZnPgo%3D); 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-3:hover a:before { 	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUuMyAyNi43Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmE5MDB9PC9zdHlsZT48cGF0aCBpZD0iRm9ybWFfMV8xXyIgY2xhc3M9InN0MCIgZD0iTTIwLjIgMS4zYzAtLjYtLjQtMS0xLTFINi4xYy0uNiAwLTEgLjUtMSAxdjguNWMwIDcuNyA1LjUgOS42IDcuNiA5LjYgMS40IDAgNy42LTEuNiA3LjYtOS42bC0uMS04LjV6TTQuMSAxMS45Yy0xLjQtLjUtMi0xLjgtMi0zLjhWMy41SDRWMS40SDEuMWMtLjYgMC0xIC41LTEgMXY1LjdjMCAzLjUgMS42IDUuNiA0LjUgNi4xLS4yLS43LS40LTEuNS0uNS0yLjN6bTMuNCA3LjVjLS42IDAtMSAuNS0xIDF2NS4xYzAgLjYuNCAxIDEgMWgxMC4yYy42IDAgMS0uNSAxLTF2LTUuMWMwLS42LS40LTEtMS0xSDcuNXptMTYuNy0xOGgtMi44djIuMWgxLjh2NC42YzAgMi0uNiAzLjMtMiAzLjgtLjEuOC0uMyAxLjUtLjUgMi4zIDIuOS0uNSA0LjUtMi42IDQuNS02LjFWMi41YzAtLjYtLjQtMS4xLTEtMS4xeiIvPjwvc3ZnPgo%3D) 50% 50% no-repeat; 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-4 a:before { 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzQuOSAyOC4yIj48c3R5bGU%2BLnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYuOC4ySDcuMmwzLjUgOS4yek02LjIuOEwuMSAxMGg5LjZ6bTExLjMgMjYuNWw2LTE2LjFIMTEuNHpNLjIgMTEuMmwxNi4zIDE2LjctNi40LTE2Ljd6TTM0LjggMTBMMjguNy44IDI1LjIgMTB6TTI3LjcuMmgtOS42bDYuMSA5LjJ6bS0xMC4yIDFMMTEuNiAxMGgxMS43em0uOSAyNi43bDE2LjMtMTYuN2gtOS45eiIvPjwvc3ZnPgo%3D); 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-4:hover a:before { 	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzQuOSAyOC4yIj48c3R5bGU%2BLnN0MHtmaWxsOiNmZmE5MDB9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYuOC4ySDcuMmwzLjUgOS4yek02LjIuOEwuMSAxMGg5LjZ6bTExLjMgMjYuNWw2LTE2LjFIMTEuNHpNLjIgMTEuMmwxNi4zIDE2LjctNi40LTE2Ljd6TTM0LjggMTBMMjguNy44IDI1LjIgMTB6TTI3LjcuMmgtOS42bDYuMSA5LjJ6bS0xMC4yIDFMMTEuNiAxMGgxMS43em0uOSAyNi43bDE2LjMtMTYuN2gtOS45eiIvPjwvc3ZnPgo%3D) 50% 50% no-repeat; 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-5 a:before { 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAuNCAzMS43Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMi45LjNIMnYuOWMwIDMuNCAyLjIgNi41IDUuNCA3Ljd2LS41QzcuNSA2LjUgOCA0LjYgOSAzIDcuNSAxLjMgNS4zLjMgMi45LjN6bTcuMyAxNi4yYy0yLjUgMC00LjYgMi4xLTQuNiA0LjZzMi4xIDQuNiA0LjYgNC42IDQuNi0yLjEgNC42LTQuNmMwLTIuNS0yLjEtNC42LTQuNi00LjZ6bS45IDcuNEg5LjN2LTUuNWgxLjh2NS41em0wLTEyLjdWOS4zYzQuMS0uNSA3LjItMy45IDcuMi04LjFWLjNoLS45QzEyLjkuMyA5LjMgNCA5LjMgOC40djIuOGMtNS4xLjUtOS4xIDQuOC05LjEgMTAgMCA1LjUgNC41IDEwIDEwIDEwczEwLTQuNSAxMC0xMGMwLTUuMy00LTkuNi05LjEtMTB6bS0uOSAxNi4zYy0zLjUgMC02LjQtMi45LTYuNC02LjRzMi45LTYuNCA2LjQtNi40IDYuNCAyLjkgNi40IDYuNGMwIDMuNS0yLjkgNi40LTYuNCA2LjR6Ii8%2BPC9zdmc%2BCg%3D%3D); 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-5:hover a:before { 	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAuNCAzMS43Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmE5MDB9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMi45LjNIMnYuOWMwIDMuNCAyLjIgNi41IDUuNCA3Ljd2LS41QzcuNSA2LjUgOCA0LjYgOSAzIDcuNSAxLjMgNS4zLjMgMi45LjN6bTcuMyAxNi4yYy0yLjUgMC00LjYgMi4xLTQuNiA0LjZzMi4xIDQuNiA0LjYgNC42IDQuNi0yLjEgNC42LTQuNmMwLTIuNS0yLjEtNC42LTQuNi00LjZ6bS45IDcuNEg5LjN2LTUuNWgxLjh2NS41em0wLTEyLjdWOS4zYzQuMS0uNSA3LjItMy45IDcuMi04LjFWLjNoLS45QzEyLjkuMyA5LjMgNCA5LjMgOC40djIuOGMtNS4xLjUtOS4xIDQuOC05LjEgMTAgMCA1LjUgNC41IDEwIDEwIDEwczEwLTQuNSAxMC0xMGMwLTUuMy00LTkuNi05LjEtMTB6bS0uOSAxNi4zYy0zLjUgMC02LjQtMi45LTYuNC02LjRzMi45LTYuNCA2LjQtNi40IDYuNCAyLjkgNi40IDYuNGMwIDMuNS0yLjkgNi40LTYuNCA2LjR6Ii8%2BPC9zdmc%2BCg%3D%3D) 50% 50% no-repeat; 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-6 a:before { 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDAuNCAzMi43Ij48c3R5bGU%2BLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LnN0MXtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS44LjVMMTEuNyAzMmwyNy41LTEzTDkuOC41Ii8%2BPHBhdGggaWQ9IlNoYXBlXzRfY29weSIgY2xhc3M9InN0MSIgZD0iTTMuMiA0LjRMLjMgMTcuNyAxNCAxMi44IDMuMiA0LjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAgNi41TDMuNCAzMi43aDMzLjJMMjAgNi41em0uMSAyMC43Yy0uOCAwLTEuNS0uNi0xLjUtMS40IDAtLjguNy0xLjQgMS41LTEuNHMxLjUuNiAxLjUgMS40YzAgLjgtLjcgMS40LTEuNSAxLjR6bTIuNy02LjVjLTEuNSAxLjItMS42IDIuNS0xLjYgMi43aC0yLjNjMC0uNC0uMS0xLjcgMS4xLTMuMS4zLS40IDEuMi0xLjEgMS4yLTEuOCAwLTEuMi0yLjItMS4zLTIuMi4xaC0yLjdjMC0uNi4xLTEuNiAxLjEtMi42LjktLjggMi4yLS44IDIuNy0uOCAyLjYgMCAzLjQgMS40IDMuNSAxLjhzLjMuOS4zIDEuNGMuMSAxLjQtLjggMi4xLTEuMSAyLjN6Ii8%2BPC9zdmc%2BCg%3D%3D); 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-6:hover a:before { 	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDAuNCAzMi43Ij48c3R5bGU%2BLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNmZmE4MDA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTB9LnN0MXtmaWxsOiNmZmE5MDB9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNOS44LjVMMTEuNyAzMmwyNy41LTEzTDkuOC41Ii8%2BPHBhdGggaWQ9IlNoYXBlXzRfY29weSIgY2xhc3M9InN0MSIgZD0iTTMuMiA0LjRMLjMgMTcuNyAxNCAxMi44IDMuMiA0LjQiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAgNi41TDMuNCAzMi43aDMzLjJMMjAgNi41em0uMSAyMC43Yy0uOCAwLTEuNS0uNi0xLjUtMS40IDAtLjguNy0xLjQgMS41LTEuNHMxLjUuNiAxLjUgMS40YzAgLjgtLjcgMS40LTEuNSAxLjR6bTIuNy02LjVjLTEuNSAxLjItMS42IDIuNS0xLjYgMi43aC0yLjNjMC0uNC0uMS0xLjcgMS4xLTMuMS4zLS40IDEuMi0xLjEgMS4yLTEuOCAwLTEuMi0yLjItMS4zLTIuMi4xaC0yLjdjMC0uNi4xLTEuNiAxLjEtMi42LjktLjggMi4yLS44IDIuNy0uOCAyLjYgMCAzLjQgMS40IDMuNSAxLjhzLjMuOS4zIDEuNGMuMSAxLjQtLjggMi4xLTEuMSAyLjN6Ii8%2BPC9zdmc%2BCg%3D%3D) 50% 50% no-repeat; 	background-position: 50% 50%; 	background-repeat: no-repeat; }     /*.icon-login {         background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjEuOCAyMS40Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkuNCAyMS4yaC03LjJjLTEuMy4xLTIuMy0uOS0yLjQtMi4yaDkuN1YyLjdIOS43QzkuOCAxLjQgMTAuOS41IDEyLjEuNWg3LjJjMS4zLS4xIDIuMy45IDIuNCAyLjJWMTljMCAxLjMtMSAyLjItMi4zIDIuMnpNOC4zIDUuMkw2LjYgNi40bDQuNCAzLjlIMHYyLjFoMTFsLTQuNCAyLjkgMiAxLjIgNS42LTQuNmMuNC0uNC41LTEgLjEtMS40bC02LTUuM3oiLz48L3N2Zz4K); 	background-position: 50% 50%; 	background-repeat: no-repeat; }     */     /*.icon-login:hover { 	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjEuOCAyMS40Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmE5MDB9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkuNCAyMS4yaC03LjJjLTEuMy4xLTIuMy0uOS0yLjQtMi4yaDkuN1YyLjdIOS43QzkuOCAxLjQgMTAuOS41IDEyLjEuNWg3LjJjMS4zLS4xIDIuMy45IDIuNCAyLjJWMTljMCAxLjMtMSAyLjItMi4zIDIuMnpNOC4zIDUuMkw2LjYgNi40bDQuNCAzLjlIMHYyLjFoMTFsLTQuNCAyLjkgMiAxLjIgNS42LTQuNmMuNC0uNC41LTEgLjEtMS40bC02LTUuM3oiLz48L3N2Zz4K) 50% 50% no-repeat; 	background-position: 50% 50%; 	background-repeat: no-repeat; }     */     .icon-register { 	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUuNiAyMy43Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkgMTB2MTJIMlY0LjVoMTMuNmwxLjUtMS40SDEuNkMxIDMgLjQgMy41LjQgNC4ydjE4LjFjMCAuNi42IDEuMSAxLjIgMS4xaDE3LjdjLjYgMCAxLjItLjUgMS4yLTEuMVY4LjZjLjEgMC0xLjUgMS40LTEuNSAxLjR6bS0zIDlINWMtLjEgMC0uMS45IDAgMS4yaDExYy4xLS4zLjEtMS4yIDAtMS4yem05LjEtMTYuOWMuNC40LjQuOSAwIDEuM2wtLjEuMS0xIC45LTMuNS0zLjEgMS0uOWMuNS0uNCAxLjEtLjUgMS42LS4xbDIgMS44ek0yMy4yIDVzMCAuMSAwIDBMMTEuOSAxNS4xIDUgMTguM2MtLjEgMC0uMiAwLS4yLS4xTDguNCAxMiAxOS43IDJjLjEtLjEgMy42IDMgMy41IDN6TTkuNiAxMi4zTDYgMTYuN2wxLjQtLjUtLjcgMS4xIDQuOC0zLjJoLjFsLjItLjYtMS42LjIuMS0xLjUtLjcuMXoiLz48L3N2Zz4K); 	background-position: 50% 50%; 	background-repeat: no-repeat; }     .icon-register:hover { 	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjUuNiAyMy43Ij48c3R5bGU%2BLnN0MHtmaWxsOiNmZmE5MDB9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkgMTB2MTJIMlY0LjVoMTMuNmwxLjUtMS40SDEuNkMxIDMgLjQgMy41LjQgNC4ydjE4LjFjMCAuNi42IDEuMSAxLjIgMS4xaDE3LjdjLjYgMCAxLjItLjUgMS4yLTEuMVY4LjZjLjEgMC0xLjUgMS40LTEuNSAxLjR6bS0zIDlINWMtLjEgMC0uMS45IDAgMS4yaDExYy4xLS4zLjEtMS4yIDAtMS4yem05LjEtMTYuOWMuNC40LjQuOSAwIDEuM2wtLjEuMS0xIC45LTMuNS0zLjEgMS0uOWMuNS0uNCAxLjEtLjUgMS42LS4xbDIgMS44ek0yMy4yIDVzMCAuMSAwIDBMMTEuOSAxNS4xIDUgMTguM2MtLjEgMC0uMiAwLS4yLS4xTDguNCAxMiAxOS43IDJjLjEtLjEgMy42IDMgMy41IDN6TTkuNiAxMi4zTDYgMTYuN2wxLjQtLjUtLjcgMS4xIDQuOC0zLjJoLjFsLjItLjYtMS42LjIuMS0xLjUtLjcuMXoiLz48L3N2Zz4K) 50% 50% no-repeat; 	background-position: 50% 50%; 	background-repeat: no-repeat; }     ul.menu-navigation li.menu-navigation__item-2 a:before,ul.menu-navigation li.menu-navigation__item-2 a:hover:before,ul.menu-navigation li.menu-navigation__item-3 a:before,ul.menu-navigation li.menu-navigation__item-3 a:hover:before,.icon-login,.icon-login:hover,.icon-register,.icon-register:hover { 	background-size: 26px; }     #main-slider {         height: 340px;         overflow: hidden;         background: #e1eaef; }     #main-slider + .inner {         position: absolute;         top: 340px;         margin: auto;         left: 0;         right: 0;         z-index: 10; }     #main-slider + .inner .main-swiper-pagination {         position: absolute;         top: -27px;         left: 13%;         width: auto;         margin-left: 300px; }     #main-slider + .inner .main-swiper-pagination-outer {         padding: 0;         min-height: 0; }     @media (max-width: 1370px) {  	#main-slider + .inner .main-swiper-pagination     { 		left: 0; 	} }     #main-slider .col-12 {         padding-top: 0;         padding-bottom: 0; }     #main-slider .swiper-slide .slide-content {         position: absolute;         top: 22px;         left: 13%;         width: 500px;         height: 288px;         padding-bottom: 104px;         margin-left: 10px;         text-align: left;         -webkit-justify-content: space-around;         justify-content: space-around;         align-items: flex-start; }     @media (max-width: 1370px) {         #main-slider .swiper-slide .slide-content {             left: 0; 	} }     #main-slider .swiper-slide .slide-content p {         color: #fff;         margin: 0;         padding: 0;         text-align: left;         font: 300 18px/22px "Roboto", sans-serif; }     #main-slider .swiper-slide .slide-content > span {         margin-bottom: 18px;         position: absolute;         bottom: 0;         left: 0; }     #main-slider .swiper-slide .slide-content > span:before {         content: '';         position: absolute;         z-index: -1;         background: #003c5b;         width: 110%;         left: -30px;         top: 0;         height: 100%;         -o-transform: rotate(-3deg);         -moz-transform: rotate(-3deg);         -webkit-transform: rotate(-3deg);         transform: rotate(-3deg);         -moz-transform-origin: 100% 0;         -o-transform-origin: 100% 0;         -ms-transform-origin: 100% 0;         -webkit-transform-origin: 100% 0;         transform-origin: 100% 0; }     #main-slider .swiper-slide .slide-content .button {         position: relative;         width: 265px;         text-overflow: ellipsis;         white-space: nowrap;         overflow: hidden; }     @media (max-width: 620px) {         #main-slider,.main-swiper-pagination { 		display: none; 	} }     @keyframes preloader { 	from { 		transform: rotate(0); 	} 	to { 		transform: rotate(360deg); 	} }  @-webkit-keyframes preloader { 	from { 		transform: rotate(0); 	} 	to { 		transform: rotate(360deg); 	} }   @keyframes preloader { 	from { 		transform: rotate(0); 	} 	to { 		transform: rotate(360deg); 	} }  @-webkit-keyframes preloader { 	from { 		transform: rotate(0); 	} 	to { 		transform: rotate(360deg); 	} }   @keyframes preloader { 	from { 		transform: rotate(0); 	} 	to { 		transform: rotate(360deg); 	} }  @-webkit-keyframes preloader { 	from { 		transform: rotate(0); 	} 	to { 		transform: rotate(360deg); 	} }   @keyframes preloader { 	from { 		transform: rotate(0); 	} 	to { 		transform: rotate(360deg); 	} }  @-webkit-keyframes preloader { 	from { 		transform: rotate(0); 	} 	to { 		transform: rotate(360deg); 	} }  .preloader > div { 	position: absolute; 	top: 50%; 	left: 50%; 	display: block; 	width: 168px; 	height: 167px; 	margin: -84px 0 0 -84px; } .preloader > div:before,.preloader > div:after { 	content: ''; 	position: absolute; } .preloader > div:before { 	top: 100%; 	left: -40px; 	width: 228px; 	height: 40px; 	margin-top: 30px; 	background-size: 100%; } .preloader > div:after { 	top: 0; 	left: 0; 	width: 168px; 	height: 167px; 	-webkit-animation: preloader 0.5s infinite steps(10, end); 	-moz-animation: preloader 0.5s infinite steps(10, end); 	-o-animation: preloader 0.5s infinite steps(10, end); 	animation: preloader 0.5s infinite steps(10, end); }  @media (max-width: 620px) {  	.preloader > div { 		width: 103px; 		height: 103px; 		margin: -51px 0 0 -51px; 		background-size: 206px 103px; 	} 	.preloader > div:before { 		left: -24px; 		width: 139px; 		height: 24px; 		margin-top: 20px; 	} 	.preloader > div:after { 		width: 103px; 		height: 103px; 		background-position: -103px 0; 		background-size: 206px 103px; 	} }     .block__slider {         margin-left: auto;         margin-right: auto;         position: relative;         overflow: hidden;         z-index: 1; }     .swiper-wrapper { 	position: relative; 	width: 100%; 	height: 100%; 	z-index: 1; 	display: flex; 	-webkit-transition-property: -webkit-transform; 	-moz-transition-property: -moz-transform; 	-o-transition-property: -o-transform; 	-ms-transition-property: -ms-transform; 	transition-property: transform; 	-webkit-box-sizing: content-box; 	-moz-box-sizing: content-box; 	box-sizing: content-box; 	-webkit-transform: translate3d(0, 0, 0); 	-moz-transform: translate3d(0, 0, 0); 	-o-transform: translate(0, 0); 	-ms-transform: translate3d(0, 0, 0); 	transform: translate3d(0, 0, 0); } .swiper-slide { 	-webkit-flex-shrink: 0; 	-ms-flex: 0 0 auto; 	flex-shrink: 0; 	width: 100%; 	height: 100%; 	position: relative; }     #main-slider .swiper-slide .slide-content{         display: -webkit-box;         display: -moz-box;         display: -ms-flexbox;         display: -webkit-flex;         display: flex;         -webkit-flex-direction: column;         flex-direction: column;         -webkit-flex-wrap: nowrap;         flex-wrap: nowrap;         -webkit-justify-content: space-between;         justify-content: space-between;         -webkit-align-items: center; 	align-items: center }     #main-slider .swiper-slide, #main-slider .swiper-slide .iframe-outer, .activity-page .swiper-wrapper {         position: relative;         float: left;         width: 100% }     .widget-top-players .nomination .nomination-swiper { 	width: 100%; 	position: relative; 	overflow: hidden }  .widget-top-players .nomination [class^='swiper-pagination'] { 	position: absolute; 	bottom: -5px; 	left: 0; 	right: 0; 	text-align: center; 	z-index: 100 }  .widget-top-players .nomination [class^='swiper-pagination'] .swiper-pagination-bullet { 	background: none; 	display: inline-block; 	position: relative; 	margin: 0 2px; 	border-radius: 0; 	box-shadow: inset 0 0 0 2px #4ab3a7; 	opacity: 1 }  .widget-top-players .nomination [class^='swiper-pagination'] .swiper-pagination-bullet-active { 	box-shadow: inset 0 0 0 20px #29f4dc }  @media (max-width: 830px) { 	.widget-top-players .nomination [class^='swiper-pagination'] { 		bottom: -2px 	} }     #main-slider {         height: 340px;         overflow: hidden;         background: #e1eaef }     #main-slider + .inner {         position: absolute;         top: 340px;         margin: auto;         left: 0;         right: 0;         z-index: 10 }     #main-slider + .inner .main-swiper-pagination {         position: absolute;         top: -27px;         left: 13%;         width: auto;         margin-left: 300px }     #main-slider + .inner .main-swiper-pagination-outer {         padding: 0;         min-height: 0 }     @media (max-width: 1370px) {         #main-slider + .inner .main-swiper-pagination {             left: 0 	} }     #main-slider + .inner .main-swiper-pagination .swiper-pagination-bullet {         width: 12px;         height: 12px;         background: none;         box-shadow: inset 0 0 0 2px #4ab3a7;         border-radius: 0;         margin: 0 2px;         opacity: 1 }     #main-slider + .inner .main-swiper-pagination .swiper-pagination-bullet-active {         box-shadow: inset 0 0 0 20px #29f4dc }     #main-slider .col-12 {         padding-top: 0;         padding-bottom: 0 }     #main-slider .swiper-slide {         height: 340px;         background-position: 50% 50%;         background-repeat: no-repeat;         overflow: hidden }     #main-slider .swiper-slide .slide-content {         position: absolute;         top: 22px;         left: 13%;         width: 500px;         height: 288px;         padding-bottom: 104px;         margin-left: 10px;         text-align: left;         -webkit-justify-content: space-around;         justify-content: space-around;         align-items: flex-start; }     @media (max-width: 1370px) { 	#main-slider .swiper-slide .slide-content {         left: 0 	} }     #main-slider .swiper-slide .slide-content p, #main-slider .swiper-slide .slide-content h2 {         color: #fff;         margin: 0;         padding: 0;         text-align: left }     #main-slider .swiper-slide .slide-content h2 {         margin-top: 32px;         font: 300 26px/30px "Roboto", sans-serif;         text-transform: none }     #main-slider .swiper-slide .slide-content p {         font: 300 18px/22px "Roboto", sans-serif }     #main-slider .swiper-slide .slide-content > span {         margin-bottom: 18px;         position: absolute;         bottom: 0; 	left: 0 }     #main-slider .swiper-slide .slide-content > span:before {         content: '';         position: absolute;         z-index: -1;         background: #003c5b;         width: 110%;         left: -30px;         top: 0;         height: 100%;         -o-transform: rotate(-3deg);         -moz-transform: rotate(-3deg);         -webkit-transform: rotate(-3deg);         transform: rotate(-3deg);         -moz-transform-origin: 100% 0;         -o-transform-origin: 100% 0;         -ms-transform-origin: 100% 0;         -webkit-transform-origin: 100% 0;         transform-origin: 100% 0 }     #main-slider .swiper-slide .slide-content .button {         position: relative;         width: 265px;         text-overflow: ellipsis;         white-space: nowrap;         overflow: hidden }     #main-slider .swiper-slide .iframe-outer { 	height: 300px }     #main-slider .swiper-slide .iframe-outer iframe {         border: 0;         width: 1800px;         height: 300px;         left: 50%;         margin-left: -900px;         position: relative;         top: 0;         background: #150c27 }     #main-slider .swiper-slide .iframe-block {         position: absolute;         top: 0;         left: 0;         bottom: 0;         right: 0;         z-index: 2 }     #main-slider .swiper-slide .iframe-content {         position: absolute;         top: 0;         left: 0;         width: 100%;         z-index: 2 } @media (max-width: 620px) {     #main-slider, .main-swiper-pagination { 		display: none 	} }     #main-slider .slide-1 {         background-color: transparent;         background-image: url(/uploads/1226/ban1.jpg);     width: 1840px;     transform: translate3d(-1840px, 0, 0);     opacity: 1;     transition-duration: 0ms; }     #main-slider .slide-2 {         background-color: transparent;         background-image: url(/uploads/1226/ban2.jpg);     width: 1840px;     transform: translate3d(-3680px, 0px, 0px); 	opacity: 1; 	transition-duration: 0ms; }     #main-slider .slide-3 {         background-color: transparent;         background-image: url(/uploads/1226/ban1.jpg);     width: 1840px;     transform: translate3d(-5520px, 0, 0);     opacity: 1; 	transition-duration: 0ms; }     #main-slider .slide-4 {         background-color: transparent;         background-image: url(/uploads/1226/ban2.jpg);     width: 1840px;     transform: translate3d(-7360px, 0, 0);     opacity: 1;     transition-duration: 0ms; }     #main-slider .slide-5 {         background-color: transparent;         background-image: url(/uploads/1226/ban1.jpg);     width: 1840px;     transform: translate3d(-9200px, 0, 0);     opacity: 0;     transition-duration: 0ms; }     #main-slider .slide-6 {         background-color: transparent;         background-image: url(/uploads/1226/ban2.jpg);     width: 1840px;     transform: translate3d(-11040px, 0, 0);     opacity: 0;     transition-duration: 0ms; }     #main-slider .slide-7 {         background-color: transparent;         background-image: url(/uploads/1226/ban1.jpg);     width: 1840px;     transform: translate3d(-12880px, 0, 0);     opacity: 0;     transition-duration: 0ms; }     .footer{         width: 100%; 	display: block; 	text-align: center; 	padding: 5px 0; 	margin-bottom: 10px; }     .footer ul li{         display: inline-flex; 	padding: 0 9px; 	position: relative; 	align-items: center; }     .footer ul li:after{         content: ''; 	width: 1px; 	height: 15px; 	background: #1676a3; 	top: calc(50% - 7px); 	right: 0; 	position: absolute; }     .footer ul li:last-child:after{         display: none; }     .footer ul li a:hover{         opacity: .8; } @media (max-width: 620px) { 	.menu-games, .menu-pages { 		display: none 	}  	.menu-games.active, .menu-pages.active { 		position: absolute; 		z-index: 1; 		top: 0; 		left: -5px; 		right: -5px; 		width: auto; 		display: block; 		background-color: #fff; 		padding: 21px 0 	}  	.menu-games.active li, .menu-pages.active li { 		width: 100%; 		text-align: center; 		line-height: 35px 	}  	.menu-games.active li a, .menu-pages.active li a { 		display: inline-block; 		position: relative 	} } @media (max-width: 620px) { 	.menu-games-outer, .menu-pages-outer { 		position: relative; 		float: left; 		width: 100%; 		box-sizing: content-box; 		margin-left: -8px; 		justify-content: flex-start; 		padding: 0 20px; 	}  	.menu-games-outer .menu-games.active ~ .close, .menu-pages-outer .menu-games.active ~ .close { 		content: '×'; 		display: block; 		position: absolute; 		z-index: 1; 		top: 2px; 		left: 0; 		width: 40px; 		height: 40px; 		font: 300 40px/40px "Roboto", sans-serif; 		text-align: center; 		color: #4ab3a7; 		cursor: pointer 	} }  .inner ul { 	margin: 10px 0; 	padding-right: 25px; 	list-style: circle; 	list-style-position: inside; }