.review .common-btn{width: 260px;}
.review .info-list{margin: 0;}
/* rev element */
.box-table{background:#fff;border-radius:5px;border:1px solid #dbdbdb;padding:0;width:400px;max-width:100%;}
.box-table th{background:#006fa2;padding:10px;border-bottom:1px solid #016796;}
.box-table th:before{content:"#AD";font-size:12px;font-style:italic;position:absolute;color:#fff;margin-top:-2px;margin-left:2px;}
.box-table td{padding:5px;text-align:left;}
.box-table .cta_btn{width:190px;}
.bonus-link{font-size:14px;text-align:center;color:#3498db;font-weight:700;border-radius:0.25rem;text-decoration:none;}
.box-table tbody span:not(.btn){font-size:21px;text-align:left;}
.bonus-link:hover{background:#cddcff;}
.txt{font-size:16px;font-weight:700;}
tfoot{background:#dfdfdf;background:-webkit-linear-gradient(top, #dfdfdf 0%, #bfbfbf 100%);background:-o-linear-gradient(top, #dfdfdf 0%, #bfbfbf 100%);background:linear-gradient(to bottom, #dfdfdf 0%, #bfbfbf 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#bfbfbf',GradientType=0 );}
.table-review{margin:0 auto;width:400px;max-width:100%;}
.terms-rev{font-style:italic;font-size:11px;line-height:1.2;padding-top:5px;margin:0 auto;}
@media screen and (min-width: 992px){
    .box-table,.table-review,.terms-rev{float:left;}
}
/* horizontal simple table */
.casino-games{width:100%;background: #F5F6F9 0% 0% no-repeat padding-box;border-radius: 10px;}
.casino-games td{text-align:left;padding: 0.75rem 1rem;}
.casino-games tr:nth-child(1) td {padding-bottom: 1rem;}
.casino-games tr:nth-child(2) td {padding-top: 1rem;}
table.casino-games{font-size:18px;}
.tick.sm{width:33px;height:30px;transform:scale(0.7);background-position:-10px -393px;}
.tick.none-sm {width: 31px;height: 33px;transform: scale(0.7);background-position: -114px -404px;}
.casino-games .txt-xs{font-size:12px;     position: absolute;}
.casino-games a {color: var(--accent);}
@media screen and (min-width: 576px) and (max-width: 991px){
.casino-games tr{width:50%;float:left;}
}
@media screen and (max-width: 991px){
.review .table-responsive .common-tb{width: 991px;}
}

/*============================
NEW REVIEW DESIGN
=============================*/
.review-hero-section {
    background: transparent linear-gradient(154deg, #00296B 0%, #00509D 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
  }
  
  @media only screen and (min-width: 992px){
    article.review .inner-nav {
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      width: 100vw;
      height: 100%;
      margin-bottom: 30px;
      top: 0!important;
    }
    .review-hero-section .terms-rev {
      float: none;
    }
  }
  
  .review-hero-section h1 {
    color: #fff;
    font-size: 26px;
  }
  
  .bonus-section {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
  }
  
  .bonus-section::before {
    content: '';
    border-top: 1px solid var(--navigation-bg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  
  @media only screen and (max-width: 575px){
    .bonus-section .bonus-intro {
      padding: 25px 0;
    }
    .morelink.rev-more-less {
      display: flex;
      text-transform: uppercase;
      text-align: center;
      margin: 10px auto;
      float: none;
      justify-content: center;
      font-style: normal;
      position: relative;
    }
    .morelink.rev-more-less::before, .morelink.rev-more-less .less::before {
      content: '';
      background: var(--more-info) no-repeat;
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      transform: translateY(-50%);
      filter: invert(1);
      margin-right: 110px;
    }
    .morelink.rev-more-less.less::before {
      background: var(--less-info) no-repeat;
    }
  }
  
  .bonus-button {
    text-align: center;
  }
  
  .bonus-button .common-btn span::after {
    width: 15px;
    height: 15px;
  }
  
  .bonus-button .common-btn span {
    left: -7px;
  }
  
  .bonus-button .common-btn {
    width: 260px;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: bold;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;  
  }
  
  .bonus-intro {
    font-size: 30px;
    text-shadow: 0px 6px 6px #00000029;
    line-height: 3rem;
    text-align: center;
  }
  
  .accent-yellow {
    color: var(--big-cta-best-c);
    font-size: 50px;
    font-weight: bold;
  }
  
  @media only screen and (max-width: 767px){
    .bonus-section {
      flex-direction: column;
    }
    .bonus-intro {
      font-size: 28px;
      line-height: 2.5rem;
    }
    .accent-yellow {
      font-size: 35px;
    }
    .bonus-section::before {
      border-top: 2px solid #E5E9F0;
      opacity: 0.3;
    }
    .review-hero-section h1 {
      text-align: center;
    }
  }

  @media only screen and (max-width: 400px){
    .review-hero-section h1 {
      font-size: 24px;
    }
  }
  
  .review-hero-section #breadcrumbs a {
    color: #CCD4E1;
  }
  
  .review-hero-section #breadcrumbs li:last-child {
    color: #E5E9F0;
  }
  
  .brand-info {
    width: 175px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 auto;
  }
  
  .brand-details li {
    padding: 8px 2px;
    position: relative;
    display: flex;
  }
  
  .brand-details li span {
    display: inline;
    position: absolute;
    right: 0;
    font-weight: bold;
  }

  .brand-details li strong {
    margin-left: 5px;
  }
  
  .rev-logo {
    width: 180px;
    height: 70px;
  }
  
  .yes-icon, .no-icon, .no-wagering {
    display: inline-block;
    vertical-align: middle;
    background-position: 0 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 21px;
    height: 21px;
  }
  
  .no-wagering {
    background: url(/media/svg/no-wagering.svg) 0 0 no-repeat;
    transform: scale(1.5);
  }
  
  .yes-icon {
    background: url(/media/svg/yes-icon.svg) 0 0 no-repeat;
  }
  
  .no-icon {
    background: url(/media/svg/no-icon.svg) 0 0 no-repeat;
  }
  
  .em-box {
    background: #003F88 0% 0% no-repeat padding-box;
    border: 2px solid #FDC500;
    border-radius: 4px;
    position: relative;
    padding: 20px 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  
  .em-box .excl-box {
    position: absolute;
    left: -15px;
    top: -15px;
    width: 28px;
    height: 32px;
    background: url(/media/svg/alert-icon.svg) 0 0 no-repeat;
  }
  
  @media only screen and (max-width: 767px){
    .em-box .excl-box {
      top: -20px;
      left: 50%;
      -webkit-transform: translate(-50%,0);
      -ms-transform: translate(-50%,0);
      transform: translate(-50%,0);
    }
    .em-box p {
      text-align: center;
    }
  }
  
  .em-box p {
    margin-bottom: 0;
  }
  
  .em-box .home-btn {
    display: flex;
    align-items: center;
    text-transform: uppercase;
  }
  
  .bg-notver {
    background: #fff;
  }
  
  .not-ver-logo {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center!important;
    background-size: 90% 100%;
    background: url(/media/svg/not-ver-logo.svg) 0 0 no-repeat;
    color: #3F4040;
  }
  
  .notver-brand-name {
    font-size: 19px;
    font-weight: 900;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
  }
  
  .notver-brand-name span {
    font-size: 14px;
    font-weight: 800;
  }
  
  /* Registration steps section */
  
  .registration-steps-section {
    background: #E5F0FA 0% 0% no-repeat padding-box;
    color: var(--main-txt);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    padding: 1rem 0;
    margin: 1rem 0 1.5rem 0;
  }
  
  .reg-boxes {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  
  .reg-steps {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
  }
  
  .step-img {
    text-align: center;
  }
  
  .step-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 0;
  }
  
  h3.step-title {
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 0;
  }
  
  p.step-info {
    text-align: left;
    margin: 0;
  }
  
  .signup-btn {
    border-radius: 10px;
    font-size: 20px;
  }
  
  /* Games section */
  
  @media screen and (max-width: 768px) {
    .games-section {
      background: #F5F6F9 0% 0% no-repeat padding-box;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      width: 100vw;
      height: 100%;
    }
  }
  
  /* Details section */
  
  .details-table {
    width: 100%;
    margin: 10px auto;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--main-txt);
    font-size: 16px;
    text-align: center;
  }
  
  .details-table th {
    height: 62px;
    line-height: 62px;
    background: var(--navigation-bg);
    color: #fff;
    font-size: 15px;
  }
  
  .details-table th:first-child {
    border-top-left-radius: 4px;
  }
  
  .details-table th:first-child,.details-table td:first-child {
    width: 143px;
    z-index: 100;
  }
  
  .details-table th:first-child {  
    border-top-left-radius: 4px;
  }
  .details-table th:last-child {  
    border-top-right-radius: 4px;
  }
  .details-table th:last-child {
    width: 190px;
  }
  .details-table th > span {line-height: 1.2;vertical-align: middle;}
  .details-table tbody td {padding: 10px;}
  .details-table tbody td:first-child {border-left: 2px solid var(--navigation-bg);}
  .details-table tbody tr:last-child td:first-child {  border-bottom-left-radius: 4px;}
  .details-table tbody tr:last-child td:last-child {  border-bottom-right-radius: 4px;}
  .details-table tbody tr:last-child td {border-bottom: 2px solid var(--navigation-bg);}
  .details-table tbody td:last-child {border-right: 2px solid var(--navigation-bg);}
  .details-table tbody tr {box-shadow: 0px 3px 10px #00000029;}
  .details-table .yes-icon {width: 35px; height: 35px;}
  .details-table .mob-title {display: none;}
  
  @media screen and (max-width: 850px) {
    .details-table {
      border: 1px solid var(--navigation-bg);
      border-radius: 4px;
    }
    .details-table thead {
      display: none;
    }
    .details-table tbody td {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .details-table tbody tr:last-child td, .details-table tbody td:first-child, .details-table tbody td:last-child {border: none;}
    .details-table td:first-child {width: 100%;}
    .details-table .mob-title {
      font-size: 14px;
      font-style: italic;
      display: block;
    }
  }
  
  /* Authors verdict section */
  .author-section {
    background: rgba(229, 233, 240, 0.4);
    color: var(--main-txt);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    padding: 1rem 0;
    margin: 1rem 0 1.5rem 0;
  }
  
  .author-section h2 {
    text-align: center;
  }
  
  .author-name {
    text-align: left;
    font-weight: 600;
    font-size: 28px;
    padding-bottom: 20px;
  }
  
  .author-quote {
    background: var(--intro-home-bg);
    border-radius: 10px;
    padding: 30px;
  }
  
  .author-quote h3 {
    font-size: 30px;
    font-weight: bold;
  }
  
  .author-quote p {text-align: left;}
  
  .author-quote p:first-of-type::before, .author-quote p:last-of-type:after {
    content: '';
    position: absolute;
    width: 23px;
    height: 17px;
  }
  
  .author-quote p:first-of-type::before {
    background: url(/media/svg/quote.svg) 0 0 no-repeat;
    left: 30px;
  }
  .author-quote p:last-of-type:after {
    background: url(/media/svg/quote.svg) 0 0 no-repeat;
    transform: matrix(-1, 0, 0, -1, 0, 0);
    right: 30px;
  }
  
  @media screen and (max-width: 768px) {
    .author-quote p {
      text-align: center;
      padding: 5px;
    }
    .author-quote h3, .author-name, .author-name p {text-align: center;}
    .quote-box {
      padding-left: 0;
      padding-right: 0;
    }
    .author-quote {
      padding: 20px 30px;
    }
    .author-quote p:first-of-type:before {left: 10px;}
    .author-quote p:last-of-type::after {right: 10px;}
  }
  
  .review-info-table {
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    border: 3px solid #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 10px #00000029;
  }
  
  .info-table {
    background: #fff;
    padding: 0;
    max-width: 400px;
    width: 100%;
  }
  .info-table th {
    background: var(--navigation-bg);
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  
  .info-table tbody td {
    padding: 10px 2px;
  }
  
  .info-table tbody td:nth-child(1) {
    width: 110px;
  }
  
  .info-table tbody td:nth-child(2) {
    text-align: center;
  }
  
  .info-table tbody tr {
    border-bottom: 1px solid #E5E9F0;
  }
  
  .info-table .bonus-link {
    font-size: 20px;
    color: var(--main-txt);
  }
  
  .info-table .bonus-link .accent {
    font-size: 28px;
  }
  
  .info-table tfoot {
    background: var(--big-cta-border-c);
  }
  .info-table tfoot tr td {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  
  .review .info-table .cta_btn {
    width: 135px;
    font-size: 14px;
    text-transform: uppercase;
  }
  
  .payment-methods {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .payment-methods [class*="pay-"]{
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-position: center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 25px;
    margin-bottom: 5px;
    margin-right: 5px;
  }
  
  .pay-visa{background: var(--visa);}
  .pay-mastercard{background: var(--mastercard);}
  .pay-paypal{background: var(--paypal-full);}
  .pay-paysafecard{background: var(--paysafecard);}
  .pay-wire-transfer{background: var(--wire-transfer-no-border);}
  .pay-maestro{background: var(--maestro);}
  .pay-apple-pay{background: var(--apple-pay);}
  .pay-skrill{background: var(--skrill);}
  .pay-neteller{background: var(--neteller);}
  .pay-entropay{background: var(--entropay);}
  .pay-boku{background: var(--boku);}
  
  /* Other Reviews Table */
  .other-reviews-wrapper {
    border: 2px solid var(--navigation-bg);
      border-radius: 4px;
  }
  
  .other-revs-table thead {
    height: 50px;
    border: 2px solid var(--navigation-bg);
  }
  
  .other-revs-table th:first-child {
    border-top-left-radius: 4px;
  }
  
  .other-revs-table th:last-child {
    border-top-right-radius: 4px;
  }
  
  .other-revs-table tr:last-child td:first-child{
    border-top-right-radius: 4px;
  }
  
  .other-revs-table tbody tr:last-child {
    box-shadow: 0px 7px 10px #00000029;
  }
  
  .other-revs-table thead th, .other-revs-table td {border: none;}
  
  .other-revs-table tbody tr td:nth-child(2), .other-revs-table tbody tr td:nth-child(3), .other-revs-table tbody tr td:nth-child(4) {
    font-size: 19px;
  }
  .other-revs-table .mob-title {
    display: none;
  }
  
  @media screen and (min-width: 768px) {
  .review .common-btn.rev-tbl-btn {
    width: 135px;
  }
  .other-revs-table tbody tr td.ops-md {border-radius: unset!important;}
  .other-revs-table tbody tr td {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  }
  
  @media screen and (max-width: 767px) {
    .other-reviews-wrapper{
      max-width: 400px;
      margin: 0 auto;
    }
    .other-revs-table thead {
      display: none;
    }
    .other-revs-table tbody td {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .other-revs-table tbody td:first-child {
      width: 100%;
    }
    .other-revs-table tbody tr td, .other-revs-table tbody tr td:first-child {
      border:none;
    }
    .other-revs-table tbody tr td:first-child {
      padding-top: 10px;
    }
    .other-revs-table tbody tr td.bonus {
      border-top: 1px solid var(--navigation-bg);
      width: 90%;
      margin: 0 auto;
      display: block;
    }
    .other-revs-table .mob-title {
      font-size: 14px;
      font-style: italic;
      display: block;
    }
  }
/* Bonus Section */
.bonus-wrap {
    background: #E5E9F0 0% 0% no-repeat padding-box;
    color: var(--main-txt);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    padding: 1rem 0;
    margin: 1rem 0 1.5rem 0;
}
.bonus-wrap h3 {font-weight: bold; text-transform: uppercase;}
.bonus-wrap .common-btn {text-transform: uppercase;box-shadow: 0px 3px 10px #00000029;}
.bonus-wrap .img-bonus-text {
  position: absolute;
  left: 15px;
  bottom: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 1;
  text-shadow: 0px 3px 6px #0000006E;
  text-transform: uppercase;
  padding: 0 4px 6px;
}
.bonus-wrap .img-bonus-text .accent {
  color: #fff;
  font-size: 40px;
}
.bonus-wrap .row > div:nth-child(2) a {position: relative;}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .bonus-wrap .img-bonus-text {
    width: 70%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .bonus-wrap .img-bonus-text {
    bottom: 7%;
    line-height: 20px;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .bonus-wrap .img-bonus-text {
    padding: 0;
    bottom: 3%;
    left: 5%;
    line-height: 25px;
  }
}
@media screen and (max-width: 991px) {
  .bonus-wrap .img-bonus-text .accent {
    font-size: 32px;
  }
  .bonus-wrap .img-bonus-text {
    width: 80%;
  }
}
@media screen and (min-width: 992px) {
  .bonus-wrap .img-bonus-text {
      width: calc(100% - 150px);
  }
}
/* End Bonus Section */
/* Mobile Review Icons */
i[class*="-mobicon"] {
  display: inline-block;
  vertical-align: middle;
  background-position: 0 0;
  text-indent: -9999px;
  overflow: hidden;
  width: 21px;
  height: 21px;
}
.mobile-details li i {
  position: relative;
  left: 0;
  top: -2px;
  margin-right: 5px;
}
.apple-mobicon {background: url(/media/svg/apple.svg) 0 0 no-repeat;}
.android-mobicon {background: url(/media/svg/android.svg) 0 0 no-repeat;}
.responsive-mobicon {background: url(/media/svg/responsive.svg) 0 0 no-repeat;}
/* End Mobile Review Icons */
/* Phone box */
.phone-box-container {
  margin-bottom: 0 !important;
  position: relative;
}

.phone-box {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: url("/media/background-phone.webp") 0 0 no-repeat;
  background-size: contain;
  bottom: 0;
}

.phone-box img {
  position: absolute;
  bottom: 0;
  z-index: 1;
  margin: 0 auto;
}

@media only screen and (max-width: 539px) {
  .phone-box-container {
      min-height: 294px;
  }

  .phone-box {
      width: 338px;
      height: 294px;
      margin-bottom: 8px;
  }

  .phone-box img.left {
      left: 12px;
      width: 171px;
      height: 266px;
  }

  .phone-box img.right {
      right: 10px;
      width: 136px;
      height: 223px;
  }
}

@media only screen and (max-width: 320px) {
  .phone-box {
    width: 100%;
    height: 280px;
    margin-bottom: 0;
  }
  .phone-box img.left {
    left: 10px;
    width: 146px;
    height: 227px;
    top: 24px;
}

.phone-box img.right {
  right: 8px;
  width: 117px;
  height: 190px;
  top: 61px;
}
}

@media only screen and (min-width: 321px) and (max-width: 374px) {
  .phone-box {
    width: 300px;
    margin-bottom: 0;
  }
  .phone-box img.left {
    left: 11px;
    width: 151px;
    height: 237px;
    top: 25px;
}

.phone-box img.right {
  right: 8px;
  width: 122px;
  height: 200px;
  top: 62px;
}
}

@media only screen and (min-width: 540px) {
  .phone-box-container {
      min-height: 434px;
  }

  .phone-box {
      width: 497px;
      height: 434px;
      margin-bottom: 8px;
  }

  .phone-box  img.left {
      left: 18px;
      width: 251px;
      height: 393px;
  }

  .phone-box img.right {
      right: 14px;
      width: 200px;
      height: 329px;
  }
}