@font-face{

font-family: 'SegoeUI';

src:local(SegoeUIBold), url('../fonts/SegoeUIBold/SegoeUIBold.ttf');
src:local(SegoeUIBold), url('../fonts/SegoeUIBold/SegoeUIBold.woff');
src:local(SegoeUIBold), url('../fonts/SegoeUIBold/SegoeUIBold.eot');

font-weight: 700;

font-style: normal;
}
@font-face{

font-family: 'SegoeUI';

src:local(SegoeUIItalic), url('../fonts/SegoeUIItalic/SegoeUIItalic.ttf');
src:local(SegoeUIItalic), url('../fonts/SegoeUIItalic/SegoeUIItalic.woff');
src:local(SegoeUIItalic), url('../fonts/SegoeUIItalic/SegoeUIItalic.eot');

font-weight: normal;

font-style: italic;
}
@font-face{

font-family: 'SegoeUI';

src:local(SegoeUILight), url('../fonts/SegoeUILight/SegoeUILight.ttf');
src:local(SegoeUILight), url('../fonts/SegoeUILight/SegoeUILight.woff');
src:local(SegoeUILight), url('../fonts/SegoeUILight/SegoeUILight.eot');

font-weight: 300;

font-style: normal;
}
@font-face{

font-family: 'SegoeUI';

src:local(SegoeUIRegular), url('../fonts/SegoeUIRegular/SegoeUIRegular.ttf');
src:local(SegoeUIRegular), url('../fonts/SegoeUIRegular/SegoeUIRegular.woff');
src:local(SegoeUIRegular), url('../fonts/SegoeUIRegular/SegoeUIRegular.eot');

font-weight: 400;

font-style: normal;
}
@font-face{

font-family: 'SegoeUI';

src:local(SegoeUISemiBold), url('../fonts/SegoeUISemiBold/SegoeUISemiBold.ttf');
src:local(SegoeUISemiBold), url('../fonts/SegoeUISemiBold/SegoeUISemiBold.woff');
src:local(SegoeUISemiBold), url('../fonts/SegoeUISemiBold/SegoeUISemiBold.eot');

font-weight: 600;

font-style: normal;
}
body{
	font-family: 'SegoeUI',arial;
	background:url('../img/bg.jpg');
	background-size:cover;
}
.container{
	max-width:1262px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:100%;
}
.container-padding{
	padding-left:58px;
	padding-right:58px;
}
/*
	======================
			headers
	======================
*/
h1{
	font-size:35px;
	line-height:42px;
	font-weight:500;
	margin-bottom:35px;
	color:#061A31;
}

/*
	==================
		header
	==================
*/
header{
	position:relative;
	z-index:10;
}
.headerTop{
	margin-top:40px;
	margin-bottom:28px;
}
.headerTop-logo{
	float:left;
}
.headerTop-awards{
	float:right;
}
.headerTop-awards img{
	float:left;
	position:relative;
	z-index:3;
}
.headerTop-awards img:nth-child(2){
	left:-5px;
	z-index:2;
}
.headerTop-awards img:nth-child(3){
	left:-10px;
	z-index:1;
}
.nav-menu{
	display:inline-block;
}
.nav{
	display:block;
	background:#e2234f;
	min-height: 46px;
}
.nav-menu li{
	display:inline-block;
	margin-right:104px;
	line-height:45px;
}
.nav-menu li:last-child{
	margin-right:0;
}
.nav-menu a{
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	transition:0.2s;
}
.nav-menu a:hover{
	color:#000;
}
.nav-lang{
	float:right;
	display:inline-block;
	position:relative;
}
.nav-lang .table,
.nav-lang .table-cell{
	height:45px;
}
.nav-lang ul{
	position:absolute;
	top:52.5px;
	display:none;
}
.l-arrow{
	float: right;
	margin-top:7px;
	margin-left:10px;
}
.l-arrow img{
	transition:0.3s;
}
.nav-lang.activ .l-arrow img{
	transform:rotate(180deg);
}
.nav-lang-ipad{
	display:none;
	float: left;
    z-index: 1;
	margin:0;
}
.nav-lang.activ ul{
	display:block;
}
.nav-lang ul:before{
	content:'';
	position:absolute;
	right:-10px;
	top:-7px;
	display:block;
	width:calc(100% + 20px);
	height:calc(100% + 7px );
	background:#e2234f;
	z-index:-1;
	border-radius:0 0 10px 10px;
}
.nav-lang-ipad ul:before{
	top:auto;
	bottom:0;
	height:calc(100% + 62px );
	width:calc(100% + 40px);
	right:-30px;
	border-radius:10px;
}
.nav-lang li{
	display:block;
	margin-bottom:15px;
}

