html {  background:#000;  }
body { font:normal 14px/18px 'PT Sans', Arial, Helvetica, sans-serif;background:url("../img/main-bg.jpg") repeat top center; background-size:100%; }
.container { max-width: 980px;  }
.yellow { color:#f3e606; }
.orange { color:#ff8200; }
.green { color:#7474DD; }
.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; }

header { height:auto; background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1);  }
	header h1 { font:bold 64px/64px 'Slabo 27px', Arial, Helvetica, sans-serif; text-align:center; color:#fff; margin: 27px 0; }
		header h1 font { color:#fff; }
	header .logo img { margin:10px 0 10px 40px;}
	.logo-flag { 
		min-width: 230px;
		width:100%;
		border-radius:5px;
		float:right;
		margin:10px 0;
		text-align:center;
		color:#34404f;
		font:normal 12px/14px 'PT Sans', Arial, Helvetica, sans-serif;
	}
	.header-bottom { height:5px; background:url("../img/logo-border.jpg") no-repeat bottom center #dedede; background:none; }
		.logo-flag div { margin:6px 10px 6px 0; float:left; }
		.logo-flag a { margin:0 5px 0 0; }
			.logo-flag a img { opacity:0.5; width:64px; height:auto; /*border-radius:25px;*/  }
			.logo-flag a.active img, header .logo-flag a:hover img  { opacity:1; }
	header .logo-soc { 
		background:url("../img/follow-bg.png") repeat 0 0;
		width:140px;
		height:64px;
		border-radius:5px;
		float:right;
		margin:26px 15px 0 0;
		text-align:center;
		color:#fff;
		font:normal 12px/14px 'PT Sans', Arial, Helvetica, sans-serif;
	}
		header .logo-soc div { margin:9px 0 6px; }
		header .logo-soc a { margin:0 2px 0 0; }
	/*header .flag-text { background:url("../img/flag.png"); height:117px; margin:0 -15px 0 -20px; width: 345px; } */


#header-promo { /*background:url("../img/header-bg.jpg") no-repeat bottom center #dedede; border-bottom:2px solid #d9d9d9;*/ height:105px; display:block; text-align:center; } 
	#header-promo .container { max-width: 900px; padding:0px; display:inline-block; width:auto; }
		#header-promo .span4 { width:280px; height:60px; position:relative; background-size:70%; margin-top:15px; text-align:left; }
			#header-promo .span4 img { float:left; }
			#header-promo .span4 span.game-name {
				font:normal 14px/14px 'Cuprum', Arial, Helvetica, sans-serif;
				color:#eee;
				margin-left:16px;
			}
			#header-promo .span4 a { display:block; text-decoration:none; height:54px; outline: none; }
			.progressiveDiv { float:left; height:36px !important; }
			.span4.jackpot { margin-left:0; }
				.JackpotTotalUpperBox {	display: none;	}
				.progressiveTicker15-tdk {
					width:280px;
					text-align:center;
					margin:150px 0 0;
				}
				.span4 input {
					background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
					border: medium none !important;
					box-shadow: none !important;
					color: #fffd00 !important;
					font: 30px/30px "Cuprum",sans-serif;
					height: 36px !important;
					padding: 0 !important;
					width:auto !important;
					text-align:left !important;
					margin:6px 0 0 16px;
					cursor:pointer;
				}
			.span4.device { width:230px !important; }
			.span4.promo { display:none; }
			
			#header-promo .span4 div.link {
				color: #fff;
				font-size: 12px;
				margin: 40px 0 0 90px;
				text-align: left;
				text-decoration: underline;
				width: 100%;
			}
	
#main { padding-bottom:25px; }
	#main .container { background:none; min-height: 300px; max-width:900px; padding:25px 40px; border:none; }
		#main .container .row { margin:0; max-width:900px; }
	
	.list-title { border-bottom:2px solid #4f4f4f; height:16px; margin:0 0 60px; display:none; }
	#main h2 { font:normal 36px/36px 'Cuprum', Arial, Helvetica, sans-serif; color:#4f4f4f !important; text-transform:uppercase; text-align:center; display:table; margin:0 auto; background:#fff; padding:0 20px; }	
		#main h2 font { color:#4f4f4f !important; }
	#main h1 { font:normal 30px/30px 'PT Sans', Arial, Helvetica, sans-serif; color:#0f0f0f; }
	#main h5 { font:normal 14px/18px 'PT Sans', Arial, Helvetica, sans-serif; color:#0f0f0f; }
	
	
.brand-list { margin:30px 0; position:relative; }
	.left_float {float:left; }
	.right_float {float:right; position:relative; }
	.brand-list .brand-item { height:105px; /*border-top: 1px solid #e5e5e5;*/ margin: 25px -40px 45px; padding:0; position:relative; background:none; }
	.brand-list .brand-item:nth-child(2n+1) { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.1); }
	.brand-list .brand-item:last-child { border:none; } 
		.brand-list .brand-item:first-child .item-num{	background:#0d8802; color:#fff; border:1px solid #0c8e00; }
		.brand-list .brand-item .item-num {
			background:none;
			border:1px solid rgba(0, 0, 0, 0); 
    		color: #aeaeae;
			width: 40px;
			height:40px;
			float: left;
			position: relative;
			text-align: center;
			vertical-align: middle;
			font:normal 20px/40px 'Roboto Condensed', Helvetica, sans-serif;
			margin:33px 0 0 -15px;
		}
		.brand-list .brand-item .item-logo { width:150px; height:105px; float:left; position:relative; margin: 0 20px 0 0; }
			.brand-list .brand-item .item-logo .stars { 
				position:absolute;
				top:-8px;
				text-align:center;
				width:150px;
			}
				.brand-list .brand-item .item-logo .stars img { height:16px; width:auto; }
			.brand-list .brand-item .item-logo img { width:150px; height:80px; margin:12px 0; position:relative; z-index:9999; }	
			.brand-list .brand-item .item-logo a {
				display:block;
				width:150px;
				height:80px;
				font:normal 14px/42px 'PT Sans', Arial, Helvetica, sans-serif; color:#fff;
				text-align:center;
				text-decoration:none;
			}
		.brand-list .brand-item .item-name { margin:0 0 20px;}	
			.brand-list .brand-item .item-name a { font:normal 18px/18px 'Cuprum', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#4e4e4e; }	
			.brand-list .brand-item .item-name img { margin:-7px 10px 0; }		
		.brand-list .brand-item .item-bonus	{ color:#eee; margin:0; max-width:275px; }
			.brand-list .brand-item .item-bonus p { display:table-cell; vertical-align:middle; height:105px; font:normal 24px/30px 'Roboto Condensed', Arial, Helvetica, sans-serif; margin:0; }
			.brand-list .brand-item .item-bonus	span:first-child {
				color:#fff;
				font:normal 13px/18px 'PT Sans', Arial, Helvetica, sans-serif;
				padding:3px 5px 2px;
				margin:0 10px 0 0; 
			}
			.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 'PT Sans', 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("../img/button.png") no-repeat scroll center top;
			height:76px;
			width:235px;
			font:bold 30px/58px 'PT Sans', Arial, Helvetica, sans-serif; color:#fff;
			text-shadow: 1px 1px 1px #166406;
			text-align:center;
			text-decoration:none;
			display:block;
			margin:15px 15px 0 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 'PT Sans', Arial, Helvetica, sans-serif;
			}
				.brand-list .brand-item .payout span {}
			
		.green-btn:hover {
			background: url("../img/button.png") no-repeat scroll center bottom;
			color:#fff;
		}	
			
		
		.brand-list .brand-item .bonus {
			text-align:center;
			color:#fffd00;
			padding: 0 5px;
			margin:15px 40px 0 15px;
			font:bold 46px/46px 'Roboto Condensed', Arial, Helvetica, sans-serif;
			min-width:120px;
		}
			.brand-list .brand-item .bonus span { font-size:12px; display:block; line-height:22px; color:#999; font-weight:normal; }
		.brand-list .brand-item .item-text { font:normal 12px/31px 'PT Sans', Arial, Helvetica, sans-serif; margin:8px 0 0; color:#b0b0b0;}
			.brand-list .brand-item .item-text span { text-transform:none; font-weight:bold; font-size:14px; }
			.brand-list .brand-item .item-text img { margin:-5px 10px 0; }
	#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;
	}
			
footer { padding:10px 0; color:#fff; display:none; }
	footer .row { margin-left: 0; max-width: 960px; }
	footer .copyright { font:normal 12px/18px 'PT Sans', Arial, Helvetica, sans-serif; }
	footer .country { 
		background:url("../img/flags.png") no-repeat right 0; 
		float: right;
		height: 15px;
		opacity: 0.3;
	}
	footer a { color:#fff; }
	footer p { margin:0; font-size:11px; line-height:13px; max-width:980px; margin:5px 0 10px 30px ; }
	
	

/*  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; }
	
	
	
/*  MODAL   */
.modal { 
	border-radius:0;
    margin-left: -350px;
	top: 20% !important;
    width: 700px;
}
	#myModal .close { margin:5px 7px 0 0; }
	#myModal h3 { font:bold 30px/30px 'PT Sans', sans-serif; color:#038242; margin-top:45px; text-align:center; border:none; }
	#myModal h5 { font:bold 20px/24px 'PT Sans', sans-serif; color:#c1c1c1; margin-top:10px; text-align:center; border:none; }
	#myModal table { margin:0 5% 10px 0; float:left; width:30%; }
	#myModal table:last-child { margin-right:0; } 
		#myModal table thead { background:url("../img/thead-bg.jpg"); height:36px; }
			#myModal table thead th { font:normal 14px/36px 'PT Sans', sans-serif; color:#cacaca; height:36px;}
				#myModal table tbody tr .casino-logo { /*width:120px !important;*/ }
					#myModal table tbody tr .casino-logo img { width:140px; margin-bottom:15px; }
		#myModal table tbody { background:none; text-align:center; }
			#myModal table tbody tr { height:85px; border-bottom:1px solid #d8d8d8; }
				#myModal table tbody tr td { padding:0; text-align: center; vertical-align: middle; }
				#myModal table tbody tr .play-td { position:relative; }
				#myModal table tbody tr td p { line-height:85px; margin:0; } 
				#myModal table tbody tr:first-child .num { background:#038242;	}
				#myModal table tbody tr .num { 
					background:#989898;
					font:bold 24px/46px 'PT Sans', sans-serif; color:#fff;
					height:46px;
					width:46px;	
					display:inline-block;
				}
				#myModal table tbody tr td .bonus-text { font:normal 14px/20px 'PT Sans', sans-serif; color:#2e2c2c; /*text-align:left; margin-left:20px;*/}
				#myModal table tbody tr td .rating p { font:normal 14px/18px 'PT Sans', sans-serif; }
					#myModal table tbody tr td .rating p img { margin:0 0 5px; }
				#myModal table tbody tr td .play {
					background-color: #cf4300;
					background-image: -moz-linear-gradient(center bottom , rgb(254, 77, 1) 0%, rgb(207, 67, 0) 100%);
					border: 1px solid #953304;
					border-radius: 5px;
					box-shadow: 0 1px 0 #fb8c57 inset, 0 1px 0 #fff;
					color: #fff;
					font-family: "Open Sans",sans-serif;
					font-size: 15px;
					padding: 10px 15px;
					font-weight:bold;
					position: relative;
					text-decoration: none;
				}
				 
				#myModal table tbody tr td .play:hover {
					background-image: -moz-linear-gradient(center bottom , rgb(207, 67, 0)) 0%, rgb(254, 77, 1) 100%);
					padding: 11px 15px 9px;
					top: 1px;
				}
				#myModal table tbody tr td .play:before {
					background-color: #ccd0d5;
					border-radius: 5px;
					box-shadow: 0 1px 1px #909193 inset, 0 1px 0 #fff;
					content: "";
					display: block;
					height: 100%;
					left: -8px;
					padding: 8px;
					position: absolute;
					top: -8px;
					width: 100%;
					z-index: -1;
				}
