/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button{
	border: 0;
    background: none;
	padding: 0;
	outline:none;
}
a,a:hover{
	text-decoration:none;
	color:inherit;
}
*,
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.clearInline{
	display:block;
}
.table{
	display:table;
}
.table-cell{
	display:table-cell;
	vertical-align:middle;
}
.relative{
	position:relative;
}
body{
	overflow-x:hidden;
	background:#404071;
}
/*
	======================
			fonts
	======================
*/
body{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color:#000;
}
h2,h3,h6{
	font-family: 'Bitter', serif;
	text-align:center;
	font-weight:bold;
}
h2{
	font-size:60px;
	color:#fff;
}
h3{
	font-size:48px;
}
h4{
	font-size:24px;
	font-weight:100;
}
h5{
	font-size:20px;
	font-weight:900;
}
h6{
	font-size:12px;
	font-weight:400;
}
/*
	======================
			header
	======================
*/
header{
	background:url("../img/header-bg.jpg") 0 0 no-repeat;
	background-size:cover;
	z-index: 1;
}


.header-top{
	width:100vw;
	position:absolute;
	left:0;
	top:0;
}
.header-top .table{
	height:118px;
	margin:0 3.5vw;
	float:right;	
}
.header-top .table-cell{
	height:118px;
}
.table.h1{
	float:left;
}
.lang{
	line-height:40px;
	position:relative;
	z-index:1;
	height: 40px;
	font-weight:bold;
}
.lang span{
	display:inline-block;
	position:relative;
	z-index:2;
	cursor:pointer;
}
.lang ul:before,
.lang:before{
	display:block;
	content:'';
	width: 85%;
	height:30px;
	position:absolute;
	top:5px;
	right:0;
	background:#fff;
	z-index:0;
	border-radius:20px;
}
.lang ul:before{
	height:100%;
	position:absolute;
	top:0;
}
.lang a img{
	display:inline-block;
	float:left;
	margin-right:5px;
}
.lang a{
	display:inline-block;
	float:left;
}
.l-arrow{
	float:right;
	margin:0 10px;
}
.l-arrow img{
	transition:0.2s;
}
.lang ul{
	position:absolute;
	top:-5px;
	right:0;
	padding-top:52px;
	width:100%;
	display:none;
	position:absolute;
	z-index:1;
}

.lang li {
	display:block;
	padding-top:4px;
	height:50px;
	position:relative;
	width:100%;
}
.lang li:before{
	width:48px;
	height:2px;
	content:'';
	position:absolute;
	right:0;
	top:0;
	background:#f1f1f1;
}

.lang.activ ul{
	display:inline-block;
}
.lang.activ .l-arrow img{
	transform:rotate(180deg);
}
.top-h2{
	margin-top:70px;
}
.desk-text{
	font-size:18px;
	color:#fff;
	margin-top:35px;
	margin-bottom:70px;
	margin-bottom:70px;
	text-align:center;
	font-weight:400;
}
.gentleman{
	position:absolute;
	right:0;
	bottom:-121px;
	z-index:-1;
}
/*
	======================
		tableBrand
	======================
*/
.tableBrand{
	width:100%;
	display:inline-block;
	/*padding-right:20px;*/
	font-weight:900;
	font-size:18px;
	clear:both;
	margin-bottom:20px;
	border-radius:15px;
	border:3px solid #fff;
	transition:0.3s;
	cursor:pointer;
	color:#fff;
	/*overflow:hidden;*/
	position:relative;
}
.tableBrand:before{
	content:'';
	display:block;
	height:102%;
	width:27%;
	position:absolute;
	top:-1px;
	left:-1px;
	background:#fff;
	border-radius:15px;
	z-index:-1;
}
.tableBrand:hover,
.tableBrand:first-child{
	background:#fff;
	color:#000;
}
.tableBrand .tableBrand-num:before{
	display:block;
	width:37px;
	height:90%;
	content:'';
	position:absolute;
	right:0;
	top:10%;
	background:url("../img/num-decor.png") 0 0 no-repeat;
	z-index:-1;
	transition:0.3s;
	opacity:0;
}
.tableBrand:hover .tableBrand-num:before,
.tableBrand:first-child .tableBrand-num:before{
	opacity:1;
}
.tableBrand .table{
	height:84px;
	float:left;
}

.tableBrand .table:last-child{
	float:right;
}

