* {  box-sizing:border-box; flex-shrink:0; flex-wrap:wrap; margin:0; }
.logo {  background:url(../images/logo.svg) no-repeat 0 0; width:170px; height:103px; text-align:center; margin-top:32px; }

/***************************************************************************************
   * Master
***************************************************************************************/
header {  height:72px; position:fixed; display:flex; justify-content:flex-start; align-items:center; background:#0D0D0D; border:none; border-bottom:1px solid #000; contain:size; flex-wrap:nowrap; top:0; width:100%; z-index:999; }
.left-panel {  width:170px; z-index:900; padding-top:32px; padding-left:15px; }
.right-panel {  width:400px; right:0; }
.sidebar {  position:fixed; top:72px; bottom:0; overflow:auto; text-align:left; visibility:visible; transition:width .2s ease-in-out,left .2s ease-in-out; -webkit-overflow-scrolling:touch; }
.show-left-sidebar .content-wrapper .main-content {  margin-left:170px; }
.show-right-sidebar .content-wrapper .main-content {  margin-right:400px; }
.main-content {  display:flex; flex-direction:column; flex-wrap:nowrap; flex:1 0; position:relative; min-width:0; max-width:100%; }
.content-wrapper {  display:flex; flex:1; padding-top:72px; margin-top:-1px; }

/***************************************************************************************
   * Left panel
***************************************************************************************/
.left-panel-block {  padding-top:30px; }
.left-panel-block h3 {  font-weight:700; }
.left-panel-block ul li {  }
.left-panel-block img {  height:20px; }
.left-panel-block a span {  width:32px; display:inline-block; }
 .left-panel-block img.ipl {  height:13px; }
.left-panel-block a {  font-size:14px; color:#fff; font-weight:500; display:block; padding:8px 0px; }
.left-panel-block a:hover {  background:-moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(197,26,27,1) 100%); background:-webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(197,26,27,1) 100%); background:linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(197,26,27,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#c51a1b',GradientType=1 ); }
.left-panel-block a.active::before {  content:""; background:red; height:26px; width:3px; position:absolute; display:inline-block; left:0; border-radius:0 5px 5px 0; }

/***************************************************************************************
   * Header
***************************************************************************************/
.header-container {  padding:0 15px; display:block; width:calc(100vw - 170px); }
.search {  background:#2E2E2E; height:33px; width:264px; border-radius:24px; }
/**/ .search {  background:url(../images/search.svg) no-repeat 12px 10px; height:33px; width:264px; border-radius:24px; background-color:#2E2E2E; padding-left:38px; margin-top: 3px; }
 .search input {  background:#2E2E2E; border:none; line-height:29px; width:100%; border-radius:50px; color:#fff; background-image:url(../images/betbazaaricon.png); background-repeat:no-repeat; background-position:38px 12px; }
 .search input:focus::placeholder {  color:transparent }
 .search input:focus-visible {  outline:none; background:none; }
 .search input::-webkit-input-placeholder {  color:#8E8E92; font-size:12px; font-weight:500; }
 
/***************************************************************************************
   * Right apnel
***************************************************************************************/
.current-event {  -webkit-align-items:center; align-items:center; background-color:#43444a; cursor:pointer; display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-flex-shrink:0; flex-shrink:0; min-height:160px; -webkit-justify-content:flex-start; justify-content:flex-start; margin-bottom:4px; opacity:1; overflow:hidden; transition:opacity .4s ease-in-out; position:relative; width:100%; }
.current-event h2 {  -webkit-align-items:center; align-items:center; background-color:#2b2f35; color:#fff; display:-webkit-flex; display:flex; font-size:14px; font-weight:700; height:32px; -webkit-justify-content:flex-start; justify-content:flex-start; margin:0; padding:0 16px; width:100%; z-index:1001; }
 .current-event img {  background-color:transparent; position:relative; transition:-webkit-transform .25s cubic-bezier(0,1,.5,1); transition:transform .25s cubic-bezier(0,1,.5,1); transition:transform .25s cubic-bezier(0,1,.5,1),-webkit-transform .25s cubic-bezier(0,1,.5,1); width:400px; will-change:transform; }
 .current-event:hover img {  -webkit-transform:scale(1.05); transform:scale(1.05); will-change:auto; }
 .popular-event-column {  width:100%; height:calc(100vh - 434px); }
 .popular-event-column h2 {  -webkit-align-items:center; align-items:center; background-color:#2b2f35; color:#fff; display:-webkit-flex; display:flex; font-size:14px; font-weight:700; height:52px; -webkit-justify-content:flex-start; justify-content:flex-start; margin:0; padding:0 16px; width:100%; z-index:1001; }
 .event-column {  contain:content; display:flex; flex-direction:row; margin:0 -.5rem; padding:0.75rem .5rem; transition:background-color ease 0.3s, border-top-color ease 0.3s; align-items:center; }
.event-column .event-link-icon {  display:flex; justify-content:center; align-items:center; height:100%; margin-right:15px; }
.event-column .event-link-icon img {  height:24px; }
.event-column .event-link-content {  flex:1; display:block; }
.event-footer {  contain:strict; height:18px; line-height:18px; white-space:nowrap; }
.event-footer>.event-date, .event-footer>.event-badge.-live, .event-footer>.event-badge.-complete {  display:inline-block; padding-right:2rem; }
.listing-badge, .event-badge {  font-size:10px; font-weight:700; letter-spacing:0.7px; text-transform:uppercase; }
.event-date {  font-size:10px; font-weight:700; text-transform:uppercase; }
.event-badge.volume-badge .volume-value {  color:#CCCC46; }
.numeric-value {  font-weight:700; white-space:nowrap; font-variant-numeric:tabular-nums; font-feature-settings:'tnum'; }
.event-listing {  margin:0; padding:0 10px; list-style-type:none; height:calc(100vh - 486px); overflow:auto; }
.event-column {  border-top:1px solid rgba(136,136,136,0.2); color:#fff; }
.event-column:hover {  background-color:rgba(136,136,136,0.2); border-top-color:transparent; }
a:hover.event-column {  color:#fff; }
.event-badge.-live {  color:#47A8FF; }
.event-badge {  color:#A6A6A6; }

/***************************************************************************************
   * Main body
***************************************************************************************/
main {  padding:10px; }
.carousel-control-next, .carousel-control-prev {  width:5%; }
.games-listing {  height:64px; background:#161616; ; }
.games-listing a img {  height:28px; width:auto !important; }
.games-listing a {  color:#fff; display:flex; height:64px; align-content:center; align-self:center; border-right:1px solid #1F1F1F; justify-content:center; }
.games-listing a:hover::before { border-bottom: 4px solid #C51A1B;  content: "";  position: absolute;  bottom: 0;  width: 100%;}
.games-listing a::after {  content:""; border-right:1px solid #0F0F0F; height:64px; position:absolute; right:1px; }
.games-listing a p {  width:100%; text-align:center; padding-top:7px;    font-size: 11px; }
 .games-listing .owl-theme .owl-nav {  margin-top:0; top:0; width:100%; color: #fff;}
 .games-listing .owl-theme .owl-nav .owl-prev {  float:left; height:64px; border-radius:0; margin:0; padding:0 5px !important; font-size:30px; position:absolute; top:0; left:0; }
 .games-listing .owl-theme .owl-nav .owl-next {  float:right; height:64px; border-radius:0; margin:0; padding:0 5px !important; font-size:30px; position:absolute; top:0; right:0; }
  
 /*******************Grid*********************/
 .grid-header {  height:45px; padding:0px 15px; }
 .grid-header .full-height {  grid-row-end:45px; }
 .grid-header .game-icon {  margin-right:15px; }
 .grid-header .game-name {  font-size:14px; font-weight:700; margin-bottom:3px; }
 .view-all-link a {  font-size:11px; color:#13A8FC; }
 .games-content {  margin-top:10px; font-family:'Roboto', sans-serif; }
 .event-detail-content{ margin-top: 0;}
 .games-number span {  width:95px; text-align:center; display:inline-block; height:45px; line-height:45px; color:#fff; font-weight:700; }
 .grid-row {  background:#fff; margin-top:1px; padding:10px; }
 .date-time {  position:relative; width:62px; height:42px; border-radius:5px; color:#202323; text-align:center; font-weight:700; background-color:#c2c2c2; padding:6px; float:left; margin-right:10px; font-size:11px; line-height:15px; }
 .date-time .date {  display:block; font-weight:700; }
 .date-time .time {  display:block; }
 .game-name {  font-size:14px; font-weight:700; margin-bottom:5px; }
 .game-name a{ color: #000;}
 .game-name span {  color:#C51A1B; }
 .bet-count .sub-title {  color:#474747; font-weight:700; font-size:12px; }
 .badge-right a {  position:relative; color:#202323; font-weight:700; cursor:pointer; width:22px; height:15px; display:inline-block; text-align:center; line-height:18px; -webkit-transition:all .2s; transition:all .2s; font-size:12px; }
 .badge-right a .icon-disable {  color:#ddd; }
 .badge-right a .badge {  background-color:#BC1F26; color:#fff; padding:3px; font-size:10px; font-weight:700; line-height:1.2; border-radius:4px; float:left; display:block; min-width:18px; height:15px; position:relative; top:-37px; right:-1px; }
 .badge-right a .badge::after {  display:block; content:''; position:absolute; bottom:-4px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-top:4px solid #BC1F26; border-left:3px solid transparent; border-right:3px solid transparent; width:0; }
 .badge-right a {  position:relative; color:#202323; font-weight:700; cursor:pointer; width:22px; height:15px; display:inline-block; text-align:center; line-height:18px; -webkit-transition:all .2s; font-size:12px; }
 .match-rate {  float:left; display:flex; margin:0 2px; }
 .match-rate .back-rate {  background:#BBE1EE; font-size:14px; font-weight:700; height:38px; line-height:38px; width:47px; justify-content:center; align-content:center; display:flex; border-radius:5px 0 0 5px; margin-right:1px; }
 .match-rate .lay-rate {  background:#F6C5C8; font-size:14px; font-weight:700; height:38px;  line-height:38px; width:47px; justify-content:center; align-content:center; display:flex; border-radius:0px 5px 5px 0px; }
 .match-rate-column{ justify-content: flex-end;}

 /*******************Login/Sign Modal*********************/
 .modal-dialog { max-width:700px; margin:1.75rem auto;  }
.ads-bg { background:url(../images/loginbg1.png); display:block; top:0; bottom:0; height:100%; width:100%; min-height:500px; background-position:center center;  }
.bet-modal .modal-body { padding:0;  }
.bet-modal .modal-content { border-radius:0;  }
.bet-modal .modal-header { justify-content:center; border:0;  }
.modal-container { padding:10px 30px;  }
.bet-modal .modal-footer { position:absolute; width:100%; bottom:0; background:#000; border-radius:0; display:block;  }
 .bet-modal .form-control { padding:.6rem .75rem; border-color:#E5EBF0; border-radius:10px;  }
 .bet-modal .form-label { font-weight:700;  }
 .bet-modal .btn { padding:.7rem .75rem; border-radius:10px; color:#fff;  }
 .bet-modal .btn-close { opacity:1; float:right; padding:15px; position:absolute; right:0;  }
 .forgot-link { text-align:right; padding:5px 0; font-weight:700; font-size:16px;  }
 .white-logo { text-align:center; padding:20px 0;  }
 .ads-text { font-size:72px; font-weight:700; width:84%; text-align:center; margin:0px auto; margin-top:40px; color:#fff; text-transform:uppercase; line-height:80px; text-shadow:0px 0px 4px rgb(0 0 0 / 50%);  }
.after-login { height:calc(100vh - 72px); right:-360px; -webkit-transition:opacity 0.3s linear, all 0.3s ease-out; -moz-transition:opacity 0.3s linear, all 0.3s ease-out; -o-transition:opacity 0.3s linear, all 0.3s ease-out; transition:opacity 0.3s linear, all 0.3s ease-out; width:360px; background:#131313; display:block; position:fixed; z-index:999; top:72px;  }
.bw-logo{     position: absolute; bottom: -123px; z-index: -1;  right: -144px;}
.modal-backdrop.show {
   opacity: .8;
}
 /*******************Sidebar*********************/
.account-container { height:calc(100vh - 72px); width:360px; background:#0D0D0D; display:block; position:fixed; z-index:999; right:0; top:72px; -webkit-transition:opacity 0.3s linear, right 0.3s ease-out; -moz-transition:opacity 0.3s linear, right 0.3s ease-out; -o-transition:opacity 0.3s linear, right 0.3s ease-out; transition:opacity 0.3s linear, right 0.3s ease-out;  }

 /*******************Mobile header*********************/
.mobile-header { background:#0D0D0D; justify-content:space-between; align-items:flex-start; display: flex; position: relative;     padding-right: 0;}
.mobile-header .sidebar-toggle { align-self:flex-start; background:no-repeat; border:0; padding:0;  }
.mobile-header .mobile-logo { align-self:center; justify-self:center;  }
.mobile-header .mobile-search { align-self:flex-end;}
.mobile-header .mobile-search a{display: inline-block;}
 /*.mobile-header .mobile-search input {background: url(../images/search.svg) no-repeat;text-indent: -99999px;display: inline-block;padding: 12px 9px;background-position: 16px 8px;border: none;width: 40px;background-size: 20px 20px;}
.mobile-header .mobile-search input:focus-within   { width:100%; border:none; outline:none; background:#0D0D0D; color:#fff;text-indent: 0;}*/
.mobile-header .search-input{width: 100%; position: absolute;top:0;background: #0D0D0D;display: none; opacity: 0;animation-name: stretch;
   animation-duration: 1.5s; 
   animation-timing-function: ease-out; 
   animation-delay: 0s;
   animation-direction: alternate;}
   .mobile-header .search-input.show{display: block; opacity: 1;}
.mobile-header .search-input input{border:none; outline:none; background:#0D0D0D; color:#fff;line-height: 38px;width: 80%;}
.mobile-header .search-input .close{background: none;
   color: #fff;
   outline: none;
   border: none;
   font-size: 30px;}

  /*******************Leftpanel Mobile*********************/
 .left-panel-block a b { font-weight:normal;  }

  /*******************Footer*********************/
 .mobile-footer { background:#000; height:57px; position:fixed; bottom:0; width:100%; border-radius:10px 10px 0 0; box-shadow:0px -4px 4px rgb(0 0 0 / 30%); z-index: 9; }
 .mobile-footer div.item { float:left; width:25%;  }
 .mobile-footer div.item a { color:#fff; display:flex; height:64px; align-content:center; align-self:center; justify-content:center;  }
 .mobile-footer div.item a p { width:100%; text-align:center; padding-top:6px; font-size:11px;  }
 .footer-container { min-height:200px; border-top:3px solid #C51A1B; margin:0 10px; padding:40px;  }
 .footer-logo img { height:56px;  }
 .footer-text { line-height:20px; color:#fff; margin-top:15px;  }
 .followus { margin-top:32px;  }
 .followus h3 { margin-bottom:10px;  }
 .followus a { margin-right:10px;  }
 .responsible-heading { margin-top:37px;  }
 .responsible-heading h3 { margin-bottom:15px;  }
 .responsible-heading a { margin-right:10px;  }
 .secondary-footer { background:#1F1F1F; text-align:center; padding:10px; margin:0 10px; color:#fff;  }



 .user-panel { height:45px; position:absolute; width:25%; top:12px; box-shadow:0 4px 4px rgb(0 0 0 / 25%); padding:0; right:7px;  }
 .user-col { float:left; width:33.3%; height:45px; display:flex; justify-content:center; flex-direction:column; padding:0 15px;  }
.balance-col { color:#2E2E2E;  }
.user-col .small-text { font-size:12px; color:#C51A1B;    font-weight: bold;  }
.balance-rate { font-size:1.2rem; font-weight:bold; color:#fff;  }
 .balance-rate span { font-weight:normal; font-size:9px; opacity:0.5; position:relative; top:-7px;  }
.exposer-col .balance-rate { font-size:1.2rem; font-weight:bold; color:#000;  }
.user-name { padding:0;  }
.user-name .after-login-btn { padding:12px 7px; line-height:normal;  }
/* .match-count { background:#fff; position:absolute; top:6px; margin-left:23px; color:#000; padding:2px 2px 1px; border-radius:5px; font-weight:700; box-shadow:0px 4px 4px;  }
 .match-count b { border-radius:0 5px 5px 0; padding:0 3px; margin-right:-3px; margin-left:3px; color:#fff } */
 .tag-live {
   position: absolute;
   top: 6px;
   margin-left: 22px;
   min-width: 33px;
   height: 12px;
   border-radius: 3px;
   padding-right: 3px;
   color: #FFFFFF;
   text-align: center;
   font-size: 10px;
   line-height: 12px;
   background-image: linear-gradient(180deg, #FB3434 0%, #E80505 100%);
   /* box-shadow: 0 1px 3px 0 rgb(0 0 0 / 50%); */
   justify-content: center;
   align-items: center;
   display: flex;
}
.tag-live strong {
   flex: 1;
   height: 100%;
   margin-right: 3px;
   padding: 0 2px;
   border-radius: 3px 0px 0px 3px;
   background-image: linear-gradient(
180deg
, #fff 0%, #eee 89%);
justify-content: center;
align-items: center;
font-size: 0;
text-indent: -99999px;
display: flex;
}

.tag-live strong:before {
   width: 14px;
   height: 8px;
   background: url(../images/liveicon.svg) no-repeat;
   background-size: contain;
   content: "";
}
.tag-live strong:before {
   animation: twinkling 1.4s infinite ease;
}
 .accounts-header { padding:11px 15px 10px; border-bottom:1px solid #131313;  }
 .accounts-header-info { color:#fff;  }
 .accounts-dtl-outer {  }
 .account-username { font-size:18px; font-weight:700; color:#fff; padding-bottom:6px;  }
 a.account-close, a:hover.account-close { color:#C51A1B; font-size:18px; font-weight:700;  }
 .logout-btn { margin-top:12px;  }
 .account-payment-dtl-block { padding:20px 12px 10px;  }
 .account-payment-heading-block { margin-bottom:18px;  }
 .account-payment-heading { color:#fff;  }
 .account-payment-dtl { color:#fff; font-size:14px; font-weight:700;  }
 .account-block-nav li { position:relative; width:100%; border-bottom:1px solid #131313; text-align:left; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;  }
 a.account-submenu-item, a:hover.account-submenu-item { position:relative; display:block; padding:15px; width:100%; color:#C51A1B; font-size:14px; font-weight:700; text-transform:uppercase;  }
 .user-panel { display:none;  }
.myuser .user-panel { display:block;  }



  
.casino-offers { display: flex;  grid-auto-flow: column;   overflow-x: auto;  scroll-snap-type: x proximity;  margin: 10px 0 0 0; }
.casino-offers > a, .casino-home-link {display: flex;justify-content: center; align-items: center; border-radius: 8px;}
.casino-offers img{ background-color: transparent; position: relative; transition: -webkit-transform .25s cubic-bezier(0,1,.5,1); transition: transform .25s cubic-bezier(0,1,.5,1);   transition: transform .25s cubic-bezier(0,1,.5,1),-webkit-transform .25s cubic-bezier(0,1,.5,1);   width: auto;
height: auto; will-change: transform; max-height: 88px;}



/*event*/
.event-header{ padding: 10px 10px 0 10px; overflow: hidden;}
.breadcrumn-module{}
.breadcrumn-module a{ display: inline-block; color: #13A8FC; font-size: 14px; font-weight: 700;}
.breadcrumn-module a:hover{ color: #fff;}
.breadcrumn-module span{ display: inline-block; color: #fff; padding: 0 5px;}
.event-header .date-time { width:78px; height:63px; font-size:14px; display:flex; justify-content:center; align-items:center;  }
 .event-header .date-time .time { display:block; font-weight:normal;  }
 .event-header .game-name { margin-bottom:5px; color:#fff; flex-wrap:nowrap;  }
 .event-header-title-column { font-size:24px; font-weight:700;  }
 .team-name { margin-bottom:5px;  }
 .scores.block { font-size:1rem;  }
 .scores { display:inline-block; font-weight:700; text-align:center;  }
 .scores>.score-pair { display:inline-block; margin-left:0.5rem; position:relative; vertical-align:middle;  }
.event-header .scores.block .score { height:26px; line-height:26px; min-width:1.5rem; padding:0 0.5rem;  }
.scores>.score-pair>.separator { font-weight:600; height:0.5rem;  }
.competitor { font-weight:700; margin:2px 0;  }
.event-heading { margin-top:10px;  }
.game-tabs { margin-top:15px;  }
.wrapper { position:relative; margin:0 auto; overflow:hidden; height:27px;  }
/* .gamelist { position:absolute; left:0px; top:0px; min-width:3000px; margin-left:12px; margin-top:0px;  }
 */
.gamelist li { display:table-cell; position:relative; text-align:center; cursor:grab; cursor:-webkit-grab; color:#efefef; vertical-align:middle;  }
.gamelist li a { padding:8px 45px; color:#fff; font-weight:700;  }
.gamelist li.active a { border-bottom:3px solid #C51A1B;  }
.scroller { text-align:center; cursor:pointer; display:none; padding:7px; padding-top:11px; white-space:no-wrap; vertical-align:middle; background-color:#fff;  }
.scroller-right { float:right;  }
.scroller-left { float:left;  }
.event-grid-header .game-icon { height:35px; background:#0D0D0D; width:31px; line-height:35px; text-align:center; margin-right:12px;  }
.event-grid-header .game-icon.inplay-bg { background:#00B181;  }
.event-grid-header .full-height { height:35px;  }
.event-grid-header .games-number span { width:55px; text-align:center; display:inline-block; height:35px; line-height:35px; color:#fff; font-weight:700; text-transform:uppercase;  }
.event-grid-header .game-name { margin-bottom:0;  }
.bottom-arrow { background:#222; height:35px; width:29px; position:absolute; text-align:center; line-height:35px; right:0; top:0;  }
.event-grid-header { position:relative;  }
.event-grid-content .match-rate .back-rate { line-height: 1; background:#8DD2F0; font-size:14px; font-weight:700; height:50px; width:55px; justify-content:center; align-content:center; display:flex; border-radius:2px; margin-left:1px; flex-direction:column; text-align:center; margin-right:0; cursor:pointer;  }
.event-grid-content .match-rate .back-rate:hover { background-color:#00b2ff;  }
.event-grid-content .match-rate .lay-rate:hover { background-color:#ff7a7f;  }
.event-grid-content .match-rate .lay-rate { line-height: 1; background:#FEAFB2; font-size:14px; font-weight:700; height:50px; width:55px; justify-content:center; align-content:center; display:flex; border-radius:2px; flex-direction:column; text-align:center; margin-left:1px; cursor:pointer;  }
.event-grid-content .game-name { height:50px; line-height:50px;  }
.event-grid-content .match-rate p.upper-rate { font-size:16px; font-weight:700;  }
.event-grid-content .match-rate p.lower-rate { font-size:12px; font-weight:normal; margin-top:5px;  }
.event-games-content .match-rate { float:left; display:flex; margin:0 1px;  }
.event-games-content .match-rate-column { padding-right:30px;  }
 .event-games-content .games-number { padding-right:150px;  }
.grid-footer { background:#fff; padding:4px 30px; text-align:right; font-family:'Roboto Condensed', sans-serif;  }
.live-score-tv h2 { -webkit-align-items:center; align-items:center; background-color:#2b2f35; color:#fff; display:-webkit-flex; display:flex; font-size:14px; font-weight:700; height:52px; -webkit-justify-content:flex-start; justify-content:flex-start; margin:0; padding:0px; width:100%; z-index:1001; text-transform:uppercase; position:relative;  }
.live-score-tv h2 a { color:#fff;  }
.live-score-tv h2 a { color:#fff; padding-right:30px; margin-right:30px; border-right:1px solid #404040; display:flex; height:100%; align-items:center; padding-left:15px;  }
.live-score-tv { margin-bottom:10px;  }
.live-score-tv h2 a.right-arrow { position:absolute; right:0; margin-right:0; padding-right:25px;  }
.live-score-tv h2 a.active { border-bottom:3px solid #C51A1B;  }
.live-score-tv h2 a:last-child { border-right:0;  }
.live-score-tv-content { min-height:200px;  }
.bet-slip { margin-bottom:10px;  }
.bet-slip h2 { -webkit-align-items:center; align-items:center; background-color:#2b2f35; color:#fff; display:-webkit-flex; display:flex; font-size:14px; font-weight:700; height:52px; -webkit-justify-content:flex-start; justify-content:flex-start; margin:0; padding:0px 15px; width:100%; z-index:1001; text-transform:uppercase; position:relative;  }
 .bet-slip-content { background:#fff; padding:15px;  }
 .betslip-heading { font-size:16px; font-weight:700; margin-bottom:15px;  }
 .betslip-heading span { color:rgb(136, 136, 136);  }
 .value-button.dec-button { left:auto; border-top-left-radius:2px; border-bottom-left-radius:2px;  }
 .value-button { position:absolute; top:0px; width:18px; height:40px; border-radius:1px; background-color:#8DD2F0; color:#FFF; line-height:40px; text-align:center; cursor:pointer; z-index:1;  }
 .bet-slip-content .form-control { position:relative; width:100%; height:40px; padding-right:24px; padding-top:20px; border-top:0px solid #DDF0F7; border-bottom:0px solid #DDF0F7; border-left:none; border-right:none; border-radius:2px; border-color:#DDF0F7; margin:0 auto; background-color:#DDF0F7; text-align:right; color:#19344F; font-size:16px; font-weight:700;  }
.offer-label { position:absolute; top:5px; right:15px; color:#00B2FF; font-size:12px; font-weight:700; text-transform:uppercase;  }
.lay .value-button { background-color:#FF7A7F;  }
 .lay.bet-slip-content .form-control { border-top:2px solid #FCE3E4; border-bottom:2px solid #FCE3E4; border-color:#FCE3E4; background-color:#FCE3E4;  }
.lay .offer-label { color:#FF7A7F;  }
.lay.bet-slip-content .form-control:focus { box-shadow:inset 0 0 6px 1px #feafb2 !important;  }
.value-button.inc-button { right:0px; border-top-right-radius:2px; border-bottom-right-radius:2px;  }
.value-inc-dec-button input { min-width:94px;  }
.bet-slip-content .form-group { position:relative; margin-right:4px; margin-bottom:0; width:32.6%;  }
.bet-slip-content .form-group.offer-button-2 { margin-right:0;  }
.offer-button-2 .form-control { padding-right:6px; border-left:0px solid #E9F6FC; border-right:0px solid #E9F6FC;  }
.value-inc-dec-button .offer-label { right:30px;  }
/* .offer-button-2 .offer-label { right:6px;  }
 */
.bet-slip-content .form-control:focus { box-shadow:inset 0 0 6px 1px #8dd2f0 !important;  }
.classic-stake-button-group { margin:10px;  }
.classic-stake-button { width:100%; margin:2px; font-weight:400; font-size:13px; background-color:#E1E2E2; text-align:center; font-size:16px; height:40px; line-height:40px; color:#000; font-weight:700; min-width:70px;  }
.classic-stake-button:hover, .classic-stake-button:active { transform:scale(0.92); box-shadow:none !important; background-color:#CCC;  }
.bet-slip-content .form-check-input { border-color:#2E2E2E; border-radius:0;  }
 .display-lg { display:none;  }
.event-page .popular-event-column { width:100%; height:calc(100vh - 688px);  }
.event-page .event-listing { height:calc(100vh - 740px);  }


#button-scroll { display:inline-block; background-color:#C51A1B; width:50px; height:50px; text-align:center; border-radius:50%; position:fixed; bottom:30px; right:30px; transition:background-color .3s, opacity .5s, visibility .5s; opacity:0; visibility:hidden; z-index:1000; box-shadow:0 10px 10px rgb(0 0 0 / 50%);  }
 #button-scroll:before { width:0px; height:0px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:15px solid #fff; content:"";  }
 #button-scroll.show { opacity:1; visibility:visible;  }


/***************************************************************************************
   * Casino Listing
***************************************************************************************/ 
 
 .casino-listing a p { font-size:16px;  }
 .casino-content { font-family:'Roboto Condensed', sans-serif;  }
 .casino-content h2 { margin-top:30px; border-left:5px solid #C51A1B; padding-left:11px;  }
.casino-category { clear:both; padding-top:20px;  }
.casino-category a { margin:auto; box-shadow:0 0 15px 5px rgb(0 0 0 / 7%); background-color:#fff; position:relative; overflow:hidden; max-height:240px; max-width:350px; background:#3085a3; text-align:center; cursor:pointer; display:block; border-radius:15px; margin-bottom:20px;  }
.casino-category a:hover { box-shadow:0 0 25px 0 rgb(0 0 0 / 40%);  }
.casino-category a .tab-text { padding:2em; color:#fff; text-transform:uppercase; font-size:1.25rem; -webkit-backface-visibility:hidden; backface-visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;  }
.casino-category a img { position:relative; display:block; min-height:100%; opacity:.8;  }
.casino-category a img { transition:all .3s ease-in-out; transform:translate3d(0, 0, 0) scale(1, 1); -webkit-transition:all .3s ease-in-out; -webkit-transform:translate3d(0, 0, 0) scale(1, 1) }
.casino-category a:hover img { opacity:.6; transform:translate3d(-10px, 0, 0) scale(1.1, 1.1); -webkit-transform:translate3d(-10px, 0, 0) scale(1.1, 1.1);  }
.casino-category a .tab-text h2 { transform:scale3d(.9, .9, 1); transition:all .5s ease-in-out; -webkit-transform:scale3d(.9, .9, 1); -webkit-transition:all .5s ease-in-out; z-index:2; position:relative; padding-top:18%; opacity:0;  }
.casino-category a:hover h2 { transform:scale3d(1, 1, 1); transition:all .5s ease-in-out; -webkit-transform:scale3d(1, 1, 1); -webkit-transition:all .5s ease-in-out; opacity:1;  }
.casino-category a p { font-size:1rem; padding:10px 5px; transform:scale3d(.8, .8, 1); -webkit-transform:scale3d(.8, .8, 1); opacity:0; -webkit-transition:all .35s; transition:all .35s; font-family:Poppins; z-index:2; position:relative }
.casino-category a:hover p { transform:scale3d(1, 1, 1); -webkit-transform:scale3d(1, 1, 1); opacity:1 }
.casino-category a .tab-text:after { content:""; position:absolute; left:0; top:0; width:calc(100% - 0px); height:inherit; border-top:10px solid transparent; border-left:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid transparent; transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out }
.casino-category a:hover .tab-text:after { opacity:1; top:0; left:0; border-top:135px solid rgba(0, 0, 0, .5); border-left:135px solid rgba(0, 0, 0, .5); border-bottom:135px solid rgba(0, 0, 0, .5); border-right:135px solid rgba(0, 0, 0, .5) }
.slots-game__button_play { width:50px; min-width:50px; height:50px; border-radius:50%; transform:scale3d(.9, .9, 1); transition:all .5s ease-in-out; -webkit-transform:scale3d(.9, .9, 1); -webkit-transition:all .5s ease-in-out; z-index:2; position:relative; padding-top:18%; opacity:0;  }
.slots-game__button { opacity:0; display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; z-index:2; box-sizing:border-box; cursor:pointer; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; padding:0 10px; overflow:hidden; border-radius:38px; background:#C51A1B; text-transform:uppercase; text-overflow:ellipsis; font-size:13px; font-weight:700; white-space:nowrap; color:#fff; transition:all 0.2s ease-in-out; border:none; margin-bottom:15px;  }
.slots-game__button_play::before { content:''; margin-left:6px; border-top:10.5px solid transparent; border-bottom:10.5px solid transparent; border-left:17px solid #fff;  }
.casino-category a:hover .slots-game__button_play { transform:scale3d(1, 1, 1); transition:all .5s ease-in-out; -webkit-transform:scale3d(1, 1, 1); -webkit-transition:all .5s ease-in-out; opacity:1;  }
.casino-sortby { float:right;  }