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

html {  }
body { background:#ececec; }
.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; }

.responsive {
    max-width: 100%;
    height: auto;
}

@media (max-width: 560px) {
    
.thumb-wrap {
  position: relative;
padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height:0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  border-width: 0;
  outline-width: 0;
}

}

.item-bonus p span {
	font-size: 7px;
	display: block;
}

@media (min-width: 1200px) {
	.jp .brand-list .brand-item .item-bonus p { font-size:20px;  }
	.jp .green-btn { font-size:22px; }
}

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

header { height:auto; background:#0c022a; }
	header .top-block { background:#0c022a; }
	header .logo  { width:auto; text-align:left; }
		header .logo h1{
			font:bold 32px/120px 'Roboto Slab', sans-serif; color:#fff; text-align:center; 
			text-transform:uppercase; 
			display:inline-block; 
			color:#fff;
			width:auto;
			margin:0; 
		}
		header .logo h2{
			font:normal 28px/28px 'Roboto Slab', 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:-7px 5px 0 0; }
	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:47px; cursor:pointer; }
		.btn-lang {
			display:inline-block;
			border-radius:5px 0 0 5px;
			border-left:2px solid #6e6e6e;
			border-top:2px solid #6e6e6e;
			border-bottom:2px solid #6e6e6e;
			padding: 0px 0px 0px 10px;
			margin:0;
			background:#fff;
			font:bold 18px/40px 'Roboto', sans-serif;
			color:#212121;
			min-width:240px;
			text-align:left;
		}
			.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:#fff;
				padding:0;	
				height:44px;
				float:right; 		
				border-radius:0 5px 5px 0 ;
				border-left:none;
				border-top:2px solid #6e6e6e;
				border-right:2px solid #6e6e6e;
				border-bottom:2px solid #6e6e6e;
			}
				.btn-lang-arrow img { margin-right:10px; }
			.dropdown-menu{
				background: #fff;
				left: 0;
				margin-top: -8px;
				min-width: 181px;
				border-radius:0 0 10px 10px;
				border-top:none;
				border-right:2px solid #6e6e6e;
				border-bottom:2px solid #6e6e6e;
				border-left:2px solid #6e6e6e;
				color:#212121;
			}
				.dropdown-menu > li > a { color:#212121; font:bold 16px/32px 'Roboto', sans-serif; }
					.dropdown-menu > li > a:hover { color:#fff; background:#6e6e6e; }
				.dropdown-menu img { width:32px; margin:0 10px 0 -10px; /*padding:8px 20px;*/ } 


.info-block { padding:40px 0; }
	.info-block #desk-txt { color:#212121; font:normal 14px/17px 'Roboto', sans-serif; text-align:left; margin-left:12px; }
	.info-block .icon-block { text-align:right; }
		.info-block .icon-block img { width:auto; height:auto; } 
	.info-block h2 { 
		color:#212121; 
		font:bold 24px/24px 'Roboto Slab', sans-serif; 
		text-align:center; 
		text-transform:uppercase;
		margin:40px 0 0;
	}
	
#main { padding-bottom:0; }
	#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 h2 font { color:#4f4f4f !important; }
	#main h1 { font:normal 30px/30px 'Roboto Slab', Arial, Helvetica, sans-serif; color:#0f0f0f; }
	#main h5 { font:normal 14px/18px 'Roboto Slab', Arial, Helvetica, sans-serif; color:#0f0f0f; }
	
	
.brand-list { position:relative;}
	.left_float {float:left; }
	.right_float {float:right; position:relative; }
	.brand-list .brand-item { cursor:pointer; margin:0 0 10px; padding:15px 0; position:relative; transition:all ease-in 0.3s; background:#fff; }	
	.brand-list .brand-item:hover { background: #eee; }
		.brand-list .brand-item:hover a { text-decoration:none; }
	
		.brand-list .brand-item .item-num {
			color: #000;
			float: left;
			font: 18px/66px "Roboto Slab",Helvetica,sans-serif;
			height: auto;
			margin: 0;
			padding: 0;
			position: relative;
			text-align: center;
			vertical-align: middle;
			width: 30px;
			z-index: 9999;
		}
		.brand-list .brand-item .item-logo { width:auto; float:left; position:relative; margin: 0 30px 0 0; }
			.brand-list .brand-item .item-logo img {
				width:120px; 
				height:auto; 
				position:relative; 
				z-index:999; 
				transition:0.5s ease all;
			}
		.brand-list .brand-item .item-title {}
			.brand-list .brand-item .item-title span { 
				font:bold 14px/14px 'Roboto Slab', Helvetica, sans-serif; 
				color:#333333;
			}
		.brand-list .brand-item .item-name { margin:26px 0 0;}	
			.brand-list .brand-item .item-name a { font:bold 24px/24px 'Roboto Slab', Arial, Helvetica, sans-serif; text-transform:none; color:#333; }	
			.brand-list .brand-item .item-name img { margin:-7px 10px 0; }		
		.brand-list .brand-item .item-bonus	{ margin:10px 0 0; max-width:325px; }
		.pt .brand-list .brand-item .item-bonus	{ margin:10px 0 0; max-width:285px; }
			.brand-list .brand-item .item-bonus p { 
				display:table-cell; 
				vertical-align:middle; 
				height:50px; 
				font:bold 18px/22px 'Roboto', Arial, Helvetica, sans-serif; 
				margin:0; 
				color:#000; 
				text-align:left; 
				max-width:285px;
			}
			.brand-list .brand-item .item-bonus	span.green { margin:0 0 0 5px; }
			.brand-list .brand-item .item-bonus .btn-block { float:right; text-align:center; width:220px; margin:-20px 0 0; }
				.brand-list .brand-item .item-bonus .btn-block span { font:bold 14px/30px 'Roboto Slab', Arial, Helvetica, sans-serif; color:#ccc; }
		.brand-list .block-shadow {
			background: url("../img/shadow.png") no-repeat scroll center top rgba(0, 0, 0, 0);
			bottom: -21px;
			height: 21px;
			left: 0;
			position: absolute;
			width: 100%;
		}		
		.green-btn {
			background: url("../index_files/button.png") no-repeat scroll left top rgba(0, 0, 0, 0);;
			height:63px;
			width:162px;
			font:bold 20px/60px 'Roboto Slab', Arial, Helvetica, sans-serif; color:#fff;
			text-align:center;
			text-decoration:none;
			display:block;
			margin:5px 15px 0 0;
			padding:0;
		}
		.brand-list .brand-item .payout {
				position:absolute; 
				bottom:0; 
				left:0; 
				width:100%; 
				text-align:center;
				color:#fff;
				padding: 0;
				margin:0;
				font:normal 12px/22px 'Roboto Slab', Arial, Helvetica, sans-serif;
			}
			
		.green-btn:hover {
			background-position:left bottom;
			color:#fff;
		}	
			
		
		.brand-list .brand-item .bonus {
			text-align:left;
			color:#009933;
			margin:10px 0 0;
			font:bold 18px/22px 'Roboto', Arial, Helvetica, sans-serif;
			min-width:220px;
		}
			.brand-list .brand-item .bonus .inside_block {
				float:left;
				display:inline-block;
				padding:0;
				border-radius:2px;
				color:#000;
				margin-right:30px;
			}
			.brand-list .brand-item .bonus .inside_block:last-child {
			}
				.brand-list .brand-item .bonus .inside_block p {
					color: #009933;
					display: table-cell;
					font: bold 18px/22px "Roboto",Arial,Helvetica,sans-serif;
					height: 50px;
					vertical-align: middle;
				}
		.brand-list .brand-item .item-text { font:normal 12px/31px 'Roboto Slab', Arial, Helvetica, sans-serif; margin:8px 0 0; color:#b0b0b0;}
			.brand-list .brand-item .item-text img { margin:-5px 10px 0; }
			
		.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:#fff; padding:60px 0; margin:40px 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:0; color:#212121; background:none; 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 (min-width: 1201px) { 
	.brand-list .brand-item .item-bonus { max-width:350px; }
}

@media (max-width: 1200px) {
	header .logo h1{
			font:bold 24px/100px 'Roboto Slab', sans-serif; 
	}
	.btn-group { margin-top:30px; }
	
	.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; }
	
	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:986px) {
	header .logo h1 { line-height:90px; font-size:24px; 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; }
	
	.brand-list .brand-item .item-bonus p { font: 16px/22px "Roboto",Arial,Helvetica,sans-serif; height:auto; padding-top:10px; }
}
@media (max-width: 820px){	
}
@media (max-width: 768px){
	header .logo h1 { font: bold 24px/80px "Roboto Slab",sans-serif; width: 100%; }
		header .logo h1 img { width:70px; 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; }
		.green-btn { 
			height:34px;
			line-height:34px;
			background:#3E9535;
			margin:0 0 10px;			
		}
		.green-btn:hover { background:#3E9535; }
	
	.brand-list .brand-item .item-bonus p { padding-top:0; }
}
@media (max-width: 590px) { 
	header .logo h1 { font: bold 18px/80px "Roboto Slab",sans-serif; width: 100%; margin:10px 0; }
		header .logo h1 img { width:50px; height:auto; }
	
	.info-block { padding:	20px 0; }
		.info-block h2 { font-size:16px; }
}
@media (max-width: 550px){ 

	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; }
}
@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-logo { margin-left:0; margin-bottom:42px; }
	.brand-list .brand-item .item-logo img { width:120px; height:66px; }
	
	.brand-list .brand-item .item-num { }
	
	.brand-list .brand-item:nth-child(2n) {
		background: #eee;
		border-top: 5px solid #ccc;
		border-bottom: 5px solid #ccc;
	}
		.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; 
	}
	
}

#footer img { display: block;margin: 20px auto }

#footer img.begambleaware{
	max-width: 300px;
}

@media (max-width: 450px) {
	header .logo h1 img { display:none; }
	
	.brand-list .brand-item .item-logo { margin-right:15px; }
	
	.brand-list .brand-item .item-bonus p { height:auto; max-width:175px; }
	
	#footer .row { margin-right:0; }
		#footer img { width:100%; }
	
}

@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; }
		
		.right_float { margin-left:0; }
	
}

