*{margin:0px; padding:0px;}

body{font-family:Arial, Helvetica, sans-serif; font-size:12px;  background:url(../images/top-bg.jpg) center top repeat-x #e6e6e6; color:#5c5c5c; line-height:20px; }
img{border:none;}
a:active, a:focus{outline:none;}
h1, h2, h3 ,h4, h5, h6{color:#520001; font-size:20px; margin:20px 0px; }
p{margin:20px 0px;}
.clear:after{clear:both; display:block; content:" "; height:0px; font-size:0px; visibility:hidden;}
.listas {padding-left:20px;}
.indent{padding-left:20px;}
.content-left-indent{padding-right:20px;}

@font-face {
    font-family: 'raleigh_btroman';
    src: url('../fonts/raleighn/raleighn-webfont.eot');
    src: url('../fonts/raleighn/raleighn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleighn/raleighn-webfont.woff') format('woff'),
         url('../fonts/raleighn/raleighn-webfont.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


#top, #content, #footer{max-width:960px; margin:0 auto;}
#top-outer{height:150px;}
#content{background:url(../images/content-bg.png) left top repeat-y;}
#content img{max-width:100%;}
#content-left{float:left; width:75%; box-shadow:-10px 0px 10px -10px #999; -webkit-box-shadow:-10px 0px 10px -10px #999; -moz-box-shadow:-10px 0px 10px -10px #999;}
#content-right{float:right; width:25%;}
#content-inner{background:#fff;}
#content-left #logo{position:relative; margin-top:-130px; left:-50px;}
#content-right #sidebar {line-height:16px;}
#content-right #sidebar #nav{background:#fff; position:relative; margin-top:-100px; margin-left:auto; margin-right:auto; max-width:245px; box-shadow:10px 15px 10px -10px; -moz-box-shadow:10px 15px 10px -10px; -webkit-box-shadow:10px 15px 10px -10px;}
#content-right #sidebar #advert{text-align:center; margin-top:20px;}
#content-right #sidebar a{text-decoration:none; color:#fff; font-size:14px;}
#content-right #sidebar a:hover{text-decoration:underline;}
#content-right #sidebar #nav ul{margin:0px; padding:0px; list-style:none;}
#content-right #sidebar #nav ul li{padding-top:5px;}
#content-right #sidebar #nav ul li:first-child{padding-top:0px;}
#content-right #sidebar #nav h2{text-align:center; color:#fefefe; padding:10px; font-family:raleigh_btroman; text-transform:uppercase; font-weight:normal; margin:0px;}
#content-right #sidebar #nav h2 a{font-size:20px;}
#content-right #sidebar #nav #main{background:#c61f27;}
#content-right #sidebar #nav #mobile{background:#213f7a;}
#content-right #sidebar #nav #deposits{background:#537874;}
#content-right #sidebar #nav #reviews{background:#666666;}
#content-right #sidebar #nav ul.main-navi {background:#e14146;}
#content-right #sidebar #nav ul.main-navi li{background:url(../images/arrow1.png) 10px center no-repeat; padding:5px 10px 5px 28px; border-top: 1px solid #c61f27; border-bottom:1px solid #c61f27;}
#content-right #sidebar #nav ul.mobile-navi {background:#466fc1;}
#content-right #sidebar #nav ul.mobile-navi  li{background:url(../images/arrow2.png) 10px center no-repeat; padding:5px 10px 5px 28px;  border-top: 1px solid #213f7a; border-bottom:1px solid #213f7a;}
#content-right #sidebar #nav ul.deposits-navi {background:#769995;}
#content-right #sidebar #nav ul.deposits-navi li{background:url(../images/arrow3.png) 10px center no-repeat; padding:5px 10px 5px 28px; border-top: 1px solid #537874; border-bottom:1px solid #537874;}
#content-right #sidebar #nav ul.reviews-navi {background:#999999;}
#content-right #sidebar #nav ul.reviews-navi li{background:url(../images/arrow4.png) 10px center no-repeat; padding:5px 10px 5px 28px; border-top: 1px solid #666666; border-bottom:1px solid #666666;}
#footer-outer{
	color: #fff;
	padding: 10px 0px;
	background-color: #7a2123;
}
#footer{text-align:center;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer ul{display:table; margin:0 auto; list-style:none; padding:5px 0px;}
#footer ul li{float:left; padding:0px 10px; border-right:1px solid #fff; line-height:12px;}
#footer ul li:last-child{border:none;}
#footer-inner > div {padding-top:20px;}
#footer-inner {padding:0px 10px;}

div.table{
	margin-top: 10px;
	overflow: hidden;
}
div.casino-table{}
div.table-indent{padding:10px; position:relative;}
 
div.casino-table .offer{line-height:20px;}
div.casino-table .offer div.table-indent > div{padding:2px 0px;}
div.casino-table .links div.table-indent > div{padding:5px 0px;}
div.casino-table .links div.table-indent > div:first-child{padding-top:0px;}
div.casino-table .logo{text-align:center; width:25%;}
div.casino-table .offer{}
div.casino-table .rating{width:43px;}
div.casino-table .links{text-align:center;}
div.casino-table .arrows{width:55px; background:#fff;}

.casino{position:relative; margin-top:-0px; margin-right:-1px; color:#fff; line-height:0px;}
.mobile-table{margin-top:18px;}
.casino > div{padding-left:30px; height:131px; overflow:hidden;}
.casino a{color:#fff; text-decoration:none;}
.casino table{width:100%; height:130px; border:0px; border-collapse:collapse; line-height:0px;}
.casino1{background:url(../images/table/bg1.png)left top no-repeat; height:131px; z-index:10;}
.casino1 .links{background:#711316;}
.casino1  .offer1, .casino1m .offer1{color:#711316;}
.casino1m .link1{background:#711316;}
.casino2{background:url(../images/table/bg2.png)left top no-repeat; height:130px; z-index:9;}
.casino2 .links{background:#0f1c37;}
.casino2 .offer1, .casino2m .offer1{color:#0f1c37;}
.casino2m .link1{background:#0f1c37;}
.casino3{background:url(../images/table/bg3.png)left top no-repeat; height:130px; z-index:8;}
.casino3 .links{background:#537874;}
.casino3 .offer1, .casino3m .offer1{color:#537874;}
.casino3m .link1{background:#537874;}
.casino4{background:url(../images/table/bg4.png)left top no-repeat; height:150px; z-index:7;}
.casino4 .links{background:#666666;}
.casino4  .offer1, .casino4m .offer1{color:#666666;}
.casino4m .link1{background:#666666;}
.casino4 table .table-indent{margin-top:-25px;} 
.casino1m{background:url(../images/table/bg1-m.png)left top repeat-x #e14146; z-index:10;}
.casino2m{background:url(../images/table/bg2-m.png)left top repeat-x #466fc1; z-index:9;}
.casino3m{background:url(../images/table/bg3-m.png)left top repeat-x #769995; z-index:8;}
.casino4m{background:url(../images/table/bg4-m.png)left top repeat-x #999999; z-index:7;}
.offer1{font-family:'raleigh_btroman'; font-weight:bold; font-size:46px; text-transform:uppercase; font-weight:bold; letter-spacing:2px; line-height:46px;}
.offer2{font-family:'raleigh_btroman'; text-transform:uppercase; font-size:24px;  line-height:24px;}
.offer3{} 
.link2 a{text-transform:uppercase; font-size:20px; letter-spacing:2px;}
.link1 {font-family: 'raleigh_btroman'; text-transform:uppercase; font-size:24px; font-weight:bold; font-size:46px; line-height:46px;}

.mobile-casino table{width:100%; text-align:center; color:#fff; border-collapse:collapse; border:0px;}
.mobile-casino table a{color:#fff; text-decoration:none;}
.mobile-casino .offer  .left{float:right; position:relative; left:-50%;}
.mobile-casino .offer  .right{float:left; position:relative; right:-50%;}
.left-label{position:absolute; top:-1px; left:0px;}
.right-label{position:absolute; top:-1px; right:0px;}
.mobile-casino .link2, .mobile-casino .link1{padding:10px 0px;}
/********************************************************************************************
MEDIA QUERIES
********************************************************************************************/	
	#mobile-nav-wrapper{display:none; background:#bf4f00; text-align:center;}
	#mobile-nav-wrapper h2{font-family:serifa_btroman; text-transform:uppercase; color:#fff; margin:0px; padding:10px 0px;}
	#mobile-nav-wrapper a{color:#fff; text-decoration:none;}
	#mobile-nav-wrapper h2.menu-toggle { margin:0px; padding:15px 0px;}
	#mobile-nav-wrapper .menu-wrapper{display:none;}
	#mobile-nav-wrapper .menu-toggle:hover{cursor:pointer;}
	#mobile-nav-wrapper .sub-menu ul{display:none;}
	#mobile-nav-wrapper .sub-menu:hover ul{display:block;}
	#mobile-nav-wrapper .sub-menu h3:hover, .content-toggle{cursor:pointer;}
	.mobile-casino-table{display:none;}	
	
	@media screen and (max-width:1070px){
		#content-left #logo{left:0px;}
	}
	
	@media screen and (max-width:810px){
		.link1 a, .offer1{font-size:30px; line-height:30px;}
		.offer2{font-size:18px; line-height:18px;}
	}
	
	@media screen and (max-width:800px){
	}
	
@media screen and (max-width:768px){
	#mobile-nav-wrapper{display:block;}
}

@media screen and (max-width:720px){
		#content-right{width:25%;}
		#content-left{width:75%;}
	}

@media screen and (max-width:700px){
		#content-right{width:24%;}
		#content-left{width:76%;}
		div.casino-table .logo{width:22%;}
	}
	
@media screen and (max-width:640px){
		#content-right{float:none; width:100%;}
		#content-left{float:none; width:100%;}
		#advert{display:none;}
		#content-right #sidebar #nav{box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; margin:0px; max-width:100%;}
		.casino-table{display:none;}		
		.content-left-indent{padding-right:0px;}
		.mobile-casino-table{display:block;}
		.indent{padding:0px 20px;}
		.content-toggle{}
		.link1 a, .offer1{font-size:46px; line-height:46px;}
		.offer2{font-size:24px; line-height:24px;}
		#content-left #logo{left:0px; right:0px; text-align:left; position:absolute; margin-top:-227px; text-align:center;}
		#content-inner{padding-top:77px;}
		.mob{
line-height: 46px;
}
}

@media screen and (min-width:641px){
#the-content{display:block !important;}
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mobile-casino a{text-decoration:none;}

.indent ul {margin-left:15px;}



/*  CSS ACCORDION   */

/* Label */
.ac-container {
  max-width: 100%;
  border: 1px solid #ccc;
  border-top: none;
}
.ac-container label {
 
  line-height: 1.8;
  font-size: 20px;
  padding: 5px 20px;
  display: block;
  cursor: pointer;
  color: #666;
  background: #eee;
  border-top: 1px solid #ccc;
}
.ac-container {
  width: 100%;
  margin: 10px auto;
}
.ac-container label:hover {
  background: #ddd;
}
.ac-container input {
  display: none;
}

/* Contents */
.ac-container article {
  overflow: hidden;
  height: 0;
  transition: 0.6s;
}
.ac-container article p {
  padding: 20px;
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}
.ac-container input:checked ~ article {
  height: 150px;
  border-top: 1px solid #ccc;
}


.ac-container label h3{
margin:0;
}



.indent ul{

  list-style-type: none;

}


/*fix chrome scaling problem*/
img{
	transform: translateZ(0) scale(0.999999);
}