@import url('https://fonts.googleapis.com/css?family=Aguafina+Script|Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
#brand, #brand:hover{

}
.red-brand{
    padding: 14px 3px 14px 10px;
    color: #000;
    background-color: #67ce00;
    margin-left: 0px !important;
    color: #fff;
    margin-left: 0px !important;
}
body{
    background-color: #000;
    color:#fff;
    font-family: 'Fjalla One', sans-serif;
    font-size: 16px;
}
h1, h2, h3{
            font-family: 'Fjalla One', sans-serif;
}
h3{
    font-size: 1.3em;
}
h4, .h4{
  color:#67ce00;
}
a, a:hover, a:focus{
    color:  #67ce00;
    text-decoration: none;
}
p{
font-size: 16px;
text-align: justify;
}

.navbar-default .navbar-brand{
    color: #fff;
    text-transform: uppercase;
}
.navbar-default .navbar-brand:hover{
      color: #fff;  
/*      background-color: #67ce00;*/
}

.navbar-default{
background-color: rgb(205, 5, 2);
    border: none;
}
.navbar-default .navbar-nav>li>a:hover{
     background-color: #67ce00;
     color: #fff;   
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
   background-color: rgb(103, 206, 0); 
   color: #fff;
}
.navbar-default .navbar-toggle {
   border-color: #67ce00; 
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
.navbar-default .navbar-nav>li>a{
color:#fff;
text-transform: uppercase;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
     background-color: #67ce00;
     color: #fff;   
}
.green{
    background-color: #67ce00;
            padding: 10px;
}
.red{
        background-color: rgb(205, 5, 2);
        padding: 10px;

}
h3{
    text-transform: uppercase;
}
.footer-bottom{
    color:#63ce00;
    text-transform: uppercase;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.top-page{ase;
	display: none;
}
aside {
	display: none;	
}
.second{
	display: none;	
}
#adver,.site-name{
	display: none;		
}

}

@media (min-width: 320px){
#back-to-top, #back-to-top a {
font-family: 'Fjalla One', sans-serif;
    color: white;

    padding: 10px;
/*    border: solid #eee 1px;*/
    border-radius:3px;
    position: fixed;
    bottom: 10px;
    right: 30px;
    display: block;
    background: #67ce00;
    box-sizing: border-box;
    text-decoration: none;
    padding:10px 15px;
}
#back-to-top, #back-to-top a:hover {
    color: #eee;.
    background: #a02323;
	
}
}
.readmore>a{
	font-weight: bold;
	text-decoration: none;
	color:#CD0502;
}
./*Overlay Hover effect  */
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;

}
.hm-black-light:hover img{
  opacity: 0.3;
  content:'Play';
  width: 100%;

}
.overlay{
background: #000;
/*  background: rgba(255,255,255,255);*/
}
.middle{
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 70%;/**/
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.text:hover{
   color: white;   
}
.text a, .text a :hover {
  background-color: #67ce00 !important;
  color: white;
  border-color:#67ce00 !important;
  text-transform: uppercase;
/*  font-size: 16px;*/
  padding: 16px 32px;
}


.hm-black-light:hover .middle {
  opacity: 1;
}
.btn, .btn:hover, .btn:focus {
    color: rgb(255, 255, 255);
    border-radius: 0px;
    background: rgb(205, 5, 2) !important;
    border-color: rgb(205, 5, 2) !important;
}
.table.table{
   background-color: #000; 
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
	background-color: #000 !important;
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
		background-color: #000 !important;
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
	background-color: #585858 !important;
}
label{
	color:#fff;
}
input, select{
	color:#000;
}
#roulette_info{
	color:#fff;
}
table.dataTable tbody tr {
    background-color: #585858 !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #777;
}
a.table-striped>tbody>tr:nth-of-type(odd) {
color: red;
}
thead{
    background-color: rgb(205, 5, 2);
    text-align: center;
}
th{
     text-align: center;   
}
.rating .stars {
    display: block;
    position: relative;
    width: 100px;
    height: 15px;
    background: url(images/stars_big.png) repeat-x 0 bottom;
    margin: 10px auto;
}
.logo { width: 150px; height: 60px; background: url(images/casino_logos.png) no-repeat 0 0; display: block; font-size: 0pt; line-height: 0pt; text-indent: -4000px; margin: 0 20%;}
.logo-888-casino { background-position: 0 0; }
.logo-betway { background-position: -150px 0; }
.logo-ladbrokes { background-position: -300px 0; }
.logo-betvictor { background-position: -450px 0; }
.logo-leovegas { background-position: -600px 0; }
.logo-gala-casino { background-position: -750px 0; }
.logo-mr-green { background-position: -900px 0; }
.logo-sky-vegas { background-position: -1050px 0; }
.logo-32red { background-position: -1200px 0; }
.logo-bet365 { background-position: -1350px 0; }