.tableBrand .table-cell{
	height:84px;
}
.tableBrand-num{
	width:30px;
	text-align:center;
	line-height:36px;
	border-right:2px solid #dddddd;
	position:relative;
	z-index:1;
	color:#000;
}
.tableBrand-bonText{
	padding-left:20px;
	width:185px;
	float:left;
	color:#000;
}
.tableBrand-bonText p{
	line-height:24px;
}
.tableBrand-img{
	margin:0 54px 0 60px;
}
.tableBrand img{
	display:block;
	height:66px;
}
.tableBrand p span{
	display:block;
	font-weight:bold;
}
.tableBrand-tBonus,
.tableBrand-payOut{
	width:115px;
	line-height:30px;
	font-weight:400;
}
.tableBrand-btn{
	line-height:50px;
	padding:0 20px;
	margin-right:20px;
	background:#03b802;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	border-radius:10px;
}
.tBonus-level,
.payOut-level{
	width:8px;
	height:64px;
	display:inline-block;
	background:#fff;
	border:1px solid #dddddd;
	position:relative;
	float:left;
	margin-right:20px;
}
.tBonus-level span,
.payOut-level span{
	width:6px;
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-3px;
	background:#34da22;
	transition:0.2s;
}
/*
	=====================
			payments	
	=====================
*/
.payments{
	background:url("../img/pay-bg.png");
	background-size:cover;
	padding:40px 0;
	text-align:center;
}
.payments h3{
	color:#13224d;
}
.pay-icon{
	max-width:640px;
	margin-top:50px;
	display:inline-block;
}
.pay-icon img{
	display:inline-block;
	margin:7.5px;
}
/*
	====================
		best-games
	====================
*/
.best-games{
	padding:40px 0;
	position:relative;
}
.best-games h3{
	color:#fff;
}
.best-games-bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.best-games-bg div{
	height:38%;
	background:#13224d;
}
.best-games-bg div:first-child{
	height:62%;
	position:relative;
	background:#0c0d1e;
	
}
.best-games-bg span{
	position:absolute;
	bottom:-4px;
	left:50%;
	margin-left:-80px;
}
.jackpot-block{
	margin-top:65px;
	text-align:center;
}
.jackpot-block:last-child{
	margin-top:20px;
}
.banner-1{
	background:url("../img/banner-1.png") 0 0 no-repeat;
	background-size:100% 100%;
}
.banner-2{
	background:url("../img/banner-2.png") 0 0 no-repeat;
	background-size:100% 100%;
}
.banner-3{
	background:url("../img/banner-3.png") 0 0 no-repeat;
	background-size:100% 100%;
}
.banner-4{
	background:url("../img/banner-4.png") 0 0 no-repeat;
	background-size:100% 100%;
}
.jb-banner{
	width:300px;
	display:inline-block;
	color:#fff;
	text-align:left;
	padding-top:110px;
	padding-bottom:25px;
}
.jb-title{
	text-align:center;
	display:inline-block;
}
.jb-banner h4{
	line-height:40px;
	background:#000;
	padding:0 20px;
	display:inline-block;
}
.jb-banner a{
	font-weight:900;
	line-height:35px;
	font-size:14px;
	padding:0 20px;
	background:#0bbc07;
	border-radius:0 0 10px 10px;
	display:inline-block;
}
.jb-jackpot{
	display:inline-block;
	margin:0 50px;
	text-align:left;
}
.jb-jackpot h5{
	color:#fff;
}
.jb-jackpot p{
	color:#7595b2;
	margin-top:20px;
	font-size:14px;
	font-weight:100;
}
.jb-jackpot span{
	color:#fbd835;
	margin-top:12px;
	font-size:36px;
	font-weight:900;
	display:inline-block;
}
.jb-jackpot div{
	display:inline-block;
	margin-top:20px;
	padding-left:20px;
	border-left:20px solid rgba(255,255,255,0.05);
}
/*
	===================
			footer
	===================
*/
footer{
	background:#000;
	text-align:center;
}

.footer-blocks .table-cell,
.footer-blocks .table{
	height:205px;
}
.foo-block{
	display:inline-block;
	padding:0 48px;
	position:relative;
}
.foo-block:after{
	content:'';
	display:block;
	height:60px;
	width:2px;
	background:#111;
	position:absolute;
	right:-2px;
	top:50%;
	margin-top:-30px;
}
.foo-block:first-child{
	padding-left:0;
}
.foo-block:last-child{
	padding-right:0;
}
.foo-block:last-child:after{
	display:none;
}
.foo-nav{
	text-align:left;
	color:#fff;
	text-decoration:underline;
	font-weight:400;
	line-height:30px;
}
footer .lang ul{
	top:auto;
	bottom:-5px;
	padding-top:0;
	padding-bottom:52px;
}
footer .lang li:before{
	top:auto;
	bottom:0;
}
.footer-bottom{
	line-height:74px;
	background:#0a0a0a;
	color:#404040;
}
/*
	====================
			icons
	====================
*/
.blockAbsIcons{
	position:absolute;
	left:3.5vw;
}
.blockAbsIcons img{
	margin-bottom:34px;
	display:block;
}
.payments .blockAbsIcons{
	top:100px;
}
.best-games .blockAbsIcons{
	top:200px;
}
.best-games .blockAbsIcons img{
	margin-bottom:170px;
}
/*
	====================
			media
	====================
*/

@media (max-width:1200px){
	.blockAbsIcons,
	.gentleman{
		display:none;
	}
	h2{
		font-size:36px;
	}
	h3{
		font-size:36px;	
	}
	.desk-text{
		font-size:14px;
	}
	.header-top{
		position:static;
		width:100%;
	}
	.top-h2{
		margin-top:20px;
	}
	.desk-text{
		margin-top:25px;
		margin-bottom:40px;
	}
	
	.jb-jackpot{
		margin:0 35px;
	}
	.foo-block{
		padding:0 35px;
	}
}

