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

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


}
.carousel{
  position: absolute;
/*  top:340px;*/
}
.carousel-caption>p{
  color:#fff;
}
.accordion{
  width: 100%;
  text-align: right;
}
.gold-text{
  color: #f8e67b;
}
.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:#000 !important;
}
.red-brand{
  padding: 14px 0px 14px 3px;
  color: #f8e67b;
  margin-left: 60px !important;

}
.three_fourth-img{
  width: 80% !important;
  float: left;
}
.one_fourth-img{
    width: 20% !important;
}
.data-title{
  text-align: center;
      font-family: 'Oswald', sans-serif;
    color: #f8e67b;
    text-transform: capitalize;
/*        letter-spacing: 10px;*/
}
.data-title h1::before{
 /* content: url(images/ball.png);*/
  margin-right: 5px;
  height: 10px;
}
.data-result{
  position: absolute;
  right: 30px;
  top: 190px;
  background: #000;
  opacity: 0.9;
  z-index:999;
  }
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
body{
    background-color: #000;
    color:#fff;
    font-family: 'Signika', sans-serif;
    font-size: 16px;

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

 h2,.h2{
    border-bottom: 1px dotted #ccc;
    padding-bottom:10px;
padding-top: 10px;
font-size: 1.5em;
 }
 .carousel-caption  h2{
  text-align:left;
  font-size: 2.5em;
  border-bottom: none;
 }
 .carousel-caption{
  left:5%;
 }

h3{
    font-size: 1.3em;
    text-transform: capitalize;
        border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
        letter-spacing: 3px;
        text-align: center;
}
h4, .h4{
  color:#67ce00;
}
a{
    color: #fff  ;
    text-decoration: none;
    outline: none;
}
a:hover, a:focus{
  color: #f8e67b;
  text-decoration: none;
  outline:none;
}

p, li{
font-size: 16px;
text-align: justify;
/*color:#000;*/
    font-family: 'Arial', sans-serif;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
      background-color: #e7d43f;
    border: #000;
}
.navbar{
  border:none;
/*  background:#18549D;*/
    background:#000;
  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;*/
}
/* CENTER MENU*/
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

.nav>li>a{
text-align: center;
    letter-spacing: 3px;
}
.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-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: #000;
   color: #fff;
}
.navbar-default .navbar-toggle {
   border-color: #fff;
}
.navbar-toggle .icon-bar{
    background-color: #fff;
}
.navbar-default .navbar-nav>li>a{
color:#f8e67b;
text-transform: capitalize;
    font-family: 'Oswald', sans-serif;
/*    font-weight: bold;*/
    font-size: 1.2em;

}
.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: transparent;
     color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
  color:#fff;
}
.active{
  /*background-color: rgb(216, 4, 4); */
}
.page-header{
  height: 250px;
  background-color: #000;
  background-image:url(images/header_black.jpg);
  background-position: top center;
  background-size: cover;
  width: 100%;
  margin:0 auto;
  border-bottom:none;
 padding-bottom: 0px !important;
    border-bottom: 1px dotted #ccc;
        border-top: 1px dotted #ccc;


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

}
.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:#E7D43F;
/*    text-transform: capitalize;*/
/*    font-weight: 900;*/
  font-family: 'Oswald', sans-serif;
  text-align: center;

padding-top: 10px;
text-decoration: none;
}
.footer-bottom{
border-top: 1px dotted #ccc;
}
@media screen and (max-width: 767px) and (min-width: 320px) {
  #myCarousel{
    display: none;
  }
  .data-result {
    position: static;
}
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.top-page{
	display: none;
}
aside {
	display: none;
}
.second{
	display: none;
}
#adver,.site-name{
	display: none;
}

}
@media (width: 320px){
.page-header{
  display: none;
}
}
@media (min-width: 320px){
#back-to-top, #back-to-top a {
font-family: 'Fjalla One', sans-serif;
    color: #000;

    padding: 10px;
/*    border: solid #eee 1px;*/
    border-radius:3px;
    position: fixed;
    bottom: 10px;
    right: 30px;
    display: block;
    background:#E7D43F;
    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;
  text-align: center;
}
.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;
    font-family: Oswald;

}
.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;
}
strong{
  color:#f8e67b;
}
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;
}
.won {
   animation-name: flash;
    animation-duration: 0.9s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    padding:1px;
}
@keyframes flash {
    from { color:#000; background-color:#e9d572; }
    to   { color:#fff; }
}
.draw {
   background-color:#e9d572;
   color:#000;
   padding:1px;
}