.logo-roulette { background: url(images/casino_logos.png) no-repeat 0 0; font-size: 0pt; line-height: 0pt; text-indent: -4000px; display: block; }
.logo-roulette.premium { width: 188px; height: 86px; background-position: 0 0; }
.logo-roulette.european-1 { width: 148px; height: 64px; background-position: -188px 0; }
.logo-roulette.immersive { width: 166px; height: 60px; background-position: -336px 0; }
.logo-roulette.roulette10p { width: 160px; height: 40px; background-position: -650px 0; }
.logo-roulette.video { width: 148px; height: 50px; background-position: -502px 0; }
.logo-roulette.monopoly { width: 146px; height: 56px; background-position: -810px 0; }
.logo-roulette.keybet { width: 138px; height: 40px; background-position: -956px 0; }
.logo-roulette.the-french { width: 148px; height: 56px; background-position: -1094px 0; }
.logo-roulette.european-3 { width: 188px; height: 64px; background-position: -1242px 0; }
.logo-roulette.premium-small { width: 146px; height: 68px; background-position: -1451px 0; }
.logo-roulette.french { width: 86px; height: 46px; background-position: 0 -86px; }
.logo-roulette.european-2 { width: 120px; height: 50px; background-position: -86px -86px; }
.logo-roulette.american { width: 116px; height: 48px; background-position: -206px -86px; }
.logo-roulette.marvel { width: 180px; height: 46px; background-position: -322px -86px; }
.logo-roulette.roulette888 { width: 208px; height: 48px; background-position: -502px -86px; }
.logo-roulette.lowstakes { width: 145px; height: 48px; background-position: -710px -86px; }
.logo-roulette.french-gold { width: 224px; height: 46px; background-position: -855px -86px; }
.logo-roulette.european-gold { width: 220px; height: 46px; background-position: -1079px -86px; }
.logo-roulette.premium-2 { width: 152px; height: 70px; background-position: -1299px -86px; }
.partycasino{background-image: url(images/partycasino.png); width: 150px; height:80px; margin: 0 auto; }
.rizk{background-image: url(images/rizk.png); width: 150px; height:80px; margin: 0 auto; }
.casinoland{background-image: url(images/casinoland.png); width: 150px; height:80px; margin: 0 auto; }
.casumo{background-image: url(images/casumo.png); width: 150px; height:80px; margin: 0 auto; }
.dunder{background-image: url(images/dunder.png); width: 150px; height:80px; margin: 0 auto; }
.spinit{background-image: url(images/spinit.png); width: 150px; height:80px; margin: 0 auto; }
.betbright{background-image: url(images/betbright.png); width: 150px; height:80px; margin: 0 auto; }
.royalpanda{background-image: url(images/royalpanda.png); width: 150px; height:80px; margin: 0 auto; }
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:none;}
.table-bordered{border:none;}
div.clear{
  clear:both;
  padding:0;
  margin:0; 
  left: 0;
  right: 0;
}