@media (max-width:991px){
	.tableBrand{
		font-size:14px;
	}
	.tableBrand-btn,
	.tableBrand,
	.tableBrand:before{
		border-radius:10px;
	}
	.tableBrand:before{
		top:-2px;
		height:105%;
	}
	.tableBrand .table,
	.tableBrand .table-cell{
		height:60px;
	}
	.tableBrand-num{
		line-height:24px;
	}
	.tableBrand-bonText{
		width:140px;
		padding-left:15px;
	}
	.tableBrand-bonText p{
		line-height:18px;
	}
	.tableBrand-img{
		margin-left:48px;
		margin-right:38px;
	}
	.tableBrand-tBonus,
	.tableBrand-payOut{
		width:85px;
	    line-height: 20px;
	}
	.tBonus-level, .payOut-level{
		display:none;
	}
	.tableBrand-btn{
		margin-right:15px;
	}
	.tableBrand img{
		height:48px;
	}
	.tBonus-level,
	.payOut-level{
		height:46px;
	}
	.tableBrand-btn{
		line-height:36px;
	}
	.jackpot-block{
		padding-left:0;
		padding-right:0;
		margin-top:45px;
	}
	.jb-banner{
		width:217px;
		padding-top:80px;
		padding-bottom:18px;
	}
	.jb-jackpot div{
		border-left-width:15px;
	}
	.footer-blocks .table-cell, .footer-blocks .table{
		height:145px;
	}
	.footer-blocks{
		padding-left:0;
		padding-right:0;
	}
	.foo-block:first-child img{
		height:60px;
	}
	.foo-block:last-child img{
		height:45px;
	}
	footer .lang a img{
		height:30px;
		margin-right:3px;
	}
	footer .lang{
		line-height:30px;
		height:30px;
	}
	footer .lang:before{
		height:20px;
	}
	footer .lang li{
		height:40px;
	}
	footer .lang ul{
		padding-bottom:32px;
		bottom:0;
	}
	footer .l-arrow{
		margin:0 6px;
		margin-top:-3px;
	}
	footer .l-arrow img{
		width:8px;
		
	}
}
@media (max-width:768px){
	h1 img{
		width:130px;
	}
	h2{
		font-size:28px
	}
	h3{
		font-size:24px;
	}
	.header-top .table,
	.header-top .table-cell{
		height:90px;
	}
	.tableBrand-tBonus, .tableBrand-payOut{
		display:none;
	}
	.desk-text{
		margin-top:15px;
		margin-bottom:30px;
	}
	.tableBrand:before{
		width:36%;
	}
	.tableBrand-img{
		margin-left:98px;
	}
	.payments{
		padding:30px 0;
	}
	.pay-icon{
		margin-top:30px;
		max-width:510px;
	}
	.pay-icon img{
		    width: 50px;
			margin:2.5px;
	}
	.best-games{
		padding:30px 0;
	}
	.jackpot-block{
		margin-top:30px;
	}
	.jb-jackpot,
	.jb-banner{
		float:none;
	}
	.jb-jackpot{
		display:block;
		margin:20px auto;
		width:216px;
	}
	.jb-jackpot div{
		margin-top:0;
		border:0;
		border-top: 20px solid rgba(255,255,255,0.05);
		border-bottom: 20px solid rgba(255,255,255,0.05);
		padding:15px 0;
		width:100%;
		text-align:center;
	}
	.banner-2{
		margin-bottom: 40px;
	}
	.foo-block:nth-child(2){
		display:none;
	}
}
@media(max-width:580px){
	.foo-block:last-child{
		display:none;
	}
	.foo-block:nth-child(3){
		padding-right:0;
	}
	.foo-block:nth-child(3):after{
		display:none;
	}
	.tableBrand{
		font-size:12px;
	}
	.tableBrand-bonText{
		width:130px;
		text-align:left;
	}
	.tableBrand-bonText p{
		line-height:14px;
	}
	.tableBrand-img{
		margin-left:50px;
	}
}
@media(max-width:500px){
	h2,h3{
		font-size:20px;
	}
	.desk-text{
		font-size:12px;
	}
	.tableBrand{
		width: 300px;
		text-align:center;
		background:#fff;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.tableBrand:before{
		display:none;
	}
	.tableBrand .table:last-child,
	.tableBrand .table{
		float:none;
	}
	.tableBrand .table:last-child{
		width:100%;
	}
	.tableBrand-btn{
		margin:0;
	}
	.tableBrand .table:first-child{
		float:left;
	}
	.tableBrand .tableBrand-bonText{
		width:calc(100% - 40px);
	}
	.tableBrand img{
		height:60px;
	}
	.tableBrand-img{
		margin-left:auto;
		margin-right:auto;
	}
	.tableBrand .table:nth-child(4),
	.tableBrand .table:nth-child(5),
	.tableBrand .table:nth-child(6),
	.tableBrand .table:nth-child(7){
		display:none;
	}
	#casino_list .col-lg-12{
		padding:0;
	}
}