@import url('https://fonts.googleapis.com/css?family=Oswald');

#brand, #brand:hover{
text-transform: uppercase;
    font-weight: 900;
    font-family: 'Oswald', sans-serif;


}
.carousel-caption>p{
  color:#fff;
}
.accordion{
  width: 100%;
  text-align: right;
}
.red-text{
  color: #CD0502;
}
.blue{
  background-color: #18549D;
  color: #fff;
  height: 350px;
}
.green{
  background-color: #14632F;
  color: #fff;
  height: 350px;
}
.blue-image{
  background-image: url('images/blue.jpg');
  height: 350px;
background-size: cover;
}
.transparent-image{
   height: 350px;
}
.red{
  background-color: #CD0502;
  height: 350px;

}
.red-image{
   background-image: url('images/red.jpg');
  height: 350px;
  background-size: cover;
}
.red-hr{
  width: 50px;
      border-top: 1px solid #CD0502 !important;
}
.text-faded,.project-name p{
color: #fff;
padding-top: 20px;
}
.data-logo{
  display: inherit;
/*vertical-align: top;*/
z-index: 100000;
position: absolute;
top:0px;
}
/*.data-results{
background: #18549D;
}*/
.white{
  background:#fff !important;
}
.red-brand{
    padding: 14px 0px 14px 3px;
    color: #000;
       margin-left: 55px !important;
    color: #fff;

}
.three_fourth-img{
  width: 80% !important;
  float: left;
}
.one_fourth-img{
    width: 20% !important;
}
.data-result{
  position: absolute;
  right: 30px;
  top: 30px;
  background: #fff;
  opacity: 0.9;
 margin-left:30px;
 width:390px;
  }
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
body{
    background-color: #fff;
    color:#000;
    font-family: 'Signika', sans-serif;
    font-size: 16px;

}
main{
    min-height: 100%;
    position: relative;
    }
h1, h2, h3{
font-family: 'Oswald', sans-serif;
}

 h2,.h2{

padding-top: 3px;
 }

h3{
    font-size: 1.3em;
    text-transform: uppercase;
}
h4, .h4{
  color:#67ce00;
}
a, a:hover, a:focus{
    color: #000  ;
    text-decoration: none;
}
p, li{
font-size: 16px;
text-align: justify;
color:#000;
    font-family: 'Arial', sans-serif;
}
.navbar{
  border:none;
/*  background:#18549D;*/
    background:#14632F;
  margin-bottom:0px;
  border-radius: 0px;
}
.navbar-default .navbar-brand{
    color: #fff;
    text-transform: uppercase;
}
.navbar-default .navbar-brand:hover{
      color: #fff;
/*      background-color: #67ce00;*/
}
.nav>li>a{
/*  padding:12px 10px 17px !important;*/
}
.navbar-nav>li>a{
  text-transform: uppercase;
/*  font-weight: bold;*/
  color:#fff;
  font-family: 'Oswald', sans-serif;
/*  font-size:1.2em;*/

}
iframe{
  height:1000px;
}

.navbar-nav>li>a:hover{
/*  text-transform: uppercase;*/
  color:#fff;
  background-color: #D40E0D;
}
.navbar-default{
background-color: #fff;
/*    border: none;*/
    border-radius: 0px !important;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    background: #CD0502;
/*    border-bottom:1px solid #2F2F2F;*/
}
.navbar-default .navbar-nav>li>a:hover{
/*     background-color: #cd0502;*/
     color: #000;
}
.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-toggle .icon-bar{
    background-color: #fff;
}
.navbar-default .navbar-nav>li>a{
color:#fff;
text-transform: uppercase;
font-family: 'Signika', sans-serif;
    font-weight: bold;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-nav>.active>a:visited{
     background-color: rgb(216, 4, 4);
     color: #fff;
}
.active{
  background-color: rgb(216, 4, 4);
}
.page-header{
/*  height: 300px;*/
/*  background-color: #2F2F2F;*/
/*  background-image:url(images/11roulette.jpg);*/
  background-position: top center;
  width: 100%;
  margin:0 auto;
  border-bottom:none;
 padding-bottom: 0px !important;



}
.carousel-inner{
    background:#fff;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{
  width: 100%;
  height: 400px;

}
.head_h1{
  margin:20px 1%;
  color: #fff;
}


.home-center{
  text-align:center;


  /*padding:10px;*/

}
h3{
/*    text-transform: uppercase;*/
/*color:#14632F;*/
}
.embed-responsive-4by3, .embed-responsive-16by9{
height: 100vh;


}
#footer{
  background-color: #000;
width: 100%;
    height: 100px;

    bottom: 0;
    left: 0;
}
.footer-bottom, .footer-bottom>a{
    color:#fff;
    text-transform: capitalize;
/*    font-weight: 900;*/
          font-family: 'Oswald', sans-serif;

}