.nav-lang li a{
	float:none;
}
.nav-lang a img{
	width:50px;
	height:40px;
	float: left;
}
.nav-lang a{
	text-transform:uppercase;
	color:#fff;
	font-size:15px;
	font-weight:700;
	line-height: 30px;
	display:inline-block;
}
.langBtn{
	float:right;
}
#menuBtn{
	width:27px;
	display:none;
	position:absolute;
	right:5px;
	top:15px;
	cursor:pointer;
	overflow:visible;
}
#menuBtn span{
	display:block;
	background:#ee224f;
	width:100%;
	height:3px;
	border-radius:3px;
	margin-bottom:6px;
	float:right;
	clear:both;
	position:relative;
	transition:0.3s;
}
#menuBtn span:nth-child(2){
	width:22px;
}
#menuBtn span:nth-child(3){
	width:17px;
}
#menuBtn.activ span:nth-child(2){

}
.menuActiv #menuBtn span{
	width:100%!important;
}
.menuActiv #menuBtn span:nth-child(1){
	transform:rotate(45deg);
}
.menuActiv #menuBtn span:nth-child(2){
	transform:rotate(90deg);
	 left: -9px;
    top: -4px;
}
.menuActiv #menuBtn span:nth-child(3){
	transform:rotate(-45deg);
	top: -18px;
    left: -18px;
}
/*
	==================
		   main
	==================
*/
.main{
	background:#fff;
	margin-top:18px;
	padding-bottom:105px;
}
.mainTop{
	padding-top:56px;
}
.mainTop-text{
	width:57%;
	display:inline-block;
	float:left;
}
.mainTop-text p{
	font-size:16px;
	color:#9A9A9A;
	line-height:20px;
}
.mainTop-pay{
	float:right;
	display:inline-block;
	width:43%;
	text-align:right;
	margin-bottom:-22px;
	margin-right:-11px;
}
.mainTop-pay img{
	margin:0 11px 22px;
	display:inline-block;
}
.brandsTop{
	margin-top:62px;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	line-height:24px;
}
.brandsTop li{
	display:inline-block;
	text-align:center;
}
.brandsTop-casino{
	margin-left:78px;
	width:134px;
}
.brandsTop-bonus{
	margin-left:26px;
	width:332px;
}
.brandsTop-totRait{
	/*margin-left:1px;*/
	width:148px;
}
.brandsTop-play{
	/*margin-left:1px;*/
	width:280px;
}
.brand{
	border:1px solid #d3d4d4;
	background:#fff;
	transition:0.3s;
	cursor:pointer;
}
.brand:hover{
	background:#fbfafa;
}
.brand .clearInline{
	display:none;
}
.brand .table,
.brand .table-cell{
	height:110px;
}
.brand-play,
.brand-raiting,
.brand-total,
.brand-bonus,
.brand-num,
.brand-img{
	float:left;
}
.brand-play,
.brand-raiting,
.brand-total,
.brand-bonus{
	border-left:1px solid #d3d4d4;
}
.brand-num{
	margin-top:16px;
	width:75px;
	height:49px;
	display:inline-block;
	text-align:center;
	background:url('../img/num-blue.png');
	font-size:24px;
	padding-top:6px;
	color:#fff;
	margin-left:-28px;
	margin-right:30px;
	background-repeat: no-repeat!important;
}
.brand:nth-child(1) .brand-num,
.brand:nth-child(2) .brand-num,
.brand:nth-child(3) .brand-num{
	background:url('../img/num.png');
	width:95px;
	margin-left:-28px;
	margin-right:10px;
	font-size:26px;
	padding-top:5px;
	font-weight:600;
}
.brand-img{
	margin-right:25px;
}
.brand-img img{
	width:134px;
}
.brand-bonus{
	width:332px;
}
.brand-bonus p{
	padding:0 26px;
	color:#20262D;
	display:inline-block;
	min-height:44px;
	line-height:22px;
	font-size:18px;
}
.brand-total{
	width:148px;
	text-align:center;
	font-size:18px;
	line-height:22px;
	font-weight:700;
}
.brand-total p{
	display:inline-block;
	text-align:left;
	color:#1A519B;
}
.brand-mobTitle,
.brand-ipadTitle,
.brand-total p span{
	display:none;
}
.brand-mobTitle,
.brand-ipadTitle{
	margin-bottom:14px;
	font-size:10px;
	font-weight:700;
	color:#061a31;
	text-transform:uppercase;
}
.brand-mobTitle{
	margin-bottom:9px;
}
.brand-raiting{
	color:#E2234F;
	font-size:44px;
	width:148px;
	text-align:center;
}
.brand-playMob{
	text-align:center;
}
.brand-play{
	width:280px;
	text-align:center;
}
.brand-playMob a,
.brand-play a{
	display:inline-block;
	color:#fff;
	width:187px;
	background:#159b72;
	font-size:18px;
	line-height:44px;
	border-radius:5px;
	text-transform:uppercase;
	transition:0.3s;
}
.brand-play a:hover{
	background:#1e8e52;
}
.brand-playMob a{
	width:220px;
}
.brand-playMob{
	margin-bottom:20px;
	display:none;
}
/*
	==================
		  footer
	==================
*/
footer{
	padding-top:32px;
	margin-top:94px;
	background:#000;
}
@media(max-width:1300px){
	.headerTop{
		padding:0 38px;
		margin-top:30px;
		margin-bottom:48px;
	}
	.headerTop-awards img,
	.headerTop-logo{
		height:58px;
	}
	.container{
		padding-left:18px;
		padding-right:18px;
	}
	.container-padding{
		padding-left:26px;
		padding-right:26px;
	}
	.nav-menu li{
		margin-right:60px;
	}
	.mainTop-pay,
	.mainTop-text{
		width:50%;
	}
	.brandsTop{
		display:none;
	}
	.brandsList{
		max-width:680px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-top:50px;
	}
	.brand{
		position:relative;
	}
	.brand .table,
	.brand .table-cell{
		height:88px;
	}
	.brand-num{
		position:absolute;
	}
	.brand-img{
		margin-right:20px;
		margin-left:26px;
	}
	.brand-img img{
		width:147px;
	}
	.table.brand-img .table-cell,
	.table.brand-img{
		height:176px;
	}
	.brand-bonus p{
		padding-left:0;
		padding-right:10px;
	}
	.brand-bonus{
		float:none;
	}
	.brand-bonus,
	.brand-total{
		padding-left:20px;
		text-align:left;
		width:297px;
		font-weight:500;
		position:relative
	}
	.brand-total{
		bottom:10px;
	}
	.brand-bonus{
		top:10px;
	}
	.brand-ipadTitle{
		display:block;
	}
	.brand-total p span{
		display:inline;
	}
	.brand-total p br{
		display:none;
	}
	.brand-play,
	.brand-raiting{
		float:right;
	}
	.brand-raiting{
		margin-top:-88px;
	}
	.brand-raiting,
	.brand-play{
		width:187px;
	}
	.brand-play a{
		width:154px;
		margin-top:-24px;
	}
	.brand-raiting p{
		margin-bottom:-24px;
	}
	footer{
		padding-top:54px;
		padding-bottom:40px;
		text-align:center;
	}
}
@media(max-width:1000px){
	.nav-menu a{
		font-size:12px;
	}
	.main{
		padding-bottom:60px;
	}
	.mainTop-text{
		width: 63%;
	}
	.mainTop-pay{
		width:305px;
		margin-right:-9px;
		margin-bottom:-18px;
	}
	.mainTop-pay img{
		margin:0 9px 18px;
		width:80px;
	}
}
@media(max-width:900px){
	.mainTop-text{
		width: 58%;
	}
}
@media(max-width:825px){
	.mainTop-text{
		width:375px;
	}
}
@media(max-width:768px){
	.headerTop{
		text-align:center;
		position:relative;
		margin-top:18px;
		margin-bottom:40px;
	}
	.headerTop-logo{
		float:none;
		height:48px;
	}
	.headerTop-awards{
		display:none;
	}
	.main{
		padding-top:24px;
		margin-top:0;
	}
	.mainTop{
		display:none;
	}
	.brandsList{
		margin-top:0;
	}
	.table.brand-img .table-cell, .table.brand-img,
	.brand .table,
	.brand .table-cell{
		float:none;
		display:inline-block;
		height:auto;

	}
	.brand-img{
		width:100%;
		margin:28px 0 18px;
		text-align:center;
	}
	.brand .brand-play{
		display:none;
	}
	.brand-playMob{
		display:block;
		border-left:none;
	}
	.brand-bonus{
		width:100%;
		border-left:none;
		position:static;
	}
	.brand .brand-total{
		display:table;
		float:left;
		width:calc(62.5% - 1px);
		border-left:none;
		border-top:1px solid #d3d4d4;
		height:65px;
		font-size:16px;
		position:static;
	}
	.brand-bonus p{
		line-height:22px;
		font-size:17px;
	}
	.brand-bonus,
	.brand .brand-total{
		padding-left:12px;
		padding-right:5px;
	}
	.brand-total .table-cell{
		display:table-cell;
		height:65px;
	}
	.brand .brand-raiting{
		display:table;
		float:left;
		width:37.5%;
		height:65px;
		font-size:28px;
		margin:0;
		border-top:1px solid #d3d4d4;
	}
	.brand-raiting .table-cell{
		display:table-cell;
		height:65px;
	}
	.brand-raiting p{
		margin-bottom:0;
	}
	.brand-ipadTitle{
		margin-bottom:12px;
	}
	.brand .clearInline,
	.brand-mobTitle{
		display:block;
	}
	.brand-ipadTitle,
	.brand-mobTitle{
		line-height:normal;
	}
	#menuBtn{
		display:inline-block;
	}
	.nav-lang{
		display:none;
	}
	.nav-lang-ipad{
		display:inline-block;
	}
	.nav{
		min-height: 0;
		position:relative;
		overflow:hidden;
		max-height:0;
		transition: margin-bottom 1s;
	}
	.menuActiv .nav{
		 margin-bottom:20px;
	}
	.nav-menu{
		width:100%;
	}
	.nav-menu li{
		text-align:center;
		width:100%;
		display:block;
		margin:0;
		border-bottom:1px solid #fff;
	}
	.nav-menu li:last-child{
		border-bottom:none;
	}
}