#msg_pop{
background-color: rgba(255, 255, 255, 0);
display: none;
position: fixed;
z-index: 99999;
bottom: 30px;
right: 10px;
width: 100px;
padding: 10px;
color:#fff;
font-size:13px;
line-height:13px;
-webkit-box-shadow: 0px 0px 10px #999;
-moz-box-shadow: 0px 0px 10px #999;
box-shadow: 0px 0px 0px #999;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#msg_pop h4{
margin:0;
text-align:center;
font-size:18px;
}
 
#msg_close{
display:block;
position:absolute;
top:5px;
right:10px;
line-height:15px;
width:16px;
height:16px;
text-align:center;
color:#000000;
cursor:pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
#msg_close:hover {
background-color:#000000;
color:#000000;
}
.fadeIn{
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn; 
     animation-duration: 0.4s; 
    -webkit-animation-duration: 0.4s;
     animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     
     visibility: visible !important; 
}
  
@keyframes fadeIn {
    0% {transform: scale(0.7);opacity: 0.5;}
    80% {transform: scale(1.1);}       
    100% {transform: scale(1);opacity: 1;}       
}
  
@-webkit-keyframes fadeIn {
    0% {-webkit-transform: scale(0.7);opacity: 0.5;}
    80% {-webkit-transform: scale(1.1);}       
    100% {-webkit-transform: scale(1);opacity: 1;}       
}