/*______________Main Responsive Sizes_________________*/
/*______________Responsive Main view_________________*/
/*______________Responsive Classes_________________*/
.only-rCenter,
.only-rCenterNarrow,
.only-rls,
.only-rss,
.only-rxs {
  display: none; }

@media only screen and (max-width: 1px) {
  .only-rCenter {
    display: block; } }

@media only screen and (max-width: 1px) {
  .only-rls {
    display: block; } }

@media only screen and (max-width: 1px) {
  .only-rCenterNarrow {
    display: block; } }

@media only screen and (max-width: 1px) {
  .only-rss {
    display: block; }
  .only-bs {
    display: none; } }

@media only screen and (max-width: 1px) {
  .only-rxs {
    display: block; } }

/*Global*/
/*Footer*/
/*Colors*/
/*-------------------- Brand Colors -------------------------*/
/*-------------------- Gradient Brand Colors -------------------------*/
/*-------------------- Secondary Colors -------------------------*/
/*-------------------- Background Color -------------------------*/
/*--------------------Yellow Color  -------------------------*/
/*--------------------Green Color  -------------------------*/
/*----------------------------------------------------------------*/
/*--------------------Text Color -------------------------*/
/*------------------------FireFox Scroll bar------------------------*/
/*----------------------------------------------------------------*/
/*------------------------------------------------------------ Theme color ------------------------------------------------------------*/
/*Login Page*/
/*Top Bar*/
/*Top Bar Login Form*/
/*Slider*/
/*Event Loader*/
/*Lang Bar*/
/*------ Main/User View  ------*/
/*------ Left Sidebar (west) ------*/
/*Status Filter*/
/*Favorite*/
/*Search Game*/
/*Time Filter*/
/*Left menu (Filter)*/
/*Left Info Box*/
/*------ Right Sidebar Betslip (east) ------*/
/*----------- keyboard -----------*/
/*----------- Winners -----------*/
/*----------- Center -----------*/
/*Landing*/
/*eventslistwithsportfilter*/
/*Event*/
/*Bet Type Group Filter*/
/*Event List*/
/*Online Select*/
/*Event List Container*/
/*----------------Narrow---------------*/
/*eventNarrow*/
/*-------Event View------*/
/* Event View Live-scoreBoard*/
/*-------Bet Type-------*/
/*-------Odd-------*/
/*-------Footer-------*/
/*--------------------------- User View ---------------------------*/
/*User Card*/
/*User Menu*/
/*User Pages*/
/*User View Pagination*/
/*receipt*/
/*Recent Activity*/
/*--------------------------- Date Filter ---------------------------*/
/*--------------------------- Error Message ---------------------------*/
/*--------------------------- New Online Keyboard ---------------------------*/
/*--------------------------- Modals / Popups ---------------------------*/
/*--------------------------- Tabs ---------------------------*/
/*--------------------------- Pool ---------------------------*/
/*--------------------------- Lotto ---------------------------*/
/*--------------------------- Games ---------------------------*/
/*--------------------------- Casino ---------------------------*/
/*------------------------------------------------------------END Theme color ------------------------------------------------------------*/
/*-------------------- shadow-------------------------*/
/*-------------------- FontSize-------------------------*/
/*Size*/
/*---------------------LOGO Top Bar------------------------*/
/*Responsive*/
.company-logo {
  display: none; }

/*--------------------- Gradient ------------------------*/
/*--------------------- Scrollbar ------------------------*/
/*Scrollbar for firefox*/
@-moz-document url-prefix() {
  .fire-scrollbar {
    position: relative; }
    .fire-scrollbar:after {
      box-sizing: border-box;
      content: "";
      display: block;
      width: 0;
      height: 100%;
      position: absolute;
      top: 0;
      right: 4px;
      box-shadow: -9px 9px 0 9px rgba(255, 255, 255, 0.8); } }

/*----------------------transition All-----------------------*/
/*------------------------Border-------------------------*/
/*------------------------Triangle Icon-------------------------*/
/*------------------------Rotate -------------------------*/
/*-------------Disable Select Text -----------------------*/
/*-------------Rotate 180 class ---------------*/
.rotate {
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

/*------------------------Hide Show BTN- -------------------------*/
.hide-show-btn {
  border: none;
  display: inline-block;
  background: none;
  font-size: 15px;
  vertical-align: middle;
  padding: 0 5px;
  cursor: pointer;
  position: relative; }
  .hide-show-btn i {
    color: #ff0000; }
  .hide-show-btn:focus, .hide-show-btn:active {
    outline: 0; }
  .hide-show-btn.activate :after {
    content: " ";
    position: absolute;
    left: 0;
    right: 41%;
    top: -3px;
    font-weight: bold;
    height: 99%;
    border-right: 2px solid #fcb339;
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg); }

.hidden {
  display: none; }

.show {
  display: inline-block !important; }

.index-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding-top: 10%;
  background: #0b397d;
  text-align: center;
  z-index: 120; }
  .index-loading:before {
    content: "";
    position: absolute;
    background: #0b397d;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.05;
    z-index: 120; }

.center-demo {
  /**Loader**/
  /**Loader END**/ }
  .center-demo .loader {
    position: relative;
    margin: 5% auto 0 auto;
    z-index: 125; }
    .center-demo .loader .container {
      height: 150px;
      width: 150px;
      left: 0;
      right: 0;
      margin: 0 auto;
      position: absolute;
      top: 8px;
      font-size: 0;
      animation: container-rotation 2352ms linear infinite; }
    .center-demo .loader .inner {
      position: absolute;
      width: 100%;
      height: 100%;
      border-color: #ffffff;
      animation: inner-rotation 7998ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
    .center-demo .loader .middle {
      position: absolute;
      box-sizing: border-box;
      top: 0;
      left: 45%;
      width: 10%;
      height: 100%;
      overflow: hidden;
      border-color: inherit; }
    .center-demo .loader .middle .dash {
      width: 1000%;
      left: -450%; }
    .center-demo .loader .outer {
      display: inline-block;
      position: relative;
      width: 50%;
      height: 100%;
      overflow: hidden;
      border-color: inherit; }
    .center-demo .loader .outer .dash {
      width: 200%; }
    .center-demo .loader .dash {
      box-sizing: border-box;
      height: 100%;
      border-width: 2px;
      border-style: solid;
      border-color: inherit;
      border-bottom-color: transparent !important;
      border-radius: 50%;
      animation: none;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
    .center-demo .loader .outer.first .dash {
      border-right-color: transparent !important;
      transform: rotate(129deg);
      animation: left-spin 1999.5ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }
    .center-demo .loader .outer.last .dash {
      left: -100%;
      border-left-color: transparent !important;
      transform: rotate(-129deg);
      animation: right-spin 1999.5ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; }

@keyframes container-rotation {
  100% {
    transform: rotate(360deg); } }

@keyframes left-spin {
  0% {
    transform: rotate(130deg); }
  50% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(130deg); } }

@keyframes right-spin {
  0% {
    transform: rotate(-130deg); }
  50% {
    transform: rotate(5deg); }
  100% {
    transform: rotate(-130deg); } }

@keyframes inner-rotation {
  12.5% {
    transform: rotate(135deg); }
  25% {
    transform: rotate(270deg); }
  37.5% {
    transform: rotate(405deg); }
  50% {
    transform: rotate(540deg); }
  62.5% {
    transform: rotate(675deg); }
  75% {
    transform: rotate(810deg); }
  87.5% {
    transform: rotate(945deg); }
  100% {
    transform: rotate(1080deg); } }