@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:#cd0502;
    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;

}
.paralax{
  height: 450px;
  background-attachment: fixed;
  background-image: url(images/casino.png);
}
.paralax h1{
  margin-top: 50px;
  color:#fff;
}
.paralax p{
  color:#fff;
}
.img-center{
  margin:0 auto;
}
.img-left{
  float:left;
  margin: 0 10px 0px 0px !important;
}
.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: #0f726d !important;
  color: white;
  border-color:#0f726d !important;
  text-transform: uppercase;
/*  font-size: 16px;*/
  padding: 16px 32px;
}


.hm-black-light:hover .middle {
  opacity: 1;
}
.btn-default, .btn-default:hover,.btn-default:focus, .btn-default:visited,.btn-default:active {
    color: rgb(255, 255, 255);
    border-radius: 0px;
    background: transparent;
    border-color: #fcf8e3 !important;

}
.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus{
  background:#CD0502;
   border-color:#CD0502;
   border-radius: 0px;
}
.table.table{
   /*background-color: #000; */
   color: #fff;
   font-weight: bold;
   text-align: center;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{
	background-color:#AAAAAA !important;

}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
		background-color: #f5f5f5 !important;
    color: #000;
}
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
	background-color: #777 !important;
      color: #000;
}
label{
	color:#000;
}
input, select{
	color:#000;
}
#roulette_info{
	color:#fff;
}
table.dataTable tbody tr {
    background-color: #777 !important;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #555;

}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #000;
}

a.table-striped>tbody>tr:nth-of-type(odd) {
color: red;
}
tr>td>a, tr>td>a:hover{
color: #fff;
}
thead{
    background-color: rgb(205, 5, 2);
    text-align: center;
        color: #fff;
}
th{
     text-align: center;
}
.rating .stars {
/*    display: block;
    position: relative;*/
    width: 80px;
    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 auto;}
.logo-888-casino { background-position: 0 0; background-color: #000; }
.logo-betway { background-position: -150px 0; background-color: #000; }
.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; background-color: #027B5C;}
.logo-magicred{background-position: -1515px 0; background-color: #D1D1D1;}
.logo-europa{ background-position:-1705px 0; background-color: #000;}
.logo-karamba{ background-position:-1860px 0; background-color: #000;}
.logo-royalpanda{ background-position:-2000px 0; background-color: #000;}
.logo-bet-at-home{ background-position:-2125px 0; background-color: #000;}
.logo-cruise{ background-position:-2275px 0; background-color: #000;}
.logo-777{ background-position:-2400px 0; background-color: #75CCBB;}
.logo-casinocom{ background-position:-2510px 0; background-color: #000;}
.logo-scasino{ background-position:-2692px 0; background-color: #fff;}
.logo-winner{ background-position:-2903px 0; background-color: #E4701E;}

.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.jpg); width: 150px; height:60px; background-color: #B30D21; background-position: center;}
.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; }
.williamhill{background-image: url(images/williamhill.jpg); width: 150px; height:60px; }
.bovada{background-image: url(images/bovada.png); width: 150px; height:80px; }
.betonline{background-image: url(images/betonline.png); width: 150px; height:80px;}
.ignition{background-image: url(images/ignition.png); width: 150px; height:80px;}
.lasvegas{background-image: url(images/las-vegas.png); width: 150px; height:80px;}
.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;
}
.win {
   animation-name: flash;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    padding:3px;
}
@keyframes flash {
    from { color:#fff; background-color:#14632f; }
    to   { color:#cd0502; }
}
.draw {
   color:#fff; background-color:#14632f;
   padding:1px;
}