.multiselect__option--highlight {
    background: #0198CD !important;
}
.bc-filter {
    width:24%;
    display:inline-table;
    margin:3px;
    vertical-align:top;
    min-width: 150px;
}
.bc-filters {
    position:relative;
    z-index:99;
    text-align: center;
}
.bc-geo-check label {
    margin-left:.5rem;
}
.bc-no-games {
    text-align: center;
}
.bc-wrap {
    box-sizing: border-box;
    clear:both;
    line-height: initial;
    
}
.bc-wrap div {
    box-sizing: border-box;
}
.bc-wrap ul {
    list-style: none;
    text-align:center;
    padding: 0 !important;
}
.bc-item-wrap {
    position:relative;
}
.bc-item {
    display:inline-block;
    box-sizing: border-box;
    text-align: center;
    margin:4px; 
}
.bc-front{
    padding:10px;
    border:7px solid #f47a00;
}
.bc-front.exclusive {
    border:7px solid #f47a00;
}
.bc-front.featured{
    border:7px solid #598526;
}

.bc-front.featured::before {
	color:#598526;
	font-weight: bold;
	font-style: italic;
	content: "FEATURED";
	width:100%;
	text-align:center;
	position:absolute;
	padding-top:6px;
	padding-bottom:6px;
	top:0px;
	left:0px;
}
.bc-front.exclusive::before {
	color:#f47a00;
	font-weight: bold;
	font-style: italic;
	content: "EXCLUSIVE";
	width:100%;
	text-align:center;
	position:absolute;
	padding-top:6px;
	padding-bottom:6px;
	top:0px;
	right:0px;
}
.bc-back{
    border:2px solid #F97A07;
    padding:40px 10px 10px 10px;
}
.bc-back ol{
    list-style:disc !important;
    list-style-type: decimal !important; 
   list-style-position: inside !important; 
   text-align: left;
}
.bc-back li {
    list-style-type: decimal !important;
    display: list-item !important;
   list-style-position: inside !important; 
}
.bc-back-head {
    font-size:20px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom:5px;
}
.bc-back-code {
    font-size:18px;
    margin-top: .5rem;
    margin-bottom: 1rem;
}
.bc-btn {
    margin: auto;
    width:180px;
    color: #FFF;
    background: #0198CD;
    border-radius: 26px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    padding: .3rem;
}
.bc-btn.no-bonus {
    margin-top:40px;
}
.bc-close {
    position: absolute;
    top: -3px;
    right:8px;
    color:red;
    font-size: 25px;
    cursor: pointer;
}

.bc-a, .bc-a:hover {
    text-decoration: none;
    color: #000;
}
.bc-a:hover .bc-btn {
    opacity:1;
    top: 42%;
}
.bc-a:hover img {
    filter: brightness(50%);
}
.bc-logo-wrap img {
    height:40px;
    width:70px;
    float: none !important;
}
.bc-intro {
    font-size: 12px;
    font-style: italic;
    top: 4px;
    position: relative;
	visibility: hidden;
}
.bc-head-wrap {
    display:table-cell;
    vertical-align: middle;
    height: 94px;
    width:230px;
    text-align: center;
}
.bc-head {
 font-size: 28px;
 color: #F97A07;
 font-weight: bold;
}
.bc-subhead {
    font-size: 17px;
    color: #F97A07;
}
.bc-code-wrap {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom:8px;
}
.bc-code {
    font-weight: bold;
}
.multiselect__option--highlight {
    background: #0198CD !important;
}
  /* base */
