/*@import url(../../../../fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

html { overflow-x:hidden; }
body.en { background:url("../img/main-bg.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.au { background:url("../img/main-bg-au.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.ca { background:url("../img/main-bg-ca.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.gb { background:url("../img/main-bg-gb.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.de { background:url("../img/main-bg-de.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.nl { background:url("../img/main-bg-nl.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.se { background:url("../img/main-bg-se.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.us { background:url("../img/main-bg-us.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.jp { background:url("../img/main-bg-jp.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.nz { background:url("../img/main-bg-nz.jpg") no-repeat top center / 100% auto; background-attachment:fixed; }
body.ru { background:url("../img/main-bg-ru.jpg") no-repeat top center / 100% auto; background-attachment:fixed;}
body.fr { background:url("../img/main-bg-fr.jpg") no-repeat top center / 100% auto; background-attachment:fixed;}
.container { /*max-width: 980px; */ }
#main .container .row { margin:0; }
.yellow { color:#f3e606; }
.orange { color:#ff8200; }
.green { color:#007400; }
.red { color:#b41b1b; }
.blue { color:#5f85b8; }
.yellow-bg { background:#f3e606; }
.orange-bg { background:#ff8200; }
.green-bg { background:#007400; }
.red-bg { background:#af1616; }
.blue-bg { background:#5f85b8; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }
.parallelogram {
	-webkit-transform: skewX(-10deg);
	   -moz-transform: skewX(-10deg);
		 -o-transform: skewX(-10deg);
}
/*.parallelogram > * {
	-webkit-transform: skewX(10deg);
	   -moz-transform: skewX(10deg);
		 -o-transform: skewX(10deg);
}*/

@media (min-width: 1200px) {
	.jp .brand-list .brand-item .item-bonus p { font-size:20px;  }
	.jp .green-btn { font-size:22px; }
	.jp .info-block #desk-txt, .jp .brand-item .item-bonus p, .jp *  { font-style:normal; font-weight:bold; }
}

/*.jp * { font-family: 'Noto Sans Japanese', sans-serif !important; }*/

header { height:auto; background:none; }
	header .top-block { background:none; z-index:9999; }
	header .logo  { width:auto; text-align:left; }
		header .logo h1{
			font:bold 48px/120px 'PT Sans', sans-serif; color:#fff; text-align:center; 
			text-transform:uppercase; 
			display:inline-block; 
			color:#212121;
			width:auto;
			margin:0; 
		}
		header .logo h2{
			font:normal 28px/28px 'PT Sans', sans-serif; 
			color:#fff; 
			text-align:center; 
			text-transform:uppercase; 
			display:block; 
			padding:0; 
			margin:0; 
		}

			header .logo h1 font { color:#fff; }
			header .logo h1 span { color:#e19a2c; }
		header .logo img { margin:20px 0 20px; }
	header .logo-flag { 
		width:100%;
		float:right;
		margin:0;
		text-align:center;
		color:#34404f;
		font:bold 12px/14px Arial, Helvetica, sans-serif;
	}
		header .logo-flag div { margin:0 10px 6px 0; float:left; }
		header .logo-flag a { margin:0 5px 0 0; }
			header .logo-flag a img { opacity:0.5; width:auto; height:42px; }
			header .logo-flag a.active img, header .logo-flag a:hover img  { opacity:1; }
			
	.langs{  }
		.btn-group { 
			float:right; 
			margin-top:78px; 
			transition:all ease 0.1s; 
			-webkit-transform: skewX(-10deg);
				-moz-transform: skewX(-10deg);
					 -o-transform: skewX(-10deg);
		}
		.btn-group.open {
			background:#fff;
			-webkit-transform: skewX(0deg);
				-moz-transform: skewX(0deg);
					 -o-transform: skewX(0deg);
		}
		.btn-lang {
			display:inline-block;
			border-radius:0;
			border-left:2px solid #fff;
			border-top:2px solid #fff;
			border-bottom:2px solid #fff;
			padding: 0px 0px 0px 10px;
			margin:0;
			background:none;
			font:bold italic 18px/36px 'PT Sans', sans-serif;
			color:#fff;
			min-width:240px;
			text-align:left;
				
		}
			.btn-group.open .btn-lang {
				color:#212121;
			}
			.btn-lang a {
				color:#fff;
				text-decoration:none;
				display: inline-block;
				-webkit-transform: skewX(10deg);
					-moz-transform: skewX(10deg);
						-o-transform: skewX(10deg);		
			}
				.btn-group.open .btn-lang a {
					color:#212121;
					-webkit-transform: skewX(0deg);
						-moz-transform: skewX(0deg);
							-o-transform: skewX(0deg);		
				}
			.btn-lang img { 
				margin:-4px 10px 0 0; 
				width:32px; 
			} 
			.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
				border-radius:50%;
				padding:4px;
			}
			.btn-group.open .dropdown-toggle{
				box-shadow:none;
			}
			.btn-lang-arrow,
			.btn-lang-arrow:focus,
			.btn-lang-arrow:active{
				border:0;
				background:none;
				padding:0;	
				height:40px;
				float:right; 		
				border-radius:0;
				border-left:none;
				border-top:2px solid #fff;
				border-right:2px solid #fff;
				border-bottom:2px solid #fff;
			}
				.btn-lang-arrow img { margin-right:10px; }
			.dropdown-menu{
				background: #fff;
				left: 0;
				margin-top:0;
				padding:0;
				min-width: 181px;
				border-radius:0;
				border-top:none;
				border-right:2px solid #fff;
				border-bottom:2px solid #fff;
				border-left:2px solid #fff;
				color:#212121;
				z-index:9999;
			}
				.dropdown-menu > li > a { color:#212121; font:bold italic 16px/32px 'PT Sans', sans-serif; }
					.dropdown-menu > li > a:hover { color:#fff; background:#073164; }
				.dropdown-menu img { width:32px; margin:0 10px 0 -10px; /*padding:8px 20px;*/ } 


.info-block { padding:0 0 50px; }
	.info-block #desk-txt { color:#fff; font:italic 14px/18px 'PT Sans', sans-serif; text-align:left; margin-left:0; }
	.info-block .icon-block { text-align:right; }
		.info-block .icon-block img { width:auto; height:auto; margin-top:-15px; } 
	.info-block h2 { 
		color:#212121; 
		font:bold 24px/24px 'PT Sans', sans-serif; 
		text-align:center; 
		text-transform:uppercase;
		margin:40px 0 0;
	}
	
#main { padding:0 0 50px; margin:20px 0 0; background:#fff; text-align:center; position:relative; }
	#main .container { background:none; min-height: 300px; /*max-width:980px;*/ padding:0; }
		#main .container .row {/* margin:0; max-width:980px;*/ }
	.list-title { border-bottom:2px solid #4f4f4f; height:16px; margin:0 0 60px; display:none; }	
	#main h1 { font:normal 30px/30px 'PT Sans', Arial, Helvetica, sans-serif; color:#0f0f0f; }
	#main h2 { 
		color:#fff;
		font:bold italic 30px/30px 'PT Sans', Arial, Helvetica, sans-serif;
		text-align:center;
		display:inline-block;
		width:auto;
		padding:20px 40px;
		margin:-25px 0 50px;
		text-transform:uppercase;
		-webkit-transform: skewX(-10deg);
			-moz-transform: skewX(-10deg);
				-o-transform: skewX(-10deg);
		background:#073164;
	}
		#main h2 span {
			display:inline-block;
			 -webkit-transform: skewX(10deg);
				-moz-transform: skewX(10deg);
					-o-transform: skewX(10deg);
		}
	#main h5 { font:normal 14px/18px 'PT Sans', Arial, Helvetica, sans-serif; color:#0f0f0f; }
	
	
.brand-list { position:relative;}
	.new-spec_bonus{
		position:absolute;
		top:15px;
		left:150px;
		display:block;
		width:auto;
		text-align:center;
		display:none;	
		font-size:13px;	
		transition:0.2s;
	}
	.brand-item-top {
		font:normal 14px/14px 'PT Sans', Arial, Helvetica, sans-serif; 
		color:#5e5e5e;
		margin-bottom:20px;
	}
		.brand-item-top div {
			min-height:1px;
		}
		.brand-item-top .item-num {
			width:auto;
			min-width:50px;
			text-align:center;
			float:left;
			background:none;
			margin:0 30px;
			
		}
		.brand-item-top .item-bonus {
			width:auto;
			min-width:250px;
			text-align:left;
			float:left;
			margin-right:30px;
		}
		.brand-item-top .item-logo {
			width:auto;
			min-width:120px;
			text-align:center;
			float:left;
			margin-right:30px;
		}
		.brand-item-top .item-payout {
			width:auto;
			min-width:150px;
			text-align:center;
			float:left;
			margin-right:30px;
		}
		.brand-item-top .item-total-bonus {
			width:auto;
			min-width:150px;
			text-align:center;
			float:left;
			margin-right:30px;
		}
		.brand-item-top .item-button {
			width:auto;
			min-width:165px;
			text-align:center;
			float:left;
		}
	
	.brand-item {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		margin-bottom:3px;
		transition:all ease 0.3s;
		position:relative;
	}
	.brand-item:hover {
		cursor:pointer;
		/*background:#f5f5f5;*/
		background:#073164;
		-webkit-transform: skewX(-10deg);
			-moz-transform: skewX(-10deg);
				-o-transform: skewX(-10deg);
	}
		.brand-item:hover * {
			color:#fff !important;			
		}
		.brand-item:hover p, .brand-item:hover .item-num {
			-webkit-transform: skewX(10deg);
				-moz-transform: skewX(10deg);
					-o-transform: skewX(10deg);
		}
		
		.brand-item .item-num {
			font:bold 14px/100px 'PT Sans', Arial, Helvetica, sans-serif; 
			color:#212121;
			width:auto;
			min-width:50px;
			text-align:center;
			float:left;
			background:url("../img/star.png") no-repeat center 24px / 100% auto;
			margin:0 30px;
		}
			.brand-item .item-num p {
				display:inline-block;
				margin:0;
			}
		.brand-item:nth-child(2) .item-num {
			background:url("../img/star-top.png") no-repeat center 24px / 100% auto;
		}
		.brand-item .item-bonus {
			width:auto;
			min-width:250px;
			max-width:250px;
			text-align:left;
			float:left;
			margin-right:30px;
		}
			.brand-item .item-bonus p {
				color: #212121;
				display: table-cell;
				font: italic bold 18px/24px "PT Sans",Arial,Helvetica,sans-serif;
				height: 100px;
				margin: 0;
				vertical-align: middle;
			}
		.brand-item .item-logo {
			width:auto;
			min-width:120px;
			text-align:center;
			float:left;
			background:url("../img/bg-logo.png") no-repeat center center / 100% auto;
			margin-right:30px;
		}
			.brand-item .item-logo p {
				display: table-cell;
				height: 100px;
				margin: 0;
				vertical-align: middle;
			}
				.brand-item .item-logo p a {
				}
					.brand-item .item-logo p a img {
						width: 90%;
						max-width:120px;
					}		
		.brand-item .item-total-bonus {
			width:auto;
			min-width:150px;
			text-align:center;
			float:left;;
			margin-right:30px;
		}
			.brand-item .item-total-bonus p {
				color: #212121;
				display: table-cell;
				font: italic 30px/30px "PT Sans",Arial,Helvetica,sans-serif;
				height: 100px;
				min-width:150px;
				margin: 0;
				vertical-align: middle;
			}
		.brand-item .item-payout {
			width:auto;
			min-width:150px;
			text-align:center;
			float:left;
			margin-right:30px;
		}
			.brand-item .item-payout p {
				color: #212121;
				display: table-cell;
				font: italic 30px/30px "PT Sans",Arial,Helvetica,sans-serif;
				height: 100px;
				min-width:150px;
				margin: 0;
				vertical-align: middle;
			}
		.brand-item .item-button {
			width:auto;
			min-width:120px;
			text-align:center;
			float:right;	
			margin-right:30px;
		}
			.brand-item .item-button p {
				color:#fff;
				height:100px;
				display: table-cell;
				font:bold italic 24px/55px "PT Sans",Arial,Helvetica,sans-serif;
				vertical-align: middle;
			}
				.brand-item .item-button p a {
					color:#fff;
					height:55px;
					min-width:140px;
					background:#1a9012;
					display:inline-block;
					text-decoration:none;
					-webkit-transform: skewX(-10deg);
						-moz-transform: skewX(-10deg);
							-o-transform: skewX(-10deg);
				}
					.brand-item .item-button p a span {
						display:inline-block;
						-webkit-transform: skewX(10deg);
							-moz-transform: skewX(10deg);
								-o-transform: skewX(10deg);
					}
				
	
			
		.item-sep { 
			/*background: url("../img/item-sep.png") no-repeat scroll center center rgba(0, 0, 0, 0);*/
			bottom: -1px;
			height: 2px;
			opacity: 0.2;
			position: absolute;
			width: 100%;
			z-index: 9999;
		}	
	#table-footer { 
		background:url("../img/tab-footer.png") no-repeat 0 0; 
		height:79px; 
		width:100%;
		position:absolute;
		bottom:-79px;
		left:-40px;
		padding: 0 80px 0 0;
	}

#slider { background:#eee; padding:60px 0; margin:0; }
		#owl-slider .item{
			margin: 3px;
		}
		#owl-slider .item img{
			display: block;
			width: auto;
			height:40px;
		}
	.owl-prev, .owl-next {
		height: 31px;
		position: absolute;
		top: 17%;
		width: 30px;
	}
	.owl-prev {
		background: rgba(0, 0, 0, 0) url("../img/prev.png") no-repeat scroll center center;
		left: -30px;
	}
	.owl-next {
		background: rgba(0, 0, 0, 0) url("../img/next.png") no-repeat scroll center center;
		right: -30px;
	}			
			
#footer { padding:30px 0; background:#cecece; color:#212121; text-align:center;  }
	#footer .row { margin-left: 0; }
	#footer .copyright { font:normal 12px/18px Arial, Helvetica, sans-serif; }
	#footer .country { 
		background:url("../img/flags.png") no-repeat right 0; 
		float: right;
		height: 15px;
		opacity: 0.3;
	}
	#footer img { width:auto; text-align:center; height:auto; margin:0 0 40px; }
	#footer a { color:#333; }
	#footer p { margin:0; font-size:11px; line-height:13px; margin:0; text-align:center; }
	
	

/*  REVIEWS   */

.pre-text { margin-top:15px; }
	
.button-review	{ height:40px;  overflow:hidden; margin:50px 0 0; }
	.button-review a {
		display:block;
		width:auto;
		height:40px;
		background:url("../img/play.png") no-repeat right top;
		margin:0;
		padding:0 134px 0 0;
	}	
	.button-review a:hover { background-position:right bottom; }	
	.button-review span { line-height:40px; float:right; color:#fff; padding:0 15px; background:#01a351; }
	
	
@media (max-width: 1200px) {
	header .logo h1{
			font:bold 36px/100px 'PT Sans', sans-serif; 
	}
	.btn-group { margin-top:80px; }
	
	.info-block .icon-block img {
		width:100%;
	}
	
	.brand-list .brand-item .bonus .inside_block { max-width:105px; display:none; }
	.brand-list .brand-item .bonus .inside_block:last-child { max-width:120px; display:block; }
	
	.brand-item .item-payout, .brand-item-top .item-payout {
		display:none;
	}
	
	header .top-title { text-align:center; width:100%; }
	
	header .logo-flag { width:100%; clear:both; float:none; }
	
	.owl-controls .owl-page, .owl-controls .owl-buttons div { display:none; }
	
}
@media (min-width: 1031px){
	.langs { }
}
@media (max-width: 1030px){
	.info-block h2 { margin-top:0; }
	
	p#desk-txt, .icon-block { display: none; }
	#slider { display: none; }
	#footer { margin-top:30px; }
}
@media (max-width:993px) {
	header .logo h1 { 
		width:100%;
	}
	.pull-right { float:none !important; text-align:center; }
		.btn-group { margin: 0 auto 30px; float:none; }
		
	.info-block {
		display:none;
	}
	
	.brand-item .item-num, .brand-item-top .item-num { margin:0 20px; }
	.brand-list .brand-item .item-bonus p { font:bold italic 16px/22px "PT Sans",Arial,Helvetica,sans-serif;   }
	.brand-item .item-total-bonus { display:none; }
	.brand-item .item-bonus { max-width: 240px; min-width: 210px; }
	.brand-item .item-button { margin-right:20px; }
	
}
@media (max-width:986px) {
	header .logo h1 { line-height:90px; font-size:50px; text-align:center; }
	
	.pull-right { float:none !important; text-align:center; }
		.btn-group { margin: 0 auto 30px; float:none; }
		
	.info-block h2 { margin-top:0; }
	

	
}
@media (max-width: 820px){	
}
@media (max-width: 768px){
	header .logo h1 { font: bold 36px/80px "PT Sans",sans-serif; width: 100%; }
		header .logo h1 img { width:70%; height:auto; }
	
	#main .container { padding:0 !important; }
	
	.brand-list .brand-item .item-logo img { margin-bottom:none; }
	
	.right_float { float:none; clear:both; margin-left:175px; }
	
	.brand-list .brand-item .item-bonus p { padding-top:0; }
}
@media (max-width: 734px) {
	#main h2 { font-size:20px; padding:10px 40px; margin-bottom:30px; }
	
	.brand-item .item-bonus {
		position: absolute;
    	left: 240px;
		top:30px;
	}
		.brand-item .item-bonus p {
			height:auto;
		}
	.brand-item .item-logo {
		margin-bottom:30px;
	}
	.brand-item .item-button {
		position:absolute;
		left: 240px;
		bottom:10px;
		height:auto;
	}
		.brand-item .item-button p {
			margin:0;
			height:auto;
			font-size:20px;
			line-height:35px;
		}
			.brand-item .item-button p a {
				height:auto;
			}
	
}
@media (max-width: 590px) { 
		.info-block h2 { font-size:18px; }
}
@media (max-width: 550px){ 
	body { background-size:130% auto !important; }

	header .top-row { height:auto; }
	header .top-title { font-size:14px; line-height:18px; padding:5px 0; }
	header .logo h2 { font-size:18px; line-height:18px; margin-top:0;  } 
	
	.container .row { margin-right:0; } 
	
	
	.right_float { float:left; clear:both; margin-left:30px; margin-top:0; margin-bottom:0; }
	.green-btn { 
			width:120px;			
		}
	.jp .green-btn { font-size: 14px; }
	
	.brand-item .item-num, .brand-item-top .item-num { margin:0 10px; }
	.brand-list .brand-item .item-bonus p { line-height:16px; font-size: 14px; }
	.brand-item .item-total-bonus { display:none; left:210px; }
	.brand-item .item-bonus { max-width: 210px; min-width: 150px; left:210px;  }
	.brand-item .item-button { margin-right:20px; left:210px; }
}
@media (max-width: 550px){ 
	.brand-list .brand-item .item-bonus p { height:auto; max-width:190px; }
}
@media (max-width: 550px){ 
	body {	}
		header .logo h1 { font-size:24px; line-height:60px; }
		.jp header .logo h1 { font-size:22px; line-height:50px; }
		.info-block h2  { font-size:16px; line-height:18px;  }
		.jp .info-block h2  { font-size:13px; line-height:16px;  }
			header .top-title { 
				width:100%;
				text-align:center;
				font-size:16px
			}
	.brand-list .brand-item {
	}
	
	.brand-list .brand-item .item-num { }
	
	.brand-list .brand-item:nth-child(2n) {
		background: #eee;
	}
		.brand-list .brand-item:nth-child(2n):hover {
			background: #073164;
		}
		.brand-list .brand-item .item-name img {
			display: block;
			margin: 5px 0;
			text-align: center;
		}
	.right_float {
		position:absolute;
		width:auto;
		height:auto;
		top:90px; 
	}
	
}
@media (max-width: 550px){ 
	#main h2 { font-size:16px; padding:5px 20px; }
}
@media (max-width: 450px) {
	header .logo h1 img { width:100%; }
	.new-spec_bonus{
		display:block;
	}
	.brand-item-top { display:none; }
	
	.brand-item .item-num { 
		position:absolute;
		left:-30px;
		top:-5px; 
	}
	
	.brand-list .brand-item .item-logo { margin-right:15px; margin-left:30px; }
	
	.brand-list .brand-item .item-bonus p { height:auto; max-width:175px; line-height:16px; padding-top:10px;}
	
	.brand-item .item-bonus, .brand-item .item-button {
		left:165px;
	}
		.brand-item .item-button p a {
			min-width:100px;
			max-width:150px;
		}
	
	
	#footer .row { margin-right:0; }
		#footer img { width:100%; }
	
}

@media (max-width: 450px) {
	#main h2 { font-size:14px; padding:5px 20px; }
	.brand-list .brand-item .item-bonus p {  }
	.brand-list .brand-item .item-logo { margin-left:15px; }
	.brand-item .item-bonus { left:150px;  }
	.brand-item .item-button { left:150px; }
	.brand-item .item-logo p{height:83px;}
	.brand-item .item-logo {margin-bottom: 47px;}
}

@media (max-width: 410px) {
	
	header .container .row { margin:0 !important; padding:0 !important; } 
		header .top-block { margin:0 !important; padding:0 !important; }
			header .top-block logo { padding:0 !important; }

	.info-block h2  { font-size:14px; line-height:16px;  }
	
	.btn-lang { min-width:195px; }
	
	.brand-list { padding:0; }
	
	.brand-list .brand-item .item-num { display:none; }
		.brand-list .brand-item .item-bonus p { height:auto; max-width:135px; font-size:12px; line-height:16px; }
		
		.right_float { margin-left:0; }
		.brand-list .brand-item .item-logo{margin-left:10px;}
	.new-spec_bonus{
		font-size:11px;
	}
	
}