/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{ background: #dadada;}
a{ outline: 0px !important;}
.navbarglc, .navbar-header{ min-height: 100px; background: #272727; font-size: 16px;}
.navbarglc .navbar-nav{ padding: 25px 0;}
.navbarglc .navbar-nav .active a{ background: none !important;}
.glccontainer{ background: #e8e8e8; padding: 20px 0;}

.block30{ margin: 30px; clear: both; height: 1px;}
.block20{ margin: 20px; clear: both; height: 1px;}

@media only screen and (max-width: 767px) {
  .navbarglc .navbar-nav{ padding: 0px 0;}
    .cards .brandimage a img{ text-align: center; margin: auto; width: 100%; height: auto}
    
    .cards .ranking{  min-height:50px !important; line-height: 50px !important; }
    
    .cards .welcomeoffer{ border-radius: 0 !important;}
    
    .cards .playbtn{ margin: 10px auto !important; }
    .cards .contentlist{ text-align: center}

}

.cards{ background: #2e303e; padding: 0 0; color: #fff; margin: 1px 0; clear: both;}
.cards .ranking{ background: #54678f; padding: 0px; min-height:105px; color: #fff; font-size: 35px; text-align: center; line-height: 105px; font-weight: bold;  }
.cards div{ padding: 0px}
.cards .welcomeoffer{ color: #ffb800; font-size: 16px; padding: 10px; border: 1px dashed #fff; border-radius: 10px; text-align: center; font-weight: bold; margin-top: 0px;}
.cards .ratingplay{ padding-left: 10px; text-align: center;}
.cards .ratingplay img{ margin: auto; margin-top: 8px;}
.cards .contentlist{ margin-top: 12px;}

.cards .playbtn{ background: #ffb800;  text-align: center; font-weight: bold; font-size: 20px; color: #000; padding: 10px 50px; text-decoration: none; border-radius: 5px; display: block;; width: 250px; margin: 8px;  }
.cards .brandimage a img{ text-align: center; margin: auto;}

.cards .brandimage{ position: relative}
.cards .brandimage span { position: absolute}
.tnc {color: #fff;font-size: 10px;margin-top: -5px;display: block;}
.tnc:focus,.tnc:hover{
    color: #fff;
}

footer{ background: #272727; margin-top: 40px; padding: 20px 0; color: #fff; text-align: center}

mark {
    background-color: #9199be;
    color: black;
}