.bc-item {
-webkit-backface-visibility:hidden;
    backface-visibility: hidden;
    z-index: 1;
  }

  .bc-item-leave {
    height: 1px !important;
    opacity: 0;
  }
  .bc-item-enter, .bc-item-leave-to
  /* .slide-fade-leave-active below version 2.1.8 */ {
    transform: translateX(10px);
    opacity: 0;
  }

    /* moving
    .bc-item-enter {
        /*transition: none 600ms ease-in-out;*/
      }
 
  /* moving */
  .bc-item-move {
    /*transition: none 1ms ease-in-out;*/
  }
  
  /* appearing */
  .bc-item-enter-active {
    /*transition: all 800ms ease-out;*/
  }
  
  /* disappearing */
  .bc-item-leave-active {
      /*
    transition: none 1ms ease-in;
    z-index: 0;
    opacity: 0;
    */
  }
  
  /* appear at / disappear to */
  .bc-item-enter,
  .bc-item-leave-to {
    /*opacity: 0;*/
  } */

  .pagination{
    margin-top: 1rem;
  }
 
  .pagination li {
      display:inline-block;
  }
  .pagination li a {
    background-color:#EAEAEA;
    color:#6d6c6c;
	border-radius:20px;
  }
  .pagination li a:hover {
    background-color:#0198CD;
    color:white !important;
  }
  .pagination li.disabled a:hover {
    background-color:#EAEAEA;
    color:#b8b8b8;
    cursor:initial;
  }
  .pagination li.disabled a {
    background-color:#EAEAEA;
    color:#b8b8b8;
  }
  
  .pagination li.active a {
      background-color:#013567;
      color:white;
  }
  .pagination li.active a:hover {
    cursor:initial;
}

.bc-item {
    position: relative;
    width: 240px;
    height: 230px;
    perspective: 500px;
}

.bc-btn a {
    color: #FFF;
}


/* .bc-item:hover .bc-front,
.bc-item.flip .bc-front {
    transform: rotateY(180deg);
} */

/* .bc-item:hover .bc-back,
.bc-item.flip .bc-back {
    transform: rotateY(0deg);
} */

/* .bc-item .bc-back {
    transform: rotateY(-180deg);
} */

.bc-item .bc-front,
.bc-item .bc-back {
	border-radius:20px;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
-webkit-backface-visibility:hidden;
    backface-visibility: hidden;
} 
/* START all coupons containing CSS "coupon-flex" are the new coupons for the redesign of Dec 2022*/

.coupon-flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  list-style: none !important;
  align-items: stretch;
  align-content: stretch;
  padding:0 !important;
  margin:0 !important;
}
.coupon-flex-item {
  flex-grow: 1;
  background: #ffffff;
  border-radius:20px;
  padding: 10px;
  margin: 10px;
  width: 200px;
  font-family: arial;
  font-size: 1em;
  text-align: center;
  border:solid 7px #cccccc;
}
.coupon-flex-exclusive {
  border-color:#f57a01;
  color: #f57a01;
}
.coupon-flex-featured {
  border-color:#598526;
  color: #598526;
}
.coupon-flex-coupon {
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-end;
  align-content: space-between;
  padding:0;
  margin:0;
  height:100%;
}
.coupon-flex-coupon div {
  width: 100%;
}
.coupon-flex-type {
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
}
.coupon-flex-title {
  font-size: 1.7em;
  font-weight: bold;
  margin:10px;
  color: #f57a01;
}
.coupon-flex-description {
  font-size: 1.2em;
  color: #f57a01;
}
.coupon-flex-code {
  color:#555555;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.6;
  margin-top:5px;
}
.coupon-flex-code span {
  font-weight: normal;
}
.coupon-flex-casino {
  color:#013567;
  font-size: 0.8em;
  font-weight: normal;
  font-style: italic;
  margin-top:10px;
}
.coupon-flex-coupon a {
  width: 80%;
  border-radius:50px;
  background: #0198CD;
  color:#ffffff;
  font-weight: bold;
  text-decoration: none;
  padding:15px 5px 15px 5px;
  margin:5px;
}
.coupon-flex-coupon a:hover {
  background: #013567;
}
/* END all coupons containing CSS "coupon-flex" are the new coupons for the redesign of Dec 2022*/